152 lines
6.8 KiB
HTML
152 lines
6.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>Le Label — Alliance Boréale</title>
|
|
<meta name="description" content="Le Label de l'Alliance Boréale : trois niveaux accumulatifs — Souverain, Résilient, Exemplaire. Il certifie la garantie offerte au client, par des audits entre pairs.">
|
|
<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" aria-current="page">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">Le Label de confiance</p>
|
|
<h1>Trois niveaux, <span class="gradient-text">une même promesse au client</span></h1>
|
|
<p class="lead">Le Label certifie la <strong>garantie offerte au client</strong> — jamais la « valeur » de l'artisan ni ses méthodes internes. Les niveaux sont <strong>accumulatifs</strong> : chacun ajoute autant d'obligations que de privilèges. Noblesse oblige.</p>
|
|
</section>
|
|
|
|
<section class="wrap">
|
|
<div class="tiers">
|
|
<article class="tier tier-1">
|
|
<p class="tier-rank">Niveau 1 · Socle</p>
|
|
<h3>Souverain</h3>
|
|
<p>Le socle de confiance que tous respectent.</p>
|
|
<ul>
|
|
<li>100 % logiciel libre</li>
|
|
<li>Données hébergées au Québec</li>
|
|
<li>Durcissement appliqué (Set-OPS)</li>
|
|
<li>CGU claires — zéro revente, zéro pub</li>
|
|
<li>Sauvegardes en place</li>
|
|
</ul>
|
|
</article>
|
|
|
|
<article class="tier tier-2">
|
|
<p class="tier-rank">Niveau 2 · + Souverain</p>
|
|
<h3>Résilient</h3>
|
|
<p>Le client est libre, et couvert s'il tombe.</p>
|
|
<ul>
|
|
<li>Portabilité prouvée (pas seulement promise)</li>
|
|
<li>Reprise après sinistre testée</li>
|
|
<li>Supervision active</li>
|
|
<li>Résilience par géo-redondance <em>ou</em> par réciprocité de la constellation</li>
|
|
<li class="privilege">✦ « La constellation te reprend » si tu tombes</li>
|
|
</ul>
|
|
</article>
|
|
|
|
<article class="tier tier-3">
|
|
<p class="tier-rank">Niveau 3 · + Résilient</p>
|
|
<h3>Exemplaire</h3>
|
|
<p>Celui qui porte le commun.</p>
|
|
<ul>
|
|
<li>Contribution vérifiable au commun (code, doc, formation, mentorat)</li>
|
|
<li>Transparence renforcée envers les clients</li>
|
|
<li>Audit pair-à-pair approfondi</li>
|
|
<li>Aucune ingérence dans la régie interne : ni salaires, ni prix, ni méthodes</li>
|
|
<li class="privilege">✦ Voix accrue dans la gouvernance de l'Alliance</li>
|
|
</ul>
|
|
</article>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="wrap">
|
|
<div class="panel-feature">
|
|
<p class="eyebrow">Un garde-fou social</p>
|
|
<h2>Le mérite, pas le capital</h2>
|
|
<div class="grid grid-2" style="margin-top:1rem">
|
|
<article class="card">
|
|
<h3>La résilience peut être collective</h3>
|
|
<p>Un petit artisan atteint « Résilient » par la réciprocité de la constellation, sans s'imposer une coûteuse géo-redondance. La force du réseau remplace la taille.</p>
|
|
</article>
|
|
<article class="card">
|
|
<h3>« Exemplaire » se gagne par la générosité</h3>
|
|
<p>On y accède par la contribution et l'éthique, pas par le chiffre d'affaires. Un petit artisan généreux y accède ; un gros sans contribution, non.</p>
|
|
</article>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="wrap">
|
|
<p class="eyebrow">Comment on certifie</p>
|
|
<h2>Par la transparence, entre pairs</h2>
|
|
<div class="grid grid-3">
|
|
<article class="card">
|
|
<h3><span class="star-bullet">✦</span>Audits pair-à-pair</h3>
|
|
<p>À tous les niveaux, rigueur croissante. Pas de tiers externe payant : gratuit, réciproque, et ça tisse la constellation.</p>
|
|
</article>
|
|
<article class="card">
|
|
<h3><span class="star-bullet">✦</span>Preuves publiques</h3>
|
|
<p>Le pair vérifie la conformité à un barème public via des preuves déclaratives — plan Set-OPS, CGU, pile libre — et une démo de reprise réciproque. On ne fouille pas tes méthodes.</p>
|
|
</article>
|
|
<article class="card">
|
|
<h3><span class="star-bullet">✦</span>La porte d'entrée</h3>
|
|
<p>La transparence est l'entrée, pas une contrainte. Le profil totalement fermé, qui refuse toute vérification, s'auto-exclut — c'est tout.</p>
|
|
</article>
|
|
</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>
|