Différences
Ci-dessous, les différences entre deux révisions de la page.
| Les deux révisions précédentesRévision précédenteProchaine révision | Révision précédente | ||
| start [15/09/2026 18:27] – 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 = [ | $FETES = [ | ||
| - | ' | + | |
| + | ' | ||
| ' | ' | ||
| - | ' | + | ' |
| - | ' | + | ' |
| ' | ' | ||
| - | ' | + | |
| - | ' | + | ' |
| - | ' | + | ' |
| - | ' | + | ' |
| + | ' | ||
| ' | ' | ||
| - | ' | + | |
| - | ' | + | ' |
| - | ' | + | ' |
| - | ' | + | ' |
| - | ' | + | ' |
| - | ' | + | ' |
| + | |||
| + | ' | ||
| ' | ' | ||
| - | ' | + | ' |
| - | ' | + | ' |
| ' | ' | ||
| - | ' | + | |
| - | ' | + | ' |
| - | ' | + | ' |
| - | ' | + | ' |
| - | ' | + | ' |
| - | ' | + | ' |
| - | ' | + | |
| - | ' | + | ' |
| - | ' | + | ' |
| - | ' | + | ' |
| + | ' | ||
| + | ' | ||
| ' | ' | ||
| - | ' | + | ' |
| - | ' | + | ' |
| - | ' | + | ' |
| ' | ' | ||
| ' | ' | ||
| + | |||
| ' | ' | ||
| - | ' | + | ' |
| - | ' | + | ' |
| - | ' | + | ' |
| ' | ' | ||
| - | ' | + | |
| - | ' | + | ' |
| - | ' | + | ' |
| - | ' | + | ' |
| - | ' | + | ' |
| - | ' | + | ' |
| - | ' | + | |
| - | ' | + | ' |
| - | ' | + | ' |
| - | ' | + | ' |
| + | ' | ||
| + | ' | ||
| ' | ' | ||
| - | ' | + | |
| - | ' | + | ' |
| - | ' | + | ' |
| - | ' | + | ' |
| - | ' | + | ' |
| - | ' | + | ' |
| - | ' | + | ' |
| - | ' | + | |
| - | ' | + | ' |
| - | ' | + | ' |
| - | ' | + | ' |
| - | ' | + | ' |
| + | ' | ||
| + | ' | ||
| ]; | ]; | ||
| + | |||
| $cle_fete = ((int)date(' | $cle_fete = ((int)date(' | ||
| - | $fete_nom = isset($FETES[$cle_fete]) ? $FETES[$cle_fete] : ' | + | |
| + | $fete_nom = isset($FETES[$cle_fete]) | ||
| + | | ||
| + | | ||
| $fete_nom = htmlspecialchars($fete_nom); | $fete_nom = htmlspecialchars($fete_nom); | ||
| + | |||
| + | |||
| + | /* ============================================================ | ||
| + | | ||
| + | | ||
| function calculer_paques($annee) { | function calculer_paques($annee) { | ||
| + | |||
| $a = $annee % 19; | $a = $annee % 19; | ||
| $b = intdiv($annee, | $b = intdiv($annee, | ||
| Ligne 115: | Ligne 286: | ||
| $l = (32 + 2 * $e + 2 * $i - $h - $k) % 7; | $l = (32 + 2 * $e + 2 * $i - $h - $k) % 7; | ||
| $m = intdiv($a + 11 * $h + 22 * $l, 451); | $m = intdiv($a + 11 * $h + 22 * $l, 451); | ||
| + | |||
| $mois = intdiv($h + $l - 7 * $m + 114, 31); | $mois = intdiv($h + $l - 7 * $m + 114, 31); | ||
| $jour = (($h + $l - 7 * $m + 114) % 31) + 1; | $jour = (($h + $l - 7 * $m + 114) % 31) + 1; | ||
| + | |||
| return mktime(0, 0, 0, $mois, $jour, $annee); | return mktime(0, 0, 0, $mois, $jour, $annee); | ||
| } | } | ||
| + | |||
| + | |||
| + | /* ============================================================ | ||
| + | JOURS FERIES | ||
| + | | ||
| function jours_feries_annee($annee) { | function jours_feries_annee($annee) { | ||
| + | |||
| $paques = calculer_paques($annee); | $paques = calculer_paques($annee); | ||
| + | |||
| return [ | return [ | ||
| - | | + | |
| - | date(' | + | |
| - | $annee . ' | + | |
| - | $annee . ' | + | |
| - | date(' | + | date(' |
| - | date(' | + | |
| - | $annee . ' | + | |
| - | $annee . ' | + | $annee . ' |
| - | $annee . ' | + | |
| - | $annee . ' | + | |
| - | $annee . ' | + | $annee . ' |
| + | | ||
| + | |||
| + | date(' | ||
| + | | ||
| + | |||
| + | date(' | ||
| + | | ||
| + | |||
| + | $annee . ' | ||
| + | | ||
| + | |||
| + | $annee . ' | ||
| + | | ||
| + | |||
| + | $annee . ' | ||
| + | | ||
| + | |||
| + | $annee . ' | ||
| + | | ||
| + | |||
| + | $annee . ' | ||
| + | | ||
| ]; | ]; | ||
| } | } | ||
| + | |||
| $aujourdhui = new DateTime(date(' | $aujourdhui = new DateTime(date(' | ||
| $annee_courante = (int)date(' | $annee_courante = (int)date(' | ||
| - | $feries = array_merge(jours_feries_annee($annee_courante), | + | |
| + | $feries = array_merge( | ||
| + | | ||
| + | | ||
| + | ); | ||
| ksort($feries); | ksort($feries); | ||
| $prochain_ferie_date = null; | $prochain_ferie_date = null; | ||
| $prochain_ferie_nom = null; | $prochain_ferie_nom = null; | ||
| + | |||
| foreach ($feries as $date_str => $nom) { | foreach ($feries as $date_str => $nom) { | ||
| + | |||
| $d = new DateTime($date_str); | $d = new DateTime($date_str); | ||
| + | |||
| if ($d >= $aujourdhui) { | if ($d >= $aujourdhui) { | ||
| + | |||
| $prochain_ferie_date = $d; | $prochain_ferie_date = $d; | ||
| $prochain_ferie_nom = $nom; | $prochain_ferie_nom = $nom; | ||
| + | |||
| break; | break; | ||
| } | } | ||
| } | } | ||
| - | $jours_restants = $prochain_ferie_date ? (int)$aujourdhui-> | + | |
| - | $prochain_ferie_nom = htmlspecialchars($prochain_ferie_nom); | + | |
| - | $prochain_ferie_date_fr | + | $jours_restants = $prochain_ferie_date |
| + | | ||
| + | | ||
| + | |||
| + | |||
| + | $prochain_ferie_nom = | ||
| + | | ||
| + | |||
| + | |||
| + | if ($jours_restants | ||
| + | |||
| + | | ||
| + | |||
| + | } elseif ($jours_restants === 1) { | ||
| + | |||
| + | $texte_ferie = " | ||
| + | |||
| + | } else { | ||
| + | |||
| + | $texte_ferie = | ||
| + | "Dans {$jours_restants} jours"; | ||
| + | } | ||
| + | |||
| + | |||
| + | /* ============================================================ | ||
| + | | ||
| + | | ||
| $numero_semaine = date(' | $numero_semaine = date(' | ||
| - | $annee_semaine | + | $annee_semaine = date(' |
| + | |||
| + | |||
| + | /* ============================================================ | ||
| + | | ||
| + | | ||
| + | | ||
| + | |||
| + | $compteur_visites = ' | ||
| - | $compteur_visites = ' | ||
| if (defined(' | if (defined(' | ||
| - | | + | |
| - | $valeur | + | |
| - | $handle = @fopen($chemin_compteur, | + | |
| + | | ||
| + | |||
| + | $date_du_jour | ||
| + | |||
| + | $handle = @fopen( | ||
| + | | ||
| + | | ||
| + | | ||
| if ($handle) { | if ($handle) { | ||
| + | |||
| if (flock($handle, | if (flock($handle, | ||
| - | | + | |
| - | $valeur = (int)trim($contenu); | + | rewind($handle); |
| + | | ||
| + | |||
| + | $date_enregistree = '' | ||
| + | $valeur = 0; | ||
| + | |||
| + | if ($contenu !== false && trim($contenu) !== '' | ||
| + | |||
| + | $donnees = json_decode( | ||
| + | | ||
| + | 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++; | $valeur++; | ||
| + | |||
| + | $donnees_a_enregistrer = [ | ||
| + | ' | ||
| + | ' | ||
| + | ]; | ||
| + | |||
| ftruncate($handle, | ftruncate($handle, | ||
| rewind($handle); | rewind($handle); | ||
| - | | + | |
| + | | ||
| + | | ||
| + | json_encode($donnees_a_enregistrer) | ||
| + | | ||
| fflush($handle); | fflush($handle); | ||
| flock($handle, | flock($handle, | ||
| + | |||
| + | $compteur_visites = | ||
| + | number_format( | ||
| + | $valeur, | ||
| + | 0, | ||
| + | ',', | ||
| + | ' ' | ||
| + | ); | ||
| } | } | ||
| + | |||
| fclose($handle); | fclose($handle); | ||
| - | $compteur_visites = number_format($valeur, | ||
| } | } | ||
| } | } | ||
| + | |||
| + | |||
| + | /* ============================================================ | ||
| + | | ||
| + | | ||
| $CITATIONS = [ | $CITATIONS = [ | ||
| - | | + | |
| - | [' | + | |
| - | [' | + | |
| - | [' | + | |
| - | [' | + | |
| - | [' | + | |
| - | | + | [ |
| - | [' | + | |
| - | [' | + | |
| - | [' | + | |
| - | | + | |
| - | [' | + | [ |
| - | | + | |
| - | [' | + | |
| - | [' | + | |
| - | | + | |
| - | | + | [ |
| - | [' | + | |
| - | | + | |
| - | [' | + | |
| - | [' | + | |
| - | | + | [ |
| - | [' | + | |
| - | [' | + | |
| - | | + | |
| - | [' | + | |
| - | [' | + | [ |
| - | [' | + | |
| - | [' | + | |
| - | | + | ], |
| - | [' | + | |
| - | [' | + | [ |
| - | [' | + | |
| - | | + | |
| - | | + | |
| - | [' | + | |
| - | | + | [ |
| - | [' | + | |
| - | [' | + | |
| - | [' | + | |
| - | [' | + | |
| - | [' | + | [ |
| - | [' | + | |
| - | [' | + | |
| - | | + | ], |
| - | | + | |
| - | [' | + | [ |
| - | | + | |
| - | [' | + | |
| - | [' | + | ], |
| - | | + | |
| + | [ | ||
| + | | ||
| + | | ||
| + | | ||
| + | |||
| + | [ | ||
| + | | ||
| + | | ||
| + | ], | ||
| + | |||
| + | [ | ||
| + | ' | ||
| + | | ||
| + | ], | ||
| + | |||
| + | [ | ||
| + | | ||
| + | | ||
| + | | ||
| + | |||
| + | [ | ||
| + | | ||
| + | | ||
| + | ], | ||
| + | |||
| + | [ | ||
| + | ' | ||
| + | | ||
| + | | ||
| + | |||
| + | [ | ||
| + | | ||
| + | | ||
| + | | ||
| + | |||
| + | [ | ||
| + | | ||
| + | | ||
| + | ], | ||
| + | |||
| + | [ | ||
| + | ' | ||
| + | | ||
| + | | ||
| + | |||
| + | [ | ||
| + | | ||
| + | | ||
| + | ], | ||
| + | |||
| + | [ | ||
| + | ' | ||
| + | | ||
| + | ], | ||
| + | |||
| + | [ | ||
| + | ' | ||
| + | | ||
| + | ] | ||
| ]; | ]; | ||
| - | $index_citation = ((int)date(' | + | |
| - | $citation_du_jour = $CITATIONS[$index_citation]; | + | |
| - | $citation_texte | + | $index_citation = |
| - | $citation_auteur = htmlspecialchars($citation_du_jour[' | + | |
| + | | ||
| + | |||
| + | |||
| + | $citation_du_jour = | ||
| + | | ||
| + | |||
| + | |||
| + | $citation_texte = | ||
| + | | ||
| + | | ||
| + | | ||
| + | |||
| + | |||
| + | $citation_auteur = | ||
| + | | ||
| + | | ||
| + | | ||
| + | |||
| + | |||
| + | /* ============================================================ | ||
| + | CSS | ||
| + | | ||
| echo ' | echo ' | ||
| < | < | ||
| - | .home-wrap { font-family: | ||
| - | @keyframes home-fade-up { from { opacity: 0; transform: translateY(10px); | + | /* Masquer les outils DokuWiki |
| - | .home-anim { animation: home-fade-up 0.5s ease both; } | + | # |
| + | display: none !important; | ||
| + | } | ||
| - | .home-marquee { position: relative; overflow: hidden; background: linear-gradient(90deg, #E1306C, #B03A5B); border-radius: | + | /* Masquer la recherche originale dans la Navbar du haut */ |
| - | .home-marquee-track { display: inline-flex; | + | # |
| - | .home-marquee-item { display: inline-flex; | + | # |
| - | .home-marquee-item svg { flex-shrink: | + | #dokuwiki__header .search, |
| - | .home-marquee: | + | #dokuwiki__header |
| - | @keyframes home-marquee-scroll { from { transform: translateX(0); | + | .navbar |
| + | .navbar form.search, | ||
| + | .navbar | ||
| + | display: none !important; | ||
| + | } | ||
| - | .home-hero { text-align: center; padding: 26px 0 16px; } | + | .home-wrap { |
| - | .home-hero img { max-width: 140px; margin-bottom: | + | |
| - | .home-hero-greeting { font-size: 14px; font-weight: | + | |
| - | .home-hero h1 { font-size: 26px; font-weight: | + | |
| - | .home-hero-tag { display: inline-block; | + | |
| - | .home-hero-clock { margin-top: 12px; font-size: 12px; color: #8a93a3; } | + | |
| - | .home-section-label { font-size: 11px; font-weight: | + | |
| - | .home-cards { display: grid; grid-template-columns: | + | |
| - | .home-card { position: relative; overflow: hidden; background: #fff; border: 1px solid #dde3ec; border-radius: | + | --blue-dark: #20567F; |
| - | .home-card:hover { text-decoration: none; box-shadow: 0 10px 24px rgba(26, | + | --blue-soft: #EAF2F8; |
| - | .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: #8a93a3; line-height: | + | |
| - | .home-quicklinks { display: flex; flex-wrap: wrap; gap: 10px; } | + | |
| - | .home-quicklink { display: inline-flex; align-items: center; gap: 6px; background: #fff; border: 1px solid #dde3ec; border-radius: | + | --teal-soft: #E9F5F3; |
| - | .home-quicklink: | + | |
| - | .home-feedback { background: #FFFBF2; border: 1px solid #FCD34D; border-radius: 12px; padding: 14px 18px; margin: 28px 0; font-size: 13px; color: #92400E; display: flex; align-items: | + | |
| - | .home-feedback svg { flex-shrink: 0; } | + | --violet-soft: #F0EFF9; |
| - | .home-feedback a { color: #B45309; font-weight: | + | |
| - | .home-feedback a:hover { text-decoration: | + | |
| - | .home-social { display: flex; gap: 12px; margin-top: 8px; } | + | |
| - | .home-social-item { width: 44px; height: 44px; border-radius: 13px; display: flex; align-items: | + | --amber-soft: #FBF4E8; |
| - | .home-social-item: | + | |
| - | .home-social-item svg { width: 20px; height: 20px; } | + | |
| - | .home-infobar | + | --text: #1D2939; |
| - | .home-info-item { flex: 1 1 180px; display: flex; align-items: | + | --muted: #667085; |
| - | .home-info-icon { width: | + | --light: #98A2B3; |
| - | .home-info-icon | + | |
| - | .home-info-icon-fete | + | --border: #E3E8EF; |
| - | .home-info-icon-ferie | + | |
| - | .home-info-icon-semaine { background: | + | --surface: #FFFFFF; |
| - | .home-info-icon-visites { background: | + | --background: |
| - | .home-info-icon-fete svg { stroke: #B03A5B; } | + | |
| - | .home-info-icon-ferie svg { stroke: #BA7517; } | + | font-family: |
| - | .home-info-icon-semaine svg { stroke: #7F77DD; } | + | -apple-system, |
| - | .home-info-icon-visites svg { stroke: #C2477D; } | + | BlinkMacSystemFont, |
| - | .home-info-text { line-height: | + | "Segoe UI", |
| - | .home-info-label { font-size: | + | Arial, |
| - | .home-info-value { font-size: 13.5px; font-weight: | + | 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; | ||
| + | |||
| + | | ||
| + | |||
| + | align-items: center; | ||
| + | |||
| + | overflow: hidden; | ||
| + | |||
| + | height: 52px; | ||
| + | |||
| + | | ||
| + | |||
| + | border-radius: | ||
| + | |||
| + | background: | ||
| + | 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:hover { | ||
| + | |||
| + | 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: | ||
| + | |||
| + | align-items: center; | ||
| + | |||
| + | width: max-content; | ||
| + | |||
| + | white-space: | ||
| + | |||
| + | animation: | ||
| + | homeNewsScroll | ||
| + | 25s linear | ||
| + | infinite; | ||
| + | } | ||
| + | |||
| + | |||
| + | .home-news: | ||
| + | .home-news-track { | ||
| + | |||
| + | animation-play-state: | ||
| + | paused; | ||
| + | } | ||
| + | |||
| + | |||
| + | .home-news-group { | ||
| + | |||
| + | | ||
| + | |||
| + | | ||
| + | |||
| + | flex-shrink: | ||
| + | } | ||
| + | |||
| + | |||
| + | .home-news-item { | ||
| + | |||
| + | display: inline-flex; | ||
| + | |||
| + | align-items: | ||
| + | |||
| + | | ||
| + | |||
| + | 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; | ||
| + | |||
| + | | ||
| + | |||
| + | background: | ||
| + | rgba(255, | ||
| + | |||
| + | font-size: 9px; | ||
| + | |||
| + | font-weight: | ||
| + | |||
| + | text-transform: | ||
| + | |||
| + | letter-spacing: | ||
| + | } | ||
| + | |||
| + | |||
| + | .home-news-item strong { | ||
| + | |||
| + | color: | ||
| + | | ||
| + | |||
| + | font-weight: | ||
| + | } | ||
| + | |||
| + | |||
| + | .home-news-dot { | ||
| + | |||
| + | width: 4px; | ||
| + | |||
| + | height: 4px; | ||
| + | |||
| + | flex-shrink: | ||
| + | |||
| + | background: | ||
| + | rgba(255, | ||
| + | |||
| + | | ||
| + | } | ||
| + | |||
| + | |||
| + | @keyframes homeNewsScroll { | ||
| + | |||
| + | from { | ||
| + | transform: | ||
| + | translateX(0); | ||
| + | } | ||
| + | |||
| + | to { | ||
| + | transform: | ||
| + | translateX(-50%); | ||
| + | } | ||
| + | } | ||
| + | |||
| + | |||
| + | /* ============================================================ | ||
| + | | ||
| + | | ||
| + | |||
| + | .home-hero { | ||
| + | |||
| + | max-width: 760px; | ||
| + | |||
| + | margin: | ||
| + | 0 auto; | ||
| + | |||
| + | | ||
| + | | ||
| + | |||
| + | 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: | ||
| + | |||
| + | margin: | ||
| + | 9px auto 0; | ||
| + | |||
| + | color: | ||
| + | var(--muted); | ||
| + | |||
| + | font-size: 13.5px; | ||
| + | |||
| + | line-height: | ||
| + | } | ||
| + | |||
| + | |||
| + | .home-hero-clock { | ||
| + | |||
| + | display: inline-flex; | ||
| + | |||
| + | align-items: center; | ||
| + | |||
| + | margin-top: 13px; | ||
| + | |||
| + | padding: | ||
| + | 5px 11px; | ||
| + | |||
| + | border: | ||
| + | 1px solid | ||
| + | var(--border); | ||
| + | |||
| + | | ||
| + | |||
| + | background: | ||
| + | rgba(255, | ||
| + | |||
| + | color: | ||
| + | var(--muted); | ||
| + | |||
| + | font-size: 11px; | ||
| + | } | ||
| + | |||
| + | |||
| + | /* Raccourci Tableau des présences sous la date / heure */ | ||
| + | .home-presences-hero-link { | ||
| + | | ||
| + | | ||
| + | gap: 6px; | ||
| + | margin-top: 8px; | ||
| + | padding: 6px 11px; | ||
| + | border: 1px solid #D6E7F4; | ||
| + | border-radius: | ||
| + | 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: center; | ||
| + | |||
| + | gap: 11px; | ||
| + | |||
| + | padding: | ||
| + | 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 { | ||
| + | |||
| + | | ||
| + | |||
| + | | ||
| + | |||
| + | flex-shrink: | ||
| + | |||
| + | display: flex; | ||
| + | |||
| + | align-items: | ||
| + | |||
| + | justify-content: | ||
| + | |||
| + | border-radius: | ||
| + | |||
| + | font-size: 17px; | ||
| + | } | ||
| + | |||
| + | |||
| + | .home-info-icon-fete { | ||
| + | |||
| + | | ||
| + | var(--teal-soft); | ||
| + | } | ||
| + | |||
| + | |||
| + | .home-info-icon-ferie { | ||
| + | |||
| + | | ||
| + | var(--amber-soft); | ||
| + | } | ||
| + | |||
| + | |||
| + | .home-info-icon-semaine { | ||
| + | |||
| + | | ||
| + | var(--blue-soft); | ||
| + | } | ||
| + | |||
| + | |||
| + | .home-info-icon-visites { | ||
| + | |||
| + | | ||
| + | var(--violet-soft); | ||
| + | } | ||
| + | |||
| + | |||
| + | .home-info-text { | ||
| + | |||
| + | min-width: 0; | ||
| + | |||
| + | line-height: 1.25; | ||
| + | } | ||
| + | |||
| + | |||
| + | .home-info-label { | ||
| + | |||
| + | margin-bottom: 2px; | ||
| + | |||
| + | 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, | ||
| + | | ||
| + | #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: | ||
| + | |||
| + | 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: | ||
| + | |||
| + | | ||
| + | |||
| + | letter-spacing: | ||
| + | } | ||
| + | |||
| + | |||
| + | .home-citation-texte | ||
| + | |||
| + | position: relative; | ||
| + | |||
| + | z-index: 2; | ||
| + | |||
| + | max-width: 850px; | ||
| + | |||
| + | color: | ||
| + | #FFFFFF; | ||
| + | |||
| + | font-size: 14px; | ||
| + | |||
| + | font-weight: | ||
| + | |||
| + | font-style: italic; | ||
| + | |||
| + | | ||
| + | } | ||
| + | |||
| + | |||
| + | .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: | ||
| + | 28px 0 12px; | ||
| + | } | ||
| + | |||
| + | |||
| + | .home-section-label { | ||
| + | |||
| + | flex-shrink: | ||
| + | |||
| + | color: | ||
| + | var(--navy); | ||
| + | |||
| + | | ||
| + | |||
| + | | ||
| + | |||
| + | | ||
| + | |||
| + | 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: | ||
| + | |||
| + | | ||
| + | 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: | ||
| + | | ||
| + | |||
| + | box-shadow: | ||
| + | | ||
| + | rgba(16, | ||
| + | |||
| + | text-decoration: | ||
| + | none !important; | ||
| + | } | ||
| + | |||
| + | |||
| + | .home-card-top { | ||
| + | |||
| + | display: flex; | ||
| + | |||
| + | align-items: | ||
| + | |||
| + | justify-content: | ||
| + | space-between; | ||
| + | |||
| + | margin-bottom: | ||
| + | } | ||
| + | |||
| + | |||
| + | .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: | ||
| + | |||
| + | color: | ||
| + | #AAB4C0; | ||
| + | |||
| + | 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); | ||
| + | |||
| + | | ||
| + | |||
| + | | ||
| + | } | ||
| + | |||
| + | |||
| + | .home-card-desc { | ||
| + | |||
| + | | ||
| + | var(--muted); | ||
| + | |||
| + | font-size: 11.2px; | ||
| + | |||
| + | line-height: | ||
| + | } | ||
| + | |||
| + | |||
| + | /* ============================================================ | ||
| + | LIENS RAPIDES | ||
| + | | ||
| + | |||
| + | .home-quicklinks { | ||
| + | |||
| + | display: flex; | ||
| + | |||
| + | flex-wrap: wrap; | ||
| + | |||
| + | gap: 8px; | ||
| + | } | ||
| + | |||
| + | |||
| + | .home-quicklink { | ||
| + | |||
| + | display: inline-flex; | ||
| + | |||
| + | align-items: | ||
| + | |||
| + | gap: 7px; | ||
| + | |||
| + | padding: | ||
| + | 8px 13px; | ||
| + | |||
| + | background: | ||
| + | var(--surface); | ||
| + | |||
| + | border: | ||
| + | 1px solid | ||
| + | var(--border); | ||
| + | |||
| + | border-radius: | ||
| + | |||
| + | color: | ||
| + | | ||
| + | |||
| + | font-size: 11.5px; | ||
| + | |||
| + | font-weight: 600; | ||
| + | |||
| + | | ||
| + | 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: | ||
| + | |||
| + | gap: 12px; | ||
| + | |||
| + | 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; | ||
| + | |||
| + | flex-shrink: | ||
| + | |||
| + | 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 { | ||
| + | |||
| + | color: | ||
| + | var(--teal) !important; | ||
| + | |||
| + | font-weight: | ||
| + | |||
| + | text-decoration: | ||
| + | none !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: | ||
| + | |||
| + | text-decoration: | ||
| + | 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: | ||
| + | |||
| + | | ||
| + | |||
| + | 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-citation { background: linear-gradient(135deg, | ||
| - | .home-citation-texte { font-size: 14px; font-weight: | ||
| - | .home-citation-auteur { margin-top: 6px; font-size: 11.5px; opacity: 0.85; font-weight: | ||
| </ | </ | ||
| + | |||
| + | |||
| + | /* ============================================================ | ||
| + | DEBUT PAGE | ||
| + | | ||
| echo '< | echo '< | ||
| - | echo '<a class=" | ||
| - | <div class=" | ||
| - | for ($i = 0; $i < 2; $i++) { | ||
| - | echo '< | ||
| - | <svg viewBox=" | ||
| - | La newsletter 2026 est disponible - cliquez pour la visionner | ||
| - | </ | ||
| - | <span class=" | ||
| - | <svg viewBox=" | ||
| - | La newsletter 2026 est disponible - cliquez pour la visionner | ||
| - | </ | ||
| - | } | ||
| - | echo ' | ||
| - | </ | ||
| - | echo '<div class="home-hero home-anim"> | + | /* ============================================================ |
| - | <img src="/lib/exe/fetch.php?media=wiki:gni-logo.png" | + | |
| - | <div class="home-hero-greeting" | + | |
| - | <h1>Bienvenue sur l\' | + | |
| - | <span class=" | + | $erasmus_groupe = " |
| - | <div class=" | + | <div class='home-news-group'> |
| + | <a class=' | ||
| + | <span class=' | ||
| + | <span class=' | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | </a> | ||
| + | <span class=' | ||
| + | <a class=' | ||
| + | <span class=' | ||
| + | <span class=' | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | </a> | ||
| + | < | ||
| + | </ | ||
| + | |||
| + | echo " | ||
| + | <div class=' | ||
| + | | ||
| + | {$erasmus_groupe} | ||
| + | {$erasmus_groupe} | ||
| + | </div> | ||
| + | </div>"; | ||
| + | |||
| + | |||
| + | /* ============================================================ | ||
| + | | ||
| + | | ||
| + | |||
| + | echo ' | ||
| + | |||
| + | <div class=" | ||
| + | | ||
| + | <input type=" | ||
| + | <input | ||
| + | | ||
| + | type=" | ||
| + | name=" | ||
| + | placeholder=" | ||
| + | autocomplete=" | ||
| + | aria-label=" | ||
| + | > | ||
| + | <button class=" | ||
| + | <svg viewBox=" | ||
| + | <circle cx=" | ||
| + | <path d="M20 20l-4-4"></ | ||
| + | </ | ||
| + | </ | ||
| + | </form> | ||
| </ | </ | ||
| + | |||
| + | |||
| + | /* ============================================================ | ||
| + | HERO | ||
| + | | ||
| + | |||
| + | echo ' | ||
| + | |||
| + | <div class=" | ||
| + | |||
| + | <img | ||
| + | src="/ | ||
| + | alt=" | ||
| + | > | ||
| + | |||
| + | |||
| + | <div | ||
| + | class=" | ||
| + | id=" | ||
| + | > | ||
| + | Bonjour | ||
| + | </ | ||
| + | |||
| + | |||
| + | <h1> | ||
| + | Bienvenue sur l\' | ||
| + | </h1> | ||
| + | |||
| + | |||
| + | <div class=" | ||
| + | |||
| + | Retrouvez vos informations, | ||
| + | applications, | ||
| + | internes au même endroit. | ||
| + | |||
| + | </ | ||
| + | |||
| + | |||
| + | <div | ||
| + | class=" | ||
| + | id=" | ||
| + | ></ | ||
| + | |||
| + | <div> | ||
| + | <a | ||
| + | class=" | ||
| + | href="/ | ||
| + | title=" | ||
| + | > | ||
| + | 📋 Tableau des présences | ||
| + | </a> | ||
| + | </ | ||
| + | |||
| + | </ | ||
| + | |||
| + | |||
| + | /* ============================================================ | ||
| + | | ||
| + | | ||
| echo '< | echo '< | ||
| - | echo "< | + | |
| + | /* FETE */ | ||
| + | |||
| + | echo " | ||
| + | |||
| + | <div class=' | ||
| <div class=' | <div class=' | ||
| - | | + | |
| </ | </ | ||
| + | |||
| + | |||
| <div class=' | <div class=' | ||
| - | | + | |
| - | <div class=' | + | |
| + | | ||
| + | | ||
| + | |||
| + | <div class=' | ||
| + | | ||
| + | | ||
| </ | </ | ||
| + | |||
| </ | </ | ||
| - | if ($jours_restants !== null) { | + | |
| - | | + | /* FERIE */ |
| - | echo "< | + | |
| - | <div class=' | + | echo " |
| - | <svg viewBox='0 0 24 24' fill=' | + | |
| + | <div class=' | ||
| + | |||
| + | | ||
| + | | ||
| + | | ||
| + | |||
| + | |||
| + | <div class='home-info-text'> | ||
| + | |||
| + | | ||
| + | Prochain jour férié | ||
| </ | </ | ||
| - | | + | |
| - | | + | |
| - | | + | class=' |
| + | | ||
| + | > | ||
| + | | ||
| </ | </ | ||
| - | </ | ||
| - | } | ||
| - | echo "< | + | <div class=' |
| + | {$texte_ferie} | ||
| + | </ | ||
| + | |||
| + | </ | ||
| + | |||
| + | </ | ||
| + | |||
| + | |||
| + | /* SEMAINE */ | ||
| + | |||
| + | echo " | ||
| + | |||
| + | <div class=' | ||
| <div class=' | <div class=' | ||
| - | | + | |
| </ | </ | ||
| + | |||
| + | |||
| <div class=' | <div class=' | ||
| - | | + | |
| - | <div class=' | + | |
| + | | ||
| + | | ||
| + | |||
| + | <div class=' | ||
| + | N° {$numero_semaine} | ||
| + | </ | ||
| + | |||
| + | <div class=' | ||
| + | | ||
| + | | ||
| </ | </ | ||
| + | |||
| </ | </ | ||
| - | echo "< | + | |
| + | /* VISITES */ | ||
| + | |||
| + | echo " | ||
| + | |||
| + | <div class=' | ||
| <div class=' | <div class=' | ||
| - | | + | |
| </ | </ | ||
| + | |||
| + | |||
| <div class=' | <div class=' | ||
| - | | + | |
| - | <div class=' | + | |
| + | | ||
| + | | ||
| + | |||
| + | <div class=' | ||
| + | | ||
| + | | ||
| </ | </ | ||
| + | |||
| </ | </ | ||
| + | |||
| echo '</ | echo '</ | ||
| - | echo "< | + | |
| - | <div class=' | + | /* ============================================================ |
| - | <div class=' | + | |
| + | | ||
| + | |||
| + | echo " | ||
| + | |||
| + | <div class=' | ||
| + | |||
| + | <div class=' | ||
| + | ❝ | ||
| + | </ | ||
| + | |||
| + | |||
| + | <div class=' | ||
| + | ✨ Citation du jour | ||
| + | </ | ||
| + | |||
| + | |||
| + | <div class=' | ||
| + | | ||
| + | | ||
| + | |||
| + | |||
| + | <div class=' | ||
| + | — {$citation_auteur} | ||
| + | | ||
| </ | </ | ||
| - | echo '< | + | |
| + | /* ============================================================ | ||
| + | | ||
| + | | ||
| + | |||
| + | echo ' | ||
| + | |||
| + | < | ||
| (function () { | (function () { | ||
| - | | + | |
| - | var maintenant = new Date(); | + | |
| - | var h = maintenant.getHours(); | + | |
| - | var salutation = " | + | var maintenant = |
| - | if (h >= 5 && | + | |
| - | else if (h >= 12 && | + | |
| - | else if (h >= 14 && | + | var heure = |
| - | else if (h >= 18 && | + | |
| - | var g = document.getElementById(" | + | |
| - | if (g) g.innerText = salutation; | + | var salutation = |
| - | var options = { weekday: " | + | |
| - | var texte = maintenant.toLocaleDateString(" | + | |
| - | var c = document.getElementById(" | + | |
| - | if (c) c.innerText = texte.charAt(0).toUpperCase() + texte.slice(1); | + | if ( |
| + | heure >= 5 && | ||
| + | heure < 12 | ||
| + | | ||
| + | |||
| + | | ||
| + | | ||
| + | |||
| + | } | ||
| + | |||
| + | else if ( | ||
| + | heure >= 12 && | ||
| + | heure < 14 | ||
| + | | ||
| + | |||
| + | | ||
| + | | ||
| + | |||
| + | } | ||
| + | |||
| + | else if ( | ||
| + | heure >= 14 && | ||
| + | heure < 18 | ||
| + | | ||
| + | |||
| + | | ||
| + | | ||
| + | |||
| + | } | ||
| + | |||
| + | else if ( | ||
| + | heure >= 18 && | ||
| + | heure < 22 | ||
| + | | ||
| + | |||
| + | | ||
| + | | ||
| + | } | ||
| + | |||
| + | |||
| + | var greeting | ||
| + | | ||
| + | | ||
| + | | ||
| + | |||
| + | |||
| + | if (greeting) { | ||
| + | |||
| + | greeting.innerText = | ||
| + | | ||
| + | } | ||
| + | |||
| + | |||
| + | var options = { | ||
| + | |||
| + | | ||
| + | |||
| + | | ||
| + | |||
| + | | ||
| + | |||
| + | year: " | ||
| + | |||
| + | | ||
| + | |||
| + | | ||
| + | |||
| + | | ||
| + | |||
| + | |||
| + | var texte = | ||
| + | | ||
| + | | ||
| + | | ||
| + | | ||
| + | | ||
| + | |||
| + | |||
| + | var clock = | ||
| + | | ||
| + | | ||
| + | | ||
| + | |||
| + | |||
| + | if (clock) { | ||
| + | |||
| + | clock.innerText = | ||
| + | | ||
| + | | ||
| + | | ||
| + | } | ||
| } | } | ||
| - | maj_horloge(); | + | |
| - | setInterval(maj_horloge, 30000); | + | |
| + | majHorloge(); | ||
| + | |||
| + | |||
| + | setInterval( | ||
| + | majHorloge, | ||
| + | | ||
| + | | ||
| })(); | })(); | ||
| + | |||
| </ | </ | ||
| - | echo '< | + | |
| + | /* ============================================================ | ||
| + | | ||
| + | | ||
| + | |||
| + | echo ' | ||
| + | |||
| + | <div class=" | ||
| + | |||
| + | | ||
| + | | ||
| + | </ | ||
| + | |||
| + | <div class=" | ||
| + | |||
| + | </ | ||
| + | |||
| echo '< | echo '< | ||
| + | |||
| + | |||
| foreach ($SECTIONS as $s) { | foreach ($SECTIONS as $s) { | ||
| - | $titre = htmlspecialchars($s[' | ||
| - | $desc = htmlspecialchars($s[' | ||
| - | $url = htmlspecialchars($s[' | ||
| - | echo "<a class=' | + | |
| - | | + | htmlspecialchars($s[' |
| - | | + | |
| - | < | + | $desc = |
| - | <svg viewBox=' | + | htmlspecialchars($s[' |
| + | |||
| + | $url = | ||
| + | htmlspecialchars($s[' | ||
| + | |||
| + | |||
| + | | ||
| + | |||
| + | | ||
| + | | ||
| + | | ||
| + | > | ||
| + | |||
| + | | ||
| + | |||
| + | |||
| + | <div | ||
| + | class=' | ||
| + | | ||
| + | background: | ||
| + | color: | ||
| + | | ||
| + | > | ||
| + | |||
| + | <svg | ||
| + | viewBox='0 0 24 24' | ||
| + | fill='none' | ||
| + | stroke='currentColor' | ||
| + | | ||
| + | stroke-linecap='round' | ||
| + | stroke-linejoin='round' | ||
| + | > | ||
| + | |||
| + | | ||
| + | |||
| + | </svg> | ||
| + | |||
| + | | ||
| + | |||
| + | |||
| + | <div class=' | ||
| + | |||
| + | | ||
| + | | ||
| + | | ||
| + | | ||
| + | | ||
| + | | ||
| + | | ||
| + | | ||
| + | |||
| + | <path d='M5 12h14'/> | ||
| + | |||
| + | <path d='M13 6l6 6-6 6'/> | ||
| + | |||
| + | | ||
| + | |||
| + | </ | ||
| </ | </ | ||
| - | | + | |
| - | <div class=' | + | |
| + | | ||
| + | | ||
| + | | ||
| + | |||
| + | |||
| + | <div class=' | ||
| + | | ||
| + | | ||
| </ | </ | ||
| } | } | ||
| + | |||
| + | |||
| echo '</ | echo '</ | ||
| - | echo '< | + | |
| + | /* ============================================================ | ||
| + | ACCES RAPIDE | ||
| + | | ||
| + | |||
| + | echo ' | ||
| + | |||
| + | <div class=" | ||
| + | |||
| + | | ||
| + | Accès | ||
| + | </ | ||
| + | |||
| + | <div class=" | ||
| + | |||
| + | </ | ||
| + | |||
| echo '< | echo '< | ||
| + | |||
| + | |||
| foreach ($LIENS_RAPIDES as $l) { | foreach ($LIENS_RAPIDES as $l) { | ||
| - | | + | |
| - | $url = htmlspecialchars($l[' | + | |
| - | | + | |
| - | 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 '</ | ||
| - | echo '< | + | |
| - | <svg viewBox=" | + | /* ============================================================ |
| - | < | + | |
| + | | ||
| + | |||
| + | echo ' | ||
| + | |||
| + | <div class=" | ||
| + | |||
| + | | ||
| + | |||
| + | | ||
| + | | ||
| + | fill="none" | ||
| + | stroke="currentColor" | ||
| + | stroke-width="1.8" | ||
| + | | ||
| + | | ||
| + | | ||
| + | |||
| + | | ||
| + | |||
| + | | ||
| + | |||
| + | | ||
| + | |||
| + | </ | ||
| + | |||
| + | |||
| + | < | ||
| + | |||
| + | | ||
| + | |||
| + | | ||
| + | | ||
| + | | ||
| + | | ||
| + | | ||
| + | | ||
| + | |||
| + | | ||
| </ | </ | ||
| - | 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 '</ | ||
| </ | </ | ||
ajean