Différences

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

--- informatique [02/07/2026 11:25] – ajean
+++ informatique [02/07/2026 13:16] (Version actuelle) – ajean
@@ Ligne 1: / Ligne 1: @@
-==== Bienvenue sur la page dédiée au support Informatique ====
+~~NOCACHE~~
-Vous trouverez ici toutes les informations nécessaires au support informatique.
+<PHP>
-  * [[informatique:horaires|Horaires]] -> La page des horaires d'ouverture du support informatique \\
+echo '
-  * [[informatique:contacts|Contacts]] -> Comment joindre le support informatique \\
+<style>
-  * [[informatique:vpn|Accès à distance]] -> Pour l'accès à distance au serveur TSE (ex VPN) \\
+.home-wrap { font-family: Arial, sans-serif; font-size: 14px; color: #333; width: 100%; }
-  * [[informatique:etatdesservices|Etat des services]] -> Pour connaitre l'état des services et les maintenances associées\\
+.home-title { font-size: 20px; font-weight: 700; color: #1a2d4a; margin-bottom: 6px; }
-  * [[informatique:printer|Le Système d'impression]] -> Pour l'utilisation du système d'impression\\
+.home-intro { font-size: 13px; color: #666; margin-bottom: 24px; border-left: 3px solid #378ADD; padding: 6px 0 6px 14px; line-height: 1.6; }
-\\
-Pour tous les autres liens [[gni:app|c'est par ici]].
+.home-links { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 14px; margin-bottom: 18px; }
+.home-card { display: flex; align-items: flex-start; gap: 12px; background: #fff; border: 0.5px solid #dde3ec; border-radius: 12px; padding: 16px 18px; text-decoration: none !important; transition: box-shadow 0.15s, border-color 0.15s; }
+.home-card:hover { border-color: #378ADD; box-shadow: 0 2px 10px rgba(55,138,221,0.15); text-decoration: none !important; }
+.home-card-icon { flex-shrink: 0; width: 36px; height: 36px; border-radius: 9px; display: flex; align-items: center; justify-content: center; background: #EAF2FB; }
+.home-card-icon svg { width: 18px; height: 18px; }
+.home-card-body { flex: 1; }
+.home-card-title { font-size: 14px; font-weight: 700; color: #1A4A7A; margin-bottom: 3px; }
+.home-card-desc { font-size: 12.5px; color: #666; line-height: 1.5; }
+.home-block { background: #f8fafd; border: 0.5px solid #dde3ec; border-radius: 12px; padding: 18px 20px; margin-top: 10px; }
+.home-block-title { font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.8px; color: #888; margin-bottom: 8px; }
+.home-block-text { font-size: 13px; color: #444; line-height: 1.7; }
+.home-block-text a { color: #378ADD; font-weight: 600; text-decoration: none; }
+.home-block-text a:hover { text-decoration: underline; }
+</style>';
+echo '<div class="home-wrap">';
+echo '<div class="home-title">Bienvenue sur la page dédiée au support Informatique</div>';
+echo '<p class="home-intro">Vous trouverez ici toutes les informations nécessaires au support informatique.</p>';
+// ── Grille des liens principaux ─────────────────────────────
+echo '<div class="home-links">';
+$liens = [
+    [
+        'titre' => 'Horaires',
+        'desc'  => "La page des horaires d'ouverture du support informatique",
+        'url'   => 'informatique:horaires',
+        'icone' => '<svg viewBox="0 0 24 24" fill="none" stroke="#1A4A7A" stroke-width="2"><circle cx="12" cy="12" r="9"/><path d="M12 7v5l3 3"/></svg>',
+    ],
+    [
+        'titre' => 'Contacts',
+        'desc'  => 'Comment joindre le support informatique',
+        'url'   => 'informatique:contacts',
+        'icone' => '<svg viewBox="0 0 24 24" fill="none" stroke="#1A4A7A" stroke-width="2"><path d="M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6A19.79 19.79 0 012.12 4.18 2 2 0 014.11 2h3a2 2 0 012 1.72c.13.96.36 1.9.68 2.81a2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45c.91.32 1.85.55 2.81.68A2 2 0 0122 16.92z"/></svg>',
+    ],
+    [
+        'titre' => 'Accès à distance',
+        'desc'  => "Pour l'accès à distance au serveur TSE (ex VPN)",
+        'url'   => 'informatique:vpn',
+        'icone' => '<svg viewBox="0 0 24 24" fill="none" stroke="#1A4A7A" stroke-width="2"><rect x="3" y="11" width="18" height="10" rx="2"/><path d="M7 11V7a5 5 0 0110 0v4"/></svg>',
+    ],
+    [
+        'titre' => 'Etat des services',
+        'desc'  => "Pour connaitre l'état des services et les maintenances associées",
+        'url'   => 'informatique:etatdesservices',
+        'icone' => '<svg viewBox="0 0 24 24" fill="none" stroke="#1A4A7A" stroke-width="2"><path d="M22 12h-4l-3 9L9 3l-3 9H2"/></svg>',
+    ],
+    [
+        'titre' => "Le Système d'impression",
+        'desc'  => "Pour l'utilisation du système d'impression",
+        'url'   => 'informatique:printer',
+        'icone' => '<svg viewBox="0 0 24 24" fill="none" stroke="#1A4A7A" stroke-width="2"><path d="M6 9V2h12v7"/><path d="M6 18H4a2 2 0 01-2-2v-5a2 2 0 012-2h16a2 2 0 012 2v5a2 2 0 01-2 2h-2"/><path d="M6 14h12v8H6z"/></svg>',
+    ],
+];
+foreach ($liens as $l) {
+    $base = defined('DOKU_BASE') ? DOKU_BASE : '/';
+    $href = $base . 'doku.php?id=' . $l['url'];
+    echo '<a class="home-card" href="' . htmlspecialchars($href) . '">
+        <div class="home-card-icon">' . $l['icone'] . '</div>
+        <div class="home-card-body">
+            <div class="home-card-title">' . htmlspecialchars($l['titre']) . '</div>
+            <div class="home-card-desc">' . htmlspecialchars($l['desc']) . '</div>
+        </div>
+    </a>';
+}
+echo '</div>';
+// ── Bloc lien complémentaire ────────────────────────────────
+echo '<div class="home-block">';
+echo '<div class="home-block-title">Aller plus loin</div>';
+$baseApp = defined('DOKU_BASE') ? DOKU_BASE : '/';
+$hrefApp = $baseApp . 'doku.php?id=gni:app';
+echo '<p class="home-block-text">Pour tous les autres liens, <a href="' . htmlspecialchars($hrefApp) . '">c\'est par ici</a>.</p>';
+echo '</div>';
+echo '</div>';
+</PHP>