Ajout tableau

pages/synthese.php

@@ -0,0 +1,66 @@
+<?php
+
+// Page du tableau de synthèse (épreuve E4 du BTS SIO), affiché directement dans le site.
+// Le PDF est un fichier statique du dépôt (dossier documents/), pas un PDF stocké en base
+// comme ceux des projets/expériences : il n'y en a qu'un seul et il ne change quasiment
+// jamais, une table dédiée n'apporterait rien ici.
+
+// Titre de l'onglet
+$pageTitle = 'Tableau de synthèse';
+
+// Description pour le SEO et les aperçus de partage
+$pageDescription = 'Tableau de synthèse des réalisations professionnelles d\'Esteban MOUSSU, épreuve E4 du BTS SIO option SISR.';
+
+// On ajoute ici le header
+require_once('./../elements/header.php');
+
+// Chemin du PDF, écrit une seule fois : il sert à la fois à l'aperçu et au bouton
+// d'ouverture en plein écran juste en dessous
+$cheminPdf = '../documents/tableau-de-synthese-e4.pdf';
+?>
+
+<div class="page-header">
+    <h1>Tableau de synthèse</h1>
+    <p>Réalisations professionnelles présentées à l'épreuve E4 du BTS SIO, option SISR.</p>
+</div>
+
+<div class="synthese-page">
+
+    <!-- Barre au-dessus de l'aperçu : rappel du document et sorties possibles.
+         Le tableau est dense (en-têtes de colonnes en texte vertical), donc on met en
+         avant l'ouverture plein écran, qui donne le zoom de la visionneuse du navigateur -->
+    <div class="pdf-viewer-toolbar">
+        <span><i class="fa-solid fa-file-pdf"></i> Tableau de synthèse E4 (PDF, 1 page)</span>
+        <span class="synthese-actions">
+            <!-- Une seule action mise en avant : l'ouverture plein écran, celle qui rend
+                 vraiment le tableau lisible. Le téléchargement reste en bouton discret,
+                 même style que sur les fiches projets (voir pages/details.php) -->
+            <a class="btn btn-primary pdf-download-btn" href="<?php echo $cheminPdf; ?>" target="_blank" rel="noopener noreferrer">
+                <i class="fa-solid fa-up-right-from-square"></i> Plein écran
+            </a>
+            <a class="btn btn-ghost pdf-download-btn" href="<?php echo $cheminPdf; ?>" download>
+                <i class="fa-solid fa-download"></i> Télécharger
+            </a>
+        </span>
+    </div>
+
+    <!-- Aperçu intégré. L'attribut title sert aux lecteurs d'écran, et le contenu de
+         secours s'affiche si le navigateur ne sait pas afficher un PDF dans une iframe
+         (c'est le cas de plusieurs navigateurs mobiles) -->
+    <!-- #view=FitH ajuste le document à la largeur, pagemode=none masque le panneau de
+         vignettes qui mange la moitié de la place sur un écran étroit (respecté par
+         Firefox, ignoré sans dommage par les autres) -->
+    <iframe class="pdf-viewer synthese-viewer" src="<?php echo $cheminPdf; ?>#view=FitH&amp;pagemode=none"
+        title="Tableau de synthèse des réalisations professionnelles, épreuve E4 du BTS SIO">
+        <p class="synthese-repli">
+            Ton navigateur ne peut pas afficher le PDF directement.
+            <a href="<?php echo $cheminPdf; ?>" target="_blank" rel="noopener noreferrer">Ouvre-le dans un nouvel onglet</a>.
+        </p>
+    </iframe>
+
+</div>
+
+<?php
+// Ajout du footer
+require_once('../elements/footer.php');
+?>