feat: implement responsive landing page (#5)

* feat: implement responsive landing page
gemini-testing · Jun 15, 2024 · 52f5135 · 52f5135
1 parent bb92a86
commit 52f5135
Show file tree

Hide file tree

Showing 53 changed files with 3,003 additions and 255 deletions.
diff --git a/.storybook/preview.ts b/.storybook/preview.ts
@@ -1,6 +1,6 @@
 import type { Preview } from "@storybook/react";
 
-import "../src/scss/custom.css";
+import "../src/scss/custom.scss";
 
 const preview: Preview = {
     parameters: {

diff --git a/docusaurus.config.ts b/docusaurus.config.ts
@@ -2,6 +2,7 @@ import { themes as prismThemes } from "prism-react-renderer";
 import type { Config } from "@docusaurus/types";
 import type * as Preset from "@docusaurus/preset-classic";
 import { tailwindPlugin } from "./plugins/tailwind";
+import { svgFixDuplicateIdsPlugin } from "./plugins/svg-fix";
 
 const config: Config = {
     title: "Testplane Docs",
@@ -18,7 +19,8 @@ const config: Config = {
     organizationName: "gemini-testing",
     projectName: "testplane-docs",
 
-    onBrokenLinks: "throw",
+    // TODO: set to throw once we start adding actual docs pages
+    onBrokenLinks: "warn",
     onBrokenMarkdownLinks: "warn",
 
     i18n: {
@@ -47,30 +49,39 @@ const config: Config = {
                     editUrl: "https://github.com/gemini-testing/testplane-docs/tree/main/blog/",
                 },
                 theme: {
-                    customCss: "./src/scss/custom.css",
+                    customCss: "./src/scss/custom.scss",
                 },
             } satisfies Preset.Options,
         ],
     ],
 
     themeConfig: {
+        colorMode: {
+            disableSwitch: true,
+        },
         image: "img/docusaurus-social-card.jpg",
         navbar: {
             title: "testplane",
-            logo: {
-                alt: "Testplane Logo",
-                src: "img/logo.svg",
-            },
             items: [
                 {
                     type: "docSidebar",
                     sidebarId: "mainSidebar",
                     position: "left",
-                    label: "Tutorial",
+                    label: "Docs",
+                },
+                { to: "/blog", label: "Blog", position: "left" },
+                {
+                    type: "docsVersionDropdown",
+                    position: "right",
+                    dropdownItemsAfter: [{ to: "/versions", label: "All versions" }],
+                    dropdownActiveClassDisabled: true,
+                },
+                {
+                    type: "localeDropdown",
+                    position: "right",
                 },
-                { to: "#", label: "Blog", position: "left" },
                 {
-                    href: "https://github.com/facebook/docusaurus",
+                    href: "https://github.com/gemini-testing/testplane",
                     label: "GitHub",
                     position: "right",
                 },
@@ -80,50 +91,71 @@ const config: Config = {
             style: "dark",
             links: [
                 {
-                    title: "Docs",
+                    title: "Quickstart",
                     items: [
                         {
-                            label: "Configuration",
+                            label: "Installation",
                             to: "#",
                         },
                         {
-                            label: "Events",
+                            label: "Writing your first tests",
                             to: "#",
                         },
                         {
-                            label: "API reference",
+                            label: "Why testplane?",
                             to: "#",
                         },
                     ],
                 },
                 {
-                    title: "Community",
+                    title: "Core concepts",
                     items: [
                         {
-                            label: "GitHub",
-                            href: "https://github.com/gemini-testing/testplane",
+                            label: "Browser commands",
+                            href: "#",
                         },
                         {
-                            label: "Stack Overflow",
-                            href: "https://stackoverflow.com/questions/tagged/testplane",
+                            label: "Testplane config",
+                            href: "#",
+                        },
+                        {
+                            label: "Testplane UI",
+                            href: "#",
                         },
                     ],
                 },
                 {
-                    title: "More",
+                    title: "Customization",
                     items: [
                         {
-                            label: "Releases",
-                            to: "https://github.com/gemini-testing/testplane/releases",
+                            label: "Custom commands",
+                            href: "#",
                         },
                         {
-                            label: "Installation",
+                            label: "Plugins and reporters",
+                            href: "#",
+                        },
+                        {
+                            label: "Usage in CI",
+                            href: "#",
+                        },
+                    ],
+                },
+                {
+                    title: "Resources",
+                    items: [
+                        {
+                            label: "Docs",
                             href: "#",
                         },
                         {
-                            label: "First tests with testplane",
+                            label: "Blog",
                             href: "#",
                         },
+                        {
+                            label: "Changelog",
+                            to: "#",
+                        },
                     ],
                 },
             ],
@@ -135,7 +167,7 @@ const config: Config = {
         },
     } satisfies Preset.ThemeConfig,
 
-    plugins: ["docusaurus-plugin-sass", tailwindPlugin],
+    plugins: ["docusaurus-plugin-sass", tailwindPlugin, svgFixDuplicateIdsPlugin],
 };
 
 export default config;
diff --git a/eslint.config.mjs b/eslint.config.mjs
@@ -54,5 +54,10 @@ export default tseslint.config(
             "no-unused-vars",
         ]),
     },
+    {
+        rules: {
+            "react/prop-types": 0,
+        },
+    },
     prettier,
 );