Pagination mise sur les quatres pages projet>Liens adaptés sur chaque page

.idea/workspace.xml

@@ -2,7 +2,9 @@
 <project version="4">
   <component name="ChangeListManager">
     <list default="true" id="458baa9a-0ac3-475e-8174-3ab8ea444385" name="Default Changelist" comment="">
-      <change beforePath="$PROJECT_DIR$/css/custom/pagination.css" beforeDir="false" afterPath="$PROJECT_DIR$/css/custom/pagination.css" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/projets/pro_ascii_space.html" beforeDir="false" afterPath="$PROJECT_DIR$/projets/pro_ascii_space.html" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/projets/pro_pulsar.html" beforeDir="false" afterPath="$PROJECT_DIR$/projets/pro_pulsar.html" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/projets/pro_quoridor.html" beforeDir="false" afterPath="$PROJECT_DIR$/projets/pro_quoridor.html" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/projets/pro_static_site.html" beforeDir="false" afterPath="$PROJECT_DIR$/projets/pro_static_site.html" afterDir="false" />
     </list>
     <ignored path="$PROJECT_DIR$/.tmp/" />
@@ -17,15 +19,6 @@
   <component name="FileEditorManager">
     <leaf SIDE_TABS_SIZE_LIMIT_KEY="300">
       <file pinned="false" current-in-tab="false">
-        <entry file="file://$PROJECT_DIR$/cv.html">
-          <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="5605">
-              <caret line="295" column="21" selection-start-line="295" selection-start-column="21" selection-end-line="295" selection-end-column="21" />
-            </state>
-          </provider>
-        </entry>
-      </file>
-      <file pinned="false" current-in-tab="false">
         <entry file="file://$PROJECT_DIR$/index.html">
           <provider selected="true" editor-type-id="text-editor">
             <state relative-caret-position="1520">
@@ -73,8 +66,8 @@
       <file pinned="false" current-in-tab="false">
         <entry file="file://$PROJECT_DIR$/projets/pro_ascii_space.html">
           <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="-83">
-              <caret line="392" column="81" selection-start-line="392" selection-start-column="81" selection-end-line="392" selection-end-column="81" />
+            <state relative-caret-position="335">
+              <caret line="437" column="33" lean-forward="true" selection-start-line="437" selection-start-column="28" selection-end-line="437" selection-end-column="33" />
             </state>
           </provider>
         </entry>
@@ -82,8 +75,8 @@
       <file pinned="false" current-in-tab="true">
         <entry file="file://$PROJECT_DIR$/projets/pro_static_site.html">
           <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="310">
-              <caret line="280" column="86" selection-start-line="280" selection-start-column="86" selection-end-line="280" selection-end-column="86" />
+            <state relative-caret-position="316">
+              <caret line="280" column="16" selection-start-line="280" selection-start-column="16" selection-end-line="280" selection-end-column="16" />
             </state>
           </provider>
         </entry>
@@ -91,8 +84,17 @@
       <file pinned="false" current-in-tab="false">
         <entry file="file://$PROJECT_DIR$/projets/pro_quoridor.html">
           <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="532">
-              <caret line="46" column="51" lean-forward="true" selection-start-line="46" selection-start-column="51" selection-end-line="46" selection-end-column="71" />
+            <state relative-caret-position="468">
+              <caret line="94" column="51" selection-start-line="94" selection-start-column="51" selection-end-line="94" selection-end-column="51" />
+            </state>
+          </provider>
+        </entry>
+      </file>
+      <file pinned="false" current-in-tab="false">
+        <entry file="file://$PROJECT_DIR$/projets/pro_pulsar.html">
+          <provider selected="true" editor-type-id="text-editor">
+            <state relative-caret-position="588">
+              <caret line="96" column="84" selection-start-line="96" selection-start-column="84" selection-end-line="96" selection-end-column="84" />
             </state>
           </provider>
         </entry>
@@ -148,9 +150,11 @@
         <option value="$PROJECT_DIR$/projects.html" />
         <option value="$PROJECT_DIR$/cv.html" />
         <option value="$PROJECT_DIR$/index.html" />
-        <option value="$PROJECT_DIR$/projets/pro_ascii_space.html" />
         <option value="$PROJECT_DIR$/css/custom/main.css" />
         <option value="$PROJECT_DIR$/css/custom/pagination.css" />
+        <option value="$PROJECT_DIR$/projets/pro_ascii_space.html" />
+        <option value="$PROJECT_DIR$/projets/pro_pulsar.html" />
+        <option value="$PROJECT_DIR$/projets/pro_quoridor.html" />
         <option value="$PROJECT_DIR$/projets/pro_static_site.html" />
       </list>
     </option>
@@ -233,12 +237,12 @@
       <workItem from="1544635542542" duration="4441000" />
       <workItem from="1545071688272" duration="7592000" />
       <workItem from="1547284178594" duration="3205000" />
-      <workItem from="1547575616175" duration="3454000" />
+      <workItem from="1547575616175" duration="4261000" />
     </task>
     <servers />
   </component>
   <component name="TimeTrackingManager">
-    <option name="totallyTimeSpent" value="38190000" />
+    <option name="totallyTimeSpent" value="38997000" />
   </component>
   <component name="ToolWindowManager">
     <frame x="-3" y="28" width="1926" height="1055" extended-state="6" />
@@ -297,13 +301,6 @@
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/projets/pro_ascii_space.html">
-      <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="-83">
-          <caret line="392" column="81" selection-start-line="392" selection-start-column="81" selection-end-line="392" selection-end-column="81" />
-        </state>
-      </provider>
-    </entry>
     <entry file="file://$PROJECT_DIR$/css/bootstrap.css">
       <provider selected="true" editor-type-id="text-editor">
         <state relative-caret-position="279">
@@ -325,17 +322,31 @@
         </state>
       </provider>
     </entry>
+    <entry file="file://$PROJECT_DIR$/projets/pro_ascii_space.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="335">
+          <caret line="437" column="33" lean-forward="true" selection-start-line="437" selection-start-column="28" selection-end-line="437" selection-end-column="33" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/projets/pro_pulsar.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="588">
+          <caret line="96" column="84" selection-start-line="96" selection-start-column="84" selection-end-line="96" selection-end-column="84" />
+        </state>
+      </provider>
+    </entry>
     <entry file="file://$PROJECT_DIR$/projets/pro_quoridor.html">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="532">
-          <caret line="46" column="51" lean-forward="true" selection-start-line="46" selection-start-column="51" selection-end-line="46" selection-end-column="71" />
+        <state relative-caret-position="468">
+          <caret line="94" column="51" selection-start-line="94" selection-start-column="51" selection-end-line="94" selection-end-column="51" />
         </state>
       </provider>
     </entry>
     <entry file="file://$PROJECT_DIR$/projets/pro_static_site.html">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="310">
-          <caret line="280" column="86" selection-start-line="280" selection-start-column="86" selection-end-line="280" selection-end-column="86" />
+        <state relative-caret-position="316">
+          <caret line="280" column="16" selection-start-line="280" selection-start-column="16" selection-end-line="280" selection-end-column="16" />
         </state>
       </provider>
     </entry>

projets/pro_ascii_space.html

@@ -11,6 +11,7 @@
     <!-- Style sheet -->
     <link href="../css/bootstrap.css" rel="stylesheet">
     <link href="../css/custom/main.css" rel="stylesheet">
+    <link href="../css/custom/pagination.css" rel="stylesheet">
 
     <title>Projets - Mon Site - Jovian Hersemeule</title>
 </head>
@@ -425,6 +426,28 @@
             Repassez plus tard ...
         </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.html">&laquo</a>
+        </li>
+        <li class="page-item">
+            <a class="page-link" title="Site web de Jovian" href="pro_static_site.html">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.html">3</a>
+        </li>
+        <li class="page-item">
+            <a class="page-link" title="Quoridor" href="pro_quoridor.html">4</a>
+        </li>
+        <li class="page-item">
+            <a class="page-link arrow" title="Page suivante" href="pro_pulsar.html">&raquo</a>
+        </li>
+    </ul>
 </main>
 
 <!-- Scripts -->

projets/pro_pulsar.html

@@ -11,6 +11,7 @@
     <!-- Style sheet -->
     <link href="../css/bootstrap.css" rel="stylesheet">
     <link href="../css/custom/main.css" rel="stylesheet">
+	<link href="../css/custom/pagination.css" rel="stylesheet">
 
     <title>Projets - Mon Site - Jovian Hersemeule</title>
 </head>
@@ -74,6 +75,28 @@
             Pulsar est un grand projet qui est dans mon tiroir depuis 3 ans. Il est ambitieux mais reste rélaisable. C'est un jeu vidéo dynamique et multijoueur, qui allie à la fois combat et récolte de ressources dans un monde spatial.
         </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.html">&laquo</a>
+		</li>
+		<li class="page-item">
+			<a class="page-link" title="Site web de Jovian" href="pro_static_site.html">1</a>
+		</li>
+		<li class="page-item">
+			<a class="page-link" title="ASCII Space destroyer" href="pro_ascii_space.html">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.html">4</a>
+		</li>
+		<li class="page-item">
+			<a class="page-link arrow" title="Page suivante" href="pro_quoridor.html">&raquo</a>
+		</li>
+	</ul>
 </main>
 
 <!-- Scripts -->

projets/pro_quoridor.html

@@ -11,6 +11,7 @@
     <!-- Style sheet -->
     <link href="../css/bootstrap.css" rel="stylesheet">
     <link href="../css/custom/main.css" rel="stylesheet">
+	<link href="../css/custom/pagination.css" rel="stylesheet">
 
     <title>Projets - Mon Site - Jovian Hersemeule</title>
 </head>
@@ -75,6 +76,28 @@
             Ce projet est un travail de groupe réalisé sur l'ensemble de ma seconde année de prépa.
         </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_pulsar.html">&laquo</a>
+		</li>
+		<li class="page-item">
+			<a class="page-link" title="Site web de Jovian" href="pro_static_site.html">1</a>
+		</li>
+		<li class="page-item">
+			<a class="page-link" title="ASCII Space destroyer" href="pro_ascii_space.html">2</a>
+		</li>
+		<li class="page-item">
+			<a class="page-link" title="Pulsar" href="pro_pulsar.html">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="../projects.html">&raquo</a>
+		</li>
+	</ul>
 </main>
 
 <!-- Scripts -->

projets/pro_static_site.html

@@ -278,7 +278,7 @@
             <a class="page-link arrow" title="Page précédente" href="../projects.html">&laquo</a>
         </li>
         <li class="page-item active">
-            <a class="page-link" title="Site web de Jovian" href="pro_static_site.html">1</a>
+            <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.html">2</a>
@@ -290,7 +290,7 @@
             <a class="page-link" title="Quoridor" href="pro_quoridor.html">4</a>
         </li>
         <li class="page-item">
-            <a class="page-link arrow" title="Page suivante" href="../projects.html">&raquo</a>
+            <a class="page-link arrow" title="Page suivante" href="pro_ascii_space.html">&raquo</a>
         </li>
     </ul>