Merge branch 'imp/remove-pager'

web/include/back-to-projects.php

@@ -0,0 +1,4 @@
+<!-- Simple button to come back to project list -->
+<div class="button-container">
+    <a href="../projets.php" type="button" class="btn btn-outline-success btn-lg back-button">Retour projets</a>
+</div>

web/include/css/custom/back-to-projects.css

@@ -0,0 +1,10 @@
+/* Style for back-to-projects component */
+.button-container {
+    display: flex;
+    justify-content: center;
+}
+
+.back-button {
+    border-color: #004D40;
+    color: #004D40;
+}

web/include/css/custom/pagination.css

@@ -1,39 +0,0 @@
-/* Pagination personnalization */
-
-/* Change Boostrap color */
-.page-link {
-    color: #0b2e13;
-    background-color: rgb(245, 255, 245);
-    border: 1px solid #28a745;
-}
-
-.page-link:hover {
-    color: #28a745;
-    text-decoration: none;
-    background-color: #e9ecef;
-    border-color: #28a745;
-}
-
-.page-link:focus {
-    box-shadow: 0 0 0 0.2rem rgba(0, 255, 123, 0.25);
-}
-
-.page-item.active .page-link {
-    color: #fff;
-    background-color: #28a745;
-    border-color: #28a745;
-}
-
-.page-item.disabled .page-link {
-    color: #6c757d;
-    cursor: auto;
-    background-color: rgb(230, 255, 230);
-    border-color: #28a745;
-}
-
-/* Change next and previous appearance */
-.page-link.arrow:hover {
-    color: #ffffff;
-    background-color: rgb(20, 100, 35);
-    border-color: #28a745;
-}

web/include/head.php

@@ -41,7 +41,7 @@
     <!-- Style sheet -->
     <link href="/include/css/bootstrap.css" rel="stylesheet">
     <link href="/include/css/custom/main.css" rel="stylesheet">
-    <link href="/include/css/custom/pagination.css" rel="stylesheet">
+    <link href="/include/css/custom/back-to-projects.css" rel="stylesheet">
 
     <title><?php echo $title; ?> - Jovian Hersemeule</title>
 </head>

web/projets/pro_ascii_space.php

@@ -467,27 +467,10 @@
             </p>
         </div>
 
-        <!-- Pagination -->
-        <ul class="pagination pagination-lg justify-content-center">
-            <li class="page-item">
-                <a class="page-link arrow" title="Page précédente" href="pro_static_site.php">&laquo</a>
-            </li>
-            <li class="page-item">
-                <a class="page-link" title="Site web de Jovian" href="pro_static_site.php">1</a>
-            </li>
-            <li class="page-item active">
-                <div class="page-link" title="ASCII Space destroyer">2</div>
-            </li>
-            <li class="page-item">
-                <a class="page-link" title="Pulsar" href="pro_pulsar.php">3</a>
-            </li>
-            <li class="page-item">
-                <a class="page-link" title="Quoridor" href="pro_quoridor.php">4</a>
-            </li>
-            <li class="page-item">
-                <a class="page-link arrow" title="Page suivante" href="pro_pulsar.php">&raquo</a>
-            </li>
-        </ul>
+        <!-- Back button -->
+        <?php
+            include("../include/back-to-projects.php")
+        ?>
     </main>
 
     <!-- Footer -->

web/projets/pro_pulsar.php

@@ -39,27 +39,10 @@
                     </p>
             </div>
 
-            <!-- Pagination -->
-            <ul class="pagination pagination-lg justify-content-center">
-                    <li class="page-item">
-                            <a class="page-link arrow" title="Page précédente" href="pro_ascii_space.php">&laquo</a>
-                    </li>
-                    <li class="page-item">
-                            <a class="page-link" title="Site web de Jovian" href="pro_static_site.php">1</a>
-                    </li>
-                    <li class="page-item">
-                            <a class="page-link" title="ASCII Space destroyer" href="pro_ascii_space.php">2</a>
-                    </li>
-                    <li class="page-item active">
-                            <div class="page-link" title="Pulsar">3</div>
-                    </li>
-                    <li class="page-item">
-                            <a class="page-link" title="Quoridor" href="pro_quoridor.php">4</a>
-                    </li>
-                    <li class="page-item">
-                            <a class="page-link arrow" title="Page suivante" href="pro_quoridor.php">&raquo</a>
-                    </li>
-            </ul>
+            <!-- Back button -->
+            <?php
+                include("../include/back-to-projects.php")
+            ?>
     </main>
 
     <!-- Footer -->

web/projets/pro_quoridor.php

@@ -96,27 +96,10 @@
 
         <br/>
 
-        <!-- Pagination -->
-        <ul class="pagination pagination-lg justify-content-center">
-            <li class="page-item">
-                <a class="page-link arrow" title="Page précédente" href="pro_pulsar.php">&laquo</a>
-            </li>
-            <li class="page-item">
-                <a class="page-link" title="Site web de Jovian" href="pro_static_site.php">1</a>
-            </li>
-            <li class="page-item">
-                <a class="page-link" title="ASCII Space destroyer" href="pro_ascii_space.php">2</a>
-            </li>
-            <li class="page-item">
-                <a class="page-link" title="Pulsar" href="pro_pulsar.php">3</a>
-            </li>
-            <li class="page-item active">
-                <div class="page-link" title="Quoridor">4</div>
-            </li>
-            <li class="page-item">
-                <a class="page-link arrow" title="Page suivante" href="../projets.php">&raquo</a>
-            </li>
-        </ul>
+        <!-- Back button -->
+        <?php
+            include("../include/back-to-projects.php")
+        ?>
     </main>
 
     <!-- Footer -->

web/projets/pro_static_site.php

@@ -225,27 +225,10 @@
             Bonne visite !
         </p>
 
-        <!-- Pagination -->
-        <ul class="pagination pagination-lg justify-content-center">
-            <li class="page-item">
-                <a class="page-link arrow" title="Page précédente" href="../projets.php">&laquo</a>
-            </li>
-            <li class="page-item active">
-                <div class="page-link" title="Site web de Jovian">1</div>
-            </li>
-            <li class="page-item">
-                <a class="page-link" title="ASCII Space destroyer" href="pro_ascii_space.php">2</a>
-            </li>
-            <li class="page-item">
-                <a class="page-link" title="Pulsar" href="pro_pulsar.php">3</a>
-            </li>
-            <li class="page-item">
-                <a class="page-link" title="Quoridor" href="pro_quoridor.php">4</a>
-            </li>
-            <li class="page-item">
-                <a class="page-link arrow" title="Page suivante" href="pro_ascii_space.php">&raquo</a>
-            </li>
-        </ul>
+        <!-- Back button -->
+        <?php
+            include("../include/back-to-projects.php")
+        ?>
     </main>
 
     <!-- Footer -->