2026-10-08 02:01:58 +02:00
<! DOCTYPE html >
< html lang = " fr " >
< head >
< meta charset = " utf-8 " >
< meta name = " viewport " content = " width=device-width, initial-scale=1 " >
< title > Messagerie · Syllabus </ title >
2026-10-09 21:07:25 +02:00
{{ Vite :: fonts () }}
2026-10-08 02:01:58 +02:00
< 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 ( 135 deg , 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 , 0 deg )); } 50 % { transform : translateY ( - 10 px ) rotate ( var ( -- r , 0 deg )); } }
. flotte { animation : flotte 6 s ease - in - out infinite ; }
@ keyframes clignote { 50 % { opacity : 0 ; } }
. curseur { animation : clignote 1 s steps ( 1 ) infinite ; }
@ media ( prefers - reduced - motion : reduce ) { . flotte , . curseur { animation : none ; } }
</ style >
2026-10-09 21:07:25 +02:00
< 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 >
2026-10-08 02:01:58 +02:00
< 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 " >
2026-10-09 21:07:25 +02:00
@ include ( 'partials.apercu' )
2026-10-08 02:01:58 +02:00
< 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
< 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 " >< button type = " button " class = " flex h-11 w-full items-center justify-center gap-2 border border-[#dadce0] rounded-lg bg-black text-sm font-extrabold text-white " >< 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 = " M12 20h9M16.5 3.5a2.1 2.1 0 0 1 3 3L7 19l-4 1 1-4Z " /></ svg > Nouveau message </ button >< label class = " mt-4 flex h-10 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 class = " min-w-0 flex-1 bg-transparent text-sm font-semibold outline-none " placeholder = " Rechercher " ></ label >< div class = " mt-4 flex flex-wrap gap-1 text-xs font-extrabold " >< button type = " button " class = " border border-[#dadce0] rounded-lg px-2 py-1 bg-[#0b57d0] text-white " > Tous </ button >< button type = " button " class = " border border-[#dadce0] rounded-lg px-2 py-1 bg-white " > Élèves </ button >< button type = " button " class = " border border-[#dadce0] rounded-lg px-2 py-1 bg-white " > Classes </ button >< button type = " button " class = " border border-[#dadce0] rounded-lg px-2 py-1 bg-white " > Collègues </ button >< button type = " button " class = " border border-[#dadce0] rounded-lg px-2 py-1 bg-white " > Vie scolaire </ button ></ div >< ul class = " mt-4 grid gap-1 " >< li >< a href = " { { route('messagerie') }} " class = " flex gap-3 border border-[#dadce0] rounded-lg bg-[#f8f9fa] p-2 " >< span class = " grid h-9 w-9 shrink-0 place-items-center border border-[#dadce0] rounded-lg font-mono text-xs font-semibold " style = " background:#FF6FB5 " > YB </ span >< span class = " min-w-0 flex-1 " >< span class = " flex justify-between gap-2 " >< span class = " truncate text-sm font-extrabold " > Yanis B .</ span >< span class = " font-mono text-[11px] " > 10 : 14 </ span ></ span >< span class = " block truncate text-xs font-semibold " > Je ne comprends pas l’ 4 du lab… </ span ></ span >< span class = " grid h-5 min-w-5 place-items-center bg-[#ec3013] px-1 font-mono text-[11px] font-semibold text-white " > 2 </ span ></ a ></ li >< li >< a href = " { { route('messagerie') }} " class = " flex gap-3 border-2 border-transparent hover:border-black p-2 " >< span class = " grid h-9 w-9 shrink-0 place-items-center border border-[#dadce0] rounded-lg font-mono text-xs font-semibold " style = " background:#7CF2C0 " > MD </ span >< span class = " min-w-0 flex-1 " >< span class = " flex justify-between gap-2 " >< span class = " truncate text-sm font-extrabold " > Mme Diallo </ span >< span class = " font-mono text-[11px] " > 09 : 40 </ span ></ span >< span class = " block truncate text-xs font-semibold " > Entretien famille Martin confirmé jeudi </ span ></ span >< span class = " grid h-5 min-w-5 place-items-center bg-[#ec3013] px-1 font-mono text-[11px] font-semibold text-white " > 1 </ span ></ a ></ li >< li >< a href = " { { route('messagerie') }} " class = " flex gap-3 border-2 border-transparent hover:border-black p-2 " >< span class = " grid h-9 w-9 shrink-0 place-items-center border border-[#dadce0] rounded-lg font-mono text-xs font-semibold " style = " background:#FFD23F " > BS </ span >< span class = " min-w-0 flex-1 " >< span class = " flex justify-between gap-2 " >< span class = " truncate text-sm font-extrabold " > BTS SIO 1 A </ span >< span class = " font-mono text-[11px] " > hier </ span ></ span >< span class = " block truncate text-xs font-semibold " > Rappel : DM 3 pour vendredi </ span ></ span ></ a ></ li >< li >< a href = " { { route('messagerie') }} " class = " flex gap-3 border-2 border-transparent hover:border-black p-2 " >< span class = " grid h-9 w-9 shrink-0 place-items-center border border-[#dadce0] rounded-lg font-mono text-xs font-semibold " style = " background:#C4B5FD " > MR </ span >< span class = " min-w-0 flex-1 " >< span class = " flex justify-between gap-2 " >< span class = " truncate text-sm font-extrabold " > Mme Roche </ span >< span class = " font-mono text-[11px] " > hier </ span ></ span >< span class =
< h1 class = " mt-1 text-4xl font-extrabold tracking-tight " > Yanis B .</ h1 ></ div >< p class = " mt-1 font-semibold " > Élève · BTS SIO 1 A · lab VLAN en cours </ p ></ div >< div class = " flex flex-wrap gap-3 " >< a href = " { { route('fiche.eleve') }} " class = " inline-flex h-11 items-center gap-2 border border-[#dadce0] rounded-lg bg-white px-4 text-sm font-extrabold hover:bg-[#f8f9fa] " >< 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 = " M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2 " />< circle cx = " 9 " cy = " 7 " r = " 4 " /></ svg > Fiche élève </ a >< button type = " button " class = " inline-flex h-11 items-center gap-2 border border-[#dadce0] rounded-lg px-4 text-sm font-extrabold bg-white hover:bg-[#f8f9fa] " >< 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 = " M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2 " />< circle cx = " 9 " cy = " 7 " r = " 4 " /></ svg > Ajouter la CPE </ button ></ div ></ div >< section class = " mt-6 flex min-h-[520px] flex-col border border-[#dadce0] rounded-lg bg-white " aria - label = " Conversation " >< div class = " border-b border-[#e3e5e8] bg-[#f8f9fa] p-3 text-xs font-semibold " > Échanges visibles par l’ et son équipe pédagogique . Pas de messages entre élèves . Horaires de réponse conseillés : 8 h – 19 h .</ div >< ol id = " m-fil " class = " flex flex-1 flex-col gap-3 p-4 " >< li class = " max-w-[75%] self-start " >< p class = " border border-[#dadce0] rounded-lg p-3 text-sm font-medium bg-white " > Bonjour Monsieur , je ne comprends pas l’ 4 du lab VLAN , la commande ne marche pas .</ p >< p class = " mt-1 font-mono text-[11px] " > 10 : 12 </ p ></ li >< li class = " max-w-[75%] self-start " >< p class = " border border-[#dadce0] rounded-lg p-3 text-sm font-medium bg-white " > J’ déjà utilisé les 2 indices 😅 </ p >< p class = " mt-1 font-mono text-[11px] " > 10 : 14 </ p ></ li >< li class = " max-w-[75%] self-end " >< p class = " border border-[#dadce0] rounded-lg p-3 text-sm font-medium bg-[#0b57d0] text-white " > Bonjour Yanis . Regarde bien le nom de l’ avec ip a : ce n’ pas eth0 sur cette VM .</ p >< p class = " mt-1 font-mono text-[11px] text-right " > 10 : 16 </ p ></ li ></ ol >< div class = " flex flex-wrap gap-2 border-t border-[#e3e5e8] px-4 pt-3 text-xs font-extrabold " >< button type = " button " data - q = " Envoyer un indice " class = " border border-[#dadce0] rounded-lg px-2 py-1 hover:bg-[#f8f9fa] " > Envoyer un indice </ button >< button type = " button " data - q = " Joindre le cours " class = " border border-[#dadce0] rounded-lg px-2 py-1 hover:bg-[#f8f9fa] " > Joindre le cours </ button >< button type = " button " data - q = " Proposer un créneau " class = " border border-[#dadce0] rounded-lg px-2 py-1 hover:bg-[#f8f9fa] " > Proposer un créneau </ button ></ div >< form id = " m-form " class = " flex gap-2 p-4 " >< input id = " m-in " class = " h-11 min-w-0 flex-1 border border-[#dadce0] rounded-lg px-3 text-sm font-medium " placeholder = " Écrire à Yanis… " >< button class = " h-11 border border-[#dadce0] rounded-lg bg-[#ec3013] px-5 text-sm font-extrabold text-white " > Envoyer </ button ></ form ></ section >
< script > document . addEventListener ( 'DOMContentLoaded' , function (){ var f = document . getElementById ( 'm-fil' ), i = document . getElementById ( 'm-in' ); function add ( t ){ var d = new Date (); f . insertAdjacentHTML ( 'beforeend' , '<li class="max-w-[75%] self-end"><p class="border border-[#dadce0] rounded-lg bg-black p-3 text-sm font-medium text-white"></p><p class="mt-1 text-right font-mono text-[11px]">' + String ( d . getHours ()) . padStart ( 2 , '0' ) + ':' + String ( d . getMinutes ()) . padStart ( 2 , '0' ) + '</p></li>' ); f . lastElementChild . firstElementChild . textContent = t ;} document . getElementById ( 'm-form' ) . addEventListener ( 'submit' , function ( e ){ e . preventDefault (); if ( i . value . trim ()){ add ( i . value . trim ()); i . value = '' ;}}); document . querySelectorAll ( '[data-q]' ) . forEach ( function ( b ){ b . addEventListener ( 'click' , function (){ add ( b . dataset . q === 'Envoyer un indice' ? '💡 Indice 3 : utilise ip link pour lister les interfaces.' : b . dataset . q === 'Joindre le cours' ? '📄 CM · VLAN et commutation (PDF)' : '📅 Je te propose jeudi 12 h 30, salle B204.' );});});}); </ 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 >
2026-10-09 21:07:25 +02:00
< 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 >
2026-10-08 02:01:58 +02:00
</ div >
< div style = " border-top:1px solid #e3e5e8 " >
2026-10-09 21:07:25 +02:00
< 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 >
2026-10-08 02:01:58 +02:00
</ div >
</ footer >
</ body >
</ html >
