diff --git a/docs/.vitepress/config.mjs b/docs/.vitepress/config.mjs index cc8e0f5..170539c 100644 --- a/docs/.vitepress/config.mjs +++ b/docs/.vitepress/config.mjs @@ -15,6 +15,11 @@ export default defineConfig({ // } }, + sitemap: { + hostname: 'https://docs.phyrepanel.com', + lastmodDateOnly: false + }, + lang: 'en-US', title: "Phyre Panel", description: "Phyre Panel - Documentation", @@ -24,7 +29,7 @@ export default defineConfig({ provider: 'local' }, - logo: 'phyre-logo-icon.svg', + logo: '/phyre-logo-icon.svg', // https://vitepress.dev/reference/default-theme-config nav: [ { text: 'Home', link: '/' }, diff --git a/docs/.vitepress/theme/style.css b/docs/.vitepress/theme/style.css index d63aee8..216ad0f 100644 --- a/docs/.vitepress/theme/style.css +++ b/docs/.vitepress/theme/style.css @@ -8,7 +8,7 @@ * * Each colors have exact same color scale system with 3 levels of solid * colors with different brightness, and 1 soft color. - * + * * - `XXX-1`: The most solid color used mainly for colored text. It must * satisfy the contrast ratio against when used on top of `XXX-soft`. * @@ -44,15 +44,21 @@ * -------------------------------------------------------------------------- */ :root { + + --vp-c-yellow-1: #fcd535; + --vp-c-yellow-2: #fcd535; + --vp-c-yellow-3: #f8bd20; + --vp-c-yellow-soft: #fcd535; + --vp-c-default-1: var(--vp-c-gray-1); --vp-c-default-2: var(--vp-c-gray-2); --vp-c-default-3: var(--vp-c-gray-3); --vp-c-default-soft: var(--vp-c-gray-soft); - --vp-c-brand-1: var(--vp-c-indigo-1); - --vp-c-brand-2: var(--vp-c-indigo-2); - --vp-c-brand-3: var(--vp-c-indigo-3); - --vp-c-brand-soft: var(--vp-c-indigo-soft); + --vp-c-brand-1: var(--vp-c-yellow-1); + --vp-c-brand-2: var(--vp-c-yellow-2); + --vp-c-brand-3: var(--vp-c-yellow-3); + --vp-c-brand-soft: var(--vp-c-yellow-soft); --vp-c-tip-1: var(--vp-c-brand-1); --vp-c-tip-2: var(--vp-c-brand-2); @@ -94,14 +100,14 @@ --vp-home-hero-name-color: transparent; --vp-home-hero-name-background: -webkit-linear-gradient( 120deg, - #bd34fe 30%, - #41d1ff + #f8bd20 30%, + #f8bd20 ); --vp-home-hero-image-background-image: linear-gradient( -45deg, - #bd34fe 50%, - #47caff 50% + rgba(248, 189, 32, 0.12) 50%, + rgba(248, 189, 32, 0.12) 50% ); --vp-home-hero-image-filter: blur(44px); } diff --git a/docs/index.md b/docs/index.md index 5ac123d..cd58495 100644 --- a/docs/index.md +++ b/docs/index.md @@ -8,18 +8,52 @@ hero: tagline: "Don't waste time setting up your server, use Phyre Control Panel to get started quickly." actions: - theme: brand - text: Markdown Examples - link: /markdown-examples + text: Install + link: /introduction/installation - theme: alt - text: API Examples - link: /api-examples + text: Documentation + link: /introduction/getting-started + - theme: alt + text: GitHub + link: https://github.com/PhyreApps/PhyrePanel + image: /phyre-logo-icon.svg features: - - title: Feature A - details: Lorem ipsum dolor sit amet, consectetur adipiscing elit - - title: Feature B - details: Lorem ipsum dolor sit amet, consectetur adipiscing elit - - title: Feature C - details: Lorem ipsum dolor sit amet, consectetur adipiscing elit + - icon: 🔒 + title: Secure + details: PhyrePanel is designed with security in mind, with features like linux user separation. + + - icon: 🎉 + title: Easy to Use + details: PhyrePanel is designed to be easy to use, with a simple and clean interface. + + - icon: 🌐 + title: Open Source + details: PhyrePanel is open source, so you can modify it to suit your needs. + + - icon: 🚀 + title: Fast + details: PhyrePanel is designed to be fast, with a minimalistic design. + + - icon: 🎨 + title: Customizable + details: PhyrePanel is designed to be customizable, with a plugin system. + + - icon: 📱 + title: Modern + details: PhyrePanel is designed to be modern, with a clean and simple design. + + - icon: 💰 + title: Free + details: PhyrePanel is free to use, with no restrictions. + + - icon: 🌍 + title: Community + details: PhyrePanel has a community of users and developers who can help you. + + - icon: 🛠️ + title: Support + details: PhyrePanel has a support system to help you with any issues you may have. + --- diff --git a/docs/public/dashboard.png b/docs/public/dashboard.png new file mode 100644 index 0000000..e6f93d3 Binary files /dev/null and b/docs/public/dashboard.png differ diff --git a/docs/public/phyre-logo-icon.svg b/docs/public/phyre-logo-icon.svg index 9e4e48a..20a606a 100644 --- a/docs/public/phyre-logo-icon.svg +++ b/docs/public/phyre-logo-icon.svg @@ -1,14 +1,28 @@ - + + - + + + +