107 lines
4.9 KiB
HTML
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 : 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 : 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>
|