Built rough structure using Solid-nextjs template. #2
There are no files selected for viewing
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,3 @@ | ||
| { | ||
| "plugins": ["prettier-plugin-tailwindcss"] | ||
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change | ||||
|---|---|---|---|---|---|---|
| @@ -1,2 +1,5 @@ | ||||||
| # usb-tree.github.io | ||||||
|
|
||||||
| Project Website for usb-tree | ||||||
|
|
||||||
| [Built using the Solid-Next.js template.](https://nextjstemplates.com/templates/solid) | ||||||
|
There was a problem hiding this comment.
Suggested change
|
||||||
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,34 @@ | ||
| import { Metadata } from "next"; | ||
| import Link from "next/link"; | ||
|
|
||
| export const metadata: Metadata = { | ||
| title: "Error Page - USB Tree", | ||
|
|
||
| // other metadata | ||
| description: "This is Error page for USB Tree", | ||
| }; | ||
|
|
||
| export default function ErrorPage() { | ||
| return ( | ||
| <section className="overflow-hidden pt-45 pb-25 lg:pt-50 lg:pb-32.5 xl:pt-55 xl:pb-37.5"> | ||
| <div className="mx-auto max-w-[518px] text-center"> | ||
| <img src="/images/shape/404.svg" alt="404" className="mx-auto mb-7.5" /> | ||
|
|
||
| <h2 className="mb-5 text-2xl font-semibold text-black md:text-4xl dark:text-white"> | ||
| This Page Does Not Exist | ||
| </h2> | ||
| <p className="mb-7.5"> | ||
| The page you were looking for appears to have been moved, deleted or | ||
| does not exist. | ||
| </p> | ||
|
|
||
| <Link | ||
| href="/" | ||
| className="hover:bg-blackho dark:bg-btndark dark:hover:bg-blackho inline-flex items-center gap-2.5 rounded-full bg-black px-6 py-3 font-medium text-white duration-300 ease-in-out" | ||
| > | ||
| Return to Home | ||
| </Link> | ||
| </div> | ||
| </section> | ||
| ); | ||
| } | ||
|
Comment on lines
+11
to
+34
There was a problem hiding this comment. 
This file appears unused, you seem to be missing some configuration somewhere? There was a problem hiding this comment. |
||
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change | ||||
|---|---|---|---|---|---|---|
| @@ -0,0 +1,13 @@ | ||||||
| export default function Head() { | ||||||
| return ( | ||||||
| <> | ||||||
| <title> USB Tree - The USB device tree viewer and monitor.</title> | ||||||
|
There was a problem hiding this comment.
Suggested change
|
||||||
| <meta content="width=device-width, initial-scale=1" name="viewport" /> | ||||||
| <meta | ||||||
| name="description" | ||||||
| content="USB Tree - A free, open-source desktop app for Windows and Linux. View connected USB devices in a tree structure and monitor real-time connection changes." | ||||||
| /> | ||||||
| <link rel="icon" href="/images/favicon.ico" /> | ||||||
| </> | ||||||
| ); | ||||||
| } | ||||||
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,32 @@ | ||
| "use client"; | ||
|
|
||
| import Footer from "@/components/Footer"; | ||
| import Header from "@/components/Header"; | ||
| import Lines from "@/components/Lines"; | ||
| import ScrollToTop from "@/components/ScrollToTop"; | ||
| import { ThemeProvider } from "next-themes"; | ||
| import { Inter } from "next/font/google"; | ||
| import "@/app/globals.css"; | ||
|
|
||
| const inter = Inter({ subsets: ["latin"] }); | ||
|
|
||
| export default function RootLayout({ | ||
| children, | ||
| }: { | ||
| children: React.ReactNode; | ||
| }) { | ||
| return ( | ||
| // suppressHydrationWarning is for dark mode support (next-themes). | ||
| <html lang="en" suppressHydrationWarning> | ||
AOzmond marked this conversation as resolved.
Show resolved
Hide resolved
|
||
| <body className={`dark:bg-black ${inter.className}`}> | ||
| <ThemeProvider attribute="class"> | ||
| <Lines /> | ||
| <Header /> | ||
| {children} | ||
| <Footer /> | ||
| <ScrollToTop /> | ||
| </ThemeProvider> | ||
| </body> | ||
| </html> | ||
| ); | ||
| } | ||
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,24 @@ | ||
| import { Metadata } from "next"; | ||
| import Hero from "@/components/Hero"; | ||
| import Feature from "@/components/Features"; | ||
| import Download from "@/components/Download"; | ||
| import Contact from "@/components/Contact"; | ||
|
|
||
| export const metadata: Metadata = { | ||
| title: "USB Tree - The USB device tree viewer and monitor.", | ||
|
|
||
|
|
||
| // other metadata | ||
| description: | ||
| "USB Tree - A free, open-source desktop app for Windows and Linux. View connected USB devices in a tree structure and monitor real-time connection changes.", | ||
| }; | ||
|
|
||
| export default function Home() { | ||
| return ( | ||
| <main> | ||
| <Hero /> | ||
| <Download /> | ||
| <Feature /> | ||
| <Contact /> | ||
| </main> | ||
| ); | ||
| } | ||
|
There was a problem hiding this comment. What's the difference between these two files: 
|
Binary file not shown.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,26 +1,192 @@ | ||
| @import "tailwindcss"; | ||
|
|
||
| @custom-variant dark (&:is(.dark *)); | ||
|
|
||
| @theme { | ||
| --font-*: initial; | ||
| --font-inter: Inter, sans-serif; | ||
|
|
||
| --color-current: currentColor; | ||
| --color-transparent: transparent; | ||
| --color-stroke: #eeeeee; | ||
| --color-strokedark: #2d2f40; | ||
| --color-hoverdark: #252a42; | ||
| --color-titlebg: #adfff8; | ||
| --color-titlebg2: #ffeac2; | ||
| --color-titlebgdark: #46495a; | ||
| --color-btndark: #292e45; | ||
| --color-white: #ffffff; | ||
| --color-black: #181c31; | ||
| --color-blackho: #2c3149; | ||
| --color-blacksection: #1c2136; | ||
| --color-primary: #006bff; | ||
| --color-primaryho: #0063ec; | ||
| --color-meta: #20c5a8; | ||
| --color-waterloo: #757693; | ||
| --color-manatee: #999aa1; | ||
| --color-alabaster: #fbfbfb; | ||
| --color-zumthor: #edf5ff; | ||
| --color-socialicon: #d1d8e0; | ||
|
|
||
| --text-metatitle: 12px, 20px; | ||
| --text-sectiontitle: 14px, 22px; | ||
| --text-regular: 16px, 26px; | ||
| --text-metatitle3: 18px, 26px; | ||
| --text-metatitle2: 20px, 32px; | ||
| --text-para2: 22px, 35px; | ||
| --text-itemtitle: 26px, 32px; | ||
| --text-itemtitle2: 24px, 32px; | ||
| --text-hero: 48px; | ||
| --text-sectiontitle3: 44px, 55px; | ||
| --text-sectiontitle2: 40px, 52px; | ||
| --text-sectiontitle4: 34px, 48px; | ||
|
|
||
| --container-c-1390: 86.875rem; | ||
| --container-c-1315: 82.188rem; | ||
| --container-c-1280: 80rem; | ||
| --container-c-1235: 77.188rem; | ||
| --container-c-1154: 72.125rem; | ||
| --container-c-1016: 63.5rem; | ||
|
|
||
| --z-index-1: 1; | ||
| --z-index-999: 999; | ||
| --z-index-99999: 99999; | ||
|
|
||
| --transition-property-width: width; | ||
|
|
||
| --shadow-solid-l: 0px 10px 120px 0px rgba(45, 74, 170, 0.1); | ||
| --shadow-solid-2: 0px 2px 10px rgba(122, 135, 167, 0.05); | ||
| --shadow-solid-3: 0px 6px 90px rgba(8, 14, 40, 0.04); | ||
| --shadow-solid-4: 0px 6px 90px rgba(8, 14, 40, 0.1); | ||
| --shadow-solid-5: 0px 8px 24px rgba(45, 74, 170, 0.08); | ||
| --shadow-solid-6: 0px 8px 24px rgba(10, 16, 35, 0.08); | ||
| --shadow-solid-7: 0px 30px 50px rgba(45, 74, 170, 0.1); | ||
| --shadow-solid-8: 0px 12px 120px rgba(45, 74, 170, 0.06); | ||
| --shadow-solid-9: 0px 12px 30px rgba(45, 74, 170, 0.06); | ||
| --shadow-solid-10: 0px 8px 30px rgba(45, 74, 170, 0.06); | ||
| --shadow-solid-11: 0px 6px 20px rgba(45, 74, 170, 0.05); | ||
| --shadow-solid-12: 0px 2px 10px rgba(0, 0, 0, 0.05); | ||
| --shadow-solid-13: 0px 2px 19px rgba(0, 0, 0, 0.05); | ||
|
|
||
| --animate-line1: line 3s linear infinite; | ||
| --animate-line2: line 6s linear infinite; | ||
| --animate-line3: line 9s linear infinite; | ||
|
|
||
| @keyframes line { | ||
| 0%, | ||
| 100% { | ||
| transform: translateY(100%); | ||
| } | ||
| 50% { | ||
| transform: translateY(0); | ||
| } | ||
| } | ||
| } | ||
|
|
||
| /* | ||
| The default border color has changed to `currentcolor` in Tailwind CSS v4, | ||
| so we've added these compatibility styles to make sure everything still | ||
| looks the same as it did with Tailwind CSS v3. | ||
|
|
||
| If we ever want to remove these styles, we need to add an explicit border | ||
| color utility to any element that depends on these defaults. | ||
| */ | ||
| @layer base { | ||
| *, | ||
| ::after, | ||
| ::before, | ||
| ::backdrop, | ||
| ::file-selector-button { | ||
| border-color: var(--color-gray-200, currentcolor); | ||
| } | ||
| } | ||
|
|
||
| @utility dropdown { | ||
| @apply border-stroke shadow-solid-13 dark:border-strokedark xl:before:border-stroke xl:dark:before:border-strokedark -left-7.5 mt-2 hidden min-w-max flex-col gap-4 rounded-md border bg-white px-8 py-5 duration-300 ease-in xl:invisible xl:absolute xl:mt-0 xl:flex xl:w-[250px] xl:translate-y-10 xl:opacity-0 xl:group-hover:visible xl:group-hover:translate-y-6.5 xl:group-hover:opacity-100 xl:before:absolute xl:before:-top-1.5 xl:before:left-10 xl:before:h-3 xl:before:w-3 xl:before:rotate-45 xl:before:border-t xl:before:border-l xl:before:bg-white dark:bg-black xl:dark:before:bg-black; | ||
| } | ||
|
|
||
| @utility no-scrollbar { | ||
| /* Chrome, Safari and Opera */ | ||
| &::-webkit-scrollbar { | ||
| display: none; | ||
| } | ||
| -ms-overflow-style: none; /* IE and Edge */ | ||
| scrollbar-width: none; /* Firefox */ | ||
| } | ||
|
|
||
| @utility img-white { | ||
| filter: invert(0%) sepia(96%) saturate(15%) hue-rotate(249deg) | ||
| brightness(100%) contrast(105%); | ||
| } | ||
|
|
||
| @layer base { | ||
| body { | ||
| @apply font-inter text-regular text-waterloo dark:text-manatee relative z-1 font-normal; | ||
| } | ||
| } | ||
|
|
||
| pre { | ||
| @apply bg-strokedark relative mb-2 rounded-lg px-4 py-2; | ||
| } | ||
| .prism-copy-button { | ||
| @apply text-primary absolute top-2 right-2 h-[26px] rounded-sm bg-white px-4; | ||
| } | ||
|
|
||
| .active-tab { | ||
| @apply bg-stroke dark:bg-blackho text-black dark:text-white; | ||
| } | ||
|
|
||
| .text-body { | ||
| color: var(--color-black); | ||
| &:is(.dark *) { | ||
| color: var(--color-zumthor); | ||
| } | ||
| } | ||
|
|
||
| .highlight { | ||
| background-color: #193cb8; | ||
| color: var(--color-white); | ||
| transition: background-color 0.3s ease; | ||
|
|
||
| &:hover { | ||
| background-color: var(--color-titlebg2); | ||
| } | ||
|
|
||
| &:is(.dark *) { | ||
| background-color: #193cb8; | ||
|
|
||
| color: var(--color-white); | ||
|
|
||
| &:hover { | ||
| background-color: var(--color-titlebgdark); | ||
| } | ||
| } | ||
| } | ||
|
|
||
| .skill { | ||
| background-color: var(--color-socialicon); | ||
| &:is(.dark *) { | ||
| background-color: var(--color-blackho); | ||
| } | ||
| } | ||
|
|
||
| .footer-link { | ||
| text-decoration: underline; | ||
| color: var(--color-black); | ||
|
|
||
| &:hover { | ||
| color: var(--color-primary); | ||
| } | ||
| &:is(.dark *) { | ||
| color: var(--color-white); | ||
| &:hover { | ||
| color: var(--color-primary); | ||
| } | ||
| } | ||
| } | ||
|
|
||
| .img-svg-link { | ||
| &:hover { | ||
| filter: invert(0.5) sepia(1) saturate(5) hue-rotate(175deg); | ||
| } | ||
| } |
Oops, something went wrong.
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Uh oh!
There was an error while loading. Please reload this page.