Rework the Serveex intro page and fix icon colors

This commit is contained in:
Djeex
2026-09-04 16:33:37 +02:00
parent a7b3880088
commit 1337fae991
7 changed files with 237 additions and 82 deletions
+146 -24
View File
@@ -15,9 +15,8 @@ navigation:
A big thanks to **Nipah** for sharing his infinite knowledge and, above all, for his patience.
::note
**Prerequisites:**
::note{icon=""}
📋 **Prerequisites:**
- Have [an online VPS](https://www.it-connect.fr/les-serveurs-prives-virtuels-vps-pour-les-debutants/) or a local machine: ideally a mini PC (you can find N100 models for around €100), but it also works on a laptop or [a virtual machine](https://openclassrooms.com/fr/courses/2035806-virtualisez-votre-architecture-et-vos-environnements-de-travail/6313946-installez-virtualbox). The [Freebox Delta/Ultra offer virtual machines](https://next.ink/3493/machines-virtuelles-et-freebox-delta-comment-heberger-votre-premiere-page-web/).
- Know how to configure [NAT rules on a router and assign DHCP leases](/general/networking/nat)
- Know how to configure the [DNS zone of a domain name](/general/networking/dns)
@@ -44,11 +43,25 @@ Install and configure Debian 13
Install Docker
::
::card{icon="i-carbon-container-registry" title="Container manager" to="/serveex/core/docker#installer-dockge-pour-gérer-et-déployer-les-conteneurs"}
::card
---
icon: i-carbon-container-registry
title: Container manager
to: "/serveex/core/docker#installer-dockge-pour-gérer-et-déployer-les-conteneurs"
ui:
icon: text-[#74C2FF]
---
Install and deploy Dockge
::
::card{icon="i-simple-icons-wireguard" title="VPN" to="/serveex/security/wireguard"}
::card
---
icon: i-simple-icons-wireguard
title: VPN
to: /serveex/security/wireguard
ui:
icon: text-[#88171A]
---
Install and deploy Wireguard
::
@@ -66,8 +79,12 @@ Expose your services with SWAG
::card-group
::card{icon="i-noto-key" title="SSO & MFA" to="/serveex/advanced/authentik"}
Install and deploy Authentik
::card{icon="i-noto-locked-with-key" title="Forward Auth" to="/serveex/security/tinyauth"}
Install and deploy TinyAuth
::
::card{icon="i-noto-identification-card" title="Passwordless SSO" to="/serveex/security/pocket-id"}
Install and deploy Pocket ID
::
::card{icon="i-logos-cloudflare-icon" title="Zero Trust" to="/serveex/security/cloudflare"}
@@ -82,11 +99,25 @@ Install and deploy Cloudflared
:::
::card-group
::card{icon="i-solar-pulse-linear" title="Service Status" to="/serveex/monitoring/uptime-kuma"}
::card
---
icon: i-solar-pulse-linear
title: Service Status
to: /serveex/monitoring/uptime-kuma
ui:
icon: text-[#5CDD8B]
---
Install and deploy Uptime-Kuma
::
::card{icon="i-lucide-logs" title="Log Management" to="/serveex/monitoring/dozzle"}
::card
---
icon: i-lucide-logs
title: Log Management
to: /serveex/monitoring/dozzle
ui:
icon: text-[#FFA600]
---
Install and deploy Dozzle
::
@@ -94,11 +125,25 @@ Install and deploy Dozzle
Install and deploy Speedtest Tracker
::
::card{icon="i-lucide-chart-column-decreasing" title="Resource Status" to="/serveex/monitoring/beszel"}
::card
---
icon: i-lucide-chart-column-decreasing
title: Resource Status
to: /serveex/monitoring/beszel
ui:
icon: text-[#747bff]
---
Install and deploy Beszel
::
::card{icon="i-lucide-circle-power" title="Wake on Lan" to="/serveex/monitoring/upsnap"}
::card
---
icon: i-lucide-circle-power
title: Wake on Lan
to: /serveex/monitoring/upsnap
ui:
icon: text-[#5BDAFD]
---
Install and deploy UpSnap
::
::
@@ -110,13 +155,38 @@ Install and deploy UpSnap
:::
::card-group
::card{icon="i-simple-icons-jellyfin" title="Media" to="/serveex/media/jellyfin"}
::card
---
icon: i-simple-icons-jellyfin
title: Media
to: /serveex/media/jellyfin
ui:
icon: text-[#00A4DC]
---
Install and deploy Jellyfin
::
::card{icon="i-cbi-qbittorrent" title="Seedbox" to="/serveex/media/qbittorrent"}
::card
---
icon: i-cbi-qbittorrent
title: Seedbox
to: /serveex/media/qbittorrent
ui:
icon: text-[#2F67BA]
---
Install and deploy Qbittorrent
::
::card
---
icon: i-cbi-radarr
title: Automation
to: /serveex/media/servarr
ui:
icon: text-[#FFCB3D]
---
Install and deploy the Servarr stack
::
::
### Cloud Drive & Photos
@@ -126,11 +196,25 @@ Install and deploy Qbittorrent
:::
::card-group
::card{icon="i-cib-nextcloud" title="Drive" to="/serveex/cloud/nextcloud"}
::card
---
icon: i-cib-nextcloud
title: Drive
to: /serveex/cloud/nextcloud
ui:
icon: text-[#0082C9]
---
Install and deploy Nextcloud
::
::card{icon="i-simple-icons-immich" title="Photos" to="/serveex/cloud/immich"}
::card
---
icon: i-simple-icons-immich
title: Photos
to: /serveex/cloud/immich
ui:
icon: text-[#4250AF]
---
Install and deploy Immich
::
::
@@ -142,11 +226,18 @@ Install and deploy Immich
:::
::card-group
::card{icon="i-noto-open-file-folder" title="File Explorer" to="/serveex/files/file-browser"}
Install and deploy file-browser
::card{icon="i-noto-open-file-folder" title="File Explorer" to="/serveex/files/file-browser-quantum"}
Install and deploy File Browser Quantum
::
::card{icon="i-carbon-share" title="Sharing" to="/serveex/files/pingvin"}
::card
---
icon: i-carbon-share
title: Sharing
to: /serveex/files/pingvin
ui:
icon: text-[#46509E]
---
Install and deploy Pingvin
::
::
@@ -162,7 +253,14 @@ Install and deploy Pingvin
Install and deploy code-server
::
::card{icon="i-simple-icons-forgejo" title="Git Repository" to="/serveex/development/forgejo"}
::card
---
icon: i-simple-icons-forgejo
title: Git Repository
to: /serveex/development/forgejo
ui:
icon: text-[#FB923C]
---
Install and deploy Forgejo
::
@@ -178,18 +276,42 @@ Install and deploy IT Tools
:::
::card-group
::card{icon="i-cbi-adguard" title="Ad-blocking DNS and Filters" to="/serveex/apps/adguard"}
::card
---
icon: i-cbi-adguard
title: Ad-blocking DNS and Filters
to: /serveex/apps/adguard
ui:
icon: text-[#68BC71]
---
Install and deploy Adguard Home
::
::card{icon="i-cbi-bitwarden" title="Password Manager" to="/serveex/apps/vaultwarden"}
::card
---
icon: i-cbi-bitwarden
title: Password Manager
to: /serveex/apps/vaultwarden
ui:
icon: text-[#175DDC]
---
Install and deploy Vaultwarden
::
::
### Advanced
:::div{class="relative"}
:ellipsis{left=0px width=40rem top=10rem blur=140px}
:::
::card-group
::card{icon="i-noto-key" title="SSO & MFA" to="/serveex/advanced/authentik"}
Install and deploy Authentik
::
::
## Coming Soon
- Homepage, to have all your services at a glance and access them easily
- Mkdocs for your documentation
- Docus, an alternative to Mkdocs
- UpSnap to remotely wake your machines
- Zensical, how to write and organize your own documentation