alpinux-www/site/404.html
Cédrix d740c2c900 Publier toutes les pages du wiki, et une vraie page d'erreur
L'accueil n'annonçait que six pages du wiki, et rien ne menait au reste :
qui voulait savoir ce qui avait bougé depuis sa dernière visite n'avait
nulle part où aller. modifications.html liste tout ce que le wiki publie,
du plus récemment retouché au plus ancien, avec un filtre par titre ou
par rubrique. Elle lit toutes-les-pages.json, que le build du wiki écrit
à côté de derniers-articles.json ; tant que ce fichier n'existe pas, elle
se rabat sur celui de l'accueil et le dit plutôt que de rester vide.

404.html reprend la charte et propose l'accueil, le wiki, les mises à
jour et les listes. Elle attend encore sa directive Apache : le site
répond aujourd'hui 200 et l'accueil à toute adresse inconnue, ce qui
trompe le visiteur comme le moteur de recherche. Le README dit quoi
poser dans le .htaccess du serveur.

Les deux pages partagent commun.css plutôt que de recopier le style de
l'accueil, qui garde le sien en ligne — une page, une requête. Et le
garde-fou du déploiement, qui ne regardait que l'accueil, refuse
désormais de mettre en ligne n'importe quelle page tronquée : une 404
servie à moitié serait aussi laide qu'une erreur.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01JYfYUZRcJmmEWJwAxZb4o2
2026-09-23 12:42:03 +02:00

135 lines
4.3 KiB
HTML

<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="robots" content="noindex, follow">
<title>Page introuvable — Alpinux</title>
<link rel="icon" type="image/x-icon" href="https://static.alpinux.org/logo/favicon.ico">
<link rel="icon" type="image/png" sizes="32x32" href="https://static.alpinux.org/logo/favicon-32.png">
<link rel="apple-touch-icon" sizes="192x192" href="https://static.alpinux.org/logo/favicon-192.png">
<link rel="stylesheet" href="/commun.css">
<style>
.code-erreur {
font-size: 4.5rem;
font-weight: 800;
line-height: 1;
color: #9fc5e8;
letter-spacing: -.03em;
margin-bottom: .6rem;
}
.actions { margin-top: 2rem; }
.pistes {
margin-top: 2.8rem;
border-top: 2px solid #e8f1fb;
padding-top: 1.6rem;
}
.pistes h2 {
font-size: 1rem;
color: #0f4e8f;
margin-bottom: 1rem;
}
.pistes-liste {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
gap: .9rem;
list-style: none;
}
.pistes-liste a {
display: block;
background: #fff;
border-radius: 10px;
padding: .9rem 1.1rem;
box-shadow: 0 2px 10px rgba(26,107,191,.08);
text-decoration: none;
color: inherit;
transition: transform .15s, box-shadow .15s;
}
.pistes-liste a:hover {
transform: translateY(-3px);
box-shadow: 0 6px 20px rgba(26,107,191,.18);
}
.pistes-liste a:hover strong { color: #1a6bbf; }
.pistes-liste strong { display: block; font-size: .95rem; margin-bottom: .15rem; }
.pistes-liste span { font-size: .84rem; color: #7a8ba0; }
</style>
</head>
<body>
<header>
<a href="/" class="logo-wrap">
<img src="https://static.alpinux.org/logo/alpinux-logo.png"
alt="Logo Alpinux — LUG de Savoie"
class="logo-img" width="66" height="66">
<span class="logo-text">
<span class="brand">
<span class="light">A</span><span class="bold">l</span><span class="light">p</span><span class="bold">inux</span>
</span>
<span class="tagline">le LUG de Savoie</span>
</span>
</a>
</header>
<nav aria-label="Navigation principale">
<a href="/">Accueil</a>
<a href="https://wiki.alpinux.org">Wiki</a>
<a href="https://portail.alpinux.org">Portail membres</a>
<a href="https://installparty.alpinux.org">Install Party</a>
<a href="https://gitea.alpinux.org">Gitea</a>
<a href="https://messagerie.alpinux.org">Listes de diffusion</a>
</nav>
<main>
<p class="code-erreur" aria-hidden="true">404</p>
<h1>Cette page n'existe pas… ou plus</h1>
<p class="chapeau">
L'adresse demandée ne correspond à rien sur ce site. Un lien qui a vieilli, une
coquille dans l'adresse, ou une page que nous avons déplacée — dans tous les cas,
l'accueil vous remettra sur les rails.
</p>
<p class="actions">
<a href="/" class="bouton">Retour à l'accueil</a>
</p>
<section class="pistes">
<h2>Ou bien, directement&nbsp;:</h2>
<ul class="pistes-liste">
<li><a href="https://wiki.alpinux.org">
<strong>📖 Le wiki</strong>
<span>Guides, tutoriels et présentations</span></a></li>
<li><a href="/modifications.html">
<strong>🕒 Les mises à jour du wiki</strong>
<span>Toutes les pages, de la plus récente à la plus ancienne</span></a></li>
<li><a href="https://messagerie.alpinux.org">
<strong>✉️ Les listes de diffusion</strong>
<span>S'abonner aux annonces, relire les archives</span></a></li>
<li><a href="https://installparty.alpinux.org">
<strong>🐧 Les Install Party</strong>
<span>Événements &amp; inscriptions</span></a></li>
</ul>
</section>
</main>
<footer>
<p>© Alpinux — Association loi 1901 &nbsp;·&nbsp; Chambéry, Savoie</p>
<p style="margin-top:.4rem;">
<a href="https://wiki.alpinux.org/alpinux/">À propos</a> &nbsp;·&nbsp;
<a href="https://wiki.alpinux.org/alpinux/faq/">FAQ</a> &nbsp;·&nbsp;
<a href="https://wiki.alpinux.org/alpinux/donnees-personnelles/">Vos données</a> &nbsp;·&nbsp;
<a href="https://www.helloasso.com/associations/alpinux-le-lug-de-savoie">Adhérer</a>
</p>
</footer>
</body>
</html>