Différences
Ci-dessous, les différences entre deux révisions de la page.
| Les deux révisions précédentes Révision précédente Prochaine révision | Révision précédente | ||
| start [03/07/2026 07:30] – ajean | start [14/10/2026 09:10] (Version actuelle) – ajean | ||
|---|---|---|---|
| Ligne 2: | Ligne 2: | ||
| <PHP> | <PHP> | ||
| + | |||
| + | /* ============================================================ | ||
| + | | ||
| + | | ||
| $SECTIONS = [ | $SECTIONS = [ | ||
| - | | + | |
| - | [' | + | |
| - | [' | + | |
| - | [' | + | ' |
| - | [' | + | |
| - | [' | + | |
| - | [' | + | |
| + | | ||
| + | | ||
| + | |||
| + | [ | ||
| + | | ||
| + | | ||
| + | | ||
| + | | ||
| + | | ||
| + | | ||
| + | | ||
| + | |||
| + | [ | ||
| + | | ||
| + | | ||
| + | | ||
| + | | ||
| + | | ||
| + | | ||
| + | | ||
| + | |||
| + | [ | ||
| + | | ||
| + | | ||
| + | | ||
| + | | ||
| + | | ||
| + | | ||
| + | | ||
| + | |||
| + | [ | ||
| + | | ||
| + | | ||
| + | | ||
| + | | ||
| + | | ||
| + | | ||
| + | | ||
| + | |||
| + | [ | ||
| + | | ||
| + | | ||
| + | | ||
| + | | ||
| + | | ||
| + | | ||
| + | | ||
| + | |||
| + | [ | ||
| + | | ||
| + | | ||
| + | | ||
| + | | ||
| + | | ||
| + | | ||
| + | | ||
| + | |||
| + | [ | ||
| + | ' | ||
| + | ' | ||
| + | ' | ||
| + | ' | ||
| + | ' | ||
| + | ' | ||
| + | ] | ||
| ]; | ]; | ||
| + | |||
| + | |||
| + | /* ============================================================ | ||
| + | LIENS RAPIDES | ||
| + | | ||
| $LIENS_RAPIDES = [ | $LIENS_RAPIDES = [ | ||
| + | |||
| [' | [' | ||
| - | [' | + | [' |
| - | [' | + | [' |
| - | [' | + | [' |
| - | [' | + | [' |
| - | [' | + | [' |
| - | [' | + | [' |
| ]; | ]; | ||
| + | |||
| + | |||
| + | /* ============================================================ | ||
| + | | ||
| + | | ||
| $RESEAUX = [ | $RESEAUX = [ | ||
| - | | + | |
| - | [' | + | |
| - | [' | + | |
| - | [' | + | |
| + | | ||
| + | | ||
| + | | ||
| + | |||
| + | [ | ||
| + | | ||
| + | | ||
| + | | ||
| + | | ||
| + | | ||
| + | |||
| + | [ | ||
| + | | ||
| + | | ||
| + | | ||
| + | | ||
| + | | ||
| + | |||
| + | [ | ||
| + | | ||
| + | | ||
| + | ' | ||
| + | | ||
| + | | ||
| ]; | ]; | ||
| + | |||
| + | |||
| + | /* ============================================================ | ||
| + | | ||
| + | | ||
| + | |||
| + | $MOIS_FR = [ | ||
| + | 1 => ' | ||
| + | 2 => ' | ||
| + | 3 => ' | ||
| + | 4 => ' | ||
| + | 5 => ' | ||
| + | 6 => ' | ||
| + | 7 => ' | ||
| + | 8 => ' | ||
| + | 9 => ' | ||
| + | 10 => ' | ||
| + | 11 => ' | ||
| + | 12 => ' | ||
| + | ]; | ||
| + | |||
| + | $newsletter_mois = $MOIS_FR[(int)date(' | ||
| + | $newsletter_annee = date(' | ||
| + | |||
| + | $newsletter_fichier = | ||
| + | ' | ||
| + | $newsletter_mois . | ||
| + | ' ' . | ||
| + | $newsletter_annee . | ||
| + | ' | ||
| + | |||
| + | $newsletter_url = | ||
| + | ' | ||
| + | rawurlencode($newsletter_fichier); | ||
| + | |||
| + | $newsletter_url = | ||
| + | htmlspecialchars($newsletter_url, | ||
| + | |||
| + | |||
| + | /* ============================================================ | ||
| + | FETES | ||
| + | | ||
| + | |||
| + | $FETES = [ | ||
| + | |||
| + | ' | ||
| + | ' | ||
| + | ' | ||
| + | ' | ||
| + | ' | ||
| + | |||
| + | ' | ||
| + | ' | ||
| + | ' | ||
| + | ' | ||
| + | ' | ||
| + | |||
| + | ' | ||
| + | ' | ||
| + | ' | ||
| + | ' | ||
| + | ' | ||
| + | |||
| + | ' | ||
| + | ' | ||
| + | ' | ||
| + | ' | ||
| + | ' | ||
| + | |||
| + | ' | ||
| + | ' | ||
| + | ' | ||
| + | ' | ||
| + | ' | ||
| + | |||
| + | ' | ||
| + | ' | ||
| + | ' | ||
| + | ' | ||
| + | ' | ||
| + | |||
| + | ' | ||
| + | ' | ||
| + | ' | ||
| + | ' | ||
| + | ' | ||
| + | ' | ||
| + | |||
| + | ' | ||
| + | ' | ||
| + | ' | ||
| + | ' | ||
| + | ' | ||
| + | |||
| + | ' | ||
| + | ' | ||
| + | ' | ||
| + | ' | ||
| + | ' | ||
| + | |||
| + | ' | ||
| + | ' | ||
| + | ' | ||
| + | ' | ||
| + | ' | ||
| + | ' | ||
| + | |||
| + | ' | ||
| + | ' | ||
| + | ' | ||
| + | ' | ||
| + | ' | ||
| + | ' | ||
| + | |||
| + | ' | ||
| + | ' | ||
| + | ' | ||
| + | ' | ||
| + | ' | ||
| + | ' | ||
| + | |||
| + | ]; | ||
| + | |||
| + | $cle_fete = ((int)date(' | ||
| + | |||
| + | $fete_nom = isset($FETES[$cle_fete]) | ||
| + | ? $FETES[$cle_fete] | ||
| + | : 'Non répertorié'; | ||
| + | |||
| + | $fete_nom = htmlspecialchars($fete_nom); | ||
| + | |||
| + | |||
| + | /* ============================================================ | ||
| + | | ||
| + | | ||
| + | |||
| + | function calculer_paques($annee) { | ||
| + | |||
| + | $a = $annee % 19; | ||
| + | $b = intdiv($annee, | ||
| + | $c = $annee % 100; | ||
| + | $d = intdiv($b, 4); | ||
| + | $e = $b % 4; | ||
| + | $f = intdiv($b + 8, 25); | ||
| + | $g = intdiv($b - $f + 1, 3); | ||
| + | $h = (19 * $a + $b - $d - $g + 15) % 30; | ||
| + | $i = intdiv($c, 4); | ||
| + | $k = $c % 4; | ||
| + | $l = (32 + 2 * $e + 2 * $i - $h - $k) % 7; | ||
| + | $m = intdiv($a + 11 * $h + 22 * $l, 451); | ||
| + | |||
| + | $mois = intdiv($h + $l - 7 * $m + 114, 31); | ||
| + | $jour = (($h + $l - 7 * $m + 114) % 31) + 1; | ||
| + | |||
| + | return mktime(0, 0, 0, $mois, $jour, $annee); | ||
| + | } | ||
| + | |||
| + | |||
| + | /* ============================================================ | ||
| + | JOURS FERIES | ||
| + | | ||
| + | |||
| + | function jours_feries_annee($annee) { | ||
| + | |||
| + | $paques = calculer_paques($annee); | ||
| + | |||
| + | return [ | ||
| + | |||
| + | $annee . ' | ||
| + | => 'Jour de l\' | ||
| + | |||
| + | date(' | ||
| + | => 'Lundi de Pâques', | ||
| + | |||
| + | $annee . ' | ||
| + | => 'Fête du Travail', | ||
| + | |||
| + | $annee . ' | ||
| + | => ' | ||
| + | |||
| + | date(' | ||
| + | => ' | ||
| + | |||
| + | date(' | ||
| + | => 'Lundi de Pentecôte', | ||
| + | |||
| + | $annee . ' | ||
| + | => 'Fête Nationale', | ||
| + | |||
| + | $annee . ' | ||
| + | => ' | ||
| + | |||
| + | $annee . ' | ||
| + | => ' | ||
| + | |||
| + | $annee . ' | ||
| + | => ' | ||
| + | |||
| + | $annee . ' | ||
| + | => ' | ||
| + | ]; | ||
| + | } | ||
| + | |||
| + | |||
| + | $aujourdhui = new DateTime(date(' | ||
| + | $annee_courante = (int)date(' | ||
| + | |||
| + | $feries = array_merge( | ||
| + | jours_feries_annee($annee_courante), | ||
| + | jours_feries_annee($annee_courante + 1) | ||
| + | ); | ||
| + | |||
| + | ksort($feries); | ||
| + | |||
| + | $prochain_ferie_date = null; | ||
| + | $prochain_ferie_nom = null; | ||
| + | |||
| + | foreach ($feries as $date_str => $nom) { | ||
| + | |||
| + | $d = new DateTime($date_str); | ||
| + | |||
| + | if ($d >= $aujourdhui) { | ||
| + | |||
| + | $prochain_ferie_date = $d; | ||
| + | $prochain_ferie_nom = $nom; | ||
| + | |||
| + | break; | ||
| + | } | ||
| + | } | ||
| + | |||
| + | |||
| + | $jours_restants = $prochain_ferie_date | ||
| + | ? (int)$aujourdhui-> | ||
| + | : null; | ||
| + | |||
| + | |||
| + | $prochain_ferie_nom = | ||
| + | htmlspecialchars($prochain_ferie_nom); | ||
| + | |||
| + | |||
| + | if ($jours_restants === 0) { | ||
| + | |||
| + | $texte_ferie = " | ||
| + | |||
| + | } elseif ($jours_restants === 1) { | ||
| + | |||
| + | $texte_ferie = " | ||
| + | |||
| + | } else { | ||
| + | |||
| + | $texte_ferie = | ||
| + | "Dans {$jours_restants} jours"; | ||
| + | } | ||
| + | |||
| + | |||
| + | /* ============================================================ | ||
| + | | ||
| + | | ||
| + | |||
| + | $numero_semaine = date(' | ||
| + | $annee_semaine = date(' | ||
| + | |||
| + | |||
| + | /* ============================================================ | ||
| + | | ||
| + | | ||
| + | | ||
| + | |||
| + | $compteur_visites = ' | ||
| + | |||
| + | if (defined(' | ||
| + | |||
| + | $chemin_compteur = | ||
| + | DOKU_INC . | ||
| + | ' | ||
| + | |||
| + | $date_du_jour = date(' | ||
| + | |||
| + | $handle = @fopen( | ||
| + | $chemin_compteur, | ||
| + | ' | ||
| + | ); | ||
| + | |||
| + | if ($handle) { | ||
| + | |||
| + | if (flock($handle, | ||
| + | |||
| + | rewind($handle); | ||
| + | $contenu = stream_get_contents($handle); | ||
| + | |||
| + | $date_enregistree = ''; | ||
| + | $valeur = 0; | ||
| + | |||
| + | if ($contenu !== false && trim($contenu) !== '' | ||
| + | |||
| + | $donnees = json_decode( | ||
| + | trim($contenu), | ||
| + | true | ||
| + | ); | ||
| + | |||
| + | if (is_array($donnees)) { | ||
| + | |||
| + | $date_enregistree = | ||
| + | isset($donnees[' | ||
| + | ? (string)$donnees[' | ||
| + | : ''; | ||
| + | |||
| + | $valeur = | ||
| + | isset($donnees[' | ||
| + | ? (int)$donnees[' | ||
| + | : 0; | ||
| + | } | ||
| + | } | ||
| + | |||
| + | /* | ||
| + | * Nouveau jour : | ||
| + | * on repart de zéro avant de compter | ||
| + | * la visite actuelle. | ||
| + | */ | ||
| + | if ($date_enregistree !== $date_du_jour) { | ||
| + | $valeur = 0; | ||
| + | } | ||
| + | |||
| + | $valeur++; | ||
| + | |||
| + | $donnees_a_enregistrer = [ | ||
| + | ' | ||
| + | ' | ||
| + | ]; | ||
| + | |||
| + | ftruncate($handle, | ||
| + | rewind($handle); | ||
| + | |||
| + | fwrite( | ||
| + | $handle, | ||
| + | json_encode($donnees_a_enregistrer) | ||
| + | ); | ||
| + | |||
| + | fflush($handle); | ||
| + | flock($handle, | ||
| + | |||
| + | $compteur_visites = | ||
| + | number_format( | ||
| + | $valeur, | ||
| + | 0, | ||
| + | ',', | ||
| + | ' ' | ||
| + | ); | ||
| + | } | ||
| + | |||
| + | fclose($handle); | ||
| + | } | ||
| + | } | ||
| + | |||
| + | |||
| + | /* ============================================================ | ||
| + | | ||
| + | | ||
| + | |||
| + | $CITATIONS = [ | ||
| + | |||
| + | [ | ||
| + | ' | ||
| + | ' | ||
| + | ], | ||
| + | |||
| + | [ | ||
| + | ' | ||
| + | ' | ||
| + | ], | ||
| + | |||
| + | [ | ||
| + | ' | ||
| + | ' | ||
| + | ], | ||
| + | |||
| + | [ | ||
| + | ' | ||
| + | ' | ||
| + | ], | ||
| + | |||
| + | [ | ||
| + | ' | ||
| + | ' | ||
| + | ], | ||
| + | |||
| + | [ | ||
| + | ' | ||
| + | ' | ||
| + | ], | ||
| + | |||
| + | [ | ||
| + | ' | ||
| + | ' | ||
| + | ], | ||
| + | |||
| + | [ | ||
| + | ' | ||
| + | ' | ||
| + | ], | ||
| + | |||
| + | [ | ||
| + | ' | ||
| + | ' | ||
| + | ], | ||
| + | |||
| + | [ | ||
| + | ' | ||
| + | ' | ||
| + | ], | ||
| + | |||
| + | [ | ||
| + | ' | ||
| + | ' | ||
| + | ], | ||
| + | |||
| + | [ | ||
| + | ' | ||
| + | ' | ||
| + | ], | ||
| + | |||
| + | [ | ||
| + | ' | ||
| + | ' | ||
| + | ], | ||
| + | |||
| + | [ | ||
| + | ' | ||
| + | ' | ||
| + | ], | ||
| + | |||
| + | [ | ||
| + | ' | ||
| + | ' | ||
| + | ], | ||
| + | |||
| + | [ | ||
| + | ' | ||
| + | ' | ||
| + | ], | ||
| + | |||
| + | [ | ||
| + | ' | ||
| + | ' | ||
| + | ], | ||
| + | |||
| + | [ | ||
| + | ' | ||
| + | ' | ||
| + | ], | ||
| + | |||
| + | [ | ||
| + | ' | ||
| + | ' | ||
| + | ], | ||
| + | |||
| + | [ | ||
| + | ' | ||
| + | ' | ||
| + | ], | ||
| + | |||
| + | [ | ||
| + | ' | ||
| + | ' | ||
| + | ], | ||
| + | |||
| + | [ | ||
| + | ' | ||
| + | ' | ||
| + | ] | ||
| + | |||
| + | ]; | ||
| + | |||
| + | |||
| + | $index_citation = | ||
| + | ((int)date(' | ||
| + | count($CITATIONS); | ||
| + | |||
| + | |||
| + | $citation_du_jour = | ||
| + | $CITATIONS[$index_citation]; | ||
| + | |||
| + | |||
| + | $citation_texte = | ||
| + | htmlspecialchars( | ||
| + | $citation_du_jour[' | ||
| + | ); | ||
| + | |||
| + | |||
| + | $citation_auteur = | ||
| + | htmlspecialchars( | ||
| + | $citation_du_jour[' | ||
| + | ); | ||
| + | |||
| + | |||
| + | /* ============================================================ | ||
| + | CSS | ||
| + | | ||
| echo ' | echo ' | ||
| < | < | ||
| - | .home-wrap { font-family: | ||
| - | .home-hero { text-align: center; padding: 20px 0 32px; } | + | /* Masquer les outils DokuWiki |
| - | .home-hero img { max-width: 160px; margin-bottom: | + | # |
| - | .home-hero h1 { font-size: 26px; font-weight: | + | |
| - | .home-hero-tag { display: inline-block; | + | } |
| - | .home-search-hint { display: flex; align-items: | + | /* Masquer la recherche originale dans la Navbar du haut */ |
| - | .home-search-hint svg { flex-shrink: 0; } | + | # |
| + | # | ||
| + | #dokuwiki__header | ||
| + | #dokuwiki__header .navbar-form, | ||
| + | .navbar | ||
| + | .navbar form.search, | ||
| + | .navbar .navbar-form { | ||
| + | display: none !important; | ||
| + | } | ||
| - | .home-section-label | + | .home-wrap { |
| - | .home-cards { display: grid; grid-template-columns: | + | |
| - | .home-card { background: #fff; border: 0.5px solid #dde3ec; border-radius: | + | |
| - | .home-card: | + | |
| - | .home-card-icon { width: 40px; height: 40px; border-radius: | + | |
| - | .home-card-icon svg { width: 20px; height: 20px; } | + | |
| - | .home-card-title { font-size: 14px; font-weight: | + | |
| - | .home-card-desc { font-size: 11.5px; color: #999; line-height: | + | |
| - | .home-quicklinks { display: flex; flex-wrap: wrap; gap: 10px; } | + | |
| - | .home-quicklink { display: inline-flex; align-items: center; gap: 6px; background: #fff; border: 0.5px solid #dde3ec; border-radius: 20px; padding: 8px 16px; font-size: 12.5px; font-weight: 600; color: #378ADD; text-decoration: | + | --blue-dark: #20567F; |
| - | .home-quicklink: | + | |
| - | .home-feedback | + | --teal: #278A84; |
| - | .home-feedback | + | --teal-soft: |
| - | .home-feedback a { color: | + | |
| - | .home-feedback a:hover { text-decoration: | + | --violet: #7169B8; |
| + | --violet-soft: | ||
| + | |||
| + | --amber: #C88936; | ||
| + | --amber-soft: | ||
| + | |||
| + | --text: #1D2939; | ||
| + | --muted: #667085; | ||
| + | --light: #98A2B3; | ||
| + | |||
| + | --border: #E3E8EF; | ||
| + | |||
| + | --surface: #FFFFFF; | ||
| + | --background: | ||
| + | |||
| + | font-family: | ||
| + | -apple-system, | ||
| + | BlinkMacSystemFont, | ||
| + | "Segoe UI", | ||
| + | Arial, | ||
| + | sans-serif; | ||
| + | |||
| + | color: var(--text); | ||
| + | |||
| + | font-size: 14px; | ||
| + | |||
| + | background: | ||
| + | var(--background); | ||
| + | |||
| + | padding: | ||
| + | 22px 6px 36px; | ||
| + | } | ||
| + | |||
| + | |||
| + | /* ============================================================ | ||
| + | | ||
| + | | ||
| + | |||
| + | @keyframes homeFadeUp { | ||
| + | |||
| + | from { | ||
| + | opacity: 0; | ||
| + | transform: | ||
| + | translateY(8px); | ||
| + | } | ||
| + | |||
| + | to { | ||
| + | opacity: 1; | ||
| + | transform: | ||
| + | translateY(0); | ||
| + | } | ||
| + | } | ||
| + | |||
| + | |||
| + | .home-anim { | ||
| + | |||
| + | animation: | ||
| + | homeFadeUp | ||
| + | .45s ease | ||
| + | both; | ||
| + | } | ||
| + | |||
| + | |||
| + | /* ============================================================ | ||
| + | GRETA NEWS DEFILANT | ||
| + | | ||
| + | |||
| + | .home-news { | ||
| + | |||
| + | position: relative; | ||
| + | |||
| + | display: flex; | ||
| + | |||
| + | align-items: | ||
| + | |||
| + | overflow: hidden; | ||
| + | |||
| + | height: 52px; | ||
| + | |||
| + | margin-bottom: | ||
| + | |||
| + | border-radius: | ||
| + | |||
| + | | ||
| + | linear-gradient( | ||
| + | 110deg, | ||
| + | | ||
| + | #2876A0 52%, | ||
| + | #278A84 100% | ||
| + | ); | ||
| + | |||
| + | color: | ||
| + | #FFFFFF !important; | ||
| + | |||
| + | text-decoration: | ||
| + | none !important; | ||
| + | |||
| + | box-shadow: | ||
| + | 0 6px 20px | ||
| + | rgba(32, | ||
| + | |||
| + | transition: | ||
| + | transform .2s ease, | ||
| + | box-shadow .2s ease; | ||
| + | } | ||
| + | |||
| + | |||
| + | .home-news: | ||
| + | |||
| + | transform: | ||
| + | translateY(-2px); | ||
| + | |||
| + | box-shadow: | ||
| + | 0 9px 25px | ||
| + | rgba(32, | ||
| + | |||
| + | color: | ||
| + | #FFFFFF !important; | ||
| + | |||
| + | text-decoration: | ||
| + | none !important; | ||
| + | } | ||
| + | |||
| + | |||
| + | .home-news: | ||
| + | .home-news: | ||
| + | |||
| + | content: ""; | ||
| + | |||
| + | position: absolute; | ||
| + | |||
| + | z-index: 4; | ||
| + | |||
| + | top: 0; | ||
| + | |||
| + | bottom: 0; | ||
| + | |||
| + | width: 45px; | ||
| + | |||
| + | pointer-events: | ||
| + | } | ||
| + | |||
| + | |||
| + | .home-news: | ||
| + | |||
| + | left: 0; | ||
| + | |||
| + | background: | ||
| + | linear-gradient( | ||
| + | 90deg, | ||
| + | #225E8C, | ||
| + | rgba(34, | ||
| + | ); | ||
| + | } | ||
| + | |||
| + | |||
| + | .home-news: | ||
| + | |||
| + | right: 0; | ||
| + | |||
| + | background: | ||
| + | linear-gradient( | ||
| + | 270deg, | ||
| + | #278A84, | ||
| + | rgba(39, | ||
| + | ); | ||
| + | } | ||
| + | |||
| + | |||
| + | .home-news-track { | ||
| + | |||
| + | display: flex; | ||
| + | |||
| + | align-items: | ||
| + | |||
| + | width: max-content; | ||
| + | |||
| + | white-space: | ||
| + | |||
| + | animation: | ||
| + | homeNewsScroll | ||
| + | 25s linear | ||
| + | infinite; | ||
| + | } | ||
| + | |||
| + | |||
| + | .home-news: | ||
| + | .home-news-track { | ||
| + | |||
| + | animation-play-state: | ||
| + | paused; | ||
| + | } | ||
| + | |||
| + | |||
| + | .home-news-group { | ||
| + | |||
| + | display: flex; | ||
| + | |||
| + | align-items: | ||
| + | |||
| + | flex-shrink: | ||
| + | } | ||
| + | |||
| + | |||
| + | .home-news-item { | ||
| + | |||
| + | display: inline-flex; | ||
| + | |||
| + | align-items: | ||
| + | |||
| + | gap: 10px; | ||
| + | |||
| + | padding: | ||
| + | 0 38px; | ||
| + | |||
| + | color: #FFFFFF; | ||
| + | |||
| + | font-size: 13px; | ||
| + | |||
| + | font-weight: | ||
| + | } | ||
| + | |||
| + | |||
| + | .home-news-emoji { | ||
| + | |||
| + | font-size: 19px; | ||
| + | } | ||
| + | |||
| + | |||
| + | .home-news-badge { | ||
| + | |||
| + | display: inline-flex; | ||
| + | |||
| + | align-items: | ||
| + | |||
| + | padding: | ||
| + | 4px 8px; | ||
| + | |||
| + | border-radius: | ||
| + | |||
| + | background: | ||
| + | rgba(255, | ||
| + | |||
| + | font-size: 9px; | ||
| + | |||
| + | font-weight: | ||
| + | |||
| + | text-transform: | ||
| + | |||
| + | letter-spacing: | ||
| + | } | ||
| + | |||
| + | |||
| + | .home-news-item strong { | ||
| + | |||
| + | color: | ||
| + | #FFFFFF; | ||
| + | |||
| + | font-weight: | ||
| + | } | ||
| + | |||
| + | |||
| + | .home-news-dot { | ||
| + | |||
| + | width: 4px; | ||
| + | |||
| + | height: 4px; | ||
| + | |||
| + | flex-shrink: | ||
| + | |||
| + | background: | ||
| + | rgba(255, | ||
| + | |||
| + | border-radius: | ||
| + | } | ||
| + | |||
| + | |||
| + | @keyframes homeNewsScroll { | ||
| + | |||
| + | from { | ||
| + | transform: | ||
| + | translateX(0); | ||
| + | } | ||
| + | |||
| + | to { | ||
| + | transform: | ||
| + | translateX(-50%); | ||
| + | } | ||
| + | } | ||
| + | |||
| + | |||
| + | /* ============================================================ | ||
| + | | ||
| + | | ||
| + | |||
| + | .home-hero { | ||
| + | |||
| + | max-width: 760px; | ||
| + | |||
| + | margin: | ||
| + | 0 auto; | ||
| + | |||
| + | padding: | ||
| + | 10px 20px 22px; | ||
| + | |||
| + | text-align: center; | ||
| + | } | ||
| + | |||
| + | |||
| + | .home-hero img { | ||
| + | |||
| + | max-width: 135px; | ||
| + | |||
| + | margin-bottom: | ||
| + | } | ||
| + | |||
| + | |||
| + | .home-hero-greeting { | ||
| + | |||
| + | margin-bottom: | ||
| + | |||
| + | color: | ||
| + | var(--blue); | ||
| + | |||
| + | font-size: 13px; | ||
| + | |||
| + | font-weight: | ||
| + | } | ||
| + | |||
| + | |||
| + | .home-hero h1 { | ||
| + | |||
| + | margin: 0; | ||
| + | |||
| + | color: | ||
| + | var(--navy); | ||
| + | |||
| + | font-size: 28px; | ||
| + | |||
| + | line-height: | ||
| + | |||
| + | font-weight: | ||
| + | |||
| + | letter-spacing: | ||
| + | } | ||
| + | |||
| + | |||
| + | .home-hero-subtitle { | ||
| + | |||
| + | max-width: 550px; | ||
| + | |||
| + | margin: | ||
| + | 9px auto 0; | ||
| + | |||
| + | color: | ||
| + | var(--muted); | ||
| + | |||
| + | font-size: 13.5px; | ||
| + | |||
| + | line-height: | ||
| + | } | ||
| + | |||
| + | |||
| + | .home-hero-clock { | ||
| + | |||
| + | display: inline-flex; | ||
| + | |||
| + | align-items: | ||
| + | |||
| + | margin-top: 13px; | ||
| + | |||
| + | padding: | ||
| + | 5px 11px; | ||
| + | |||
| + | border: | ||
| + | 1px solid | ||
| + | var(--border); | ||
| + | |||
| + | border-radius: | ||
| + | |||
| + | background: | ||
| + | rgba(255, | ||
| + | |||
| + | color: | ||
| + | var(--muted); | ||
| + | |||
| + | font-size: 11px; | ||
| + | } | ||
| + | |||
| + | |||
| + | /* Raccourci Tableau des présences sous la date / heure */ | ||
| + | .home-presences-hero-link { | ||
| + | display: inline-flex; | ||
| + | align-items: | ||
| + | gap: 6px; | ||
| + | margin-top: 8px; | ||
| + | padding: 6px 11px; | ||
| + | | ||
| + | | ||
| + | background: var(--blue-soft); | ||
| + | color: var(--blue) !important; | ||
| + | font-size: 11px; | ||
| + | font-weight: | ||
| + | text-decoration: | ||
| + | transition: transform .18s ease, background .18s ease, color .18s ease, border-color .18s ease; | ||
| + | } | ||
| + | |||
| + | .home-presences-hero-link: | ||
| + | .home-presences-hero-link: | ||
| + | transform: translateY(-1px); | ||
| + | background: var(--blue); | ||
| + | border-color: | ||
| + | color: #FFFFFF !important; | ||
| + | text-decoration: | ||
| + | } | ||
| + | |||
| + | /* ============================================================ | ||
| + | | ||
| + | | ||
| + | |||
| + | .home-infobar { | ||
| + | |||
| + | display: grid; | ||
| + | |||
| + | grid-template-columns: | ||
| + | repeat( | ||
| + | 4, | ||
| + | minmax(0, | ||
| + | ); | ||
| + | |||
| + | gap: 10px; | ||
| + | |||
| + | margin: | ||
| + | 17px 0 16px; | ||
| + | } | ||
| + | |||
| + | |||
| + | .home-info-item { | ||
| + | |||
| + | min-width: 0; | ||
| + | |||
| + | display: flex; | ||
| + | |||
| + | align-items: | ||
| + | |||
| + | gap: 11px; | ||
| + | |||
| + | | ||
| + | 13px 14px; | ||
| + | |||
| + | background: | ||
| + | var(--surface); | ||
| + | |||
| + | border: | ||
| + | 1px solid | ||
| + | var(--border); | ||
| + | |||
| + | border-radius: | ||
| + | |||
| + | box-shadow: | ||
| + | 0 1px 3px | ||
| + | rgba(16, | ||
| + | |||
| + | transition: | ||
| + | transform .18s ease, | ||
| + | box-shadow .18s ease; | ||
| + | } | ||
| + | |||
| + | |||
| + | .home-info-item: | ||
| + | |||
| + | transform: | ||
| + | translateY(-2px); | ||
| + | |||
| + | box-shadow: | ||
| + | 0 6px 18px | ||
| + | rgba(16, | ||
| + | } | ||
| + | |||
| + | |||
| + | .home-info-icon { | ||
| + | |||
| + | width: 36px; | ||
| + | |||
| + | height: 36px; | ||
| + | |||
| + | flex-shrink: | ||
| + | |||
| + | display: flex; | ||
| + | |||
| + | align-items: | ||
| + | |||
| + | justify-content: | ||
| + | |||
| + | border-radius: | ||
| + | |||
| + | font-size: 17px; | ||
| + | } | ||
| + | |||
| + | |||
| + | .home-info-icon-fete { | ||
| + | |||
| + | background: | ||
| + | var(--teal-soft); | ||
| + | } | ||
| + | |||
| + | |||
| + | .home-info-icon-ferie { | ||
| + | |||
| + | background: | ||
| + | var(--amber-soft); | ||
| + | } | ||
| + | |||
| + | |||
| + | .home-info-icon-semaine { | ||
| + | |||
| + | background: | ||
| + | var(--blue-soft); | ||
| + | } | ||
| + | |||
| + | |||
| + | .home-info-icon-visites { | ||
| + | |||
| + | background: | ||
| + | var(--violet-soft); | ||
| + | } | ||
| + | |||
| + | |||
| + | .home-info-text { | ||
| + | |||
| + | min-width: 0; | ||
| + | |||
| + | line-height: | ||
| + | } | ||
| + | |||
| + | |||
| + | .home-info-label { | ||
| + | |||
| + | | ||
| + | |||
| + | color: | ||
| + | var(--light); | ||
| + | |||
| + | font-size: 9.5px; | ||
| + | |||
| + | font-weight: | ||
| + | |||
| + | text-transform: | ||
| + | |||
| + | letter-spacing: | ||
| + | } | ||
| + | |||
| + | |||
| + | .home-info-value { | ||
| + | |||
| + | overflow: hidden; | ||
| + | |||
| + | color: | ||
| + | var(--navy); | ||
| + | |||
| + | font-size: 13px; | ||
| + | |||
| + | font-weight: | ||
| + | |||
| + | white-space: | ||
| + | |||
| + | text-overflow: | ||
| + | } | ||
| + | |||
| + | |||
| + | .home-info-detail { | ||
| + | |||
| + | margin-top: 2px; | ||
| + | |||
| + | color: | ||
| + | var(--light); | ||
| + | |||
| + | font-size: 9.5px; | ||
| + | } | ||
| + | |||
| + | |||
| + | /* ============================================================ | ||
| + | | ||
| + | | ||
| + | |||
| + | .home-citation { | ||
| + | |||
| + | position: relative; | ||
| + | |||
| + | overflow: hidden; | ||
| + | |||
| + | margin: | ||
| + | 16px 0 31px; | ||
| + | |||
| + | padding: | ||
| + | 22px 70px 21px 72px; | ||
| + | |||
| + | background: | ||
| + | linear-gradient( | ||
| + | 120deg, | ||
| + | #245F8E 0%, | ||
| + | #2878A0 52%, | ||
| + | #278A84 100% | ||
| + | ); | ||
| + | |||
| + | border-radius: | ||
| + | |||
| + | color: | ||
| + | #FFFFFF; | ||
| + | |||
| + | box-shadow: | ||
| + | 0 7px 22px | ||
| + | rgba(32, | ||
| + | } | ||
| + | |||
| + | |||
| + | .home-citation: | ||
| + | |||
| + | content: ""; | ||
| + | |||
| + | position: absolute; | ||
| + | |||
| + | width: 190px; | ||
| + | |||
| + | height: 190px; | ||
| + | |||
| + | right: -65px; | ||
| + | |||
| + | top: -95px; | ||
| + | |||
| + | border-radius: | ||
| + | |||
| + | background: | ||
| + | rgba(255, | ||
| + | } | ||
| + | |||
| + | |||
| + | .home-citation-symbol { | ||
| + | |||
| + | position: absolute; | ||
| + | |||
| + | left: 21px; | ||
| + | |||
| + | top: 11px; | ||
| + | |||
| + | color: | ||
| + | rgba(255, | ||
| + | |||
| + | font-family: | ||
| + | Georgia, | ||
| + | serif; | ||
| + | |||
| + | font-size: 62px; | ||
| + | |||
| + | font-weight: | ||
| + | |||
| + | line-height: | ||
| + | } | ||
| + | |||
| + | |||
| + | .home-citation-label { | ||
| + | |||
| + | position: relative; | ||
| + | |||
| + | z-index: 2; | ||
| + | |||
| + | margin-bottom: | ||
| + | |||
| + | color: | ||
| + | rgba(255, | ||
| + | |||
| + | font-size: 9.5px; | ||
| + | |||
| + | font-weight: | ||
| + | |||
| + | text-transform: | ||
| + | |||
| + | letter-spacing: | ||
| + | } | ||
| + | |||
| + | |||
| + | .home-citation-texte { | ||
| + | |||
| + | position: relative; | ||
| + | |||
| + | z-index: 2; | ||
| + | |||
| + | max-width: 850px; | ||
| + | |||
| + | color: | ||
| + | #FFFFFF; | ||
| + | |||
| + | font-size: 14px; | ||
| + | |||
| + | font-weight: | ||
| + | |||
| + | font-style: italic; | ||
| + | |||
| + | line-height: | ||
| + | } | ||
| + | |||
| + | |||
| + | .home-citation-auteur { | ||
| + | |||
| + | position: relative; | ||
| + | |||
| + | z-index: 2; | ||
| + | |||
| + | margin-top: 8px; | ||
| + | |||
| + | color: | ||
| + | rgba(255, | ||
| + | |||
| + | font-size: 11px; | ||
| + | |||
| + | font-weight: | ||
| + | } | ||
| + | |||
| + | |||
| + | /* ============================================================ | ||
| + | | ||
| + | | ||
| + | |||
| + | .home-section-heading { | ||
| + | |||
| + | display: flex; | ||
| + | |||
| + | align-items: | ||
| + | |||
| + | margin: | ||
| + | | ||
| + | } | ||
| + | |||
| + | |||
| + | .home-section-label { | ||
| + | |||
| + | flex-shrink: | ||
| + | |||
| + | color: | ||
| + | var(--navy); | ||
| + | |||
| + | | ||
| + | |||
| + | font-weight: | ||
| + | |||
| + | text-transform: | ||
| + | |||
| + | letter-spacing: | ||
| + | } | ||
| + | |||
| + | |||
| + | .home-section-line { | ||
| + | |||
| + | flex: 1; | ||
| + | |||
| + | height: 1px; | ||
| + | |||
| + | margin-left: | ||
| + | |||
| + | background: | ||
| + | var(--border); | ||
| + | } | ||
| + | |||
| + | |||
| + | /* ============================================================ | ||
| + | | ||
| + | | ||
| + | |||
| + | .home-cards { | ||
| + | |||
| + | display: grid; | ||
| + | |||
| + | grid-template-columns: | ||
| + | repeat( | ||
| + | 4, | ||
| + | minmax(0, | ||
| + | ); | ||
| + | |||
| + | gap: 12px; | ||
| + | } | ||
| + | |||
| + | |||
| + | .home-card { | ||
| + | |||
| + | position: relative; | ||
| + | |||
| + | min-height: 135px; | ||
| + | |||
| + | display: flex; | ||
| + | |||
| + | flex-direction: | ||
| + | |||
| + | padding: 16px; | ||
| + | |||
| + | background: | ||
| + | var(--surface); | ||
| + | |||
| + | border: | ||
| + | 1px solid | ||
| + | var(--border); | ||
| + | |||
| + | border-radius: | ||
| + | |||
| + | color: | ||
| + | var(--text); | ||
| + | |||
| + | text-decoration: | ||
| + | none !important; | ||
| + | |||
| + | box-shadow: | ||
| + | 0 1px 3px | ||
| + | rgba(16, | ||
| + | |||
| + | transition: | ||
| + | transform .18s ease, | ||
| + | border-color .18s ease, | ||
| + | box-shadow .18s ease; | ||
| + | } | ||
| + | |||
| + | |||
| + | .home-card: | ||
| + | |||
| + | transform: | ||
| + | translateY(-3px); | ||
| + | |||
| + | border-color: | ||
| + | #CAD5E1; | ||
| + | |||
| + | box-shadow: | ||
| + | 0 9px 24px | ||
| + | rgba(16, | ||
| + | |||
| + | text-decoration: | ||
| + | none !important; | ||
| + | } | ||
| + | |||
| + | |||
| + | .home-card-top { | ||
| + | |||
| + | display: flex; | ||
| + | |||
| + | align-items: | ||
| + | |||
| + | justify-content: | ||
| + | space-between; | ||
| + | |||
| + | margin-bottom: 13px; | ||
| + | } | ||
| + | |||
| + | |||
| + | .home-card-icon { | ||
| + | |||
| + | width: 38px; | ||
| + | |||
| + | height: 38px; | ||
| + | |||
| + | display: flex; | ||
| + | |||
| + | align-items: | ||
| + | |||
| + | justify-content: | ||
| + | |||
| + | border-radius: | ||
| + | } | ||
| + | |||
| + | |||
| + | .home-card-icon svg { | ||
| + | |||
| + | width: 19px; | ||
| + | |||
| + | height: 19px; | ||
| + | } | ||
| + | |||
| + | |||
| + | .home-card-arrow { | ||
| + | |||
| + | width: 25px; | ||
| + | |||
| + | height: 25px; | ||
| + | |||
| + | display: flex; | ||
| + | |||
| + | align-items: | ||
| + | |||
| + | justify-content: | ||
| + | |||
| + | border-radius: | ||
| + | |||
| + | | ||
| + | | ||
| + | |||
| + | transition: | ||
| + | transform .18s ease, | ||
| + | color .18s ease, | ||
| + | background .18s ease; | ||
| + | } | ||
| + | |||
| + | |||
| + | .home-card: | ||
| + | .home-card-arrow { | ||
| + | |||
| + | transform: | ||
| + | translateX(2px); | ||
| + | |||
| + | color: | ||
| + | var(--blue); | ||
| + | |||
| + | background: | ||
| + | var(--blue-soft); | ||
| + | } | ||
| + | |||
| + | |||
| + | .home-card-arrow svg { | ||
| + | |||
| + | width: 14px; | ||
| + | |||
| + | height: 14px; | ||
| + | } | ||
| + | |||
| + | |||
| + | .home-card-title { | ||
| + | |||
| + | margin-bottom: | ||
| + | |||
| + | color: | ||
| + | var(--navy); | ||
| + | |||
| + | font-size: 13.5px; | ||
| + | |||
| + | font-weight: | ||
| + | } | ||
| + | |||
| + | |||
| + | .home-card-desc { | ||
| + | |||
| + | color: | ||
| + | var(--muted); | ||
| + | |||
| + | font-size: 11.2px; | ||
| + | |||
| + | line-height: | ||
| + | } | ||
| + | |||
| + | |||
| + | /* ============================================================ | ||
| + | LIENS RAPIDES | ||
| + | | ||
| + | |||
| + | .home-quicklinks { | ||
| + | |||
| + | | ||
| + | |||
| + | flex-wrap: wrap; | ||
| + | |||
| + | gap: 8px; | ||
| + | } | ||
| + | |||
| + | |||
| + | .home-quicklink { | ||
| + | |||
| + | display: inline-flex; | ||
| + | |||
| + | | ||
| + | |||
| + | gap: 7px; | ||
| + | |||
| + | padding: | ||
| + | 8px 13px; | ||
| + | |||
| + | background: | ||
| + | var(--surface); | ||
| + | |||
| + | border: | ||
| + | 1px solid | ||
| + | var(--border); | ||
| + | |||
| + | border-radius: | ||
| + | |||
| + | color: | ||
| + | #475467 !important; | ||
| + | |||
| + | font-size: 11.5px; | ||
| + | |||
| + | font-weight: | ||
| + | |||
| + | text-decoration: | ||
| + | none !important; | ||
| + | |||
| + | transition: | ||
| + | .18s ease; | ||
| + | } | ||
| + | |||
| + | |||
| + | .home-quicklink: | ||
| + | |||
| + | transform: | ||
| + | translateY(-1px); | ||
| + | |||
| + | color: | ||
| + | var(--blue) !important; | ||
| + | |||
| + | background: | ||
| + | var(--blue-soft); | ||
| + | |||
| + | border-color: | ||
| + | #C8DCEC; | ||
| + | } | ||
| + | |||
| + | |||
| + | .home-quicklink svg { | ||
| + | |||
| + | width: 13px; | ||
| + | |||
| + | height: 13px; | ||
| + | |||
| + | color: | ||
| + | var(--blue); | ||
| + | } | ||
| + | |||
| + | |||
| + | /* ============================================================ | ||
| + | | ||
| + | | ||
| + | |||
| + | .home-feedback { | ||
| + | |||
| + | display: flex; | ||
| + | |||
| + | align-items: | ||
| + | |||
| + | | ||
| + | |||
| + | margin: | ||
| + | 28px 0; | ||
| + | |||
| + | padding: | ||
| + | 13px 16px; | ||
| + | |||
| + | background: | ||
| + | #F8FAFC; | ||
| + | |||
| + | border: | ||
| + | 1px solid | ||
| + | var(--border); | ||
| + | |||
| + | border-radius: | ||
| + | |||
| + | color: | ||
| + | var(--muted); | ||
| + | |||
| + | font-size: 12px; | ||
| + | } | ||
| + | |||
| + | |||
| + | .home-feedback-icon { | ||
| + | |||
| + | width: 32px; | ||
| + | |||
| + | height: 32px; | ||
| + | |||
| + | | ||
| + | |||
| + | display: flex; | ||
| + | |||
| + | align-items: | ||
| + | |||
| + | justify-content: | ||
| + | |||
| + | color: | ||
| + | var(--teal); | ||
| + | |||
| + | background: | ||
| + | var(--teal-soft); | ||
| + | |||
| + | border-radius: | ||
| + | } | ||
| + | |||
| + | |||
| + | .home-feedback-icon svg { | ||
| + | |||
| + | width: 16px; | ||
| + | |||
| + | height: 16px; | ||
| + | } | ||
| + | |||
| + | |||
| + | .home-feedback a { | ||
| + | |||
| + | | ||
| + | var(--teal) !important; | ||
| + | |||
| + | | ||
| + | |||
| + | | ||
| + | | ||
| + | } | ||
| + | |||
| + | |||
| + | /* ============================================================ | ||
| + | | ||
| + | | ||
| + | |||
| + | .home-social { | ||
| + | |||
| + | display: flex; | ||
| + | |||
| + | gap: 9px; | ||
| + | } | ||
| + | |||
| + | |||
| + | .home-social-item | ||
| + | |||
| + | width: 39px; | ||
| + | |||
| + | height: 39px; | ||
| + | |||
| + | display: flex; | ||
| + | |||
| + | align-items: | ||
| + | |||
| + | justify-content: | ||
| + | |||
| + | background: | ||
| + | var(--surface); | ||
| + | |||
| + | border: | ||
| + | 1px solid | ||
| + | var(--border); | ||
| + | |||
| + | border-radius: | ||
| + | |||
| + | | ||
| + | none !important; | ||
| + | |||
| + | transition: | ||
| + | .18s ease; | ||
| + | } | ||
| + | |||
| + | |||
| + | .home-social-item: | ||
| + | |||
| + | transform: | ||
| + | translateY(-2px); | ||
| + | |||
| + | border-color: | ||
| + | #CDD6E1; | ||
| + | |||
| + | box-shadow: | ||
| + | 0 5px 14px | ||
| + | rgba(16, | ||
| + | } | ||
| + | |||
| + | |||
| + | .home-social-item svg { | ||
| + | |||
| + | width: 18px; | ||
| + | |||
| + | height: 18px; | ||
| + | } | ||
| + | |||
| + | |||
| + | |||
| + | |||
| + | /* ============================================================ | ||
| + | | ||
| + | | ||
| + | |||
| + | .home-search-row { | ||
| + | display: flex; | ||
| + | justify-content: | ||
| + | align-items: | ||
| + | |||
| + | margin: -8px 0 14px; | ||
| + | padding: 0 4px; | ||
| + | } | ||
| + | |||
| + | .home-search-form { | ||
| + | display: flex !important; | ||
| + | flex-direction: | ||
| + | align-items: | ||
| + | |||
| + | width: 100%; | ||
| + | max-width: 390px; | ||
| + | height: 42px; | ||
| + | |||
| + | margin: 0 !important; | ||
| + | padding: 0 !important; | ||
| + | |||
| + | background: #FFFFFF; | ||
| + | |||
| + | border: 1px solid #E3E8EF !important; | ||
| + | border-radius: | ||
| + | |||
| + | overflow: hidden; | ||
| + | |||
| + | box-sizing: border-box; | ||
| + | |||
| + | box-shadow: | ||
| + | 0 4px 14px | ||
| + | rgba(16, | ||
| + | |||
| + | transition: | ||
| + | border-color .18s ease, | ||
| + | box-shadow .18s ease; | ||
| + | } | ||
| + | |||
| + | .home-search-form: | ||
| + | border-color: | ||
| + | |||
| + | box-shadow: | ||
| + | 0 0 0 3px | ||
| + | rgba(40, | ||
| + | 0 4px 14px | ||
| + | rgba(16, | ||
| + | } | ||
| + | |||
| + | .home-search-input { | ||
| + | flex: 1 1 auto !important; | ||
| + | |||
| + | width: auto !important; | ||
| + | min-width: 0 !important; | ||
| + | height: 40px !important; | ||
| + | |||
| + | margin: 0 !important; | ||
| + | padding: 0 15px !important; | ||
| + | |||
| + | border: 0 !important; | ||
| + | border-radius: | ||
| + | |||
| + | outline: 0 !important; | ||
| + | |||
| + | background: #FFFFFF !important; | ||
| + | |||
| + | color: #1D2939 !important; | ||
| + | |||
| + | font-family: | ||
| + | -apple-system, | ||
| + | BlinkMacSystemFont, | ||
| + | "Segoe UI", | ||
| + | Arial, | ||
| + | sans-serif; | ||
| + | |||
| + | font-size: 13.5px !important; | ||
| + | line-height: | ||
| + | |||
| + | box-sizing: border-box !important; | ||
| + | |||
| + | box-shadow: none !important; | ||
| + | } | ||
| + | |||
| + | .home-search-input:: | ||
| + | color: #98A2B3; | ||
| + | } | ||
| + | |||
| + | .home-search-button { | ||
| + | flex: 0 0 48px !important; | ||
| + | |||
| + | display: flex !important; | ||
| + | align-items: | ||
| + | justify-content: | ||
| + | |||
| + | width: 48px !important; | ||
| + | min-width: 48px !important; | ||
| + | height: 40px !important; | ||
| + | |||
| + | margin: 0 !important; | ||
| + | padding: 0 !important; | ||
| + | |||
| + | border: 0 !important; | ||
| + | border-radius: | ||
| + | |||
| + | background: #28689F !important; | ||
| + | color: #FFFFFF !important; | ||
| + | |||
| + | box-sizing: border-box !important; | ||
| + | |||
| + | cursor: pointer; | ||
| + | } | ||
| + | |||
| + | .home-search-button: | ||
| + | .home-search-button: | ||
| + | background: #20567F !important; | ||
| + | } | ||
| + | |||
| + | .home-search-button svg { | ||
| + | display: block !important; | ||
| + | |||
| + | width: 18px !important; | ||
| + | height: 18px !important; | ||
| + | |||
| + | margin: 0 !important; | ||
| + | |||
| + | fill: none !important; | ||
| + | stroke: currentColor !important; | ||
| + | |||
| + | stroke-width: | ||
| + | stroke-linecap: | ||
| + | stroke-linejoin: | ||
| + | } | ||
| + | |||
| + | @media (max-width: 600px) { | ||
| + | |||
| + | .home-search-row { | ||
| + | margin: -4px 0 12px; | ||
| + | } | ||
| + | |||
| + | .home-search-form { | ||
| + | max-width: 100%; | ||
| + | } | ||
| + | } | ||
| + | |||
| + | /* ============================================================ | ||
| + | | ||
| + | | ||
| + | |||
| + | @media (max-width: 1000px) { | ||
| + | |||
| + | .home-infobar { | ||
| + | |||
| + | grid-template-columns: | ||
| + | repeat( | ||
| + | 2, | ||
| + | minmax(0, | ||
| + | ); | ||
| + | } | ||
| + | |||
| + | |||
| + | .home-cards { | ||
| + | |||
| + | grid-template-columns: | ||
| + | repeat( | ||
| + | 2, | ||
| + | minmax(0, | ||
| + | ); | ||
| + | } | ||
| + | } | ||
| + | |||
| + | |||
| + | @media (max-width: 560px) { | ||
| + | |||
| + | .home-wrap { | ||
| + | |||
| + | padding-top: | ||
| + | } | ||
| + | |||
| + | |||
| + | .home-news { | ||
| + | |||
| + | height: 48px; | ||
| + | |||
| + | margin-bottom: | ||
| + | } | ||
| + | |||
| + | |||
| + | .home-news-item { | ||
| + | |||
| + | padding: | ||
| + | 0 25px; | ||
| + | |||
| + | font-size: 11.5px; | ||
| + | } | ||
| + | |||
| + | |||
| + | .home-hero { | ||
| + | |||
| + | padding: | ||
| + | 10px 8px 18px; | ||
| + | } | ||
| + | |||
| + | |||
| + | .home-hero h1 { | ||
| + | |||
| + | font-size: 23px; | ||
| + | } | ||
| + | |||
| + | |||
| + | .home-infobar { | ||
| + | |||
| + | grid-template-columns: | ||
| + | 1fr; | ||
| + | } | ||
| + | |||
| + | |||
| + | .home-cards { | ||
| + | |||
| + | grid-template-columns: | ||
| + | 1fr; | ||
| + | } | ||
| + | |||
| + | |||
| + | .home-card { | ||
| + | |||
| + | min-height: auto; | ||
| + | } | ||
| + | |||
| + | |||
| + | .home-citation { | ||
| + | |||
| + | padding: | ||
| + | 20px 18px 20px 58px; | ||
| + | } | ||
| + | |||
| + | |||
| + | .home-citation-symbol { | ||
| + | |||
| + | left: 15px; | ||
| + | |||
| + | font-size: 50px; | ||
| + | } | ||
| + | } | ||
| - | .home-social { display: flex; gap: 12px; margin-top: 8px; } | ||
| - | .home-social-item { width: 44px; height: 44px; border-radius: | ||
| - | .home-social-item: | ||
| - | .home-social-item svg { width: 20px; height: 20px; } | ||
| </ | </ | ||
| + | |||
| + | |||
| + | /* ============================================================ | ||
| + | DEBUT PAGE | ||
| + | | ||
| echo '< | echo '< | ||
| - | // ── Hero ────────────────────────────────────────────────────── | + | |
| - | echo '<div class="home-hero"> | + | /* ============================================================ |
| - | <img src="/lib/exe/fetch.php?media=wiki:gni-logo.png" | + | |
| - | <h1>Bienvenue | + | |
| - | <span class=" | + | |
| + | $erasmus_groupe = " | ||
| + | <div class='home-news-group' | ||
| + | <a class=' | ||
| + | <span class=' | ||
| + | <span class=' | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | <span class=' | ||
| + | <a class=' | ||
| + | <span class=' | ||
| + | <span class=' | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | <span class=' | ||
| + | </ | ||
| + | |||
| + | echo " | ||
| + | <div class=' | ||
| + | <div class=' | ||
| + | {$erasmus_groupe} | ||
| + | {$erasmus_groupe} | ||
| + | </ | ||
| + | </ | ||
| + | |||
| + | |||
| + | /* ============================================================ | ||
| + | | ||
| + | | ||
| + | |||
| + | echo ' | ||
| + | |||
| + | <div class=" | ||
| + | <form class=" | ||
| + | <input type=" | ||
| + | <input | ||
| + | class=" | ||
| + | type=" | ||
| + | name=" | ||
| + | placeholder=" | ||
| + | autocomplete=" | ||
| + | aria-label=" | ||
| + | | ||
| + | <button | ||
| + | <svg viewBox=" | ||
| + | <circle cx=" | ||
| + | < | ||
| + | </ | ||
| + | </ | ||
| + | </form> | ||
| </ | </ | ||
| - | echo '<p style=" | ||
| - | Retrouvez ici toutes les catégories du site : administratif, | ||
| - | </ | ||
| - | // ── Recherche ───────────────────────────────────────────────── | + | /* ============================================================ |
| - | echo '< | + | |
| - | <svg viewBox="0 0 24 24" width="18" height="18" | + | |
| - | | + | |
| + | echo ' | ||
| + | |||
| + | <div class=" | ||
| + | |||
| + | <img | ||
| + | src="/ | ||
| + | alt="Logo GNI" | ||
| + | > | ||
| + | |||
| + | |||
| + | <div | ||
| + | class="home-hero-greeting" | ||
| + | id="home-greeting" | ||
| + | | ||
| + | Bonjour | ||
| + | | ||
| + | |||
| + | |||
| + | < | ||
| + | Bienvenue sur l\' | ||
| + | </ | ||
| + | |||
| + | |||
| + | <div class="home-hero-subtitle"> | ||
| + | |||
| + | Retrouvez vos informations, | ||
| + | applications, | ||
| + | internes au même endroit. | ||
| + | |||
| + | </ | ||
| + | |||
| + | |||
| + | <div | ||
| + | class="home-hero-clock" | ||
| + | id="home-clock" | ||
| + | ></div> | ||
| + | |||
| + | | ||
| + | <a | ||
| + | class="home-presences-hero-link" | ||
| + | href="/doku.php? | ||
| + | title=" | ||
| + | | ||
| + | 📋 Tableau des présences | ||
| + | | ||
| + | </div> | ||
| </ | </ | ||
| - | // ── Sections principales ───────────────────────────────────── | + | |
| - | echo '< | + | /* ============================================================ |
| + | | ||
| + | | ||
| + | |||
| + | echo '<div class=" | ||
| + | |||
| + | |||
| + | /* FETE */ | ||
| + | |||
| + | echo " | ||
| + | |||
| + | <div class=' | ||
| + | |||
| + | <div class=' | ||
| + | 🎉 | ||
| + | </ | ||
| + | |||
| + | |||
| + | <div class=' | ||
| + | |||
| + | <div class=' | ||
| + | Bonne fête | ||
| + | </ | ||
| + | |||
| + | <div class=' | ||
| + | {$fete_nom} | ||
| + | </ | ||
| + | |||
| + | </ | ||
| + | |||
| + | </ | ||
| + | |||
| + | |||
| + | /* FERIE */ | ||
| + | |||
| + | echo " | ||
| + | |||
| + | <div class=' | ||
| + | |||
| + | <div class=' | ||
| + | 📅 | ||
| + | </ | ||
| + | |||
| + | |||
| + | <div class=' | ||
| + | |||
| + | <div class=' | ||
| + | Prochain jour férié | ||
| + | </ | ||
| + | |||
| + | <div | ||
| + | class=' | ||
| + | title=' | ||
| + | > | ||
| + | {$prochain_ferie_nom} | ||
| + | </ | ||
| + | |||
| + | <div class=' | ||
| + | {$texte_ferie} | ||
| + | </ | ||
| + | |||
| + | </ | ||
| + | |||
| + | </ | ||
| + | |||
| + | |||
| + | /* SEMAINE */ | ||
| + | |||
| + | echo " | ||
| + | |||
| + | <div class=' | ||
| + | |||
| + | <div class=' | ||
| + | 🗓️ | ||
| + | </ | ||
| + | |||
| + | |||
| + | <div class=' | ||
| + | |||
| + | <div class=' | ||
| + | Semaine | ||
| + | </ | ||
| + | |||
| + | <div class=' | ||
| + | N° {$numero_semaine} | ||
| + | </ | ||
| + | |||
| + | <div class=' | ||
| + | {$annee_semaine} | ||
| + | </ | ||
| + | |||
| + | </ | ||
| + | |||
| + | </ | ||
| + | |||
| + | |||
| + | /* VISITES */ | ||
| + | |||
| + | echo " | ||
| + | |||
| + | <div class=' | ||
| + | |||
| + | <div class=' | ||
| + | 👁️ | ||
| + | </ | ||
| + | |||
| + | |||
| + | <div class=' | ||
| + | |||
| + | <div class=' | ||
| + | Visites aujourd' | ||
| + | </ | ||
| + | |||
| + | <div class=' | ||
| + | {$compteur_visites} | ||
| + | </ | ||
| + | |||
| + | </ | ||
| + | |||
| + | </ | ||
| + | |||
| + | |||
| + | echo '</ | ||
| + | |||
| + | |||
| + | /* ============================================================ | ||
| + | | ||
| + | | ||
| + | |||
| + | echo " | ||
| + | |||
| + | <div class=' | ||
| + | |||
| + | <div class=' | ||
| + | ❝ | ||
| + | </ | ||
| + | |||
| + | |||
| + | <div class=' | ||
| + | ✨ Citation du jour | ||
| + | </ | ||
| + | |||
| + | |||
| + | <div class=' | ||
| + | {$citation_texte} | ||
| + | </ | ||
| + | |||
| + | |||
| + | <div class=' | ||
| + | — {$citation_auteur} | ||
| + | </ | ||
| + | |||
| + | </ | ||
| + | |||
| + | |||
| + | /* ============================================================ | ||
| + | | ||
| + | | ||
| + | |||
| + | echo ' | ||
| + | |||
| + | < | ||
| + | |||
| + | (function () { | ||
| + | |||
| + | function majHorloge() { | ||
| + | |||
| + | var maintenant = | ||
| + | new Date(); | ||
| + | |||
| + | var heure = | ||
| + | maintenant.getHours(); | ||
| + | |||
| + | var salutation = | ||
| + | " | ||
| + | |||
| + | |||
| + | if ( | ||
| + | heure >= 5 && | ||
| + | heure < 12 | ||
| + | ) { | ||
| + | |||
| + | salutation = | ||
| + | " | ||
| + | |||
| + | } | ||
| + | |||
| + | else if ( | ||
| + | heure >= 12 && | ||
| + | heure < 14 | ||
| + | ) { | ||
| + | |||
| + | salutation = | ||
| + | "Bon appétit et bonne pause déjeuner 🍽️"; | ||
| + | |||
| + | } | ||
| + | |||
| + | else if ( | ||
| + | heure >= 14 && | ||
| + | heure < 18 | ||
| + | ) { | ||
| + | |||
| + | salutation = | ||
| + | "Bon après-midi 👋"; | ||
| + | |||
| + | } | ||
| + | |||
| + | else if ( | ||
| + | heure >= 18 && | ||
| + | heure < 22 | ||
| + | ) { | ||
| + | |||
| + | salutation = | ||
| + | " | ||
| + | } | ||
| + | |||
| + | |||
| + | var greeting = | ||
| + | document.getElementById( | ||
| + | " | ||
| + | ); | ||
| + | |||
| + | |||
| + | if (greeting) { | ||
| + | |||
| + | greeting.innerText = | ||
| + | salutation; | ||
| + | } | ||
| + | |||
| + | |||
| + | var options = { | ||
| + | |||
| + | weekday: " | ||
| + | |||
| + | day: " | ||
| + | |||
| + | month: " | ||
| + | |||
| + | year: " | ||
| + | |||
| + | hour: " | ||
| + | |||
| + | minute: " | ||
| + | |||
| + | }; | ||
| + | |||
| + | |||
| + | var texte = | ||
| + | maintenant | ||
| + | .toLocaleDateString( | ||
| + | " | ||
| + | options | ||
| + | ); | ||
| + | |||
| + | |||
| + | var clock = | ||
| + | document.getElementById( | ||
| + | " | ||
| + | ); | ||
| + | |||
| + | |||
| + | if (clock) { | ||
| + | |||
| + | clock.innerText = | ||
| + | texte.charAt(0).toUpperCase() | ||
| + | + | ||
| + | texte.slice(1); | ||
| + | } | ||
| + | } | ||
| + | |||
| + | |||
| + | majHorloge(); | ||
| + | |||
| + | |||
| + | setInterval( | ||
| + | majHorloge, | ||
| + | 30000 | ||
| + | ); | ||
| + | |||
| + | })(); | ||
| + | |||
| + | </ | ||
| + | |||
| + | |||
| + | /* ============================================================ | ||
| + | | ||
| + | | ||
| + | |||
| + | echo ' | ||
| + | |||
| + | <div class=" | ||
| + | |||
| + | | ||
| + | | ||
| + | </ | ||
| + | |||
| + | <div class=" | ||
| + | |||
| + | </ | ||
| + | |||
| echo '< | echo '< | ||
| + | |||
| + | |||
| foreach ($SECTIONS as $s) { | foreach ($SECTIONS as $s) { | ||
| - | $titre = htmlspecialchars($s[' | ||
| - | $desc = htmlspecialchars($s[' | ||
| - | $url = htmlspecialchars($s[' | ||
| - | | + | |
| - | | + | htmlspecialchars($s['titre']); |
| - | | + | |
| - | <div class=' | + | $desc = |
| - | <svg viewBox=' | + | |
| + | |||
| + | $url = | ||
| + | htmlspecialchars($s['url']); | ||
| + | |||
| + | |||
| + | echo " | ||
| + | |||
| + | <a | ||
| + | | ||
| + | href='{$url}' | ||
| + | | ||
| + | |||
| + | < | ||
| + | |||
| + | |||
| + | <div | ||
| + | | ||
| + | | ||
| + | | ||
| + | color: {$s[' | ||
| + | | ||
| + | | ||
| + | |||
| + | | ||
| + | | ||
| + | | ||
| + | | ||
| + | | ||
| + | | ||
| + | | ||
| + | | ||
| + | |||
| + | | ||
| + | |||
| + | | ||
| + | |||
| + | </ | ||
| + | |||
| + | |||
| + | <div class=' | ||
| + | |||
| + | <svg | ||
| + | viewBox=' | ||
| + | fill=' | ||
| + | stroke=' | ||
| + | stroke-width=' | ||
| + | stroke-linecap=' | ||
| + | stroke-linejoin=' | ||
| + | > | ||
| + | |||
| + | <path d='M5 12h14'/> | ||
| + | |||
| + | <path d='M13 6l6 6-6 6'/> | ||
| + | |||
| + | </ | ||
| + | |||
| + | </ | ||
| </ | </ | ||
| - | | + | |
| - | <div class=' | + | |
| + | | ||
| + | | ||
| + | | ||
| + | |||
| + | |||
| + | <div class=' | ||
| + | | ||
| + | | ||
| </ | </ | ||
| } | } | ||
| + | |||
| + | |||
| echo '</ | echo '</ | ||
| - | // ── Liens rapides ───────────────────────────────────────────── | + | |
| - | echo '< | + | /* ============================================================ |
| + | ACCES RAPIDE | ||
| + | | ||
| + | |||
| + | echo ' | ||
| + | |||
| + | <div class=" | ||
| + | |||
| + | | ||
| + | | ||
| + | </ | ||
| + | |||
| + | <div class=" | ||
| + | |||
| + | </ | ||
| + | |||
| echo '< | echo '< | ||
| + | |||
| + | |||
| foreach ($LIENS_RAPIDES as $l) { | foreach ($LIENS_RAPIDES as $l) { | ||
| - | | + | |
| - | $url | + | |
| - | echo "<a class=' | + | |
| + | |||
| + | $url = | ||
| + | | ||
| + | |||
| + | |||
| + | echo " | ||
| + | |||
| + | | ||
| + | | ||
| + | | ||
| + | | ||
| + | |||
| + | | ||
| + | |||
| + | |||
| + | <svg | ||
| + | viewBox=' | ||
| + | fill=' | ||
| + | stroke=' | ||
| + | stroke-width=' | ||
| + | stroke-linecap=' | ||
| + | stroke-linejoin=' | ||
| + | > | ||
| + | |||
| + | <path d='M5 12h14'/> | ||
| + | |||
| + | <path d='M13 6l6 6-6 6'/> | ||
| + | |||
| + | </ | ||
| + | |||
| + | | ||
| } | } | ||
| + | |||
| + | |||
| echo '</ | echo '</ | ||
| - | // ── Feedback ────────────────────────────────────────────────── | + | |
| - | echo '< | + | /* ============================================================ |
| - | <svg viewBox=" | + | |
| - | < | + | |
| + | |||
| + | echo ' | ||
| + | |||
| + | <div class=" | ||
| + | |||
| + | | ||
| + | |||
| + | | ||
| + | | ||
| + | fill="none" | ||
| + | stroke="currentColor" | ||
| + | stroke-width="1.8" | ||
| + | | ||
| + | | ||
| + | | ||
| + | |||
| + | | ||
| + | |||
| + | | ||
| + | |||
| + | | ||
| + | |||
| + | </ | ||
| + | |||
| + | |||
| + | < | ||
| + | |||
| + | | ||
| + | |||
| + | | ||
| + | | ||
| + | | ||
| + | | ||
| + | | ||
| + | | ||
| + | |||
| + | | ||
| </ | </ | ||
| - | // ── Réseaux sociaux ─────────────────────────────────────────── | + | |
| - | echo '< | + | /* ============================================================ |
| + | SITES EXTERNES | ||
| + | | ||
| + | |||
| + | echo ' | ||
| + | |||
| + | <div class=" | ||
| + | |||
| + | | ||
| + | | ||
| + | </ | ||
| + | |||
| + | <div class=" | ||
| + | |||
| + | </ | ||
| + | |||
| echo '< | echo '< | ||
| + | |||
| + | |||
| foreach ($RESEAUX as $r) { | foreach ($RESEAUX as $r) { | ||
| - | | + | |
| - | $url | + | |
| - | echo "<a class=' | + | |
| - | <svg viewBox=' | + | |
| + | $url = | ||
| + | | ||
| + | |||
| + | |||
| + | echo " | ||
| + | |||
| + | | ||
| + | | ||
| + | | ||
| + | | ||
| + | | ||
| + | | ||
| + | |||
| + | <svg | ||
| + | | ||
| + | | ||
| + | | ||
| + | | ||
| + | | ||
| + | | ||
| + | | ||
| + | |||
| + | | ||
| + | |||
| + | | ||
| </ | </ | ||
| } | } | ||
| + | |||
| + | |||
| echo '</ | echo '</ | ||
| + | |||
| + | |||
| + | /* ============================================================ | ||
| + | FIN | ||
| + | | ||
| echo '</ | echo '</ | ||
| </ | </ | ||