119 lines
5.8 KiB
HTML
119 lines
5.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>Vision — Alliance Boréale</title>
|
|
<meta name="description" content="Gouvernance numérique souveraine : responsabilité, traçabilité, portabilité, sobriété. Une infrastructure mutualisée et un bien commun, exclusivement en logiciel libre.">
|
|
<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" aria-current="page">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" style="text-align:left">
|
|
<p class="eyebrow">Notre vision</p>
|
|
<h1>La <span class="gradient-text">gouvernance numérique souveraine</span> comme bien commun</h1>
|
|
<p class="lead">L'Alliance Boréale n'est pas qu'une infrastructure : c'est une façon différente de concevoir nos écosystèmes numériques. Une infrastructure que l'on comprend, que l'on possède, et dont on répond.</p>
|
|
</section>
|
|
|
|
<section class="wrap">
|
|
<p class="eyebrow">Quatre exigences</p>
|
|
<h2>Ce qui nous tient ensemble</h2>
|
|
<div class="grid grid-2">
|
|
<article class="card">
|
|
<h3>Responsabilité</h3>
|
|
<p>Chaque acteur répond de ses services devant ses clients et devant ses pairs. La confiance se mérite et se documente.</p>
|
|
</article>
|
|
<article class="card">
|
|
<h3>Traçabilité</h3>
|
|
<p>Ce qui est déployé est décrit, versionné, auditable. Pas de magie : des configurations explicites, comprises de bout en bout.</p>
|
|
</article>
|
|
<article class="card">
|
|
<h3>Portabilité</h3>
|
|
<p>Le client n'est jamais prisonnier. Ses données et ses services peuvent migrer d'une étoile à l'autre : c'est prouvé, pas promis.</p>
|
|
</article>
|
|
<article class="card">
|
|
<h3>Sobriété</h3>
|
|
<p>Des outils dimensionnés au besoin réel, durables, économes. La sobriété numérique est aussi une responsabilité environnementale.</p>
|
|
</article>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="wrap">
|
|
<div class="panel-feature">
|
|
<p class="eyebrow">Concrètement</p>
|
|
<h2>Une infrastructure mutualisée</h2>
|
|
<p class="lead">Seuls, les artisans réinventent chacun la même plomberie. Ensemble, nous l'opérons une fois, bien, en commun :</p>
|
|
<div class="grid grid-2" style="margin-top:1.4rem">
|
|
<article class="card"><h3><span class="star-bullet">✦</span>DNS interne</h3><p>Résolution de noms souveraine pour tout l'écosystème.</p></article>
|
|
<article class="card"><h3><span class="star-bullet">✦</span>Forges</h3><p>Hébergement du code et de l'automatisation, chez nous.</p></article>
|
|
<article class="card"><h3><span class="star-bullet">✦</span>Supervision</h3><p>Métriques, journaux et alertes pour veiller sur la flotte.</p></article>
|
|
<article class="card"><h3><span class="star-bullet">✦</span>Sauvegardes</h3><p>Des copies testées : la reprise se vérifie, elle ne se suppose pas.</p></article>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="wrap">
|
|
<p class="eyebrow">Le socle</p>
|
|
<h2>Tout est libre</h2>
|
|
<p class="lead">L'écosystème de l'Alliance Boréale se construit <strong>exclusivement avec du logiciel libre</strong>. Ce n'est pas un choix d'outillage : c'est la condition de la souveraineté. Du logiciel que l'on peut lire, auditer, corriger et transmettre — sans demander la permission de personne.</p>
|
|
<div class="hero-cta" style="justify-content:flex-start">
|
|
<a class="btn btn-primary" href="label.html">Voir comment on le certifie</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>
|