feat(dl): charger les releases GitHub pour les downloads

This commit is contained in:
2026-05-28 19:03:23 +02:00
parent 4a7df3e5b7
commit bb72082230
3 changed files with 112 additions and 305 deletions
+10 -76
View File
@@ -11,96 +11,30 @@
<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>
<p>Dernière release GitHub en haut, les 5 précédentes dessous, avec un lien direct sur le premier fichier de chaque release.</p>
<div class="versions-panel">
<div class="latest-version">
<h2>Dernière version</h2>
<div class="latest-row">
<div class="latest-meta">Version <strong data-current-version></strong></div>
<div class="latest-meta">
<strong data-current-version>Chargement...</strong>
<span data-current-version-date></span>
</div>
<div class="latest-actions">
<a class="button" data-latest-download href="#" target="_blank">Télécharger la dernière</a>
<button class="button button-secondary" data-action-edit>Modifier la version actuelle</button>
<a class="button" data-latest-download href="#" target="_blank" rel="noreferrer">Télécharger</a>
<a class="button button-secondary" data-view-more href="https://github.com/You-re-like-Windows-a-bitch/ISO" target="_blank" rel="noreferrer">Voir plus</a>
</div>
</div>
<p class="latest-note" data-current-release-note></p>
</div>
<div class="versions-archive" data-versions-archive>
<h3>Versions précédentes</h3>
<div class="versions-archive">
<h3>5 versions précédentes</h3>
<ul class="versions-list" data-versions-list></ul>
</div>
<div class="version-admin">
<button class="button button-secondary" data-action-add>Ajouter une version</button>
</div>
</div>
</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>