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>
165 lines
43 KiB
PHP
165 lines
43 KiB
PHP
<!DOCTYPE html>
|
||
<html lang="fr">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<title>TD à imprimer · 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; } }
|
||
@media print { header, footer, .print\:hidden { display: none !important; } body:not(.avec-corr) .corr { display: none; } .corr { break-before: page; } @page { size: A4; margin: 12mm; } }
|
||
</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">
|
||
@include('partials.apercu')
|
||
|
||
<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>
|
||
<section class="border-b border-[#e3e5e8] bg-white print:hidden">
|
||
<div class="mx-auto flex max-w-5xl flex-wrap items-end gap-6 px-5 py-12 lg:px-10">
|
||
<div class="flex-1">
|
||
<p class="inline-block border border-[#dadce0] rounded-lg bg-[#e6f4ea] px-3 py-1 text-sm font-bold">TD prêt à imprimer</p>
|
||
<h1 class="mt-6 text-6xl font-extrabold leading-[1.05] tracking-tight">Découper un réseau IPv4.</h1>
|
||
<p class="mt-4 max-w-2xl text-xl font-medium">Étapes numérotées, cases à remplir, auto-évaluation. La correction s’imprime à part, pour le prof.</p>
|
||
</div>
|
||
<div class="grid gap-3">
|
||
<button type="button" onclick="document.body.classList.remove('avec-corr');window.print()" class="flex items-center gap-3 border border-[#e3e5e8] rounded-2xl bg-[#fef7e0] px-4 py-3 text-left font-extrabold hover:bg-[#FFE680] active:shadow-none"><svg viewBox="0 0 40 48" class="h-10 w-8 shrink-0" role="img" aria-label="PDF"><path d="M3 3 H27 L37 13 V45 H3 Z" fill="#fff" stroke="#000" stroke-width="3" stroke-linejoin="round"/><path d="M27 3 V13 H37" fill="#FFD23F" stroke="#000" stroke-width="3" stroke-linejoin="round"/><rect x="0" y="22" width="32" height="14" fill="#ec3013" stroke="#000" stroke-width="3"/><text x="16" y="33" text-anchor="middle" font-family="Archivo,sans-serif" font-weight="900" font-size="11" fill="#fff">PDF</text></svg><span>Télécharger le TD<span class="block font-mono text-xs font-semibold">PDF · 2 pages A4</span></span></button>
|
||
<button type="button" onclick="document.body.classList.add('avec-corr');window.print()" class="flex items-center gap-3 border border-[#e3e5e8] rounded-2xl bg-[#fce8e6] px-4 py-3 text-left font-extrabold active:shadow-none"><svg viewBox="0 0 40 48" class="h-10 w-8 shrink-0" role="img" aria-label="PDF"><path d="M3 3 H27 L37 13 V45 H3 Z" fill="#fff" stroke="#000" stroke-width="3" stroke-linejoin="round"/><path d="M27 3 V13 H37" fill="#FFD23F" stroke="#000" stroke-width="3" stroke-linejoin="round"/><rect x="0" y="22" width="32" height="14" fill="#ec3013" stroke="#000" stroke-width="3"/><text x="16" y="33" text-anchor="middle" font-family="Archivo,sans-serif" font-weight="900" font-size="11" fill="#fff">PDF</text></svg><span>TD + correction<span class="block font-mono text-xs font-semibold">PDF · version prof</span></span></button>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<div class="mx-auto max-w-5xl px-5 py-12 lg:px-10 print:max-w-none print:p-0">
|
||
<article class="border border-[#e3e5e8] rounded-2xl p-6 print:border-2" aria-label="Sujet">
|
||
<header class="flex flex-wrap items-start justify-between gap-4 border-b border-[#e3e5e8] pb-4">
|
||
<div><p class="font-mono text-sm font-semibold">BTS SIO · BTS CIEL · BUT R&T 1re année</p><h2 class="text-3xl font-extrabold">TD · Découper un réseau IPv4</h2><p class="font-semibold">Durée : 1 h · Calculatrice interdite</p></div>
|
||
<div class="grid gap-2 font-bold"><p>Nom : <span class="inline-block h-9 w-48 border border-[#dadce0] rounded-lg bg-white align-middle print:bg-white"></span></p><p>Classe : <span class="inline-block h-9 w-40 border border-[#dadce0] rounded-lg bg-white align-middle print:bg-white"></span></p><p>Date : <span class="inline-block h-9 w-40 border border-[#dadce0] rounded-lg bg-white align-middle print:bg-white"></span></p></div>
|
||
</header>
|
||
<p class="mt-4 border border-[#dadce0] rounded-lg bg-[#f8f9fa] p-3 font-semibold">Rappel : un masque /n laisse 32 − n bits pour les hôtes. Nombre d’hôtes utilisables = 2<sup>(32 − n)</sup> − 2.</p>
|
||
<div class="mt-6 grid gap-6">
|
||
|
||
<section class="break-inside-avoid border border-[#e3e5e8] rounded-2xl bg-white p-6 print:shadow-none">
|
||
<div class="flex items-start gap-4"><span class="grid h-12 w-12 shrink-0 place-items-center border border-[#e3e5e8] rounded-2xl bg-[#fef7e0] font-mono text-2xl font-semibold">1</span><div><h3 class="text-2xl font-extrabold">Lire l’adresse</h3><p class="mt-1 text-lg font-medium">L’établissement dispose du réseau 192.168.10.0/24. Complète les cases.</p></div></div>
|
||
<div class="mt-5"><div class="grid gap-3 sm:grid-cols-2"><label class="grid gap-1 font-bold">Classe de l’adresse<span class="inline-block h-9 w-full border border-[#dadce0] rounded-lg bg-white align-middle print:bg-white"></span></label><label class="grid gap-1 font-bold">Partie réseau (bits)<span class="inline-block h-9 w-full border border-[#dadce0] rounded-lg bg-white align-middle print:bg-white"></span></label><label class="grid gap-1 font-bold">Partie hôte (bits)<span class="inline-block h-9 w-full border border-[#dadce0] rounded-lg bg-white align-middle print:bg-white"></span></label><label class="grid gap-1 font-bold">Adresses totales<span class="inline-block h-9 w-full border border-[#dadce0] rounded-lg bg-white align-middle print:bg-white"></span></label></div></div>
|
||
</section>
|
||
|
||
<section class="break-inside-avoid border border-[#e3e5e8] rounded-2xl bg-white p-6 print:shadow-none">
|
||
<div class="flex items-start gap-4"><span class="grid h-12 w-12 shrink-0 place-items-center border border-[#e3e5e8] rounded-2xl bg-[#e6f4ea] font-mono text-2xl font-semibold">2</span><div><h3 class="text-2xl font-extrabold">Choisir le masque</h3><p class="mt-1 text-lg font-medium">Il faut 4 sous-réseaux de même taille. Combien de bits emprunter ? Coche puis justifie.</p></div></div>
|
||
<div class="mt-5"><div class="flex flex-wrap gap-4 font-bold"><span class="flex items-center gap-2"><span class="grid h-7 w-7 place-items-center border border-[#dadce0] rounded-lg"></span>1 bit</span><span class="flex items-center gap-2"><span class="grid h-7 w-7 place-items-center border border-[#dadce0] rounded-lg"></span>2 bits</span><span class="flex items-center gap-2"><span class="grid h-7 w-7 place-items-center border border-[#dadce0] rounded-lg"></span>3 bits</span><span class="flex items-center gap-2"><span class="grid h-7 w-7 place-items-center border border-[#dadce0] rounded-lg"></span>4 bits</span></div><p class="mt-4 font-bold">Justification :</p><div class="mt-1 grid gap-2"><span class="inline-block h-9 w-full border border-[#dadce0] rounded-lg bg-white align-middle print:bg-white"></span><span class="inline-block h-9 w-full border border-[#dadce0] rounded-lg bg-white align-middle print:bg-white"></span></div></div>
|
||
</section>
|
||
|
||
<section class="break-inside-avoid border border-[#e3e5e8] rounded-2xl bg-white p-6 print:shadow-none">
|
||
<div class="flex items-start gap-4"><span class="grid h-12 w-12 shrink-0 place-items-center border border-[#e3e5e8] rounded-2xl bg-[#eef0fd] font-mono text-2xl font-semibold">3</span><div><h3 class="text-2xl font-extrabold">Calculer la taille d’un sous-réseau</h3><p class="mt-1 text-lg font-medium">Avec ton masque, complète le tableau.</p></div></div>
|
||
<div class="mt-5"><table class="w-full border-collapse border border-[#e3e5e8] rounded-2xl"><tr><th class="w-1/2 border border-[#dadce0] rounded-lg bg-[#f8f9fa] p-2 text-left">Adresse réseau</th><td class="h-12 border border-[#dadce0] rounded-lg p-2"></td></tr><tr><th class="w-1/2 border border-[#dadce0] rounded-lg bg-[#f8f9fa] p-2 text-left">Masque (décimal)</th><td class="h-12 border border-[#dadce0] rounded-lg p-2"></td></tr><tr><th class="w-1/2 border border-[#dadce0] rounded-lg bg-[#f8f9fa] p-2 text-left">Nombre d’adresses par sous-réseau</th><td class="h-12 border border-[#dadce0] rounded-lg p-2"></td></tr><tr><th class="w-1/2 border border-[#dadce0] rounded-lg bg-[#f8f9fa] p-2 text-left">Hôtes utilisables</th><td class="h-12 border border-[#dadce0] rounded-lg p-2"></td></tr></table></div>
|
||
</section>
|
||
|
||
<section class="break-inside-avoid border border-[#e3e5e8] rounded-2xl bg-white p-6 print:shadow-none">
|
||
<div class="flex items-start gap-4"><span class="grid h-12 w-12 shrink-0 place-items-center border border-[#e3e5e8] rounded-2xl bg-[#fce8e6] font-mono text-2xl font-semibold">4</span><div><h3 class="text-2xl font-extrabold">Découper le réseau</h3><p class="mt-1 text-lg font-medium">Remplis le plan d’adressage des 4 sous-réseaux.</p></div></div>
|
||
<div class="mt-5"><table class="w-full border-collapse border border-[#e3e5e8] rounded-2xl text-left"><thead class="bg-[#0b57d0] text-white"><tr><th class="border border-[#dadce0] rounded-lg p-2">Sous-réseau</th><th class="border border-[#dadce0] rounded-lg p-2">Adresse réseau</th><th class="border border-[#dadce0] rounded-lg p-2">Plage d’hôtes</th><th class="border border-[#dadce0] rounded-lg p-2">Broadcast</th></tr></thead><tbody><tr><td class="border border-[#dadce0] rounded-lg p-2 font-bold">SR1 · Administration</td><td class="h-12 border border-[#dadce0] rounded-lg p-2"></td><td class="h-12 border border-[#dadce0] rounded-lg p-2"></td><td class="h-12 border border-[#dadce0] rounded-lg p-2"></td></tr><tr><td class="border border-[#dadce0] rounded-lg p-2 font-bold">SR2 · Élèves</td><td class="h-12 border border-[#dadce0] rounded-lg p-2"></td><td class="h-12 border border-[#dadce0] rounded-lg p-2"></td><td class="h-12 border border-[#dadce0] rounded-lg p-2"></td></tr><tr><td class="border border-[#dadce0] rounded-lg p-2 font-bold">SR3 · Serveurs</td><td class="h-12 border border-[#dadce0] rounded-lg p-2"></td><td class="h-12 border border-[#dadce0] rounded-lg p-2"></td><td class="h-12 border border-[#dadce0] rounded-lg p-2"></td></tr><tr><td class="border border-[#dadce0] rounded-lg p-2 font-bold">SR4 · Wi-Fi invités</td><td class="h-12 border border-[#dadce0] rounded-lg p-2"></td><td class="h-12 border border-[#dadce0] rounded-lg p-2"></td><td class="h-12 border border-[#dadce0] rounded-lg p-2"></td></tr></tbody></table></div>
|
||
</section>
|
||
|
||
<section class="break-inside-avoid border border-[#e3e5e8] rounded-2xl bg-white p-6 print:shadow-none">
|
||
<div class="flex items-start gap-4"><span class="grid h-12 w-12 shrink-0 place-items-center border border-[#e3e5e8] rounded-2xl bg-[#fef7e0] font-mono text-2xl font-semibold">5</span><div><h3 class="text-2xl font-extrabold">Vérifier sur le lab</h3><p class="mt-1 text-lg font-medium">Connecte-toi au lab « Adressage IPv4 » et configure le poste du SR2. Recopie la commande utilisée.</p></div></div>
|
||
<div class="mt-5"><div class="h-16 border-2 border-dashed border-black bg-[#13233A]"></div></div>
|
||
</section>
|
||
|
||
<section class="break-inside-avoid border border-[#e3e5e8] rounded-2xl bg-white p-6 print:shadow-none">
|
||
<div class="flex items-start gap-4"><span class="grid h-12 w-12 shrink-0 place-items-center border border-[#e3e5e8] rounded-2xl bg-white font-mono text-2xl font-semibold">6</span><div><h3 class="text-2xl font-extrabold">Auto-évaluation</h3><p class="mt-1 text-lg font-medium">Coche ce que tu sais faire.</p></div></div>
|
||
<div class="mt-5"><ul class="grid gap-2 font-bold"><li class="flex items-center gap-3"><span class="h-7 w-7 border border-[#dadce0] rounded-lg"></span>Je sais lire une notation CIDR</li><li class="flex items-center gap-3"><span class="h-7 w-7 border border-[#dadce0] rounded-lg"></span>Je sais calculer un masque</li><li class="flex items-center gap-3"><span class="h-7 w-7 border border-[#dadce0] rounded-lg"></span>Je sais trouver une adresse de broadcast</li></ul></div>
|
||
</section></div>
|
||
</article>
|
||
<article id="correction" class="corr mt-12 border-4 border-[#ec3013] p-6" aria-label="Correction">
|
||
<header class="flex items-center justify-between gap-4 border-b-4 border-[#ec3013] pb-4"><h2 class="text-3xl font-extrabold">Correction</h2><span class="border border-[#dadce0] rounded-lg bg-[#ec3013] px-3 py-1 font-extrabold text-white">Version prof</span></header>
|
||
<div class="mt-6 grid gap-6">
|
||
|
||
<section class="break-inside-avoid border border-[#e3e5e8] rounded-2xl bg-white p-6 print:shadow-none">
|
||
<div class="flex items-start gap-4"><span class="grid h-12 w-12 shrink-0 place-items-center border border-[#e3e5e8] rounded-2xl bg-[#fef7e0] font-mono text-2xl font-semibold">1</span><div><h3 class="text-2xl font-extrabold">Lire l’adresse</h3><p class="mt-1 text-lg font-medium">L’établissement dispose du réseau 192.168.10.0/24. Complète les cases.</p></div></div>
|
||
<div class="mt-5"><div class="grid gap-3 sm:grid-cols-2"><label class="grid gap-1 font-bold">Classe de l’adresse<span class="border border-[#dadce0] rounded-lg p-2"><span class="font-mono font-semibold text-[#ec3013]">C</span></span></label><label class="grid gap-1 font-bold">Partie réseau (bits)<span class="border border-[#dadce0] rounded-lg p-2"><span class="font-mono font-semibold text-[#ec3013]">24</span></span></label><label class="grid gap-1 font-bold">Partie hôte (bits)<span class="border border-[#dadce0] rounded-lg p-2"><span class="font-mono font-semibold text-[#ec3013]">8</span></span></label><label class="grid gap-1 font-bold">Adresses totales<span class="border border-[#dadce0] rounded-lg p-2"><span class="font-mono font-semibold text-[#ec3013]">256</span></span></label></div></div>
|
||
</section>
|
||
|
||
<section class="break-inside-avoid border border-[#e3e5e8] rounded-2xl bg-white p-6 print:shadow-none">
|
||
<div class="flex items-start gap-4"><span class="grid h-12 w-12 shrink-0 place-items-center border border-[#e3e5e8] rounded-2xl bg-[#e6f4ea] font-mono text-2xl font-semibold">2</span><div><h3 class="text-2xl font-extrabold">Choisir le masque</h3><p class="mt-1 text-lg font-medium">Il faut 4 sous-réseaux de même taille. Combien de bits emprunter ? Coche puis justifie.</p></div></div>
|
||
<div class="mt-5"><div class="flex flex-wrap gap-4 font-bold"><span class="flex items-center gap-2"><span class="grid h-7 w-7 place-items-center border border-[#dadce0] rounded-lg"></span>1 bit</span><span class="flex items-center gap-2"><span class="grid h-7 w-7 place-items-center border border-[#dadce0] rounded-lg">✕</span>2 bits</span><span class="flex items-center gap-2"><span class="grid h-7 w-7 place-items-center border border-[#dadce0] rounded-lg"></span>3 bits</span><span class="flex items-center gap-2"><span class="grid h-7 w-7 place-items-center border border-[#dadce0] rounded-lg"></span>4 bits</span></div><p class="mt-4 font-bold">Justification :</p><p class="mt-1 border border-[#dadce0] rounded-lg p-3 font-medium"><span class="font-mono font-semibold text-[#ec3013]">2² = 4 sous-réseaux. Le masque passe de /24 à /26.</span></p></div>
|
||
</section>
|
||
|
||
<section class="break-inside-avoid border border-[#e3e5e8] rounded-2xl bg-white p-6 print:shadow-none">
|
||
<div class="flex items-start gap-4"><span class="grid h-12 w-12 shrink-0 place-items-center border border-[#e3e5e8] rounded-2xl bg-[#eef0fd] font-mono text-2xl font-semibold">3</span><div><h3 class="text-2xl font-extrabold">Calculer la taille d’un sous-réseau</h3><p class="mt-1 text-lg font-medium">Avec ton masque, complète le tableau.</p></div></div>
|
||
<div class="mt-5"><table class="w-full border-collapse border border-[#e3e5e8] rounded-2xl"><tr><th class="w-1/2 border border-[#dadce0] rounded-lg bg-[#f8f9fa] p-2 text-left">Adresse réseau</th><td class="h-12 border border-[#dadce0] rounded-lg p-2"><span class="font-mono font-semibold text-[#ec3013]">192.168.10.0</span></td></tr><tr><th class="w-1/2 border border-[#dadce0] rounded-lg bg-[#f8f9fa] p-2 text-left">Masque (décimal)</th><td class="h-12 border border-[#dadce0] rounded-lg p-2"><span class="font-mono font-semibold text-[#ec3013]">255.255.255.192</span></td></tr><tr><th class="w-1/2 border border-[#dadce0] rounded-lg bg-[#f8f9fa] p-2 text-left">Nombre d’adresses par sous-réseau</th><td class="h-12 border border-[#dadce0] rounded-lg p-2"><span class="font-mono font-semibold text-[#ec3013]">64</span></td></tr><tr><th class="w-1/2 border border-[#dadce0] rounded-lg bg-[#f8f9fa] p-2 text-left">Hôtes utilisables</th><td class="h-12 border border-[#dadce0] rounded-lg p-2"><span class="font-mono font-semibold text-[#ec3013]">62</span></td></tr></table></div>
|
||
</section>
|
||
|
||
<section class="break-inside-avoid border border-[#e3e5e8] rounded-2xl bg-white p-6 print:shadow-none">
|
||
<div class="flex items-start gap-4"><span class="grid h-12 w-12 shrink-0 place-items-center border border-[#e3e5e8] rounded-2xl bg-[#fce8e6] font-mono text-2xl font-semibold">4</span><div><h3 class="text-2xl font-extrabold">Découper le réseau</h3><p class="mt-1 text-lg font-medium">Remplis le plan d’adressage des 4 sous-réseaux.</p></div></div>
|
||
<div class="mt-5"><table class="w-full border-collapse border border-[#e3e5e8] rounded-2xl text-left"><thead class="bg-[#0b57d0] text-white"><tr><th class="border border-[#dadce0] rounded-lg p-2">Sous-réseau</th><th class="border border-[#dadce0] rounded-lg p-2">Adresse réseau</th><th class="border border-[#dadce0] rounded-lg p-2">Plage d’hôtes</th><th class="border border-[#dadce0] rounded-lg p-2">Broadcast</th></tr></thead><tbody><tr><td class="border border-[#dadce0] rounded-lg p-2 font-bold">SR1 · Administration</td><td class="h-12 border border-[#dadce0] rounded-lg p-2"><span class="font-mono font-semibold text-[#ec3013]">192.168.10.0</span></td><td class="h-12 border border-[#dadce0] rounded-lg p-2"><span class="font-mono font-semibold text-[#ec3013]">192.168.10.1 – .62</span></td><td class="h-12 border border-[#dadce0] rounded-lg p-2"><span class="font-mono font-semibold text-[#ec3013]">192.168.10.63</span></td></tr><tr><td class="border border-[#dadce0] rounded-lg p-2 font-bold">SR2 · Élèves</td><td class="h-12 border border-[#dadce0] rounded-lg p-2"><span class="font-mono font-semibold text-[#ec3013]">192.168.10.64</span></td><td class="h-12 border border-[#dadce0] rounded-lg p-2"><span class="font-mono font-semibold text-[#ec3013]">192.168.10.65 – .126</span></td><td class="h-12 border border-[#dadce0] rounded-lg p-2"><span class="font-mono font-semibold text-[#ec3013]">192.168.10.127</span></td></tr><tr><td class="border border-[#dadce0] rounded-lg p-2 font-bold">SR3 · Serveurs</td><td class="h-12 border border-[#dadce0] rounded-lg p-2"><span class="font-mono font-semibold text-[#ec3013]">192.168.10.128</span></td><td class="h-12 border border-[#dadce0] rounded-lg p-2"><span class="font-mono font-semibold text-[#ec3013]">192.168.10.129 – .190</span></td><td class="h-12 border border-[#dadce0] rounded-lg p-2"><span class="font-mono font-semibold text-[#ec3013]">192.168.10.191</span></td></tr><tr><td class="border border-[#dadce0] rounded-lg p-2 font-bold">SR4 · Wi-Fi invités</td><td class="h-12 border border-[#dadce0] rounded-lg p-2"><span class="font-mono font-semibold text-[#ec3013]">192.168.10.192</span></td><td class="h-12 border border-[#dadce0] rounded-lg p-2"><span class="font-mono font-semibold text-[#ec3013]">192.168.10.193 – .254</span></td><td class="h-12 border border-[#dadce0] rounded-lg p-2"><span class="font-mono font-semibold text-[#ec3013]">192.168.10.255</span></td></tr></tbody></table></div>
|
||
</section>
|
||
|
||
<section class="break-inside-avoid border border-[#e3e5e8] rounded-2xl bg-white p-6 print:shadow-none">
|
||
<div class="flex items-start gap-4"><span class="grid h-12 w-12 shrink-0 place-items-center border border-[#e3e5e8] rounded-2xl bg-[#fef7e0] font-mono text-2xl font-semibold">5</span><div><h3 class="text-2xl font-extrabold">Vérifier sur le lab</h3><p class="mt-1 text-lg font-medium">Connecte-toi au lab « Adressage IPv4 » et configure le poste du SR2. Recopie la commande utilisée.</p></div></div>
|
||
<div class="mt-5"><p class="border border-[#dadce0] rounded-lg p-3"><span class="font-mono font-semibold text-[#ec3013]">sudo ip addr add 192.168.10.65/26 dev eth0</span></p></div>
|
||
</section>
|
||
|
||
<section class="break-inside-avoid border border-[#e3e5e8] rounded-2xl bg-white p-6 print:shadow-none">
|
||
<div class="flex items-start gap-4"><span class="grid h-12 w-12 shrink-0 place-items-center border border-[#e3e5e8] rounded-2xl bg-white font-mono text-2xl font-semibold">6</span><div><h3 class="text-2xl font-extrabold">Auto-évaluation</h3><p class="mt-1 text-lg font-medium">Coche ce que tu sais faire.</p></div></div>
|
||
<div class="mt-5"><ul class="grid gap-2 font-bold"><li class="flex items-center gap-3"><span class="h-7 w-7 border border-[#dadce0] rounded-lg"></span>Je sais lire une notation CIDR</li><li class="flex items-center gap-3"><span class="h-7 w-7 border border-[#dadce0] rounded-lg"></span>Je sais calculer un masque</li><li class="flex items-center gap-3"><span class="h-7 w-7 border border-[#dadce0] rounded-lg"></span>Je sais trouver une adresse de broadcast</li></ul></div>
|
||
</section></div>
|
||
</article>
|
||
</div>
|
||
|
||
<section class="border-t border-[#e3e5e8] bg-white" aria-label="Lever la main">
|
||
<div class="mx-auto max-w-7xl px-5 py-16 lg:px-10">
|
||
<div class="relative grid items-center gap-10 border border-[#e3e5e8] rounded-2xl bg-black p-8 text-white sm:p-12 md:grid-cols-[auto_1fr]">
|
||
<div class="grid h-40 w-40 place-items-center rounded-full border-4 border-white bg-[#E6FF3F] text-black" role="img" aria-label="Moins 40 décibels"><span class="flex flex-col items-center gap-1 text-center"><span class="font-mono text-5xl font-semibold leading-none">−40</span><span class="text-2xl font-extrabold leading-none">dB</span></span></div>
|
||
<div>
|
||
<p class="text-4xl font-extrabold leading-tight tracking-tight sm:text-5xl">Les élèves signalent un blocage avec la fonction « Lever la main », sans interrompre la classe.<span class="bg-[#E6FF3F] px-2 text-black">« Lever la main »</span>.</p>
|
||
<p class="mt-6 text-2xl font-bold">Chaque demande arrive dans votre tableau de bord, dans l’ordre. !</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</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>
|