update docs

lerte · Apr 16, 2024 · 1267134 · 1267134
1 parent 5001cbc
commit 1267134
Show file tree

Hide file tree

Showing 16 changed files with 73 additions and 155 deletions.
diff --git a/docs/blog/2019-05-28-first-blog-post.md b/docs/blog/2019-05-28-first-blog-post.md
diff --git a/docs/blog/2019-05-29-long-blog-post.md b/docs/blog/2019-05-29-long-blog-post.md
diff --git a/docs/blog/2021-08-01-mdx-blog-post.mdx b/docs/blog/2021-08-01-mdx-blog-post.mdx
diff --git a/docs/blog/2021-08-26-welcome/docusaurus-plushie-banner.jpeg b/docs/blog/2021-08-26-welcome/docusaurus-plushie-banner.jpeg
diff --git a/docs/blog/2021-08-26-welcome/index.md b/docs/blog/2021-08-26-welcome/index.md
diff --git a/docs/blog/authors.yml b/docs/blog/authors.yml
diff --git a/docs/docs/getting-started.md b/docs/docs/getting-started.md
@@ -8,6 +8,6 @@ Zroker is a gui client for zrok.
 
 ## Installation
 
-- Download the latest release from [GitHub](https://github.com/lerte/zroker/releases/latest).
+- [Download](/download) the app.
 - Open the app.
 - [Invite](/docs/invite) your email.
diff --git a/docs/docusaurus.config.ts b/docs/docusaurus.config.ts
@@ -66,14 +66,9 @@ const config: Config = {
           type: "docSidebar",
           sidebarId: "tutorialSidebar",
           position: "left",
-          label: "Tutorial",
-        },
-        { to: "/blog", label: "Blog", position: "left" },
-        {
-          href: "https://github.com/lerte/zroker/releases",
-          label: "Download",
-          position: "left",
+          label: "Docs",
         },
+        { to: "/download", label: "Download", position: "left" },
         {
           position: "right",
           className: "header-github-link",
@@ -89,8 +84,16 @@ const config: Config = {
           title: "Docs",
           items: [
             {
-              label: "Tutorial",
-              to: "/docs/intro",
+              label: "Invite",
+              to: "/docs/invite",
+            },
+            {
+              label: "Enable",
+              to: "/docs/enable",
+            },
+            {
+              label: "Overview",
+              to: "/docs/overview",
             },
           ],
         },
@@ -111,8 +114,8 @@ const config: Config = {
           title: "More",
           items: [
             {
-              label: "Blog",
-              to: "/blog",
+              label: "Download",
+              to: "/download",
             },
             {
               label: "Ngroker",

diff --git a/docs/src/components/DownloadSections/index.tsx b/docs/src/components/DownloadSections/index.tsx
@@ -0,0 +1,23 @@
+import styles from "./styles.module.css";
+
+export default function DownloadSections(): JSX.Element {
+  return (
+    <section className={styles.downloads}>
+      <div className="container">
+        <div className="row">
+          <div className="col col--4 text--center">
+            <button className="button button--lg button--success">
+              Windows
+            </button>
+          </div>
+          <div className="col col--4 text--center">
+            <button className="button button--lg button--info">macOS</button>
+          </div>
+          <div className="col col--4 text--center">
+            <button className="button button--lg button--warning">Linux</button>
+          </div>
+        </div>
+      </div>
+    </section>
+  );
+}
diff --git a/docs/src/components/DownloadSections/styles.module.css b/docs/src/components/DownloadSections/styles.module.css
@@ -0,0 +1,6 @@
+.downloads {
+  display: flex;
+  align-items: center;
+  padding: 2rem 0;
+  width: 100%;
+}
diff --git a/docs/src/css/custom.css b/docs/src/css/custom.css
@@ -29,6 +29,10 @@
   --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
 }
 
+.main-wrapper {
+  justify-content: center;
+}
+
 .header-github-link::before {
   content: "";
   width: 24px;

diff --git a/docs/src/pages/download.tsx b/docs/src/pages/download.tsx
@@ -0,0 +1,15 @@
+import Layout from "@theme/Layout";
+import DownloadSections from "@site/src/components/DownloadSections";
+
+export default function Download(): JSX.Element {
+  return (
+    <Layout
+      title="Download"
+      description="download zroker app"
+    >
+      <main>
+        <DownloadSections />
+      </main>
+    </Layout>
+  );
+}
diff --git a/docs/src/pages/index.module.css b/docs/src/pages/index.module.css
@@ -17,6 +17,7 @@
 }
 
 .buttons {
+  gap: 2rem;
   display: flex;
   align-items: center;
   justify-content: center;

diff --git a/docs/src/pages/index.tsx b/docs/src/pages/index.tsx
@@ -26,18 +26,23 @@ function HomepageHeader() {
           >
             Quick start
           </Link>
+          <Link
+            className="button button--info button--lg"
+            to="/download"
+          >
+            Download
+          </Link>
         </div>
       </div>
     </header>
   );
 }
 
 export default function Home(): JSX.Element {
-  const { siteConfig } = useDocusaurusContext();
   return (
     <Layout
-      title={`${siteConfig.title}`}
-      description="Description will go into a meta tag in <head />"
+      title="zrok gui clinet"
+      description="open source, writen in wails"
     >
       <HomepageHeader />
       <main>

diff --git a/docs/static/img/logo.svg b/docs/static/img/logo.svg
diff --git a/frontend/tailwind.config.js b/frontend/tailwind.config.js
@@ -6,26 +6,5 @@ module.exports = {
     "./components/**/*.{ts,tsx}",
     "./app/**/*.{ts,tsx}",
     "./src/**/*.{ts,tsx}",
-    "./node_modules/actify/dist/**/*.{js,ts,jsx,tsx}",
   ],
-  theme: {
-    extend: {
-      colors: {
-        primary: "rgb(var(--color-primary, 0 106 106) / <alpha-value>)",
-        "on-primary":
-          "rgb(var(--color-on-primary, 255 255 255) / <alpha-value>)",
-        secondary: "rgb(var(--color-secondary, 74 99 99) / <alpha-value>)",
-        "on-secondary":
-          "rgb(var(--color-on-secondary, 255 255 255) / <alpha-value>)",
-        tertiary: "rgb(var(--color-tertiary, 75 96 124) / <alpha-value>)",
-        "on-tertiary":
-          "rgb(var(--color-on-tertiary, 255 255 255) / <alpha-value>)",
-        error: "rgb(var(--color-error, 186 26 26) / <alpha-value>)",
-        "on-error": "rgb(var(--color-on-error, 255 255 255) / <alpha-value>)",
-        surface: "rgb(var(--color-surface, 250 253 252) / <alpha-value>)",
-        "on-surface": "rgb(var(--color-on-surface, 25 28 28) / <alpha-value>)",
-        outline: "rgb(var(--color-outline, 111 121 121) / <alpha-value>)",
-      },
-    },
-  },
 };