From 022fafd3fdd0516a6b8219bb1d0336ecefb10bbb Mon Sep 17 00:00:00 2001 From: Dorian Niemiec Date: Mon, 29 Jul 2024 20:15:44 +0200 Subject: [PATCH 01/16] Update package-lock.json --- package-lock.json | 45 +++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 45 insertions(+) diff --git a/package-lock.json b/package-lock.json index 43ea265..2819aec 100644 --- a/package-lock.json +++ b/package-lock.json @@ -14,6 +14,7 @@ "@radix-ui/react-dropdown-menu": "^2.0.6", "@radix-ui/react-label": "^2.1.0", "@radix-ui/react-navigation-menu": "^1.1.4", + "@radix-ui/react-separator": "^1.1.0", "@radix-ui/react-slot": "^1.1.0", "@radix-ui/react-toast": "^1.2.1", "@radix-ui/themes": "^3.0.5", @@ -2348,6 +2349,50 @@ } } }, + "node_modules/@radix-ui/react-separator": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/@radix-ui/react-separator/-/react-separator-1.1.0.tgz", + "integrity": "sha512-3uBAs+egzvJBDZAzvb/n4NxxOYpnspmWxO2u5NbZ8Y6FM/NdrGSF9bop3Cf6F6C71z1rTSn8KV0Fo2ZVd79lGA==", + "dependencies": { + "@radix-ui/react-primitive": "2.0.0" + }, + "peerDependencies": { + "@types/react": "*", + "@types/react-dom": "*", + "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", + "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" + }, + "peerDependenciesMeta": { + "@types/react": { + "optional": true + }, + "@types/react-dom": { + "optional": true + } + } + }, + "node_modules/@radix-ui/react-separator/node_modules/@radix-ui/react-primitive": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.0.0.tgz", + "integrity": "sha512-ZSpFm0/uHa8zTvKBDjLFWLo8dkr4MBsiDLz0g3gMUwqgLHz9rTaRRGYDgvZPtBJgYCBKXkS9fzmoySgr8CO6Cw==", + "dependencies": { + "@radix-ui/react-slot": "1.1.0" + }, + "peerDependencies": { + "@types/react": "*", + "@types/react-dom": "*", + "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", + "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" + }, + "peerDependenciesMeta": { + "@types/react": { + "optional": true + }, + "@types/react-dom": { + "optional": true + } + } + }, "node_modules/@radix-ui/react-slider": { "version": "1.1.2", "resolved": "https://registry.npmjs.org/@radix-ui/react-slider/-/react-slider-1.1.2.tgz", From 2b24b774c41c840d6df561d490e6abfec78659e8 Mon Sep 17 00:00:00 2001 From: Dorian Niemiec Date: Mon, 29 Jul 2024 20:41:01 +0200 Subject: [PATCH 02/16] Fix bug with page going all the way to top, while toggling mobile navigation menu. --- app/(root)/layout.tsx | 2 +- app/globals.css | 2 -- 2 files changed, 1 insertion(+), 3 deletions(-) diff --git a/app/(root)/layout.tsx b/app/(root)/layout.tsx index c8a4234..05ff627 100644 --- a/app/(root)/layout.tsx +++ b/app/(root)/layout.tsx @@ -40,7 +40,7 @@ export default function PageLayout({ return (
-
{children}
+
{children}
); diff --git a/app/globals.css b/app/globals.css index 95a8b23..578b422 100644 --- a/app/globals.css +++ b/app/globals.css @@ -6,12 +6,10 @@ html { height: 100%; width: 100%; font-family: "Poppins", sans-serif; - overflow-x: hidden; } body { user-select: text; - overflow-x: clip; } * { From 8e1b93721a58599ab3e49904ede3086e0c93247b Mon Sep 17 00:00:00 2001 From: Dorian Niemiec Date: Mon, 29 Jul 2024 20:43:07 +0200 Subject: [PATCH 03/16] Replace one
tag with
tag, and removed a
tag, that wrapped prior
tag;
tag specifies the main content of a document, and there must not be more than one
tag! --- app/(root)/layout.tsx | 4 ++-- app/layout.tsx | 2 +- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/app/(root)/layout.tsx b/app/(root)/layout.tsx index 05ff627..cbcd0f5 100644 --- a/app/(root)/layout.tsx +++ b/app/(root)/layout.tsx @@ -38,10 +38,10 @@ export default function PageLayout({ children: React.ReactNode; }) { return ( -
+
{children}
-
+
); } diff --git a/app/layout.tsx b/app/layout.tsx index b2a35a9..d723b8e 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -30,7 +30,7 @@ export default function RootLayout({ disableTransitionOnChange > -
{children}
+ {children} From 2bf2d3036bf6e8bcf987f6290930c21ed2190f6f Mon Sep 17 00:00:00 2001 From: Dorian Niemiec Date: Mon, 29 Jul 2024 20:45:51 +0200 Subject: [PATCH 04/16] Make older browsers not show a horizontal scroll bar, because of the header --- components/shared/Navbar.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/components/shared/Navbar.tsx b/components/shared/Navbar.tsx index 3df247b..9e2f815 100644 --- a/components/shared/Navbar.tsx +++ b/components/shared/Navbar.tsx @@ -20,7 +20,7 @@ const Navbar = () => {
{/* LOGO LEFT NAVBAR */} - + From 3e4468161c265b05e6412d2fa98dace3e52fb27a Mon Sep 17 00:00:00 2001 From: Dorian Niemiec Date: Mon, 29 Jul 2024 20:47:20 +0200 Subject: [PATCH 05/16] Remove "bg-primary" Tailwind class from the "Simplify" word in the heading in the hero section, that will be overridden by gradient-related Tailwind class anyway. --- components/shared/Hero.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/components/shared/Hero.tsx b/components/shared/Hero.tsx index da2d13c..d4b94ea 100644 --- a/components/shared/Hero.tsx +++ b/components/shared/Hero.tsx @@ -65,7 +65,7 @@ const Hero = () => {

- + Simplify {" "} your server logic performance From 5c56c4580dd227e42e2c1d991084dbff1091bd01 Mon Sep 17 00:00:00 2001 From: Dorian Niemiec Date: Mon, 29 Jul 2024 20:49:07 +0200 Subject: [PATCH 06/16] Make the image in the About section correct size for older browsers. --- components/shared/About.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/components/shared/About.tsx b/components/shared/About.tsx index fad7e17..4099412 100644 --- a/components/shared/About.tsx +++ b/components/shared/About.tsx @@ -12,7 +12,7 @@ const About = () => { alt="aboutpicture" width={300} height={300} - className="w-[300px] object-contain rounded-lg" + className="w-[300px] object-contain rounded-lg flex-shrink-0" />
From a97d64ded5f436af89d9b29f5a9e2afac92e87cd Mon Sep 17 00:00:00 2001 From: Dorian Niemiec Date: Mon, 29 Jul 2024 20:50:10 +0200 Subject: [PATCH 07/16] Change the background color of the footer in the light mode from Zinc 100 to Zinc 50, in order for the hover effect in social media icons to be visible. --- components/shared/Footer.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/components/shared/Footer.tsx b/components/shared/Footer.tsx index 5a77660..78e8dd2 100644 --- a/components/shared/Footer.tsx +++ b/components/shared/Footer.tsx @@ -9,7 +9,7 @@ const Footer = () => { const currentYear = new Date().getFullYear(); return ( <> -
+
From a354ae5de0a7b176a18c17b59bb621c20593dac8 Mon Sep 17 00:00:00 2001 From: Dorian Niemiec Date: Mon, 29 Jul 2024 21:02:58 +0200 Subject: [PATCH 08/16] Improve accessibility in the navigation bar; direct child of rendered
    element are now only
  • elements. --- components/shared/Navbar.tsx | 42 ++++++++++++++++++++---------------- 1 file changed, 23 insertions(+), 19 deletions(-) diff --git a/components/shared/Navbar.tsx b/components/shared/Navbar.tsx index 9e2f815..d34688d 100644 --- a/components/shared/Navbar.tsx +++ b/components/shared/Navbar.tsx @@ -28,27 +28,31 @@ const Navbar = () => { {/* Mobile view */} - + + + {/* Desktop Menu */} - + + + -
    + {NAVBAR.rightLinks?.map(({ href = "", label, target }) => ( { ))} -
    +

From bf731b363d66cbe5a487b1bfe52ebb19b887ee85 Mon Sep 17 00:00:00 2001 From: Dorian Niemiec Date: Mon, 29 Jul 2024 21:04:44 +0200 Subject: [PATCH 09/16] Improve accessibility in testimonials section; rendered
  • elements are now in
      element. --- components/shared/Testimonials.tsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/components/shared/Testimonials.tsx b/components/shared/Testimonials.tsx index ef0a7d8..d2a8e90 100644 --- a/components/shared/Testimonials.tsx +++ b/components/shared/Testimonials.tsx @@ -86,7 +86,7 @@ const Testimonials = () => { -
      +
        {testimonials.map((testimonial, idx) => ( { key={idx} /> ))} -
      +
    ); }; From 7ad120cd8d0fa6589db9f3959da4bee9455ac484 Mon Sep 17 00:00:00 2001 From: Dorian Niemiec Date: Mon, 29 Jul 2024 21:09:37 +0200 Subject: [PATCH 10/16] Improve the accessibility of Linux and Docker buttons. --- components/shared/Hero.tsx | 2 ++ 1 file changed, 2 insertions(+) diff --git a/components/shared/Hero.tsx b/components/shared/Hero.tsx index d4b94ea..5aa4693 100644 --- a/components/shared/Hero.tsx +++ b/components/shared/Hero.tsx @@ -127,6 +127,7 @@ const Hero = () => { viewBox="0 0 448 512" fill="none" > + Linux { viewBox="0 0 50 50" fill="none" > + Docker Date: Mon, 29 Jul 2024 21:11:00 +0200 Subject: [PATCH 11/16] Improve the accessiblity of SVR.JS logo in the navigation bar. --- components/shared/Navbar.tsx | 1 + 1 file changed, 1 insertion(+) diff --git a/components/shared/Navbar.tsx b/components/shared/Navbar.tsx index d34688d..cb0b581 100644 --- a/components/shared/Navbar.tsx +++ b/components/shared/Navbar.tsx @@ -23,6 +23,7 @@ const Navbar = () => { + SVR.JS From 207958e0f7a9788811675a9947534bb495244a17 Mon Sep 17 00:00:00 2001 From: Dorian Niemiec Date: Mon, 29 Jul 2024 21:14:09 +0200 Subject: [PATCH 12/16] Improve the accessiblity of mobile menu toggle, and theme toggle. --- components/shared/MobileNav.tsx | 1 + components/ui/theme-toggle.tsx | 1 + 2 files changed, 2 insertions(+) diff --git a/components/shared/MobileNav.tsx b/components/shared/MobileNav.tsx index a84b835..09b6cc8 100644 --- a/components/shared/MobileNav.tsx +++ b/components/shared/MobileNav.tsx @@ -19,6 +19,7 @@ const MobileNav = () => { + Menu diff --git a/components/ui/theme-toggle.tsx b/components/ui/theme-toggle.tsx index 1e7ba8c..738b688 100644 --- a/components/ui/theme-toggle.tsx +++ b/components/ui/theme-toggle.tsx @@ -30,6 +30,7 @@ const ThemeToggle = () => { className="md:border-input border-transparent" onClick={handleTheme} > + Toggle theme From 1c8c71da47b9a2df368b48016161a65105b14e21 Mon Sep 17 00:00:00 2001 From: Dorian Niemiec Date: Mon, 29 Jul 2024 21:23:44 +0200 Subject: [PATCH 13/16] Fix the hydration error related to elements in element; elements don't belong in elements! --- components/shared/Hero.tsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/components/shared/Hero.tsx b/components/shared/Hero.tsx index 5aa4693..25a34b5 100644 --- a/components/shared/Hero.tsx +++ b/components/shared/Hero.tsx @@ -120,6 +120,7 @@ const Hero = () => { variant={"ghost"} onClick={() => handleButtonClick("linux")} > + Linux { viewBox="0 0 448 512" fill="none" > - Linux { variant={"ghost"} onClick={() => handleButtonClick("docker")} > + Docker { viewBox="0 0 50 50" fill="none" > - Docker Date: Mon, 29 Jul 2024 21:25:29 +0200 Subject: [PATCH 14/16] Make text below "Accelerate your development" header smaller for mobile devices. --- components/shared/HowItWorks.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/components/shared/HowItWorks.tsx b/components/shared/HowItWorks.tsx index 5e73a1a..15c5404 100644 --- a/components/shared/HowItWorks.tsx +++ b/components/shared/HowItWorks.tsx @@ -11,7 +11,7 @@ const HowItWorks = () => { development -

    +

    Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.

    From 700fdba7b89ba8ac9d2b142b6e97c277932a08e7 Mon Sep 17 00:00:00 2001 From: Dorian Niemiec Date: Mon, 29 Jul 2024 21:27:27 +0200 Subject: [PATCH 15/16] Make the "Process to setting up a WordPress website running on SVR.JS" text in the "SVRJS in action" section smaller --- components/shared/Partners.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/components/shared/Partners.tsx b/components/shared/Partners.tsx index c6d3c48..0c381a0 100644 --- a/components/shared/Partners.tsx +++ b/components/shared/Partners.tsx @@ -23,7 +23,7 @@ const Partners = () => {
    -

    +

    Process of setting up a WordPress website running on SVR.JS.