Différences

Ci-dessous, les différences entre deux révisions de la page.

--- start [29/04/2020 16:25] – ldalbegue
+++ start [03/07/2026 07:30] (Version actuelle) – ajean
@@ Ligne 1: / Ligne 1: @@
-{{ :wiki:gni-logo_grand.png?200|}}
+~~NOCACHE~~
-\\
-====== Bienvenue sur l'extranet du GNI  ======
+<PHP>
-\\
-** ⇒ Ce site est le point d'entrée de toutes les informations internes du GNI ⇐**
+$SECTIONS = [
-\\
+    ['titre' => 'Administratif',        'url' => '/doku.php?id=admin',              'desc' => 'Annuaire, congés, courriers, RH...',                    'color' => '#1A4A7A', 'bg' => '#E6F1FB', 'icon' => '<rect x="3" y="7" width="18" height="14" rx="2"/><path d="M16 3v4M8 3v4M3 11h18"/>'],
-\\
+    ['titre' => 'Informatique',         'url' => '/doku.php?id=informatique',       'desc' => 'Applicatifs, tutoriels, accès à distance...',            'color' => '#7F77DD', 'bg' => '#F0EFFF', 'icon' => '<rect x="2" y="3" width="20" height="14" rx="2"/><path d="M8 21h8M12 17v4"/>'],
-Il est composé de plusieurs catégories ( ⇑ accessibles par la barre de navigation en haut ⇑ ) comme l'[[admin|Administratif]], l'[[informatique|Informatique]] et d'une manière plus général le [[gni|GNI]].\\
+    ['titre' => 'GNI',                  'url' => '/doku.php?id=gni',                'desc' => 'Documents, procédures, tutoriels, applicatifs...',       'color' => '#0F6E56', 'bg' => '#E1F5EE', 'icon' => '<path d="M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5"/>'],
-\\
+    ['titre' => 'Résultats',            'url' => '/doku.php?id=resultats',          'desc' => 'Résultats des formations du GNI',                        'color' => '#BA7517', 'bg' => '#FEF3C7', 'icon' => '<path d="M3 3v18h18"/><rect x="7" y="13" width="3" height="5"/><rect x="12" y="9" width="3" height="9"/><rect x="17" y="5" width="3" height="13"/>'],
-Vous trouverez par exemple l'[[admin:annuaire|annuaire du personnel]], les [[gni:tutos|différents tutoriels]], la liste des liens vers les [[gni:app|applicatifs]] (Congés, Progre, Pilote...), les [[gni:doc_type|documents ressources]], la liste des [[gni:procedures|procédures]], les [[resultats|résultats]] des formations du GNI ou la section [[hplus|H+]] .\\
+    ['titre' => 'Handicap',             'url' => '/doku.php?id=handicap',           'desc' => 'Ressources et informations dédiées',                     'color' => '#D85A30', 'bg' => '#FEF0EB', 'icon' => '<circle cx="12" cy="5" r="2"/><path d="M12 7v6l4 4M12 13l-4 4"/>'],
-\\
+    ['titre' => 'RP',                   'url' => '/doku.php?id=rp:cr',              'desc' => 'Représentants du Personnel : comptes rendus, œuvres sociales...', 'color' => '#B03A5B', 'bg' => '#FBE8EE', 'icon' => '<path d="M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 00-3-3.87"/><path d="M16 3.13a4 4 0 010 7.75"/>'],
-Enfin vous pouvez effectuer une recherche dans l'intégralité du site par le biais du formulaire **Rechercher** situé en haut ⇑ à droite.\\
+    ['titre' => 'GFD',                  'url' => '/doku.php?id=gni:app:gfd:gfd',    'desc' => 'Gestion des Frais de Déplacements : guides, FAQ, textes...', 'color' => '#0F6E56', 'bg' => '#E1F5EE', 'icon' => '<path d="M3 13l2-6h14l2 6M5 13h14v5H5z"/><circle cx="7.5" cy="18" r="1.5"/><circle cx="16.5" cy="18" r="1.5"/>'],
-\\
+];
-Si vous avez des remarques concernant l'amélioration du site, l'ajout de liens ou tout autre avis concernant les activités du GNI merci d'utiliser le questionnaire [[https://survey.gretani.com/index.php/892218?newtest=Y&lang=fr|Dites-le-nous ?]].\\
-\\
+$LIENS_RAPIDES = [
-Sites externes du GNI :\\
+    ['titre' => 'Annuaire du personnel', 'url' => '/doku.php?id=admin:annuaire'],
-[[http://gretani.com|{{:wiki:gni-logo_grand.png?200}}]]
+    ['titre' => 'Tutoriels',             'url' => '/doku.php?id=gni:tutos'],
-[[https://www.facebook.com/gretanordisere|{{:wiki:fb.png?40}}]]
+    ['titre' => 'Applicatifs',           'url' => '/doku.php?id=gni:app'],
-[[https://www.youtube.com/channel/UCtNdtb8NExeddwpbflNqwnA|{{:wiki:youtube.png?40}}]]
+    ['titre' => 'Portail Documentaire',  'url' => '/doku.php?id=gni:doc_type'],
-[[https://www.instagram.com/greta_nord_isere/|{{:wiki:insta.png?40}}]]
+    ['titre' => 'RP - Comptes Rendus',   'url' => '/doku.php?id=rp:cr'],
+    ['titre' => 'RP - Œuvres Sociales',  'url' => '/doku.php?id=rp:cos'],
+    ['titre' => 'RP - Divers',           'url' => '/doku.php?id=rp:divers'],
+];
+$RESEAUX = [
+    ['titre' => 'Site Internet', 'url' => 'http://gretani.fr',                                             'color' => '#1A4A7A', 'icon' => '<circle cx="12" cy="12" r="10"/><path d="M2 12h20M12 2a15 15 0 010 20 15 15 0 010-20z"/>'],
+    ['titre' => 'Facebook',      'url' => 'https://www.facebook.com/gretanordisere',                        'color' => '#1877F2', 'icon' => '<path d="M18 2h-3a5 5 0 00-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 011-1h3z"/>'],
+    ['titre' => 'Instagram',     'url' => 'https://www.instagram.com/greta_nord_isere/',                    'color' => '#E1306C', 'icon' => '<rect x="2" y="2" width="20" height="20" rx="5"/><circle cx="12" cy="12" r="4"/><circle cx="17.5" cy="6.5" r="0.5"/>'],
+    ['titre' => 'YouTube',       'url' => 'https://www.youtube.com/channel/UCtNdtb8NExeddwpbflNqwnA',        'color' => '#FF0000', 'icon' => '<rect x="2" y="5" width="20" height="14" rx="4"/><path d="M10 9l6 3-6 3z"/>'],
+];
+echo '
+<style>
+.home-wrap { font-family: Arial, sans-serif; font-size: 14px; color: #333; padding-top: 24px; }
+.home-hero { text-align: center; padding: 20px 0 32px; }
+.home-hero img { max-width: 160px; margin-bottom: 16px; }
+.home-hero h1 { font-size: 26px; font-weight: 700; color: #1a2d4a; margin: 0 0 8px; }
+.home-hero-tag { display: inline-block; font-size: 13px; font-weight: 600; color: #1D9E75; background: #E1F5EE; padding: 6px 18px; border-radius: 20px; }
+.home-search-hint { display: flex; align-items: center; gap: 10px; background: #f8fafd; border: 0.5px solid #dde3ec; border-radius: 10px; padding: 12px 18px; margin: 24px 0; font-size: 13px; color: #666; }
+.home-search-hint svg { flex-shrink: 0; }
+.home-section-label { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: #999; margin: 28px 0 12px; }
+.home-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 14px; }
+.home-card { background: #fff; border: 0.5px solid #dde3ec; border-radius: 12px; padding: 1.1rem 1.3rem; text-decoration: none; display: block; transition: border-color 0.15s, background 0.15s; }
+.home-card:hover { text-decoration: none; }
+.home-card-icon { width: 40px; height: 40px; border-radius: 10px; display: flex; align-items: center; justify-content: center; margin-bottom: 12px; }
+.home-card-icon svg { width: 20px; height: 20px; }
+.home-card-title { font-size: 14px; font-weight: 700; color: #1a2d4a; margin-bottom: 3px; }
+.home-card-desc { font-size: 11.5px; color: #999; line-height: 1.4; }
+.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: none; }
+.home-quicklink:hover { background: #E6F1FB; border-color: #378ADD; text-decoration: none; }
+.home-feedback { background: #FFFBF2; border: 1px solid #FCD34D; border-radius: 10px; padding: 14px 18px; margin: 28px 0; font-size: 13px; color: #92400E; display: flex; align-items: center; gap: 12px; }
+.home-feedback svg { flex-shrink: 0; }
+.home-feedback a { color: #B45309; font-weight: 700; text-decoration: none; }
+.home-feedback a:hover { text-decoration: underline; }
+.home-social { display: flex; gap: 12px; margin-top: 8px; }
+.home-social-item { width: 44px; height: 44px; border-radius: 12px; display: flex; align-items: center; justify-content: center; text-decoration: none; transition: transform 0.15s; }
+.home-social-item:hover { transform: translateY(-2px); }
+.home-social-item svg { width: 20px; height: 20px; }
+</style>';
+echo '<div class="home-wrap">';
+// ── Hero ──────────────────────────────────────────────────────
+echo '<div class="home-hero">
+    <img src="/lib/exe/fetch.php?media=wiki:gni-logo.png" alt="Logo GNI">
+    <h1>Bienvenue sur l\'extranet du GNI</h1>
+    <span class="home-hero-tag">Le point d\'entrée de toutes les informations internes du GNI</span>
+</div>';
+echo '<p style="font-size:13px;color:#666;line-height:1.6;text-align:center;max-width:600px;margin:0 auto 8px">
+    Retrouvez ici toutes les catégories du site : administratif, informatique, documents qualité, résultats et bien plus, accessibles directement ci-dessous ou via la barre de navigation.
+</p>';
+// ── Recherche ─────────────────────────────────────────────────
+echo '<div class="home-search-hint">
+    <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="#378ADD" stroke-width="2"><circle cx="11" cy="11" r="8"/><path d="M21 21l-4.35-4.35"/></svg>
+    <span>Vous pouvez effectuer une recherche dans l\'intégralité du site via le formulaire <strong>Rechercher</strong>, en haut à droite de la page.</span>
+</div>';
+// ── Sections principales ─────────────────────────────────────
+echo '<div class="home-section-label">Explorer le site</div>';
+echo '<div class="home-cards">';
+foreach ($SECTIONS as $s) {
+    $titre = htmlspecialchars($s['titre']);
+    $desc  = htmlspecialchars($s['desc']);
+    $url   = htmlspecialchars($s['url']);
+    echo "<a class='home-card' href='{$url}'
+        onmouseover=\"this.style.borderColor='{$s['color']}';this.style.background='{$s['bg']}'\"
+        onmouseout=\"this.style.borderColor='#dde3ec';this.style.background='#fff'\">
+        <div class='home-card-icon' style='background:{$s['bg']}'>
+            <svg viewBox='0 0 24 24' fill='none' stroke='{$s['color']}' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'>{$s['icon']}</svg>
+        </div>
+        <div class='home-card-title'>{$titre}</div>
+        <div class='home-card-desc'>{$desc}</div>
+    </a>";
+}
+echo '</div>';
+// ── Liens rapides ─────────────────────────────────────────────
+echo '<div class="home-section-label">Accès rapide</div>';
+echo '<div class="home-quicklinks">';
+foreach ($LIENS_RAPIDES as $l) {
+    $titre = htmlspecialchars($l['titre']);
+    $url   = htmlspecialchars($l['url']);
+    echo "<a class='home-quicklink' href='{$url}'>{$titre} →</a>";
+}
+echo '</div>';
+// ── Feedback ──────────────────────────────────────────────────
+echo '<div class="home-feedback">
+    <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="#B45309" stroke-width="2"><path d="M12 20h9"/><path d="M16.5 3.5a2.12 2.12 0 013 3L7 19l-4 1 1-4L16.5 3.5z"/></svg>
+    <span>Une remarque, une idée d\'amélioration ? <a href="https://survey.gretani.com/index.php/892218?newtest=Y&lang=fr" target="_blank">Utilisez le questionnaire « Dites-le-nous ? »</a></span>
+</div>';
+// ── Réseaux sociaux ───────────────────────────────────────────
+echo '<div class="home-section-label">Sites externes du GNI</div>';
+echo '<div class="home-social">';
+foreach ($RESEAUX as $r) {
+    $titre = htmlspecialchars($r['titre']);
+    $url   = htmlspecialchars($r['url']);
+    echo "<a class='home-social-item' href='{$url}' target='_blank' title='{$titre}' style='background:{$r['color']}1A'>
+        <svg viewBox='0 0 24 24' fill='none' stroke='{$r['color']}' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'>{$r['icon']}</svg>
+    </a>";
+}
+echo '</div>';
+echo '</div>';
+</PHP>