Groupe KA — site du holding + KA ID (compte unique & SSO des 7 plateformes). Next.js 16, SQLite, Google & Apple login.
TypeScript 70.4%
HTML 18.4%
JavaScript 4%
Python 3.8%
CSS 3.4%
1<!DOCTYPE html>2<!-- GABARIT COMMUN — page /doc des sites du Groupe KA (2026-08-24).3 À adapter par site : remplacer groupe-ka (id, ex. lou-ka), Groupe KA (ex. Lou·Ka),4 Le portail de l'écosystème ·Ka : la vitrine des 13 plateformes québécoises du groupe et le compte unique KA ID qui les relie toutes., #d9f26b (couleur accent du site, ex. #b7f000), les sections5 et les étapes (captures dans ./img/). Page auto-suffisante (aucun JS requis). -->6<html lang="fr">7<head>8<meta charset="utf-8">9<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">10<title>Documentation — Groupe KA</title>11<meta name="description" content="Comment fonctionne Groupe KA : guide pas à pas, données, architecture.">12<style>13 :root{ --ink:#101014; --paper:#faf9f6; --accent:#d9f26b; --muted:#6b6b70; --line:#e6e4de; }14 *{box-sizing:border-box} html,body{margin:0;padding:0;background:var(--paper);color:var(--ink);15 font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;-webkit-text-size-adjust:100%}16 .container{max-width:960px;margin:0 auto;padding:0 20px}17 header.doc{background:var(--ink);color:var(--paper);padding:20px 0}18 header.doc .container{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}19 header.doc a{color:var(--paper);text-decoration:none}20 .wordmark{font-weight:800;font-size:20px;letter-spacing:.02em}21 .wordmark .ka{color:var(--accent)}22 .btn-pdf{display:inline-block;background:var(--accent);color:var(--ink);font-weight:700;23 padding:10px 18px;border-radius:999px;text-decoration:none;font-size:15px}24 .hero{padding:48px 0 8px}25 .hero h1{font-size:clamp(28px,5vw,44px);line-height:1.1;margin:0 0 12px}26 .hero h1 mark{background:var(--accent);color:var(--ink);padding:2px 8px}27 .hero p.lead{font-size:18px;color:var(--muted);max-width:640px}28 .kicker{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);29 border-left:3px solid var(--accent);padding-left:10px;margin:40px 0 8px;font-weight:700}30 section{padding:8px 0 16px}31 h2{font-size:26px;margin:6px 0 12px}32 .step{display:grid;grid-template-columns:56px 1fr;gap:16px;margin:26px 0;align-items:start}33 .step .num{width:44px;height:44px;border-radius:50%;background:var(--ink);color:var(--accent);34 display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px}35 .step h3{margin:6px 0 6px;font-size:19px}36 .step p{margin:0 0 12px;color:#3a3a40}37 .shot{border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 8px 30px rgba(16,16,20,.08)}38 .shot img{display:block;width:100%;height:auto}39 .cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin:16px 0}40 .card{border:1px solid var(--line);border-radius:12px;padding:16px;background:#fff}41 .card b{display:block;margin-bottom:6px}42 table{border-collapse:collapse;width:100%;font-size:15px}43 th,td{border:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top}44 th{background:var(--ink);color:var(--paper)}45 footer.doc{margin-top:56px;background:var(--ink);color:var(--paper);padding:28px 0;font-size:14px}46 footer.doc a{color:var(--accent);text-decoration:none}47 @media print{48 header.doc .btn-pdf{display:none}49 .shot{box-shadow:none;break-inside:avoid}50 .step{break-inside:avoid}51 a{color:inherit;text-decoration:none}52 }53 @media(max-width:640px){ .step{grid-template-columns:40px 1fr} .step .num{width:34px;height:34px;font-size:15px} }54</style>55</head>56<body>57<header class="doc">58 <div class="container">59 <a class="wordmark" href="/">Groupe <span class="ka">KA</span></a>60 <nav style="display:flex;gap:14px;align-items:center">61 <a href="/">← Retour au site</a>62 <a class="btn-pdf" href="./groupe-ka-documentation.pdf" download>Télécharger le PDF</a>63 </nav>64 </div>65</header>6667<div class="container">68 <div class="hero">69 <p class="kicker">Documentation · mise à jour 2026-08-24</p>70 <h1>Comment fonctionne <mark>Groupe KA</mark></h1>71 <p class="lead">Le portail de l'écosystème ·Ka : la vitrine des 13 plateformes québécoises du groupe et le compte unique KA ID qui les relie toutes.</p>72 </div>7374 <section>75 <p class="kicker">Vue d'ensemble</p>76 <h2>À quoi sert le site</h2>77 <p><b>Groupe·Ka</b> (<a href="https://www.groupe-ka.com">www.groupe-ka.com</a>) est le hub central de l'écosystème ·Ka.78 Il joue trois rôles : la <b>vitrine du groupe</b> (présentation des plateformes québécoises, métriques live tirées en direct79 des <code>/api/stats</code> de chaque site, pages corporatives <code>/agents</code>, <code>/investisseurs</code>, <code>/telecharger</code>, <code>/marque</code>) ;80 le <b>KA ID</b>, l'identité centrale du groupe — un seul compte (courriel + mot de passe, Google, Apple) et un <code>ka_id</code>81 partagé par toutes les plateformes via un SSO maison ; et une <b>tour de contrôle publique</b> — pages <code>/status</code>82 (disponibilité des sites, historique 90 jours) et <code>/stats</code> (tableau de bord maître consolidé).</p>83 <div class="cards">84 <div class="card"><b>13 plateformes</b>La vitrine et le point d'entrée de tout l'écosystème ·Ka québécois.</div>85 <div class="card"><b>1 compte, 12 sites</b>Le KA ID (<code>ka-</code> + 10 chiffres) connecte toutes les plateformes via un SSO maison (JWT 5 min).</div>86 <div class="card"><b>Statut aux 5 minutes</b>La page /status vérifie chaque site en direct et garde 90 jours d'historique de disponibilité.</div>87 <div class="card"><b>Favoris unifiés</b>« Mon univers Ka » : les favoris de tous les sites, regroupés dans le compte.</div>88 </div>89 </section>9091 <section>92 <p class="kicker">Guide pas à pas</p>93 <h2>Utiliser le portail en 4 étapes</h2>94 <div class="step">95 <div class="num">1</div>96 <div>97 <h3>Découvrez l'écosystème depuis l'accueil</h3>98 <p>La page d'accueil présente le groupe, les 13 plateformes et leurs métriques tirées en direct des API de chaque site. Le menu donne accès aux pages corporatives : Agents, Investisseurs, Télécharger, Marque.</p>99 <div class="shot"><img src="./img/etape1.png" alt="Étape 1 — Découvrez l'écosystème depuis l'accueil"></div>100 </div>101 </div>102 <div class="step">103 <div class="num">2</div>104 <div>105 <h3>Créez votre compte KA ID sur /connexion</h3>106 <p>Cliquez « Connexion » et choisissez votre mode : courriel + mot de passe, Google ou Apple. Le compte créé ici (votre KA ID) sert ensuite sur les 12 autres plateformes via « Se connecter avec KA » — profil, favoris « Mon univers Ka », carte de membre et jeton API personnel se gèrent sur /compte.</p>107 <div class="shot"><img src="./img/etape2.png" alt="Étape 2 — Créez votre compte KA ID sur /connexion"></div>108 </div>109 </div>110 <div class="step">111 <div class="num">3</div>112 <div>113 <h3>Vérifiez l'état des services sur /status</h3>114 <p>La page /status montre la disponibilité de chaque site : vérification en direct au chargement, ticks automatiques aux 5 minutes, historique 90 jours et uptime 24 h / 7 j / 30 j.</p>115 <div class="shot"><img src="./img/etape3.png" alt="Étape 3 — Vérifiez l'état des services sur /status"></div>116 </div>117 </div>118 <div class="step">119 <div class="num">4</div>120 <div>121 <h3>Explorez les chiffres consolidés sur /stats</h3>122 <p>Le tableau de bord maître agrège en direct les métriques de tout l'écosystème. La page /rapports permet en plus de composer des rapports PDF personnalisés.</p>123 <div class="shot"><img src="./img/etape4.png" alt="Étape 4 — Explorez les chiffres consolidés sur /stats"></div>124 </div>125 </div>126 </section>127128 <section>129 <p class="kicker">Sous le capot</p>130 <h2>D'où viennent les données</h2>131 <p>Groupe·Ka n'invente aucun chiffre : les métriques affichées sont <b>tirées en direct des <code>/api/stats</code>132 de chaque plateforme</b> de l'écosystème, et la page /status interroge chaque site en temps réel (plus un tick automatique133 aux 5 minutes archivé 90 jours). Les comptes KA ID vivent dans une base SQLite locale (mode WAL) — profils, favoris —134 sans serveur de base de données. En amont, chaque plateforme du groupe est alimentée par des centaines de connecteurs135 qui lisent les sites à la source, normalisent la donnée et se resynchronisent seuls.</p>136 </section>137138 <section>139 <p class="kicker">Questions fréquentes</p>140 <h2>FAQ</h2>141 <div class="card" style="margin:10px 0"><b>Le KA ID est-il obligatoire pour visiter les sites ?</b><p style="margin:6px 0 0">Non. Tous les sites du groupe sont publics. Le compte KA ID sert aux fonctions personnelles : favoris « Mon univers Ka », profil public, carte de membre, jeton API.</p></div>142 <div class="card" style="margin:10px 0"><b>Où crée-t-on le compte KA ID ?</b><p style="margin:6px 0 0">Toujours sur le hub groupe-ka.com (/connexion). Les autres sites délèguent leur connexion au hub via « Se connecter avec KA ».</p></div>143 <div class="card" style="margin:10px 0"><b>À quoi sert le jeton « kapi_ » ?</b><p style="margin:6px 0 0">Généré sur /compte, c'est votre jeton personnel pour interroger l'API·Ka (www.api-ka.com) en Bearer.</p></div>144 <div class="card" style="margin:10px 0"><b>Groupe KA vend-il quelque chose ?</b><p style="margin:6px 0 0">Non. Groupe KA est un agrégateur de contenu : il ne vend rien, ne loue rien et n'est partie à aucune transaction.</p></div>145 <div class="card" style="margin:10px 0"><b>Comment retirer mes données ?</b><p style="margin:6px 0 0">La page /retrait décrit le droit de retrait ; les pages /loi-25, /conditions et /confidentialite couvrent la conformité.</p></div>146 </section>147</div>148149<footer class="doc">150 <div class="container">151 <p><b>Groupe KA</b> — un service <a href="https://www.groupe-ka.com">Groupe KA</a>.152 Écosystème : les 13 plateformes sont liées au pied de chaque site.</p>153 <p>© 2026 Groupe KA — Simon-Pierre Boucher · <a href="mailto:contact@spboucher.ai">contact@spboucher.ai</a></p>154 </div>155</footer>156</body>157</html>158