Add Uptime-Kuma introduction, write descriptive alt text site-wide, and fix brand capitalization and filenames with spaces

2026-09-07 14:35:25 +02:00
parent eff68287f2
commit 67d593cb73
90 changed files with 380 additions and 376 deletions
@@ -7,7 +7,7 @@ description: Learn how NAT, port forwarding, and DHCP work on a home router. Con
 :ellipsis{left=0px width=40rem top=10rem blur=140px zIndex=60}


-![picture](/img/global/nat.svg)
+![Diagram of NAT translating a private LAN address to a public IP address](/img/global/nat.svg)

 ## What is a "port"?

@@ -12,7 +12,7 @@ When you browse a website or use an app, requests are made to one or more domain

 The DNS zone is like a registry with signposts that direct your requests to the correct destination.

-![Picture](/img/global/dns.svg)
+![Diagram of a DNS zone directing requests to the right server](/img/global/dns.svg)

 ## The DNS Zone

@@ -30,7 +30,7 @@ RAID is not a backup system but a service continuity system! It only allows hot-
 ### No RAID

 <div style="display: flex; align-items: center;">
-  <img src="/img/global/no-raid.svg" alt="Image" style="max-width: 30%; max-height:230px; margin-right: 20px;">
+  <img src="/img/global/no-raid.svg" alt="Disks with no RAID redundancy" style="max-width: 30%; max-height:230px; margin-right: 20px;">
  <ul>
    <li>Just your disks, without RAID. Data is stored disk by disk.</li>
    <li>If you lose a disk, only its data is lost.</li>
@@ -43,7 +43,7 @@ Use your disks without RAID when you're not afraid of data loss and can tolerate
 ### RAID 0

 <div style="display: flex; align-items: center;">
-  <img src="/img/global/raid0.svg" alt="Image" style="max-width: 30%; max-height:230px; margin-right: 20px;">
+  <img src="/img/global/raid0.svg" alt="RAID 0 striping data across disks" style="max-width: 30%; max-height:230px; margin-right: 20px;">
  <ul>
    <li>OS sees 1 drive.</li>
    <li>Data is striped across all disks.</li>
@@ -59,7 +59,7 @@ Use RAID 0 when you prioritize performance and are not concerned about data loss
 ### RAID 1

 <div style="display: flex; align-items: center;">
-  <img src="/img/global/raid1.svg" alt="Image" style="max-width: 30%; max-height:230px; margin-right: 20px;">
+  <img src="/img/global/raid1.svg" alt="RAID 1 mirroring data across disks" style="max-width: 30%; max-height:230px; margin-right: 20px;">
  <ul>
    <li>OS sees 1 drive.</li>
    <li>All disks contain identical data.</li>
@@ -78,7 +78,7 @@ Use RAID 1 for strong redundancy. Each disk contains all data, so performance re

 ### RAID 5
 <p align="center">
-  <img src="/img/global/raid5.svg" alt="Image" style="max-width: 40%; margin-right: 20px;">
+  <img src="/img/global/raid5.svg" alt="RAID 5 with distributed parity" style="max-width: 40%; margin-right: 20px;">
 </p>

 - OS sees 1 drive.
@@ -92,7 +92,7 @@ Use RAID 5 when you want reliable storage with 3 to 5 disks and minimal space lo

 ### RAID 6
 <p align="center">
-  <img src="/img/global/raid6.svg" alt="Image" style="max-width: 50%; margin-right: 20px;">
+  <img src="/img/global/raid6.svg" alt="RAID 6 with double distributed parity" style="max-width: 50%; margin-right: 20px;">
 </p>

 - OS sees 1 drive.
@@ -24,7 +24,7 @@ Here’s what we’re most interested in:
 - Its robust error notifications and monitoring.

 ## Structure
-![](/img/global/zfs.svg)
+![ZFS logo](/img/global/zfs.svg)

 ZFS has a unique structure:

@@ -31,7 +31,7 @@ Larger boards generally offer more ports and features. Pre-built systems might u

 ## CPU
 <div style="display: flex; align-items: center;">
-  <img src="/img/global/cpu.svg" alt="Image" style="max-width: 25%; max-height:230px; margin-right: 20px;">
+  <img src="/img/global/cpu.svg" alt="CPU icon" style="max-width: 25%; max-height:230px; margin-right: 20px;">
  <p>The <strong>CPU</strong> (Central Processing Unit) is the computer's calculator. It processes most software tasks. Modern CPUs have multiple cores, often with virtual threads, to better handle workloads. They need to be cooled using either an active cooler (with a fan) or a passive one (fanless), depending on power consumption (watts). Choose your CPU based on how you plan to use the server.</p>
 </div>

@@ -51,7 +51,7 @@ For low-power home servers or NAS (non-intensive computing), consider Intel N100
 ## RAM

 <p align="center">
-  <img src="/img/global/ram.svg" alt="Image" style="max-width: 65%;">
+  <img src="/img/global/ram.svg" alt="RAM icon" style="max-width: 65%;">
 </p>

 __RAM__ (Random Access Memory) is fast, temporary memory used by the CPU (and iGPU if applicable) for quick access during execution. It clears periodically and when the machine powers down. Better RAM = better CPU performance.
@@ -67,7 +67,7 @@ Depending on the required performance, one can choose between a dedicated GPU wi
 ## HDD(s)

 <p align="center">
-  <img src="/img/global/hdd.svg" alt="Image" style="max-width: 50%; margin-right: 20px;">
+  <img src="/img/global/hdd.svg" alt="Hard disk drive icon" style="max-width: 50%; margin-right: 20px;">
 </p>

 An __HDD__ (Hard Disk Drive), or hard drive, is a component used to store data. It was once the standard storage device in computers. HDDs consist of one or more stacked platters and read/write heads, somewhat like a vinyl record player.
@@ -85,7 +85,7 @@ Comes in 3.5" and 2.5" formats; servers usually favor the more reliable 3.5".
 ## SSD(s)

 <p align="center">
-  <img src="/img/global/nvme.svg" alt="Image" style="max-width: 50%; margin-right: 20px;">
+  <img src="/img/global/nvme.svg" alt="NVMe SSD icon" style="max-width: 50%; margin-right: 20px;">
 </p>

 An __SSD__ (Solid State Drive) is a small circuit board with memory chips soldered onto it, used to store information. Unlike RAM, these chips retain data even when not powered, meaning the information is preserved after a reboot. SSDs are generally used as the main storage medium for your server.
@@ -144,7 +144,7 @@ To choose the right PSU, a common rule of thumb is to estimate your system’s p
 ## Case

 <div style="display: flex; align-items: center;">
-  <img src="/img/global/case.svg" alt="Image" style="max-width: 25%; max-height:230px; margin-right: 20px;">
+  <img src="/img/global/case.svg" alt="Computer case icon" style="max-width: 25%; max-height:230px; margin-right: 20px;">
  <p>The <strong>case</strong> is also an essential component of your machine. It plays a key role in cooling, through its fans and airflow design, and it determines the form factor compatibility for your motherboard, power supply, and any dedicated GPU you may install.
 </p>
 </div>
@@ -20,7 +20,7 @@ A mini PC for $100 + a USB dock for $50 that holds multiple hard drives = a comp

 That’s all a **ProloNAS** is: a NAS anyone can afford. The name is a French pun, *prolo* (slang for "working-class") plus *NAS*, a home server for the rest of us, not just people who can drop $1000 on a branded box. It’s then up to you to scale your storage capacity according to your needs.

-![](/img/global/prolonas.svg)
+![Diagram of a mini PC paired with a DAS enclosure forming a ProloNAS](/img/global/prolonas.svg)

 ## Example Hardware