Project page created

Full navigation system between the three main pages

.idea/workspace.xml

@@ -2,10 +2,10 @@
 <project version="4">
   <component name="ChangeListManager">
     <list default="true" id="458baa9a-0ac3-475e-8174-3ab8ea444385" name="Default Changelist" comment="">
-      <change afterPath="$PROJECT_DIR$/.idea/jsLibraryMappings.xml" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/.idea/StaticJovian.iml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/StaticJovian.iml" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/projects.html" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/cv.html" beforeDir="false" afterPath="$PROJECT_DIR$/cv.html" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/home.html" beforeDir="false" afterPath="$PROJECT_DIR$/home.html" afterDir="false" />
     </list>
     <ignored path="$PROJECT_DIR$/.tmp/" />
     <ignored path="$PROJECT_DIR$/temp/" />
@@ -21,17 +21,17 @@
       <file pinned="false" current-in-tab="false">
         <entry file="file://$PROJECT_DIR$/home.html">
           <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="629">
-              <caret line="37" column="13" selection-start-line="37" selection-start-column="13" selection-end-line="37" selection-end-column="13" />
+            <state relative-caret-position="226">
+              <caret line="41" column="68" lean-forward="true" selection-start-line="41" selection-start-column="68" selection-end-line="47" selection-end-column="62" />
             </state>
           </provider>
         </entry>
       </file>
-      <file pinned="false" current-in-tab="true">
+      <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="503">
-              <caret line="39" column="12" selection-start-line="39" selection-start-column="12" selection-end-line="39" selection-end-column="12" />
+            <state relative-caret-position="481">
+              <caret line="396" column="7" lean-forward="true" selection-start-line="396" selection-start-column="7" selection-end-line="402" selection-end-column="39" />
               <folding>
                 <element signature="n#style#0;n#img#0;n#div#1;n#div#0;n#div#0;n#main#0;n#body#0;n#html#0;n#!!top" expanded="true" />
               </folding>
@@ -39,6 +39,15 @@
           </provider>
         </entry>
       </file>
+      <file pinned="false" current-in-tab="true">
+        <entry file="file://$PROJECT_DIR$/projects.html">
+          <provider selected="true" editor-type-id="text-editor">
+            <state relative-caret-position="107">
+              <caret line="42" column="46" selection-start-line="42" selection-start-column="46" selection-end-line="42" selection-end-column="46" />
+            </state>
+          </provider>
+        </entry>
+      </file>
       <file pinned="false" current-in-tab="false">
         <entry file="file://$PROJECT_DIR$/css/custom/main.css">
           <provider selected="true" editor-type-id="text-editor">
@@ -78,6 +87,7 @@
         <option value="$PROJECT_DIR$/css/custom/main.css" />
         <option value="$PROJECT_DIR$/home.html" />
         <option value="$PROJECT_DIR$/cv.html" />
+        <option value="$PROJECT_DIR$/projects.html" />
       </list>
     </option>
   </component>
@@ -138,12 +148,12 @@
       <updated>1544351302156</updated>
       <workItem from="1544351313044" duration="4545000" />
       <workItem from="1544467535946" duration="8368000" />
-      <workItem from="1544552178602" duration="4780000" />
+      <workItem from="1544552178602" duration="6282000" />
     </task>
     <servers />
   </component>
   <component name="TimeTrackingManager">
-    <option name="totallyTimeSpent" value="17693000" />
+    <option name="totallyTimeSpent" value="19195000" />
   </component>
   <component name="ToolWindowManager">
     <frame x="-3" y="25" width="1602" height="885" extended-state="0" />
@@ -180,29 +190,36 @@
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/home.html">
+    <entry file="file://$PROJECT_DIR$/css/custom/main.css">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="629">
-          <caret line="37" column="13" selection-start-line="37" selection-start-column="13" selection-end-line="37" selection-end-column="13" />
+        <state relative-caret-position="51">
+          <caret line="3" column="13" selection-start-line="3" selection-start-column="1" selection-end-line="3" selection-end-column="13" />
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/css/custom/main.css">
+    <entry file="file://$PROJECT_DIR$/home.html">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="51">
-          <caret line="3" column="13" selection-start-line="3" selection-start-column="1" selection-end-line="3" selection-end-column="13" />
+        <state relative-caret-position="226">
+          <caret line="41" column="68" lean-forward="true" selection-start-line="41" selection-start-column="68" selection-end-line="47" selection-end-column="62" />
         </state>
       </provider>
     </entry>
     <entry file="file://$PROJECT_DIR$/cv.html">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="503">
-          <caret line="39" column="12" selection-start-line="39" selection-start-column="12" selection-end-line="39" selection-end-column="12" />
+        <state relative-caret-position="481">
+          <caret line="396" column="7" lean-forward="true" selection-start-line="396" selection-start-column="7" selection-end-line="402" selection-end-column="39" />
           <folding>
             <element signature="n#style#0;n#img#0;n#div#1;n#div#0;n#div#0;n#main#0;n#body#0;n#html#0;n#!!top" expanded="true" />
           </folding>
         </state>
       </provider>
     </entry>
+    <entry file="file://$PROJECT_DIR$/projects.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="107">
+          <caret line="42" column="46" selection-start-line="42" selection-start-column="46" selection-end-line="42" selection-end-column="46" />
+        </state>
+      </provider>
+    </entry>
   </component>
 </project>

cv.html

@@ -22,23 +22,25 @@
     <ul class="navbar-nav mr-auto">
         <li class="nav-item">
             <a class="nav-link" href="home.html">
-                <img src="https://img.icons8.com/color/48/000000/city.png">
+                <img src="https://img.icons8.com/color/48/000000/city.png" alt="|">
                 Accueil
             </a>
         </li>
         <li class="nav-item active">
-            <a class="nav-link" href="#">
-                <img src="https://img.icons8.com/color/48/000000/parse-from-clipboard.png">
+            <div class="nav-link">
+                <img src="https://img.icons8.com/color/48/000000/parse-from-clipboard.png" alt="|">
                 CV
-            </a>
+            </div>
         </li>
         <li class="nav-item dropdown">
-            <a class="nav-link dropdown-toggle" href="#" id="dropdown01" data-toggle="dropdown"
+            <a class="nav-link dropdown-toggle" href="projects.html" id="dropdown01" data-toggle="dropdown"
                aria-haspopup="true" aria-expanded="false">
-                <img src="https://img.icons8.com/color/48/000000/code.png">
+                <img src="https://img.icons8.com/color/48/000000/code.png" alt="|">
                 Projets de programmation
             </a>
             <div class="dropdown-menu" aria-labelledby="dropdown01">
+                <a class="dropdown-item" href="projects.html">Liste des projets</a>
+                <div class="dropdown-divider"></div>
                 <a class="dropdown-item" href="#">Jovian Website</a>
                 <a class="dropdown-item" href="#">ASCII Space Destroyer</a>
                 <a class="dropdown-item" href="#">Pulsar</a>
@@ -386,14 +388,15 @@
     </div>
 
     <h5>Images sources : ICON8</h5>
-    <p><a href="https://icons8.com/icon/23319/student-male">Student Male icon by Icons8</a></p>
-    <p><a href="https://icons8.com/icon/104082/cv">CV icon by Icons8</a></p>
-    <p><a href="https://icons8.com/icon/12810/treble-clef">Treble Clef icon by Icons8</a></p>
-    <p><a href="https://icons8.com/icon/104084/city">City icon by Icons8</a></p>
-    <p><a href="https://icons8.com/icon/19293/code">Code icon by Icons8</a></p>
+    <a href="https://icons8.com/icon/23319/student-male">Student Male icon by Icons8</a>
+    <a href="https://icons8.com/icon/104082/cv">CV icon by Icons8</a>
+    <a href="https://icons8.com/icon/12810/treble-clef">Treble Clef icon by Icons8</a>
+    <a href="https://icons8.com/icon/104084/city">City icon by Icons8</a>
+    <a href="https://icons8.com/icon/19293/code">Code icon by Icons8</a>
 
 </main>
 
+<!-- Scripts -->
 <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
         integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
         crossorigin="anonymous"></script>

home.html

@@ -18,22 +18,34 @@
 
 <!-- Navbar -->
 <nav class="navbar navbar-expand-md navbar-dark bg-success fixed-top">
-    <a class="navbar-brand" href="#">Jovian Hersemeule</a>
+    <a class="navbar-brand" href="home.html">Jovian Hersemeule</a>
 
     <ul class="navbar-nav mr-auto">
         <li class="nav-item active">
-            <a class="nav-link" href="#">Accueil</a>
+            <div class="nav-link">
+                <img src="https://img.icons8.com/color/48/000000/city.png" alt="|">
+                Accueil
+            </div>
         </li>
         <li class="nav-item">
-            <a class="nav-link" href="cv.html">CV</a>
+            <a class="nav-link" href="cv.html">
+                <img src="https://img.icons8.com/color/48/000000/parse-from-clipboard.png" alt="|">
+                CV
+            </a>
         </li>
         <li class="nav-item dropdown">
-            <a class="nav-link dropdown-toggle" href="#" id="dropdown01" data-toggle="dropdown"
-               aria-haspopup="true" aria-expanded="false">Projets de programmation</a>
+            <a class="nav-link dropdown-toggle" href="projects.html" id="dropdown01" data-toggle="dropdown"
+               aria-haspopup="true" aria-expanded="false">
+                <img src="https://img.icons8.com/color/48/000000/code.png" alt="|">
+                Projets de programmation
+            </a>
             <div class="dropdown-menu" aria-labelledby="dropdown01">
+                <a class="dropdown-item" href="projects.html">Liste des projets</a>
+                <div class="dropdown-divider"></div>
                 <a class="dropdown-item" href="#">Jovian Website</a>
                 <a class="dropdown-item" href="#">ASCII Space Destroyer</a>
                 <a class="dropdown-item" href="#">Pulsar</a>
+                <a class="dropdown-item" href="#">Quoridor</a>
             </div>
         </li>
     </ul>
@@ -44,6 +56,7 @@
 
     <div class="focus-center">
         <h1>Jovian Hersemeule</h1>
+        <img src="https://img.icons8.com/color/96/000000/city.png" alt="home flat icon">
         <h2>Bienvenue sur mon site internet. :-)</h2>
         <p class="lead">Vous trouverez ici les principales informations me concernant : qui je suis, mon parcours, mon
             expérience professionnelle et mes projets de programmation.<br>Bonne visite !</p>

projects.html

@@ -0,0 +1,78 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+
+    <!-- Page description -->
+    <meta name="description" content="The official website of Jovian Hersemeule.">
+    <meta name="author" content="Jovian Hersemeule">
+
+    <!-- Style sheet -->
+    <link href="css/custom/main.css" rel="stylesheet">
+    <link href="css/bootstrap.css" rel="stylesheet">
+
+    <title>Projets - Jovian Hersemeule</title>
+</head>
+<body>
+
+<!-- Navbar -->
+<nav class="navbar navbar-expand-md navbar-dark bg-success fixed-top">
+    <a class="navbar-brand" href="home.html">Jovian Hersemeule</a>
+
+    <ul class="navbar-nav mr-auto">
+        <li class="nav-item">
+            <a class="nav-link" href="home.html">
+                <img src="https://img.icons8.com/color/48/000000/city.png" alt="|">
+                Accueil
+            </a>
+        </li>
+        <li class="nav-item">
+            <a class="nav-link" href="cv.html">
+                <img src="https://img.icons8.com/color/48/000000/parse-from-clipboard.png" alt="|">
+                CV
+            </a>
+        </li>
+        <li class="nav-item active dropdown">
+            <a class="nav-link dropdown-toggle" href="#" id="dropdown01" data-toggle="dropdown"
+               aria-haspopup="true" aria-expanded="false">
+                <img src="https://img.icons8.com/color/48/000000/code.png" alt="|">
+                Projets de programmation
+            </a>
+            <div class="dropdown-menu" aria-labelledby="dropdown01">
+                <div class="dropdown-item active">Liste des projets</div>
+                <div class="dropdown-divider"></div>
+                <a class="dropdown-item" href="#">Jovian Website</a>
+                <a class="dropdown-item" href="#">ASCII Space Destroyer</a>
+                <a class="dropdown-item" href="#">Pulsar</a>
+                <a class="dropdown-item" href="#">Quoridor</a>
+            </div>
+        </li>
+    </ul>
+</nav>
+
+<!-- Main -->
+<main role="main" class="container">
+    <div class="focus-center">
+        <h1>
+            Projets
+        </h1>
+        <img src="https://img.icons8.com/color/96/000000/code.png" alt="code flat icon">
+        <h2>
+            Tous mes projets de programmation
+        </h2>
+        <p>
+            Voici l'ensemble des projets de programmation auxquels j'ai participé. Certains ont été faits en équipe,
+            d'autres seuls, certains sont encore en développement.
+        </p>
+    </div>
+</main>
+
+<!-- Scripts -->
+<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
+        integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
+        crossorigin="anonymous"></script>
+<script src="js/bootstrap.js"></script>
+
+</body>
+</html>