100 lines
4 KiB
HTML
100 lines
4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>Contact — Alliance Boréale</title>
|
|
<meta name="description" content="Entrer en contact avec l'Alliance Boréale, fédération québécoise d'acteurs du numérique éthique.">
|
|
<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">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" aria-current="page">Contact</a></li>
|
|
</ul>
|
|
</nav>
|
|
</header>
|
|
|
|
<main id="main">
|
|
<section class="hero wrap" style="text-align:left">
|
|
<p class="eyebrow">Contact</p>
|
|
<h1>Allumons une <span class="gradient-text">nouvelle étoile</span></h1>
|
|
<p class="lead">Vous portez un projet numérique souverain, ou vous voulez rejoindre la constellation ? Écrivez-nous. L'Alliance Boréale est un projet collectif et polyphonique — votre voix y a sa place.</p>
|
|
</section>
|
|
|
|
<section class="wrap">
|
|
<div class="grid grid-2">
|
|
<article class="card">
|
|
<h3>Nous écrire</h3>
|
|
<p>
|
|
<!-- TODO : remplacer par l'adresse réelle de l'Alliance -->
|
|
<a href="mailto:info@alliance-boreale.ca">info@alliance-boreale.ca</a>
|
|
</p>
|
|
<p>Site officiel : <a href="https://alliance-boreale.ca">alliance-boreale.ca</a></p>
|
|
</article>
|
|
<article class="card">
|
|
<h3>Président-fondateur</h3>
|
|
<p><strong>Daniel Allaire</strong></p>
|
|
<p>Porteur d'une vision : une façon différente, responsable et durable, de concevoir nos écosystèmes numériques.</p>
|
|
</article>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="wrap">
|
|
<div class="panel-feature">
|
|
<blockquote class="quote">
|
|
« L'Alliance Boréale, c'est avant tout une vision : une façon différente de concevoir nos écosystèmes numériques. »
|
|
<cite>— Daniel Allaire, président-fondateur</cite>
|
|
</blockquote>
|
|
</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>
|