Paillasse/portail/resources/views/aide.blade.php
Adam Belkacemi e4a6aaebb1 ajoute les pages légales, la purge RGPD et sert polices et scripts depuis le portail
Pages /legal et /confidentialite réécrites d'après le système réel, purge
des classes archivées depuis 90 jours (prouvée par Pest), archivage côté
prof. Polices, xterm.js et CodeMirror ne sont plus chargés depuis Google
ni jsDelivr. Pages d'aperçu signalées, sans vrais établissements ni faux
chiffres. Journaux Laravel gardés 14 jours.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
2026-10-09 21:07:25 +02:00

67 lines
38 KiB
PHP
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Aide et tutoriels · Syllabus</title>
{{ Vite::fonts() }}
<script src="https://cdn.tailwindcss.com"></script>
<script>tailwind.config={theme:{extend:{fontFamily:{display:['Archivo','system-ui','sans-serif'],mono:['"IBM Plex Mono"','monospace']}}}}</script>
<style>
.etoile { clip-path: polygon(50% 0, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%); }
.zigzag { background: linear-gradient(135deg, transparent 50%, #000 50% 62%, transparent 62%) 0 0 / 16px 16px, linear-gradient(45deg, transparent 50%, #000 50% 62%, transparent 62%) 0 0 / 16px 16px; }
@keyframes flotte { 0%,100% { transform: translateY(0) rotate(var(--r, 0deg)); } 50% { transform: translateY(-10px) rotate(var(--r, 0deg)); } }
.flotte { animation: flotte 6s ease-in-out infinite; }
@keyframes clignote { 50% { opacity: 0; } }
.curseur { animation: clignote 1s steps(1) infinite; }
@media (prefers-reduced-motion: reduce) { .flotte, .curseur { animation: none; } }
</style>
<link rel="stylesheet" href="{{ asset('vendor/xterm/xterm.css') }}">
<script defer src="{{ asset('vendor/xterm/xterm.js') }}"></script>
<script defer src="{{ asset('vendor/xterm/addon-fit.js') }}"></script>
<script defer src="{{ asset('js/paillasse-terminal.js') }}"></script>
<link rel="stylesheet" href="{{ asset('css/syllabus-theme.css') }}">
</head>
<body class="bg-white font-display text-black antialiased">
<header style="position:sticky;top:0;z-index:40;background:rgba(255,255,255,.92);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid #e3e5e8">
<nav aria-label="Navigation principale" style="position:relative;max-width:1200px;margin:0 auto;padding:0 20px;min-height:64px;display:flex;flex-wrap:wrap;align-items:center;gap:12px 40px">
<a href="{{ route('accueil') }}" aria-label="Syllabus, accueil" style="display:flex;align-items:center;gap:0;text-decoration:none"><img src="{{ asset('images/logo-syllabus-icone.png') }}" alt="" style="height:32px;width:auto;display:block"><span style="font-family:Mulish,system-ui,sans-serif;font-weight:800;font-size:19px;color:#111827;letter-spacing:-0.01em;margin-left:-14px;position:relative">Syllabus</span></a>
<ul style="margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:8px 28px;flex:1;line-height:1.5"><li><details class="group"><summary @if(request()->routeIs('fonctionnalites') || request()->routeIs('ressource')) aria-current="page" @endif style="cursor:pointer;list-style:none;display:flex;align-items:center;gap:6px;height:36px;margin:-6px -12px;padding:0 12px;border-radius:999px;line-height:1.5;font-size:15px;font-weight:600;color:#0b1220" class="hover:bg-[#f1f3f4] group-open:bg-[#e8f0fe] group-open:text-[#0b57d0] aria-[current=page]:text-[#0b57d0] [&::-webkit-details-marker]:hidden">Fonctionnalités<svg aria-hidden="true" viewBox="0 0 16 16" width="16" height="16" class="transition-transform duration-200 group-open:rotate-180" style="flex:none;opacity:.7"><path d="M4 6l4 4 4-4" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg></summary>
<div style="position:absolute;left:20px;right:20px;top:100%;margin-top:4px;z-index:50;max-width:1160px;margin-left:auto;margin-right:auto;box-sizing:border-box;max-height:calc(100vh - 90px);overflow:auto;border-radius:20px;background:#fff;border:1px solid #e3e5e8;box-shadow:0 24px 48px -16px rgba(15,23,42,.22)">
<div class="grid grid-cols-2 sm:grid-cols-3 min-[1100px]:grid-cols-5 [&>div:last-child]:col-span-2 min-[1100px]:[&>div:last-child]:col-span-1" style="gap:1px;background:#e3e5e8"><div style="padding:22px 20px 20px;min-width:0;background:#fff"><p style="margin:0;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:800;color:#0b1220"><span aria-hidden="true" style="flex:none;width:10px;height:10px;border-radius:3px;background:#0b57d0"></span>Piloter la classe</p><p style="margin:4px 0 0 20px;min-height:32px;font-size:12px;line-height:16px;font-weight:500;color:#5f6368">En direct et au quotidien</p><ul style="margin:10px 0 0 20px;padding:12px 0 0;border-top:1px solid #f1f3f4;list-style:none;display:grid;gap:2px"><li><a href="{{ route('ressource') }}?outil=cockpit" style="display:block;margin:0 -8px;padding:6px 8px;border-radius:8px;font-size:14px;line-height:1.35;font-weight:600;color:#0b1220;text-decoration:none" class="hover:bg-[#f1f3f4] hover:text-[#0b57d0]">Tableau de bord prof</a></li><li><a href="{{ route('ressource') }}?outil=visio" style="display:block;margin:0 -8px;padding:6px 8px;border-radius:8px;font-size:14px;line-height:1.35;font-weight:600;color:#0b1220;text-decoration:none" class="hover:bg-[#f1f3f4] hover:text-[#0b57d0]">Visio de classe</a></li><li><a href="{{ route('ressource') }}?outil=espace-eleve" style="display:block;margin:0 -8px;padding:6px 8px;border-radius:8px;font-size:14px;line-height:1.35;font-weight:600;color:#0b1220;text-decoration:none" class="hover:bg-[#f1f3f4] hover:text-[#0b57d0]">Espace élève</a></li><li><a href="{{ route('ressource') }}?outil=fiche-eleve" style="display:block;margin:0 -8px;padding:6px 8px;border-radius:8px;font-size:14px;line-height:1.35;font-weight:600;color:#0b1220;text-decoration:none" class="hover:bg-[#f1f3f4] hover:text-[#0b57d0]">Fiche élève</a></li><li><a href="{{ route('ressource') }}?outil=messagerie" style="display:block;margin:0 -8px;padding:6px 8px;border-radius:8px;font-size:14px;line-height:1.35;font-weight:600;color:#0b1220;text-decoration:none" class="hover:bg-[#f1f3f4] hover:text-[#0b57d0]">Messagerie</a></li></ul></div><div style="padding:22px 20px 20px;min-width:0;background:#fff"><p style="margin:0;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:800;color:#0b1220"><span aria-hidden="true" style="flex:none;width:10px;height:10px;border-radius:3px;background:#137333"></span>Apprendre</p><p style="margin:4px 0 0 20px;min-height:32px;font-size:12px;line-height:16px;font-weight:500;color:#5f6368">Cours, TP et code</p><ul style="margin:10px 0 0 20px;padding:12px 0 0;border-top:1px solid #f1f3f4;list-style:none;display:grid;gap:2px"><li><a href="{{ route('ressource') }}?outil=cours" style="display:block;margin:0 -8px;padding:6px 8px;border-radius:8px;font-size:14px;line-height:1.35;font-weight:600;color:#0b1220;text-decoration:none" class="hover:bg-[#f1f3f4] hover:text-[#0b57d0]">Cours gratuits</a></li><li><a href="{{ route('ressource') }}?outil=labs" style="display:block;margin:0 -8px;padding:6px 8px;border-radius:8px;font-size:14px;line-height:1.35;font-weight:600;color:#0b1220;text-decoration:none" class="hover:bg-[#f1f3f4] hover:text-[#0b57d0]">TP sur machine Linux</a></li><li><a href="{{ route('ressource') }}?outil=lab-web" style="display:block;margin:0 -8px;padding:6px 8px;border-radius:8px;font-size:14px;line-height:1.35;font-weight:600;color:#0b1220;text-decoration:none" class="hover:bg-[#f1f3f4] hover:text-[#0b57d0]">Lab web</a></li><li><a href="{{ route('ressource') }}?outil=ide" style="display:block;margin:0 -8px;padding:6px 8px;border-radius:8px;font-size:14px;line-height:1.35;font-weight:600;color:#0b1220;text-decoration:none" class="hover:bg-[#f1f3f4] hover:text-[#0b57d0]">Éditeur de code en ligne</a></li><li><a href="{{ route('ressource') }}?outil=maison" style="display:block;margin:0 -8px;padding:6px 8px;border-radius:8px;font-size:14px;line-height:1.35;font-weight:600;color:#0b1220;text-decoration:none" class="hover:bg-[#f1f3f4] hover:text-[#0b57d0]">Ressources à la maison</a></li></ul></div><div style="padding:22px 20px 20px;min-width:0;background:#fff"><p style="margin:0;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:800;color:#0b1220"><span aria-hidden="true" style="flex:none;width:10px;height:10px;border-radius:3px;background:#b06000"></span>Préparer</p><p style="margin:4px 0 0 20px;min-height:32px;font-size:12px;line-height:16px;font-weight:500;color:#5f6368">Prêt à projeter ou imprimer</p><ul style="margin:10px 0 0 20px;padding:12px 0 0;border-top:1px solid #f1f3f4;list-style:none;display:grid;gap:2px"><li><a href="{{ route('ressource') }}?outil=bibliotheque" style="display:block;margin:0 -8px;padding:6px 8px;border-radius:8px;font-size:14px;line-height:1.35;font-weight:600;color:#0b1220;text-decoration:none" class="hover:bg-[#f1f3f4] hover:text-[#0b57d0]">Bibliothèque du prof</a></li><li><a href="{{ route('ressource') }}?outil=banque" style="display:block;margin:0 -8px;padding:6px 8px;border-radius:8px;font-size:14px;line-height:1.35;font-weight:600;color:#0b1220;text-decoration:none" class="hover:bg-[#f1f3f4] hover:text-[#0b57d0]">Banque de sujets</a></li><li><a href="{{ route('ressource') }}?outil=generateur" style="display:block;margin:0 -8px;padding:6px 8px;border-radius:8px;font-size:14px;line-height:1.35;font-weight:600;color:#0b1220;text-decoration:none" class="hover:bg-[#f1f3f4] hover:text-[#0b57d0]">Générateur de TD</a></li><li><a href="{{ route('ressource') }}?outil=td-imprimable" style="display:block;margin:0 -8px;padding:6px 8px;border-radius:8px;font-size:14px;line-height:1.35;font-weight:600;color:#0b1220;text-decoration:none" class="hover:bg-[#f1f3f4] hover:text-[#0b57d0]">TD à imprimer</a></li></ul></div><div style="padding:22px 20px 20px;min-width:0;background:#fff"><p style="margin:0;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:800;color:#0b1220"><span aria-hidden="true" style="flex:none;width:10px;height:10px;border-radius:3px;background:#c5221f"></span>Évaluer</p><p style="margin:4px 0 0 20px;min-height:32px;font-size:12px;line-height:16px;font-weight:500;color:#5f6368">Quiz, examens, devoirs</p><ul style="margin:10px 0 0 20px;padding:12px 0 0;border-top:1px solid #f1f3f4;list-style:none;display:grid;gap:2px"><li><a href="{{ route('ressource') }}?outil=quiz" style="display:block;margin:0 -8px;padding:6px 8px;border-radius:8px;font-size:14px;line-height:1.35;font-weight:600;color:#0b1220;text-decoration:none" class="hover:bg-[#f1f3f4] hover:text-[#0b57d0]">Quiz flash</a></li><li><a href="{{ route('ressource') }}?outil=sujet" style="display:block;margin:0 -8px;padding:6px 8px;border-radius:8px;font-size:14px;line-height:1.35;font-weight:600;color:#0b1220;text-decoration:none" class="hover:bg-[#f1f3f4] hover:text-[#0b57d0]">Créer un sujet</a></li><li><a href="{{ route('ressource') }}?outil=devoirs" style="display:block;margin:0 -8px;padding:6px 8px;border-radius:8px;font-size:14px;line-height:1.35;font-weight:600;color:#0b1220;text-decoration:none" class="hover:bg-[#f1f3f4] hover:text-[#0b57d0]">Devoirs maison</a></li><li><a href="{{ route('ressource') }}?outil=correction" style="display:block;margin:0 -8px;padding:6px 8px;border-radius:8px;font-size:14px;line-height:1.35;font-weight:600;color:#0b1220;text-decoration:none" class="hover:bg-[#f1f3f4] hover:text-[#0b57d0]">Corriger les copies</a></li><li><a href="{{ route('ressource') }}?outil=export" style="display:block;margin:0 -8px;padding:6px 8px;border-radius:8px;font-size:14px;line-height:1.35;font-weight:600;color:#0b1220;text-decoration:none" class="hover:bg-[#f1f3f4] hover:text-[#0b57d0]">Export Pronote / ENT</a></li></ul></div><div style="padding:22px 20px 20px;min-width:0;background:#fff"><p style="margin:0;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:800;color:#0b1220"><span aria-hidden="true" style="flex:none;width:10px;height:10px;border-radius:3px;background:#8430ce"></span>Établissement</p><p style="margin:4px 0 0 20px;min-height:32px;font-size:12px;line-height:16px;font-weight:500;color:#5f6368">Vie scolaire, direction, DSI</p><ul style="margin:10px 0 0 20px;padding:12px 0 0;border-top:1px solid #f1f3f4;list-style:none;display:grid;gap:2px"><li><a href="{{ route('ressource') }}?outil=vie-scolaire" style="display:block;margin:0 -8px;padding:6px 8px;border-radius:8px;font-size:14px;line-height:1.35;font-weight:600;color:#0b1220;text-decoration:none" class="hover:bg-[#f1f3f4] hover:text-[#0b57d0]">Vie scolaire</a></li><li><a href="{{ route('ressource') }}?outil=cohortes" style="display:block;margin:0 -8px;padding:6px 8px;border-radius:8px;font-size:14px;line-height:1.35;font-weight:600;color:#0b1220;text-decoration:none" class="hover:bg-[#f1f3f4] hover:text-[#0b57d0]">Suivi des cohortes</a></li><li><a href="{{ route('ressource') }}?outil=espace-etablissement" style="display:block;margin:0 -8px;padding:6px 8px;border-radius:8px;font-size:14px;line-height:1.35;font-weight:600;color:#0b1220;text-decoration:none" class="hover:bg-[#f1f3f4] hover:text-[#0b57d0]">Espace établissement</a></li><li><a href="{{ route('ressource') }}?outil=academie" style="display:block;margin:0 -8px;padding:6px 8px;border-radius:8px;font-size:14px;line-height:1.35;font-weight:600;color:#0b1220;text-decoration:none" class="hover:bg-[#f1f3f4] hover:text-[#0b57d0]">Académie</a></li><li><a href="{{ route('ressource') }}?outil=integration" style="display:block;margin:0 -8px;padding:6px 8px;border-radius:8px;font-size:14px;line-height:1.35;font-weight:600;color:#0b1220;text-decoration:none" class="hover:bg-[#f1f3f4] hover:text-[#0b57d0]">Intégration et sécurité</a></li></ul></div></div>
<div style="position:sticky;bottom:0;padding:14px 24px;border-top:1px solid #e3e5e8;background:#f8f9fa;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px"><span style="font-size:14px;font-weight:500;color:#5f6368">24 outils, chacun avec sa présentation et sa démo</span><a href="{{ route('fonctionnalites') }}" style="font-size:15px;font-weight:700;color:#0b57d0;text-decoration:none">Voir toutes les fonctionnalités →</a></div>
</div></details></li><li><a href="{{ route('cours.index') }}" @if(request()->routeIs('cours.index')) aria-current="page" @endif style="display:inline-flex;align-items:center;height:24px;line-height:1.5;font-size:15px;font-weight:600;color:#0b1220;text-decoration:none" class="hover:text-[#0b57d0] aria-[current=page]:text-[#0b57d0]">Cours</a></li><li><a href="{{ route('tarifs') }}" @if(request()->routeIs('tarifs')) aria-current="page" @endif style="display:inline-flex;align-items:center;height:24px;line-height:1.5;font-size:15px;font-weight:600;color:#0b1220;text-decoration:none" class="hover:text-[#0b57d0] aria-[current=page]:text-[#0b57d0]">Tarifs</a></li></ul>
<div style="display:flex;align-items:center;gap:20px">
<a href="{{ route('login') }}" style="font-size:15px;font-weight:600;color:#0b1220;text-decoration:none" class="hover:text-[#0b57d0]">Se connecter</a>
<a href="{{ route('register') }}" style="display:inline-flex;align-items:center;height:40px;padding:0 20px;border-radius:999px;background:#0b57d0;color:#fff;font-size:15px;font-weight:700;text-decoration:none">Créer une classe</a>
</div>
</nav>
</header>
<main>
<div class="border-b border-[#e3e5e8] bg-[#f8f9fa]"><div class="mx-auto grid max-w-[1600px] lg:grid-cols-[240px_minmax(0,1fr)]"><aside class="border-b border-[#e3e5e8] bg-white p-5 lg:border-b-0 lg:border-r-2"><label class="flex h-11 items-center gap-2 border border-[#dadce0] rounded-lg px-2"><svg viewBox="0 0 24 24" class="h-4 w-4 shrink-0" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.3-4.3"/></svg><input id="a-q" class="min-w-0 flex-1 bg-transparent text-sm font-semibold outline-none" placeholder="Rechercher dans l’aide"></label><p class="mt-6 font-mono text-[11px] font-semibold uppercase tracking-wider">Rubriques</p><ul class="mt-2 grid gap-1"><li><a href="#videos" class="flex items-center gap-3 border border-[#dadce0] rounded-lg bg-[#0b57d0] text-white px-3 py-2 text-sm font-bold"><svg viewBox="0 0 24 24" class="h-4 w-4 shrink-0" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m6 3 14 9-14 9V3z"/></svg><span class="flex-1">Tutoriels vidéo</span></a></li><li><a href="#guides" class="flex items-center gap-3 border-2 border-transparent hover:border-black px-3 py-2 text-sm font-bold"><svg viewBox="0 0 24 24" class="h-4 w-4 shrink-0" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 19.5A2.5 2.5 0 0 1 6.5 17H20V2H6.5A2.5 2.5 0 0 0 4 4.5v15z"/></svg><span class="flex-1">Guides pas à pas</span></a></li><li><a href="#contact" class="flex items-center gap-3 border-2 border-transparent hover:border-black px-3 py-2 text-sm font-bold"><svg viewBox="0 0 24 24" class="h-4 w-4 shrink-0" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/></svg><span class="flex-1">Nous écrire</span></a></li></ul><div class="mt-6 border border-[#dadce0] rounded-lg bg-[#e6f4ea] p-3 text-sm font-semibold"><p class="font-extrabold">Réponse sous 24 h</p><p class="mt-1">Les jours d’école, par l’auteur de Syllabus lui-même.</p></div></aside><div class="min-w-0 p-5 lg:p-8"><div class="flex flex-wrap items-end justify-between gap-4"><div><p class="font-mono text-xs font-semibold">Centre d’aide</p><h1 class="mt-1 text-4xl font-extrabold tracking-tight">Aide et tutoriels</h1><p class="mt-1 font-semibold">Des vidéos courtes et des guides pour prendre Syllabus en main.</p></div><div class="flex flex-wrap gap-3"><a href="mailto:adam@belkacemi.me" class="inline-flex h-11 items-center gap-2 border border-[#dadce0] rounded-lg bg-[#fef7e0] px-4 text-sm font-extrabold"><svg viewBox="0 0 24 24" class="h-4 w-4 shrink-0" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/></svg>Poser une question</a></div></div><section id="videos" class="mt-6" aria-labelledby="t-v"><h2 id="t-v" class="text-2xl font-extrabold">Tutoriels vidéo</h2><ul class="mt-4 grid gap-5 sm:grid-cols-2 xl:grid-cols-4"><li data-a="créer ma première classe"><a href="{{ route('register') }}" class="group block border border-[#dadce0] rounded-lg bg-white"><span class="relative grid aspect-video place-items-center border-b border-[#e3e5e8]" style="background:#FFD23F"><span class="grid h-14 w-14 place-items-center rounded-full border border-[#dadce0] rounded-lg bg-white group-hover:bg-black group-hover:text-white"><svg viewBox="0 0 24 24" class="h-6 w-6 shrink-0" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m6 3 14 9-14 9V3z"/></svg></span><span class="absolute bottom-2 right-2 border border-[#dadce0] rounded-lg bg-white px-1.5 font-mono text-[11px] font-semibold">3 min</span></span><span class="block p-3"><span class="font-mono text-[11px] font-semibold uppercase">Démarrer</span><span class="mt-1 block font-extrabold leading-tight">Créer ma première classe</span></span></a></li><li data-a="lancer un lab et suivre la classe"><a href="{{ route('labs.index') }}" class="group block border border-[#dadce0] rounded-lg bg-white"><span class="relative grid aspect-video place-items-center border-b border-[#e3e5e8]" style="background:#7CF2C0"><span class="grid h-14 w-14 place-items-center rounded-full border border-[#dadce0] rounded-lg bg-white group-hover:bg-black group-hover:text-white"><svg viewBox="0 0 24 24" class="h-6 w-6 shrink-0" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m6 3 14 9-14 9V3z"/></svg></span><span class="absolute bottom-2 right-2 border border-[#dadce0] rounded-lg bg-white px-1.5 font-mono text-[11px] font-semibold">4 min</span></span><span class="block p-3"><span class="font-mono text-[11px] font-semibold uppercase">Labs</span><span class="mt-1 block font-extrabold leading-tight">Lancer un lab et suivre la classe</span></span></a></li><li data-a="le cockpit prof en 5 minutes"><a href="{{ route('cockpit') }}" class="group block border border-[#dadce0] rounded-lg bg-white"><span class="relative grid aspect-video place-items-center border-b border-[#e3e5e8]" style="background:#C4B5FD"><span class="grid h-14 w-14 place-items-center rounded-full border border-[#dadce0] rounded-lg bg-white group-hover:bg-black group-hover:text-white"><svg viewBox="0 0 24 24" class="h-6 w-6 shrink-0" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m6 3 14 9-14 9V3z"/></svg></span><span class="absolute bottom-2 right-2 border border-[#dadce0] rounded-lg bg-white px-1.5 font-mono text-[11px] font-semibold">5 min</span></span><span class="block p-3"><span class="font-mono text-[11px] font-semibold uppercase">Cockpit</span><span class="mt-1 block font-extrabold leading-tight">Le cockpit prof en 5 minutes</span></span></a></li><li data-a="composer un sujet d’examen"><a href="{{ route('sujet.creer') }}" class="group block border border-[#dadce0] rounded-lg bg-white"><span class="relative grid aspect-video place-items-center border-b border-[#e3e5e8]" style="background:#ec3013"><span class="grid h-14 w-14 place-items-center rounded-full border border-[#dadce0] rounded-lg bg-white group-hover:bg-black group-hover:text-white"><svg viewBox="0 0 24 24" class="h-6 w-6 shrink-0" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m6 3 14 9-14 9V3z"/></svg></span><span class="absolute bottom-2 right-2 border border-[#dadce0] rounded-lg bg-white px-1.5 font-mono text-[11px] font-semibold">6 min</span></span><span class="block p-3"><span class="font-mono text-[11px] font-semibold uppercase">Examens</span><span class="mt-1 block font-extrabold leading-tight">Composer un sujet d’examen</span></span></a></li><li data-a="corriger un dm avec la pré-correction"><a href="{{ route('correction') }}" class="group block border border-[#dadce0] rounded-lg bg-white"><span class="relative grid aspect-video place-items-center border-b border-[#e3e5e8]" style="background:#FF6FB5"><span class="grid h-14 w-14 place-items-center rounded-full border border-[#dadce0] rounded-lg bg-white group-hover:bg-black group-hover:text-white"><svg viewBox="0 0 24 24" class="h-6 w-6 shrink-0" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m6 3 14 9-14 9V3z"/></svg></span><span class="absolute bottom-2 right-2 border border-[#dadce0] rounded-lg bg-white px-1.5 font-mono text-[11px] font-semibold">4 min</span></span><span class="block p-3"><span class="font-mono text-[11px] font-semibold uppercase">Correction</span><span class="mt-1 block font-extrabold leading-tight">Corriger un DM avec la pré-correction</span></span></a></li><li data-a="exporter les notes vers pronote"><a href="{{ route('export.ent') }}" class="group block border border-[#dadce0] rounded-lg bg-white"><span class="relative grid aspect-video place-items-center border-b border-[#e3e5e8]" style="background:#FFD23F"><span class="grid h-14 w-14 place-items-center rounded-full border border-[#dadce0] rounded-lg bg-white group-hover:bg-black group-hover:text-white"><svg viewBox="0 0 24 24" class="h-6 w-6 shrink-0" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m6 3 14 9-14 9V3z"/></svg></span><span class="absolute bottom-2 right-2 border border-[#dadce0] rounded-lg bg-white px-1.5 font-mono text-[11px] font-semibold">3 min</span></span><span class="block p-3"><span class="font-mono text-[11px] font-semibold uppercase">Exports</span><span class="mt-1 block font-extrabold leading-tight">Exporter les notes vers Pronote</span></span></a></li><li data-a="projeter un quiz flash"><a href="{{ route('quiz.projection') }}" class="group block border border-[#dadce0] rounded-lg bg-white"><span class="relative grid aspect-video place-items-center border-b border-[#e3e5e8]" style="background:#7CF2C0"><span class="grid h-14 w-14 place-items-center rounded-full border border-[#dadce0] rounded-lg bg-white group-hover:bg-black group-hover:text-white"><svg viewBox="0 0 24 24" class="h-6 w-6 shrink-0" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m6 3 14 9-14 9V3z"/></svg></span><span class="absolute bottom-2 right-2 border border-[#dadce0] rounded-lg bg-white px-1.5 font-mono text-[11px] font-semibold">2 min</span></span><span class="block p-3"><span class="font-mono text-[11px] font-semibold uppercase">Quiz</span><span class="mt-1 block font-extrabold leading-tight">Projeter un quiz flash</span></span></a></li><li data-a="côté élève : se connecter et lever la main"><a href="{{ route('cockpit') }}" class="group block border border-[#dadce0] rounded-lg bg-white"><span class="relative grid aspect-video place-items-center border-b border-[#e3e5e8]" style="background:#C4B5FD"><span class="grid h-14 w-14 place-items-center rounded-full border border-[#dadce0] rounded-lg bg-white group-hover:bg-black group-hover:text-white"><svg viewBox="0 0 24 24" class="h-6 w-6 shrink-0" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m6 3 14 9-14 9V3z"/></svg></span><span class="absolute bottom-2 right-2 border border-[#dadce0] rounded-lg bg-white px-1.5 font-mono text-[11px] font-semibold">2 min</span></span><span class="block p-3"><span class="font-mono text-[11px] font-semibold uppercase">Élèves</span><span class="mt-1 block font-extrabold leading-tight">Côté élève : se connecter et lever la main</span></span></a></li></ul><p class="mt-3 text-xs font-semibold">Vidéos en cours de tournage : les vignettes sont des emplacements.</p></section>
<section id="guides" class="mt-10" aria-labelledby="t-g"><h2 id="t-g" class="text-2xl font-extrabold">Guides pas à pas</h2><div class="mt-4 grid gap-5 md:grid-cols-2 xl:grid-cols-4"><section id="g-dmarrer" class="border border-[#dadce0] rounded-lg bg-white" aria-labelledby="t-g-dmarrer"><div class="flex flex-wrap items-center justify-between gap-3 border-b border-[#e3e5e8] p-4"><h2 id="t-g-dmarrer" class="flex items-center gap-2 text-lg font-extrabold"><svg viewBox="0 0 24 24" class="h-4 w-4 shrink-0" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 19.5A2.5 2.5 0 0 1 6.5 17H20V2H6.5A2.5 2.5 0 0 0 4 4.5v15z"/></svg>Démarrer</h2></div><ul class="divide-y divide-[#e3e5e8]"><li data-a="créer un compte enseignant sans cb"><a href="{{ route('register') }}" class="flex items-center justify-between gap-2 p-3 text-sm font-bold hover:bg-[#f8f9fa]">Créer un compte enseignant sans CB<span aria-hidden="true">→</span></a></li><li data-a="ajouter mes élèves (liste, code classe, csv)"><a href="{{ route('espace.eleve') }}" class="flex items-center justify-between gap-2 p-3 text-sm font-bold hover:bg-[#f8f9fa]">Ajouter mes élèves (liste, code classe, CSV)<span aria-hidden="true">→</span></a></li><li data-a="choisir mon établissement"><a href="{{ route('etablissements') }}" class="flex items-center justify-between gap-2 p-3 text-sm font-bold hover:bg-[#f8f9fa]">Choisir mon établissement<span aria-hidden="true">→</span></a></li></ul></section><section id="g-enclasse" class="border border-[#dadce0] rounded-lg bg-white" aria-labelledby="t-g-enclasse"><div class="flex flex-wrap items-center justify-between gap-3 border-b border-[#e3e5e8] p-4"><h2 id="t-g-enclasse" class="flex items-center gap-2 text-lg font-extrabold"><svg viewBox="0 0 24 24" class="h-4 w-4 shrink-0" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 19.5A2.5 2.5 0 0 1 6.5 17H20V2H6.5A2.5 2.5 0 0 0 4 4.5v15z"/></svg>En classe</h2></div><ul class="divide-y divide-[#e3e5e8]"><li data-a="lancer un lab sur vm"><a href="{{ route('labs.index') }}" class="flex items-center justify-between gap-2 p-3 text-sm font-bold hover:bg-[#f8f9fa]">Lancer un lab sur VM<span aria-hidden="true">→</span></a></li><li data-a="utiliser le lab web"><a href="{{ route('labs.web') }}" class="flex items-center justify-between gap-2 p-3 text-sm font-bold hover:bg-[#f8f9fa]">Utiliser le lab web<span aria-hidden="true">→</span></a></li><li data-a="gérer les mains levées"><a href="{{ route('cockpit') }}" class="flex items-center justify-between gap-2 p-3 text-sm font-bold hover:bg-[#f8f9fa]">Gérer les mains levées<span aria-hidden="true">→</span></a></li><li data-a="débloquer les indices plus tôt"><a href="{{ route('labs.index') }}" class="flex items-center justify-between gap-2 p-3 text-sm font-bold hover:bg-[#f8f9fa]">Débloquer les indices plus tôt<span aria-hidden="true">→</span></a></li></ul></section><section id="g-valuer" class="border border-[#dadce0] rounded-lg bg-white" aria-labelledby="t-g-valuer"><div class="flex flex-wrap items-center justify-between gap-3 border-b border-[#e3e5e8] p-4"><h2 id="t-g-valuer" class="flex items-center gap-2 text-lg font-extrabold"><svg viewBox="0 0 24 24" class="h-4 w-4 shrink-0" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 19.5A2.5 2.5 0 0 1 6.5 17H20V2H6.5A2.5 2.5 0 0 0 4 4.5v15z"/></svg>Évaluer</h2></div><ul class="divide-y divide-[#e3e5e8]"><li data-a="programmer un devoir maison"><a href="{{ route('devoirs') }}" class="flex items-center justify-between gap-2 p-3 text-sm font-bold hover:bg-[#f8f9fa]">Programmer un devoir maison<span aria-hidden="true">→</span></a></li><li data-a="surveiller un examen"><a href="{{ route('sujet.creer') }}" class="flex items-center justify-between gap-2 p-3 text-sm font-bold hover:bg-[#f8f9fa]">Surveiller un examen<span aria-hidden="true">→</span></a></li><li data-a="valider une pré-correction"><a href="{{ route('correction') }}" class="flex items-center justify-between gap-2 p-3 text-sm font-bold hover:bg-[#f8f9fa]">Valider une pré-correction<span aria-hidden="true">→</span></a></li><li data-a="imprimer un td en pdf"><a href="{{ route('td.imprimable') }}" class="flex items-center justify-between gap-2 p-3 text-sm font-bold hover:bg-[#f8f9fa]">Imprimer un TD en PDF<span aria-hidden="true">→</span></a></li></ul></section><section id="g-tablissement" class="border border-[#dadce0] rounded-lg bg-white" aria-labelledby="t-g-tablissement"><div class="flex flex-wrap items-center justify-between gap-3 border-b border-[#e3e5e8] p-4"><h2 id="t-g-tablissement" class="flex items-center gap-2 text-lg font-extrabold"><svg viewBox="0 0 24 24" class="h-4 w-4 shrink-0" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 19.5A2.5 2.5 0 0 1 6.5 17H20V2H6.5A2.5 2.5 0 0 0 4 4.5v15z"/></svg>Établissement</h2></div><ul class="divide-y divide-[#e3e5e8]"><li data-a="commander avec un bon de commande"><a href="{{ route('facturation') }}" class="flex items-center justify-between gap-2 p-3 text-sm font-bold hover:bg-[#f8f9fa]">Commander avec un bon de commande<span aria-hidden="true">→</span></a></li><li data-a="déposer une facture sur chorus pro"><a href="{{ route('facturation') }}" class="flex items-center justify-between gap-2 p-3 text-sm font-bold hover:bg-[#f8f9fa]">Déposer une facture sur Chorus Pro<span aria-hidden="true">→</span></a></li><li data-a="donner l’accès à la cpe"><a href="{{ route('vie.scolaire') }}" class="flex items-center justify-between gap-2 p-3 text-sm font-bold hover:bg-[#f8f9fa]">Donner l’accès à la CPE<span aria-hidden="true">→</span></a></li><li data-a="rgpd : le registre des traitements"><a href="{{ route('legal') }}" class="flex items-center justify-between gap-2 p-3 text-sm font-bold hover:bg-[#f8f9fa]">RGPD : le registre des traitements<span aria-hidden="true">→</span></a></li></ul></section></div></section>
<section id="contact" class="mt-10 border border-[#dadce0] rounded-lg bg-black p-6 text-white"><h2 class="text-2xl font-extrabold">Vous ne trouvez pas&nbsp;?</h2><p class="mt-2 font-semibold">Écrivez à <a href="mailto:adam@belkacemi.me" class="underline underline-offset-4">adam@belkacemi.me</a>. Chaque question aide à améliorer l’outil.</p></section>
<script>document.addEventListener('DOMContentLoaded',function(){document.getElementById('a-q').addEventListener('input',function(e){var q=e.target.value.toLowerCase();document.querySelectorAll('[data-a]').forEach(function(li){li.style.display=li.dataset.a.indexOf(q)>-1?'':'none';});});});</script></div></div></div>
</main>
<footer style="background:#f8f9fa;border-top:1px solid #e3e5e8;font-family:Mulish,system-ui,sans-serif">
<div class="mx-auto grid max-w-7xl gap-10 px-5 py-14 sm:grid-cols-2 lg:grid-cols-4 lg:px-10">
<div>
<p style="margin:0;font-size:18px;font-weight:800;color:#0b1220">Syllabus</p>
<p style="margin:10px 0 0;font-size:14px;line-height:1.6;font-weight:500;color:#5f6368">Cours, labs, IDE et examens en ligne, du lycée au master.</p>
</div>
<nav aria-label="Produit"><p style="margin:0;font-size:13px;font-weight:800;color:#0b1220">Produit</p><ul style="margin:14px 0 0;padding:0;list-style:none;display:grid;gap:10px"><li><a href="{{ route('fonctionnalites') }}" style="font-size:14px;font-weight:500;color:#5f6368;text-decoration:none" class="hover:text-[#0b57d0]">Fonctionnalités</a></li><li><a href="{{ route('cours.index') }}" style="font-size:14px;font-weight:500;color:#5f6368;text-decoration:none" class="hover:text-[#0b57d0]">Cours gratuits</a></li><li><a href="{{ route('labs.essai') }}" style="font-size:14px;font-weight:500;color:#5f6368;text-decoration:none" class="hover:text-[#0b57d0]">Essayer un lab</a></li><li><a href="{{ route('tarifs') }}" style="font-size:14px;font-weight:500;color:#5f6368;text-decoration:none" class="hover:text-[#0b57d0]">Tarifs</a></li></ul></nav><nav aria-label="Outils"><p style="margin:0;font-size:13px;font-weight:800;color:#0b1220">Outils</p><ul style="margin:14px 0 0;padding:0;list-style:none;display:grid;gap:10px"><li><a href="{{ route('ressource') }}?outil=cockpit" style="font-size:14px;font-weight:500;color:#5f6368;text-decoration:none" class="hover:text-[#0b57d0]">Tableau de bord prof</a></li><li><a href="{{ route('ressource') }}?outil=labs" style="font-size:14px;font-weight:500;color:#5f6368;text-decoration:none" class="hover:text-[#0b57d0]">TP sur machine Linux</a></li><li><a href="{{ route('ressource') }}?outil=ide" style="font-size:14px;font-weight:500;color:#5f6368;text-decoration:none" class="hover:text-[#0b57d0]">Éditeur de code</a></li><li><a href="{{ route('ressource') }}?outil=quiz" style="font-size:14px;font-weight:500;color:#5f6368;text-decoration:none" class="hover:text-[#0b57d0]">Quiz flash</a></li><li><a href="{{ route('ressource') }}?outil=sujet" style="font-size:14px;font-weight:500;color:#5f6368;text-decoration:none" class="hover:text-[#0b57d0]">Examens</a></li><li><a href="{{ route('ressource') }}?outil=bibliotheque" style="font-size:14px;font-weight:500;color:#5f6368;text-decoration:none" class="hover:text-[#0b57d0]">Bibliothèque du prof</a></li></ul></nav><nav aria-label="Établissements"><p style="margin:0;font-size:13px;font-weight:800;color:#0b1220">Établissements</p><ul style="margin:14px 0 0;padding:0;list-style:none;display:grid;gap:10px"><li><a href="{{ route('etablissements') }}" style="font-size:14px;font-weight:500;color:#5f6368;text-decoration:none" class="hover:text-[#0b57d0]">Équiper une classe</a></li><li><a href="{{ route('ressource') }}?outil=vie-scolaire" style="font-size:14px;font-weight:500;color:#5f6368;text-decoration:none" class="hover:text-[#0b57d0]">Vie scolaire</a></li><li><a href="{{ route('ressource') }}?outil=espace-etablissement" style="font-size:14px;font-weight:500;color:#5f6368;text-decoration:none" class="hover:text-[#0b57d0]">Licences et factures</a></li><li><a href="{{ route('ressource') }}?outil=integration" style="font-size:14px;font-weight:500;color:#5f6368;text-decoration:none" class="hover:text-[#0b57d0]">Intégration et sécurité</a></li></ul></nav><nav aria-label="Syllabus"><p style="margin:0;font-size:13px;font-weight:800;color:#0b1220">Syllabus</p><ul style="margin:14px 0 0;padding:0;list-style:none;display:grid;gap:10px"><li><a href="{{ route('aide') }}" style="font-size:14px;font-weight:500;color:#5f6368;text-decoration:none" class="hover:text-[#0b57d0]">Aide et tutoriels</a></li><li><a href="{{ route('legal') }}" style="font-size:14px;font-weight:500;color:#5f6368;text-decoration:none" class="hover:text-[#0b57d0]">Mentions légales et RGPD</a></li></ul></nav>
<p style="margin:0;align-self:start;font-size:14px;font-weight:600;color:#5f6368"><span style="color:#137333">●</span> Tous les services fonctionnent</p>
</div>
<div style="border-top:1px solid #e3e5e8"><ul aria-label="Engagements" style="max-width:1200px;margin:0 auto;padding:24px 20px;list-style:none;display:flex;flex-wrap:wrap;gap:12px 40px"><li style="font-size:14px;font-weight:700;color:#0b1220">Hébergé en France</li><li style="font-size:14px;font-weight:700;color:#0b1220"><a href="{{ route('confidentialite') }}" style="color:#0b1220">Conforme au RGPD</a> <span style="font-weight:500;color:#5f6368">· données minimisées</span></li><li style="font-size:14px;font-weight:700;color:#0b1220">6 cursus <span style="font-weight:500;color:#5f6368">· du lycée au BUT</span></li><li style="font-size:14px;font-weight:700;color:#0b1220">0 € <span style="font-weight:500;color:#5f6368">· sans carte bancaire</span></li></ul>
</div>
<div style="border-top:1px solid #e3e5e8">
<div class="mx-auto flex max-w-7xl flex-wrap items-center justify-center gap-x-6 gap-y-2 px-5 py-4 lg:px-10"><nav aria-label="Informations légales"><ul class="flex flex-wrap justify-center gap-x-5 gap-y-1" style="margin:0;padding:0;list-style:none;font-size:14px;font-weight:500"><li><a href="{{ route('legal') }}#mentions" style="color:#5f6368;text-decoration:none" class="hover:text-[#0b57d0]">Mentions légales</a></li><li><a href="{{ route('legal') }}#cgu" style="color:#5f6368;text-decoration:none" class="hover:text-[#0b57d0]">CGU</a></li><li><a href="{{ route('confidentialite') }}#confidentialite" style="color:#5f6368;text-decoration:none" class="hover:text-[#0b57d0]">Confidentialité et RGPD</a></li><li><a href="{{ route('confidentialite') }}#cookies" style="color:#5f6368;text-decoration:none" class="hover:text-[#0b57d0]">Cookies</a></li><li><a href="{{ route('confidentialite') }}#sous-traitance" style="color:#5f6368;text-decoration:none" class="hover:text-[#0b57d0]">Sous-traitance</a></li><li><a href="{{ route('statut') }}" style="color:#5f6368;text-decoration:none" class="hover:text-[#0b57d0]">Statut du service</a></li></ul></nav></div>
</div>
</footer>
</body>
</html>