114 lines
5.0 KiB
HTML
114 lines
5.0 KiB
HTML
<!doctype html>
|
|
<html lang="fr">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<title>Téléchargements — FWS Linux</title>
|
|
<link rel="stylesheet" href="../assets/styles/main.css" />
|
|
</head>
|
|
<body>
|
|
<main data-page-content>
|
|
<section class="downloads">
|
|
<header class="downloads-header">
|
|
<h1>Téléchargements</h1>
|
|
<p>Choisissez votre image et collez le lien de téléchargement (ou utilisez ceux fournis). Les liens sont sauvegardés localement pour faciliter la gestion.</p>
|
|
</header>
|
|
|
|
<div class="download-grid">
|
|
<article class="download-card" data-key="cli">
|
|
<figure class="download-media"><img src="/p/assets/img/hero/install.png" alt="CLI"/></figure>
|
|
<div class="download-body">
|
|
<h3>CLI (Minimal)</h3>
|
|
<p>Image minimale sans environnement graphique, pour les installations serveur ou avancées.</p>
|
|
<div class="download-actions">
|
|
<a class="button download-btn" href="#" target="_blank">Télécharger</a>
|
|
<button class="button button-secondary copy-btn">Copier le lien</button>
|
|
<button class="button button-secondary edit-btn">Modifier le lien</button>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
|
|
<article class="download-card" data-key="kde">
|
|
<figure class="download-media"><img src="/p/assets/img/hero/KDE.png" alt="KDE Plasma"/></figure>
|
|
<div class="download-body">
|
|
<h3>KDE Plasma</h3>
|
|
<p>Environnement complet, riche en fonctionnalités et personnalisable.</p>
|
|
<div class="download-actions">
|
|
<a class="button download-btn" href="#" target="_blank">Télécharger</a>
|
|
<button class="button button-secondary copy-btn">Copier le lien</button>
|
|
<button class="button button-secondary edit-btn">Modifier le lien</button>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
|
|
<article class="download-card" data-key="gnome">
|
|
<figure class="download-media"><img src="/p/assets/img/hero/gnome.png" alt="GNOME"/></figure>
|
|
<div class="download-body">
|
|
<h3>GNOME</h3>
|
|
<p>Expérience épurée et orientée productivité, simple à prendre en main.</p>
|
|
<div class="download-actions">
|
|
<a class="button download-btn" href="#" target="_blank">Télécharger</a>
|
|
<button class="button button-secondary copy-btn">Copier le lien</button>
|
|
<button class="button button-secondary edit-btn">Modifier le lien</button>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
|
|
<article class="download-card" data-key="xfce">
|
|
<figure class="download-media"><img src="/p/assets/img/hero/xfce.png" alt="XFCE"/></figure>
|
|
<div class="download-body">
|
|
<h3>XFCE</h3>
|
|
<p>Environnement léger et stable, adapté aux machines modestes.</p>
|
|
<div class="download-actions">
|
|
<a class="button download-btn" href="#" target="_blank">Télécharger</a>
|
|
<button class="button button-secondary copy-btn">Copier le lien</button>
|
|
<button class="button button-secondary edit-btn">Modifier le lien</button>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
|
|
<article class="download-card" data-key="hyprland">
|
|
<figure class="download-media"><img src="/p/assets/img/hero/hyprland.png" alt="Hyprland"/></figure>
|
|
<div class="download-body">
|
|
<h3>Hyprland</h3>
|
|
<p>Tiling Wayland moderne, pensé pour les workflows clavier avancés.</p>
|
|
<div class="download-actions">
|
|
<a class="button download-btn" href="#" target="_blank">Télécharger</a>
|
|
<button class="button button-secondary copy-btn">Copier le lien</button>
|
|
<button class="button button-secondary edit-btn">Modifier le lien</button>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
|
|
<script src="../assets/js/downloads.js"></script>
|
|
</body>
|
|
</html>
|
|
<!doctype html>
|
|
<html lang="fr">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<title>DL</title>
|
|
</head>
|
|
<body>
|
|
<main data-page-content>
|
|
<section class="hero">
|
|
<p class="eyebrow">Route DL</p>
|
|
<h1>Le contenu de la section DL charge ici.</h1>
|
|
<p class="lead">
|
|
Cette page vit dans <span>p/dl/index.html</span> et son contenu est injecté dans le
|
|
<span>main</span> quand l'URL pointe vers <span>/?p/dl/</span>.
|
|
</p>
|
|
<div class="hero-actions">
|
|
<a class="button button-primary" href="/" data-route="home">Retour à l'accueil</a>
|
|
<a class="button button-secondary" href="/?p/dl/" data-route="dl">Recharger DL</a>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
</main>
|
|
</body>
|
|
</html> |