forked from FWS/TEMPLATE-Web-site-one-page
88 lines
4.2 KiB
HTML
88 lines
4.2 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> |