alpinux-www/site/404.html
Cédrix 256695b58d Cesser de télécharger 175 ko de logo pour en afficher 90 pixels
L'en-tête chargeait alpinux-logo.png — 1024×1024, 175 ko — pour une
image affichée en 90 px sur l'accueil et 66 px ailleurs. Le navigateur
téléchargeait donc dix fois le poids de la page elle-même, rien que pour
la réduire. alpinux-logo-180.png, déposé à côté sur static, fait 23 ko et
couvre les écrans à haute densité.

Les deux domaines tiers de la page — static et le wiki — gagnent au
passage un preconnect : la poignée de main TLS commence pendant que le
HTML se lit, au lieu d'attendre la première image.

Retire aussi Gitea du menu, comme le wiki et les mises à jour avant lui :
le service garde sa carte plus bas.

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

137 lines
4.4 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="preconnect" href="https://static.alpinux.org" crossorigin>
<link rel="preconnect" href="https://wiki.alpinux.org" crossorigin>
<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-180.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://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>