chore: website
@ -60,7 +60,7 @@ const config: Config = {
|
|||||||
title: 'Noi',
|
title: 'Noi',
|
||||||
logo: {
|
logo: {
|
||||||
alt: 'Noi Logo',
|
alt: 'Noi Logo',
|
||||||
src: 'img/noi.png',
|
src: 'readme/noi.png',
|
||||||
},
|
},
|
||||||
items: [
|
items: [
|
||||||
// {
|
// {
|
||||||
@ -84,7 +84,7 @@ const config: Config = {
|
|||||||
},
|
},
|
||||||
footer: {
|
footer: {
|
||||||
style: 'dark',
|
style: 'dark',
|
||||||
copyright: `Copyright © ${new Date().getFullYear()} <a target="_blank" href="https://github.com/nofwl">NoFWL</a>.`,
|
copyright: `Copyright © ${new Date().getFullYear()} <a target="_blank" href="https://github.com/lencx">lencx</a>.`,
|
||||||
},
|
},
|
||||||
prism: {
|
prism: {
|
||||||
theme: prismThemes.github,
|
theme: prismThemes.github,
|
||||||
|
@ -18,7 +18,7 @@
|
|||||||
--ifm-color-primary-lighter: #359962;
|
--ifm-color-primary-lighter: #359962;
|
||||||
--ifm-color-primary-lightest: #3cad6e;
|
--ifm-color-primary-lightest: #3cad6e;
|
||||||
--ifm-code-font-size: 95%;
|
--ifm-code-font-size: 95%;
|
||||||
--docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
|
--docusaurus-highlighted-code-line-bg: rgba(45, 45, 45, 0.1);
|
||||||
--ifm-navbar-background-color: rgba(250, 247, 245, 0.9);
|
--ifm-navbar-background-color: rgba(250, 247, 245, 0.9);
|
||||||
--ifm-background-color: #fff;
|
--ifm-background-color: #fff;
|
||||||
}
|
}
|
||||||
@ -32,8 +32,8 @@
|
|||||||
--ifm-color-primary-light: #29d5b0;
|
--ifm-color-primary-light: #29d5b0;
|
||||||
--ifm-color-primary-lighter: #32d8b4;
|
--ifm-color-primary-lighter: #32d8b4;
|
||||||
--ifm-color-primary-lightest: #4fddbf;
|
--ifm-color-primary-lightest: #4fddbf;
|
||||||
--docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
|
--docusaurus-highlighted-code-line-bg: rgba(45, 45, 45, 0.1);
|
||||||
--ifm-navbar-background-color: rgba(39, 41, 53, 0.9);
|
--ifm-navbar-background-color: rgba(46, 47, 54, 0.1);
|
||||||
}
|
}
|
||||||
|
|
||||||
.navbar--fixed-top {
|
.navbar--fixed-top {
|
||||||
@ -47,3 +47,7 @@
|
|||||||
.navbar-sidebar {
|
.navbar-sidebar {
|
||||||
backdrop-filter: blur(6px) saturate(1.5);
|
backdrop-filter: blur(6px) saturate(1.5);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.navbar__title {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
@ -2,36 +2,58 @@
|
|||||||
import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
|
import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
|
||||||
import Layout from '@theme/Layout';
|
import Layout from '@theme/Layout';
|
||||||
|
|
||||||
|
const noiVersion = '0.2.1';
|
||||||
|
|
||||||
export default function Home(): JSX.Element {
|
export default function Home(): JSX.Element {
|
||||||
const {siteConfig} = useDocusaurusContext();
|
const {siteConfig} = useDocusaurusContext();
|
||||||
return (
|
return (
|
||||||
<Layout
|
<Layout
|
||||||
title="Home"
|
title="Home"
|
||||||
description={siteConfig.tagline}
|
description={siteConfig.tagline}
|
||||||
|
wrapperClassName="bg-amber-200/30 dark:bg-slate-700/50"
|
||||||
>
|
>
|
||||||
<main className="p-10 text-center bg-amber-200/30 dark:bg-slate-700/50">
|
<main className="p-10 text-center max-w-[960px] m-auto">
|
||||||
<h1 className="font-bold">Noi</h1>
|
<h1 className="font-bold">Noi</h1>
|
||||||
<p className="text-md font-bold mb-10">{siteConfig.tagline}</p>
|
<p className="text-md font-bold mb-10">{siteConfig.tagline}</p>
|
||||||
<div className="flex justify-center gap-10">
|
<div className="flex gap-10 justify-center items-end flex-row max-w-[560px] m-auto">
|
||||||
<div>
|
<div className="flex flex-col items-center gap-1 basis-1/3">
|
||||||
<img src="/img/apple-logo.svg" className="w-24 h-24 mx-auto mb-4" />
|
<img src="/os/apple-logo.svg" className="w-[40px] sm:w-[60px]" />
|
||||||
<p>macOS</p>
|
<div className="font-bold">macOS</div>
|
||||||
|
<div className="flex gap-2 justify-center">
|
||||||
|
<a href={`https://github.com/lencx/Noi/releases/download/v${noiVersion}/Noi_macos_${noiVersion}.dmg`}>x64</a>
|
||||||
|
<a href={`https://github.com/lencx/Noi/releases/download/v${noiVersion}/Noi_macos_${noiVersion}-arm64.dmg`}>arm64</a>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div className="flex flex-col items-center gap-1 basis-1/3">
|
||||||
<img src="/img/windows-logo.png" className="w-24 h-24 mx-auto mb-4" />
|
<img src="/os/windows-logo.png" className="w-[40px] sm:w-[60px]" />
|
||||||
<p>Windows</p>
|
<div className="font-bold">Windows</div>
|
||||||
|
<div className="flex gap-2 justify-center">
|
||||||
|
<a href={`https://github.com/lencx/Noi/releases/download/v${noiVersion}/Noi-win32-x64-${noiVersion}-setup.exe`}>x64</a>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div className="flex flex-col items-center gap-1 basis-1/3">
|
||||||
<img src="/img/linux-logo.png" className="w-24 h-24 mx-auto mb-4" />
|
<img src="/os/linux-logo.png" className="w-[40px] sm:w-[60px]" />
|
||||||
<p>Linux</p>
|
<div className="font-bold">Linux</div>
|
||||||
|
<div className="flex gap-2 justify-center">
|
||||||
|
<a href={`https://github.com/lencx/Noi/releases/download/v0.2.1/Noi_linux_0.2.1.AppImage`}>AppImage</a>
|
||||||
|
<a href={`https://github.com/lencx/Noi/releases/download/v0.2.1/noi_linux_amd64_0.2.1.deb`}>amd64.deb</a>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<p className="font-bold text-red-500">Note: Final preparations for release are underway, please stay tuned.</p>
|
<h2 className="mt-5">Preview</h2>
|
||||||
|
<div className="grid sm:grid-cols-1 lg:grid-cols-2 gap-4 max-w-[960px] m-auto">
|
||||||
|
<img className="rounded-lg shadow-lg" src="/readme/noi-theme-dark.png" />
|
||||||
|
<img className="rounded-lg shadow-lg" src="/readme/noi-theme-light.png" />
|
||||||
|
<img className="rounded-lg shadow-lg" src="/readme/noi-batch-ask.png" />
|
||||||
|
<img className="rounded-lg shadow-lg" src="/readme/noi-settings-prompts.png" />
|
||||||
|
</div>
|
||||||
|
|
||||||
<div className="grid sm:grid-cols-1 lg:grid-cols-2 gap-4">
|
<h2 className="mt-5">FAQ</h2>
|
||||||
<img className="rounded-lg shadow-lg mb-4" src="/img/noi-preview-1.png" />
|
<div className="text-left">
|
||||||
<img className="rounded-lg shadow-lg" src="/img/noi-preview-2.png" />
|
<h3>macOS</h3>
|
||||||
|
<p>If you encounter the error message "Noi" is damaged and can't be opened. You should move it to the Trash. while installing software on macOS, it may be due to security settings restrictions in macOS. To solve this problem, please try the following command in Terminal:</p>
|
||||||
|
<code className="px-2">xattr -cr /Applications/Noi.app</code>
|
||||||
</div>
|
</div>
|
||||||
</main>
|
</main>
|
||||||
</Layout>
|
</Layout>
|
||||||
|
Before Width: | Height: | Size: 829 KiB |
Before Width: | Height: | Size: 639 KiB |
Before Width: | Height: | Size: 64 KiB |
Before Width: | Height: | Size: 778 B After Width: | Height: | Size: 778 B |
Before Width: | Height: | Size: 8.1 KiB After Width: | Height: | Size: 8.1 KiB |
Before Width: | Height: | Size: 959 B After Width: | Height: | Size: 959 B |
BIN
website/static/readme/mac-install-error.png
Normal file
After Width: | Height: | Size: 168 KiB |
BIN
website/static/readme/noi-batch-ask.png
Normal file
After Width: | Height: | Size: 1.2 MiB |
BIN
website/static/readme/noi-settings-prompts.png
Normal file
After Width: | Height: | Size: 960 KiB |
BIN
website/static/readme/noi-theme-dark.png
Normal file
After Width: | Height: | Size: 1.6 MiB |
BIN
website/static/readme/noi-theme-light.png
Normal file
After Width: | Height: | Size: 908 KiB |
BIN
website/static/readme/noi.png
Normal file
After Width: | Height: | Size: 59 KiB |