124 lines
5.7 KiB
HTML
124 lines
5.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>Alliance Boréale — souveraineté numérique</title>
|
|
<meta name="description" content="Fédération québécoise d'acteurs du numérique éthique. Une infrastructure souveraine, libre et mutualisée — une constellation d'artisans sous l'aurore.">
|
|
<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" aria-current="page">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">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">
|
|
<p class="eyebrow">Fédération québécoise du numérique éthique</p>
|
|
<h1>Bâtir ensemble une <span class="gradient-text">infrastructure numérique souveraine</span></h1>
|
|
<p class="lead">L'Alliance Boréale réunit des artisans du numérique qui partagent une même exigence : responsabilité, traçabilité, portabilité et sobriété. Chacun est une étoile ; ensemble, nous formons une constellation.</p>
|
|
<div class="hero-cta">
|
|
<a class="btn btn-primary" href="vision.html">Découvrir la vision</a>
|
|
<a class="btn btn-ghost" href="label.html">Le Label de confiance</a>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="wrap">
|
|
<div class="grid grid-3">
|
|
<article class="card">
|
|
<h3>Infrastructure mutualisée</h3>
|
|
<p>DNS, forges, supervision et sauvegardes opérés en commun, sur du logiciel libre. La robustesse d'un grand opérateur, à l'échelle d'un artisan.</p>
|
|
</article>
|
|
<article class="card">
|
|
<h3>Un Label de confiance</h3>
|
|
<p>Trois niveaux — Souverain, Résilient, Exemplaire — qui certifient la garantie offerte au client, pas la taille de l'entreprise.</p>
|
|
</article>
|
|
<article class="card">
|
|
<h3>Tout est libre</h3>
|
|
<p>L'écosystème entier se construit exclusivement avec du logiciel libre. Pas de boîte noire, pas de dépendance, pas de pistage.</p>
|
|
</article>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="wrap">
|
|
<div class="panel-feature">
|
|
<blockquote class="quote">
|
|
« Tu ne dépends pas d'une étoile, mais de la constellation. »
|
|
<cite>— le principe de réciprocité de l'Alliance Boréale</cite>
|
|
</blockquote>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="wrap">
|
|
<div class="panel-feature">
|
|
<p class="eyebrow">L'atelier ouvert</p>
|
|
<h2>Le moteur derrière la promesse : Set-OPS</h2>
|
|
<p class="lead">Notre souveraineté est outillée. <strong>Set-OPS</strong>, notre moteur Ansible libre, déploie des écosystèmes numériques durcis et reproductibles — et tout le code vit sur notre forge, ouvert à qui veut le lire.</p>
|
|
<div class="hero-cta" style="justify-content:flex-start">
|
|
<a class="btn btn-primary" href="atelier.html">Voir l'atelier</a>
|
|
<a class="btn btn-ghost" href="https://forge.alliance-boreale.ca" rel="noopener">La forge ↗</a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="wrap">
|
|
<p class="eyebrow">Pourquoi maintenant</p>
|
|
<h2>Le numérique souverain n'est pas un slogan</h2>
|
|
<p class="lead">C'est une façon différente de concevoir nos écosystèmes : des données qui restent au Québec, des outils que l'on comprend de bout en bout, une résilience qui ne tient pas à un seul acteur. L'Alliance Boréale en fait un bien commun, documenté et partagé.</p>
|
|
<div class="hero-cta" style="justify-content:flex-start">
|
|
<a class="btn btn-primary" href="constellation.html">Rejoindre la constellation</a>
|
|
</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>
|