diff --git a/docs/use/getting-started/wallet-setup.md b/docs/use/getting-started/wallet-setup.md new file mode 100644 index 0000000..c28d78a --- /dev/null +++ b/docs/use/getting-started/wallet-setup.md @@ -0,0 +1 @@ +# Wallet Setup diff --git a/docs/use/intro.md b/docs/use/intro.md new file mode 100644 index 0000000..d1adfc9 --- /dev/null +++ b/docs/use/intro.md @@ -0,0 +1 @@ +# Using Zano diff --git a/docusaurus.config.js b/docusaurus.config.js index 2f1f9d9..74ecb82 100644 --- a/docusaurus.config.js +++ b/docusaurus.config.js @@ -1,24 +1,18 @@ -// @ts-check -// Note: type annotations allow type checking and IDEs autocompletion - const lightCodeTheme = require("prism-react-renderer/themes/github"); const darkCodeTheme = require("prism-react-renderer/themes/dracula"); /** @type {import('@docusaurus/types').Config} */ const config = { - title: "My Site", - tagline: "Dinosaurs are cool", + title: "Zano Docs", + tagline: "Blockchain privacy for mass adoption", favicon: "img/favicon.ico", - url: "https://your-docusaurus-test-site.com", + url: "https://zano-docs.pages.dev", baseUrl: "/", onBrokenLinks: "throw", onBrokenMarkdownLinks: "warn", - // Even if you don't use internalization, you can use this field to set useful - // metadata like html lang. For example, if your site is Chinese, you may want - // to replace "en" with "zh-Hans". i18n: { defaultLocale: "en", locales: ["en"], @@ -38,105 +32,147 @@ const config = { ], ], - themeConfig: - /** @type {import('@docusaurus/preset-classic').ThemeConfig} */ - ({ - // Replace with your project's social card - image: "img/docusaurus-social-card.jpg", - navbar: { - title: "Zano Documentation", - logo: { - alt: "Zano Logo", - src: "img/logo.svg", + themeConfig: { + image: "img/zano-social-card.png", + navbar: { + title: "Zano Docs", + logo: { + alt: "Zano Logo", + src: "img/logo_zano.svg", + }, + items: [ + { + type: "docSidebar", + sidebarId: "learnSidebar", + position: "left", + label: "Learn", }, - items: [ - { - type: "docSidebar", - sidebarId: "learnSidebar", - position: "left", - label: "Learn", - }, - { - type: "docSidebar", - sidebarId: "useSidebar", - position: "left", - label: "Use", - }, - { - type: "docSidebar", - sidebarId: "buildSidebar", - position: "left", - label: "Build", - }, - { - type: "docSidebar", - sidebarId: "mineSidebar", - position: "left", - label: "Mine", - }, - { - type: "docSidebar", - sidebarId: "stakeSidebar", - position: "left", - label: "Stake", - }, - { - href: "https://github.com/hyle-team/zano", - label: "GitHub", - position: "right", - }, - ], - }, - footer: { - style: "dark", - links: [ - { - title: "Docs", - items: [ - { - label: "Tutorial", - to: "/docs/use", - }, - ], - }, - { - title: "Community", - items: [ - { - label: "Stack Overflow", - href: "https://stackoverflow.com/questions/tagged/docusaurus", - }, - { - label: "Discord", - href: "https://discordapp.com/invite/docusaurus", - }, - { - label: "Twitter", - href: "https://twitter.com/docusaurus", - }, - ], - }, - { - title: "More", - items: [ - { - label: "Blog", - to: "/blog", - }, - { - label: "GitHub", - href: "https://github.com/facebook/docusaurus", - }, - ], - }, - ], - copyright: `Copyright © ${new Date().getFullYear()} Zano.org`, - }, - prism: { - theme: lightCodeTheme, - darkTheme: darkCodeTheme, - }, - }), + { + type: "docSidebar", + sidebarId: "useSidebar", + position: "left", + label: "Use", + }, + { + type: "docSidebar", + sidebarId: "buildSidebar", + position: "left", + label: "Build", + }, + { + type: "docSidebar", + sidebarId: "mineSidebar", + position: "left", + label: "Mine", + }, + { + type: "docSidebar", + sidebarId: "stakeSidebar", + position: "left", + label: "Stake", + }, + { + href: "https://github.com/hyle-team/zano", + label: "GitHub", + position: "right", + }, + ], + }, + footer: { + style: "dark", + links: [ + { + title: "Docs", + items: [ + { + label: "Learn", + to: "/docs/learn/intro", + }, + { + label: "Use", + to: "/docs/use/intro", + }, + { + label: "Build", + to: "/docs/use/intro", + }, + { + label: "Mine", + to: "/docs/use/intro", + }, + { + label: "Stake", + to: "/docs/use/intro", + }, + ], + }, + { + title: "Zano", + items: [ + { + label: "Homepage", + to: "https://new.zano.org", + }, + { + label: "Downloads", + to: "https://new.zano.org/downloads", + }, + { + label: "Blog", + to: "https://blog.zano.org", + }, + { + label: "Wrapped Zano", + to: "https://wrapped.zano.org", + }, + ], + }, + { + title: "Resources", + items: [ + { + label: "Explorer", + to: "https://explorer.zano.org", + }, + { + label: "Github", + to: "https://github.com/hyle-team/zano", + }, + ], + }, + { + title: "Community", + items: [ + { + label: "Discord", + to: "https://discord.gg/wE3rmYY", + }, + { + label: "Twitter", + to: "https://twitter.com/zano_project", + }, + { + label: "Telegram", + to: "https://t.me/zanocoin", + }, + { + label: "Youtube", + to: "https://www.youtube.com/@zanoproject", + }, + { + label: "Reddit", + to: "https://www.reddit.com/r/Zano", + }, + ], + }, + ], + copyright: `Copyright © ${new Date().getFullYear()} Zano.org`, + }, + prism: { + theme: lightCodeTheme, + darkTheme: darkCodeTheme, + }, + }, }; module.exports = config; diff --git a/sidebars.js b/sidebars.js index 5ea635f..0821960 100644 --- a/sidebars.js +++ b/sidebars.js @@ -8,11 +8,11 @@ const sidebars = { }, ], useSidebar: [ - "learn/intro", + "use/intro", { type: "category", - label: "Introduction", - items: ["learn/introduction/what-is-zano"], + label: "Getting Started", + items: ["use/getting-started/wallet-setup"], }, ], buildSidebar: [ diff --git a/src/components/Buttons/Buttons.jsx b/src/components/Buttons/Buttons.jsx index 1f5a42c..5fc2a1e 100644 --- a/src/components/Buttons/Buttons.jsx +++ b/src/components/Buttons/Buttons.jsx @@ -1,7 +1,23 @@ import React from "react"; +import Link from "@docusaurus/Link"; + +const buttons = [ + { + text: "Users", + link: "docs/use/intro", + }, +]; + +const Button = ({ text, link }) => {text}; const Buttons = () => { - return
A list of buttons
; + return ( +
+ {buttons.map((button) => ( +
+ ); }; export default Buttons; diff --git a/src/css/custom.css b/src/css/custom.css index 2bc6a4c..19d9850 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -1,30 +1,22 @@ -/** - * Any CSS included here will be global. The classic template - * bundles Infima by default. Infima is a CSS framework designed to - * work well for content-centric websites. - */ - -/* You can override the default Infima variables here. */ :root { - --ifm-color-primary: #2e8555; - --ifm-color-primary-dark: #29784c; - --ifm-color-primary-darker: #277148; - --ifm-color-primary-darkest: #205d3b; - --ifm-color-primary-light: #33925d; - --ifm-color-primary-lighter: #359962; - --ifm-color-primary-lightest: #3cad6e; + --ifm-color-primary: #274cff; + --ifm-color-primary-dark: #203dd0; + --ifm-color-primary-darker: #192eaa; + --ifm-color-primary-darkest: #111f85; + --ifm-color-primary-light: #4a5dff; + --ifm-color-primary-lighter: #6d70ff; + --ifm-color-primary-lightest: #9093ff; --ifm-code-font-size: 95%; --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1); } -/* For readability concerns, you should choose a lighter palette in dark mode. */ -[data-theme='dark'] { - --ifm-color-primary: #25c2a0; - --ifm-color-primary-dark: #21af90; - --ifm-color-primary-darker: #1fa588; - --ifm-color-primary-darkest: #1a8870; - --ifm-color-primary-light: #29d5b0; - --ifm-color-primary-lighter: #32d8b4; - --ifm-color-primary-lightest: #4fddbf; +[data-theme="dark"] { + --ifm-color-primary: #4a5dff; + --ifm-color-primary-dark: #3647e0; + --ifm-color-primary-darker: #2733c1; + --ifm-color-primary-darkest: #1a1f92; + --ifm-color-primary-light: #6d70ff; + --ifm-color-primary-lighter: #8083ff; + --ifm-color-primary-lightest: #a3a6ff; --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3); } diff --git a/src/pages/index.module.css b/src/pages/index.module.css deleted file mode 100644 index 9f71a5d..0000000 --- a/src/pages/index.module.css +++ /dev/null @@ -1,23 +0,0 @@ -/** - * CSS files with the .module.css suffix will be treated as CSS modules - * and scoped locally. - */ - -.heroBanner { - padding: 4rem 0; - text-align: center; - position: relative; - overflow: hidden; -} - -@media screen and (max-width: 996px) { - .heroBanner { - padding: 2rem; - } -} - -.buttons { - display: flex; - align-items: center; - justify-content: center; -} diff --git a/static/img/docusaurus-social-card.jpg b/static/img/docusaurus-social-card.jpg deleted file mode 100644 index ffcb448..0000000 Binary files a/static/img/docusaurus-social-card.jpg and /dev/null differ diff --git a/static/img/docusaurus.png b/static/img/docusaurus.png deleted file mode 100644 index f458149..0000000 Binary files a/static/img/docusaurus.png and /dev/null differ diff --git a/static/img/favicon.ico b/static/img/favicon.ico index c01d54b..a008097 100644 Binary files a/static/img/favicon.ico and b/static/img/favicon.ico differ diff --git a/static/img/logo_zano.svg b/static/img/logo_zano.svg new file mode 100644 index 0000000..b3b9c69 --- /dev/null +++ b/static/img/logo_zano.svg @@ -0,0 +1,36 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/static/img/undraw_docusaurus_mountain.svg b/static/img/undraw_docusaurus_mountain.svg deleted file mode 100644 index af961c4..0000000 --- a/static/img/undraw_docusaurus_mountain.svg +++ /dev/null @@ -1,171 +0,0 @@ - - Easy to Use - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/static/img/undraw_docusaurus_react.svg b/static/img/undraw_docusaurus_react.svg deleted file mode 100644 index 94b5cf0..0000000 --- a/static/img/undraw_docusaurus_react.svg +++ /dev/null @@ -1,170 +0,0 @@ - - Powered by React - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/static/img/undraw_docusaurus_tree.svg b/static/img/undraw_docusaurus_tree.svg deleted file mode 100644 index d9161d3..0000000 --- a/static/img/undraw_docusaurus_tree.svg +++ /dev/null @@ -1,40 +0,0 @@ - - Focus on What Matters - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/static/img/zano-social-card.png b/static/img/zano-social-card.png new file mode 100644 index 0000000..4e6beae Binary files /dev/null and b/static/img/zano-social-card.png differ