diff --git a/docs/blog/2019-05-28-first-blog-post.md b/docs/blog/2019-05-28-first-blog-post.md deleted file mode 100644 index 02f3f81..0000000 --- a/docs/blog/2019-05-28-first-blog-post.md +++ /dev/null @@ -1,12 +0,0 @@ ---- -slug: first-blog-post -title: First Blog Post -authors: - name: Gao Wei - title: Docusaurus Core Team - url: https://github.com/wgao19 - image_url: https://github.com/wgao19.png -tags: [hola, docusaurus] ---- - -Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet diff --git a/docs/blog/2019-05-29-long-blog-post.md b/docs/blog/2019-05-29-long-blog-post.md deleted file mode 100644 index 26ffb1b..0000000 --- a/docs/blog/2019-05-29-long-blog-post.md +++ /dev/null @@ -1,44 +0,0 @@ ---- -slug: long-blog-post -title: Long Blog Post -authors: endi -tags: [hello, docusaurus] ---- - -This is the summary of a very long blog post, - -Use a `` comment to limit blog post size in the list view. - - - -Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet - -Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet - -Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet - -Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet - -Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet - -Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet - -Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet - -Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet - -Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet - -Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet - -Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet - -Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet - -Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet - -Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet - -Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet - -Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet diff --git a/docs/blog/2021-08-01-mdx-blog-post.mdx b/docs/blog/2021-08-01-mdx-blog-post.mdx deleted file mode 100644 index c04ebe3..0000000 --- a/docs/blog/2021-08-01-mdx-blog-post.mdx +++ /dev/null @@ -1,20 +0,0 @@ ---- -slug: mdx-blog-post -title: MDX Blog Post -authors: [slorber] -tags: [docusaurus] ---- - -Blog posts support [Docusaurus Markdown features](https://docusaurus.io/docs/markdown-features), such as [MDX](https://mdxjs.com/). - -:::tip - -Use the power of React to create interactive blog posts. - -```js - -``` - - - -::: diff --git a/docs/blog/2021-08-26-welcome/docusaurus-plushie-banner.jpeg b/docs/blog/2021-08-26-welcome/docusaurus-plushie-banner.jpeg deleted file mode 100644 index 11bda09..0000000 Binary files a/docs/blog/2021-08-26-welcome/docusaurus-plushie-banner.jpeg and /dev/null differ diff --git a/docs/blog/2021-08-26-welcome/index.md b/docs/blog/2021-08-26-welcome/index.md deleted file mode 100644 index 9455168..0000000 --- a/docs/blog/2021-08-26-welcome/index.md +++ /dev/null @@ -1,25 +0,0 @@ ---- -slug: welcome -title: Welcome -authors: [slorber, yangshun] -tags: [facebook, hello, docusaurus] ---- - -[Docusaurus blogging features](https://docusaurus.io/docs/blog) are powered by the [blog plugin](https://docusaurus.io/docs/api/plugins/@docusaurus/plugin-content-blog). - -Simply add Markdown files (or folders) to the `blog` directory. - -Regular blog authors can be added to `authors.yml`. - -The blog post date can be extracted from filenames, such as: - -- `2019-05-30-welcome.md` -- `2019-05-30-welcome/index.md` - -A blog post folder can be convenient to co-locate blog post images: - -![Docusaurus Plushie](./docusaurus-plushie-banner.jpeg) - -The blog supports tags as well! - -**And if you don't want a blog**: just delete this directory, and use `blog: false` in your Docusaurus config. diff --git a/docs/blog/authors.yml b/docs/blog/authors.yml deleted file mode 100644 index bcb2991..0000000 --- a/docs/blog/authors.yml +++ /dev/null @@ -1,17 +0,0 @@ -endi: - name: Endilie Yacop Sucipto - title: Maintainer of Docusaurus - url: https://github.com/endiliey - image_url: https://github.com/endiliey.png - -yangshun: - name: Yangshun Tay - title: Front End Engineer @ Facebook - url: https://github.com/yangshun - image_url: https://github.com/yangshun.png - -slorber: - name: Sébastien Lorber - title: Docusaurus maintainer - url: https://sebastienlorber.com - image_url: https://github.com/slorber.png diff --git a/docs/docs/getting-started.md b/docs/docs/getting-started.md index 65e65fb..00a58d1 100644 --- 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 index e9fc299..b52bda3 100644 --- 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 new file mode 100644 index 0000000..bf2a1dc --- /dev/null +++ b/docs/src/components/DownloadSections/index.tsx @@ -0,0 +1,23 @@ +import styles from "./styles.module.css"; + +export default function DownloadSections(): JSX.Element { + return ( +
+
+
+
+ +
+
+ +
+
+ +
+
+
+
+ ); +} diff --git a/docs/src/components/DownloadSections/styles.module.css b/docs/src/components/DownloadSections/styles.module.css new file mode 100644 index 0000000..8081232 --- /dev/null +++ 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 index 2bc1829..e7e9928 100644 --- 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 new file mode 100644 index 0000000..518f95a --- /dev/null +++ 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 ( + +
+ +
+ + ); +} diff --git a/docs/src/pages/index.module.css b/docs/src/pages/index.module.css index 9f71a5d..70beeda 100644 --- 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 index 238f1a4..3774897 100644 --- a/docs/src/pages/index.tsx +++ b/docs/src/pages/index.tsx @@ -26,6 +26,12 @@ function HomepageHeader() { > Quick start + + Download + @@ -33,11 +39,10 @@ function HomepageHeader() { } export default function Home(): JSX.Element { - const { siteConfig } = useDocusaurusContext(); return (
diff --git a/docs/static/img/logo.svg b/docs/static/img/logo.svg index 9db6d0d..428d384 100644 --- a/docs/static/img/logo.svg +++ b/docs/static/img/logo.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/frontend/tailwind.config.js b/frontend/tailwind.config.js index 86c718c..e2bf59d 100644 --- 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) / )", - "on-primary": - "rgb(var(--color-on-primary, 255 255 255) / )", - secondary: "rgb(var(--color-secondary, 74 99 99) / )", - "on-secondary": - "rgb(var(--color-on-secondary, 255 255 255) / )", - tertiary: "rgb(var(--color-tertiary, 75 96 124) / )", - "on-tertiary": - "rgb(var(--color-on-tertiary, 255 255 255) / )", - error: "rgb(var(--color-error, 186 26 26) / )", - "on-error": "rgb(var(--color-on-error, 255 255 255) / )", - surface: "rgb(var(--color-surface, 250 253 252) / )", - "on-surface": "rgb(var(--color-on-surface, 25 28 28) / )", - outline: "rgb(var(--color-outline, 111 121 121) / )", - }, - }, - }, };