alliance-boreale/site-alliance-boreale/public/constellation.html
Dan Allaire a0655d2e45
Some checks failed
CI / yaml-lint (pull_request) Has been cancelled
CI / ssot-export (pull_request) Has been cancelled
CI / tests (pull_request) Has been cancelled
CI / docs (pull_request) Has been cancelled
site web
2026-06-25 18:45:42 -04:00

107 lines
4.9 KiB
HTML

<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>La Constellation — Alliance Boréale</title>
<meta name="description" content="Chaque artisan est une étoile ; ensemble, ils forment une constellation. Réciprocité, entraide et résilience collective au sein de l'Alliance Boréale.">
<meta name="theme-color" content="#05060f">
<link rel="icon" href="favicon.svg" type="image/svg+xml">
<link rel="stylesheet" href="assets/css/styles.css">
</head>
<body>
<a class="skip-link" href="#main">Aller au contenu</a>
<div class="sky" aria-hidden="true">
<canvas id="constellation"></canvas>
<div class="aurora"></div>
</div>
<header class="site-header">
<a class="brand" href="index.html">
<span class="brand-mark" aria-hidden="true"></span>
<span class="brand-text">
<span class="brand-name">Alliance Boréale</span>
<span class="brand-sub">souveraineté numérique</span>
</span>
</a>
<nav class="site-nav" aria-label="Navigation principale">
<button class="nav-toggle" aria-expanded="false" aria-controls="menu">Menu</button>
<ul id="menu">
<li><a href="index.html">Accueil</a></li>
<li><a href="vision.html">Vision</a></li>
<li><a href="label.html">Le Label</a></li>
<li><a href="constellation.html" aria-current="page">La Constellation</a></li>
<li><a href="atelier.html">L'atelier</a></li>
<li><a href="faq.html">FAQ</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
</header>
<main id="main">
<section class="hero wrap" style="text-align:left">
<p class="eyebrow">La Constellation</p>
<h1>Chaque artisan est une <span class="gradient-text">étoile</span></h1>
<p class="lead">Pris séparément, un artisan du numérique reste fragile&nbsp;: une panne, une absence, un sinistre. Reliés, les artisans forment une constellation — un dessin stable que l'on reconnaît dans le ciel, même si une étoile vacille.</p>
<blockquote class="quote" style="margin-top:2rem">
« Tu ne dépends pas d'une étoile, mais de la constellation. »
</blockquote>
</section>
<section class="wrap">
<p class="eyebrow">Comment ça tient</p>
<h2>La réciprocité, pas la hiérarchie</h2>
<div class="grid grid-3">
<article class="card">
<h3><span class="star-bullet"></span>Entraide opérée</h3>
<p>L'infrastructure commune — DNS, forges, supervision, sauvegardes — est portée par le réseau, pas par chacun dans son coin.</p>
</article>
<article class="card">
<h3><span class="star-bullet"></span>Reprise mutuelle</h3>
<p>Si une étoile tombe, une autre reprend ses clients. La portabilité prouvée rend cette promesse réelle, pas théorique.</p>
</article>
<article class="card">
<h3><span class="star-bullet"></span>Audit entre pairs</h3>
<p>On se vérifie mutuellement, avec bienveillance et rigueur. La confiance circule de pair à pair, gratuitement.</p>
</article>
</div>
</section>
<section class="wrap">
<div class="panel-feature">
<p class="eyebrow">Qui peut rejoindre</p>
<h2>Une place pour chaque étoile</h2>
<p class="lead">L'Alliance Boréale s'adresse aux artisans et organisations du numérique au Québec — petits ou grands — qui veulent offrir des services souverains, libres et dignes de confiance. On entre par la transparence&nbsp;: on déclare ce que l'on fait, on accepte le regard des pairs, on progresse à travers le Label.</p>
<div class="hero-cta" style="justify-content:flex-start">
<a class="btn btn-primary" href="contact.html">Parler de votre adhésion</a>
<a class="btn btn-ghost" href="label.html">Comprendre le Label</a>
</div>
</div>
</section>
</main>
<footer class="site-footer">
<div class="wrap footer-grid">
<div>
<span class="brand-name" style="font-size:1.1rem">Alliance Boréale</span>
<p>Fédération québécoise d'acteurs du numérique éthique. Une infrastructure souveraine, libre et mutualisée.</p>
</div>
<nav aria-label="Pied de page">
<ul>
<li><a href="vision.html">Vision</a></li>
<li><a href="label.html">Le Label</a></li>
<li><a href="constellation.html">La Constellation</a></li>
<li><a href="atelier.html">L'atelier</a></li>
<li><a href="faq.html">FAQ</a></li>
<li><a href="contact.html">Contact</a></li>
<li><a href="https://forge.alliance-boreale.ca" rel="noopener">La forge ↗</a></li>
</ul>
</nav>
</div>
<p class="wrap legal">© 2026 Alliance Boréale · souveraineté numérique · Site bâti en logiciel libre, sans pistage.</p>
</footer>
<script src="assets/js/constellation.js" defer></script>
</body>
</html>