Improve styles

Some implementations in main.css
Some bootsrap class use

.idea/workspace.xml

@@ -2,10 +2,11 @@
 <project version="4">
   <component name="ChangeListManager">
     <list default="true" id="458baa9a-0ac3-475e-8174-3ab8ea444385" name="Default Changelist" comment="">
-      <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$/css/custom/main.css" beforeDir="false" afterPath="$PROJECT_DIR$/css/custom/main.css" 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" />
+      <change beforePath="$PROJECT_DIR$/projects.html" beforeDir="false" afterPath="$PROJECT_DIR$/projects.html" afterDir="false" />
     </list>
     <ignored path="$PROJECT_DIR$/.tmp/" />
     <ignored path="$PROJECT_DIR$/temp/" />
@@ -21,29 +22,26 @@
       <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="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 relative-caret-position="340">
+              <caret line="20" column="14" lean-forward="true" selection-start-line="20" selection-start-column="14" selection-end-line="20" selection-end-column="26" />
             </state>
           </provider>
         </entry>
       </file>
-      <file pinned="false" current-in-tab="false">
+      <file pinned="false" current-in-tab="true">
         <entry file="file://$PROJECT_DIR$/cv.html">
           <provider selected="true" editor-type-id="text-editor">
-            <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 relative-caret-position="544">
+              <caret line="287" column="21" selection-start-line="287" selection-start-column="21" selection-end-line="287" selection-end-column="21" />
             </state>
           </provider>
         </entry>
       </file>
-      <file pinned="false" current-in-tab="true">
+      <file pinned="false" current-in-tab="false">
         <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 relative-caret-position="459">
+              <caret line="63" column="24" lean-forward="true" selection-start-line="63" selection-start-column="24" selection-end-line="63" selection-end-column="24" />
             </state>
           </provider>
         </entry>
@@ -51,8 +49,17 @@
       <file pinned="false" current-in-tab="false">
         <entry file="file://$PROJECT_DIR$/css/custom/main.css">
           <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="170">
+              <caret line="10" column="19" selection-start-line="10" selection-start-column="19" selection-end-line="10" selection-end-column="19" />
+            </state>
+          </provider>
+        </entry>
+      </file>
+      <file pinned="false" current-in-tab="false">
+        <entry file="file://$PROJECT_DIR$/css/bootstrap.css">
+          <provider selected="true" editor-type-id="text-editor">
+            <state relative-caret-position="242">
+              <caret line="6095" column="20" lean-forward="true" selection-start-line="6095" selection-start-column="20" selection-end-line="6095" selection-end-column="27" />
             </state>
           </provider>
         </entry>
@@ -72,10 +79,16 @@
       <find>em</find>
       <find>class=&quot;col-8&quot;</find>
       <find>h2</find>
+      <find>bg-success</find>
+      <find>&lt;em&gt;([a-z\wé]*)&lt;/em&gt;</find>
+      <find>&lt;em&gt;([\sa-zé]*)&lt;/em&gt;</find>
+      <find>&lt;/b&gt;(\s*:[–\sa-zé]*)&lt;span class=&quot;city&quot;&gt;</find>
     </findStrings>
     <replaceStrings>
       <replace>class=&quot;col-9&quot;</replace>
       <replace>h4</replace>
+      <replace>&lt;span class=&quot;city&quot;&gt;$1&lt;/span&gt;</replace>
+      <replace>&lt;/b&gt;&lt;span class=&quot;middle-info&quot;&gt;$1&lt;/span&gt;&lt;span class=&quot;city&quot;&gt;</replace>
     </replaceStrings>
   </component>
   <component name="Git.Settings">
@@ -84,10 +97,10 @@
   <component name="IdeDocumentHistory">
     <option name="CHANGED_PATHS">
       <list>
-        <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" />
+        <option value="$PROJECT_DIR$/cv.html" />
+        <option value="$PROJECT_DIR$/css/custom/main.css" />
       </list>
     </option>
   </component>
@@ -110,6 +123,17 @@
               <item name="StaticJovian" type="b2602c69:ProjectViewProjectNode" />
               <item name="StaticJovian" type="462c0819:PsiDirectoryNode" />
             </path>
+            <path>
+              <item name="StaticJovian" type="b2602c69:ProjectViewProjectNode" />
+              <item name="StaticJovian" type="462c0819:PsiDirectoryNode" />
+              <item name="css" type="462c0819:PsiDirectoryNode" />
+            </path>
+            <path>
+              <item name="StaticJovian" type="b2602c69:ProjectViewProjectNode" />
+              <item name="StaticJovian" type="462c0819:PsiDirectoryNode" />
+              <item name="css" type="462c0819:PsiDirectoryNode" />
+              <item name="custom" type="462c0819:PsiDirectoryNode" />
+            </path>
           </expand>
           <select />
         </subPane>
@@ -148,18 +172,19 @@
       <updated>1544351302156</updated>
       <workItem from="1544351313044" duration="4545000" />
       <workItem from="1544467535946" duration="8368000" />
-      <workItem from="1544552178602" duration="6282000" />
+      <workItem from="1544552178602" duration="6585000" />
+      <workItem from="1544635542542" duration="4441000" />
     </task>
     <servers />
   </component>
   <component name="TimeTrackingManager">
-    <option name="totallyTimeSpent" value="19195000" />
+    <option name="totallyTimeSpent" value="23939000" />
   </component>
   <component name="ToolWindowManager">
     <frame x="-3" y="25" width="1602" height="885" extended-state="0" />
     <editor active="true" />
     <layout>
-      <window_info active="true" content_ui="combo" id="Project" order="0" visible="true" weight="0.12968849" />
+      <window_info active="true" content_ui="combo" id="Project" order="0" visible="true" weight="0.12905276" />
       <window_info id="Structure" order="1" side_tool="true" weight="0.25" />
       <window_info id="Favorites" order="2" side_tool="true" />
       <window_info anchor="bottom" id="Message" order="0" />
@@ -185,39 +210,36 @@
     <entry file="file://$PROJECT_DIR$/html/home.html" />
     <entry file="file://$PROJECT_DIR$/css/bootstrap.css">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="-2021">
-          <caret line="6474" column="3" selection-start-line="6474" selection-start-column="3" selection-end-line="6474" selection-end-column="3" />
+        <state relative-caret-position="242">
+          <caret line="6095" column="20" lean-forward="true" selection-start-line="6095" selection-start-column="20" selection-end-line="6095" selection-end-column="27" />
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/css/custom/main.css">
+    <entry file="file://$PROJECT_DIR$/projects.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="459">
+          <caret line="63" column="24" lean-forward="true" selection-start-line="63" selection-start-column="24" selection-end-line="63" selection-end-column="24" />
         </state>
       </provider>
     </entry>
     <entry file="file://$PROJECT_DIR$/home.html">
       <provider selected="true" editor-type-id="text-editor">
-        <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 relative-caret-position="340">
+          <caret line="20" column="14" lean-forward="true" selection-start-line="20" selection-start-column="14" selection-end-line="20" selection-end-column="26" />
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/cv.html">
+    <entry file="file://$PROJECT_DIR$/css/custom/main.css">
       <provider selected="true" editor-type-id="text-editor">
-        <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 relative-caret-position="170">
+          <caret line="10" column="19" selection-start-line="10" selection-start-column="19" selection-end-line="10" selection-end-column="19" />
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/projects.html">
+    <entry file="file://$PROJECT_DIR$/cv.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 relative-caret-position="544">
+          <caret line="287" column="21" selection-start-line="287" selection-start-column="21" selection-end-line="287" selection-end-column="21" />
         </state>
       </provider>
     </entry>

css/custom/main.css

@@ -1,7 +1,37 @@
+/* Global */
 body {
     padding-top: 5rem;
+    background-color: rgb(240, 255, 240);
 }
 .focus-center {
     padding: 3rem 1.5rem;
     text-align: center;
+}
+.navbar-brand {
+    font-size: 2em;
+}
+h1 {
+    font-size: 5em;
+}
+h3 {
+    border-bottom: 4px #28a745 solid;
+}
+h4 {
+    color: #0b2e13;
+}
+
+/* CV */
+.city {
+    font-style: italic;
+    color: #4e555b;
+}
+
+.middle-info {
+    color: black;
+}
+
+.sub {
+    font-size: 0.7em;
+    color: #6c757d;
+    padding-top: 3em;
 }

cv.html

@@ -9,8 +9,8 @@
     <meta name="author" content="Jovian Hersemeule">
 
     <!-- Style sheet -->
-    <link href="css/custom/main.css" rel="stylesheet">
     <link href="css/bootstrap.css" rel="stylesheet">
+    <link href="css/custom/main.css" rel="stylesheet">
 
     <title>CV - Jovian Hersemeule</title>
 </head>
@@ -36,7 +36,7 @@
             <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
+                Projets
             </a>
             <div class="dropdown-menu" aria-labelledby="dropdown01">
                 <a class="dropdown-item" href="projects.html">Liste des projets</a>
@@ -60,8 +60,8 @@
             Curriculum Vitae
         </h2>
         <div class="row">
-            <div class="col-lg-12 col-xl-6">Étudiant alternant ingénieur généraliste à l'École Centrale</div>
-            <div class="col-lg-12 col-xl-6">Apprenti dans l'équipe R&D Secu Test Tools à Viaccess-Orca</div>
+            <div class="col-lg-12 col-xl-6 lead">Étudiant alternant ingénieur généraliste à l'École Centrale</div>
+            <div class="col-lg-12 col-xl-6 lead">Apprenti dans l'équipe STB Integration à Viaccess-Orca</div>
             <div class="col-lg-12 col-xl-6">
                 <img src="images/logoCN.png" class="mx-auto" alt="Logo Centrale Nantes">
             </div>
@@ -81,7 +81,7 @@
             2017 - aujourd'hui
         </div>
         <div class="col-9">
-            <b>École Centrale</b> – <em>Nantes</em>
+            <b>École Centrale</b> – <span class="city">Nantes</span>
             <br/>
             Formation ingénieur généraliste par Alternance
             Apprentissage effectué chez Viaccess-Orca
@@ -92,7 +92,8 @@
             2015 - 2017
         </div>
         <div class="col-9">
-            <b>Lycée Chateaubriand</b> : Classe Préparatoire Grandes Écoles – <em>Rennes</em>
+            <b>Lycée Chateaubriand</b> : <span class="middle-info">Classe Préparatoire Grandes Écoles</span> – <span
+                class="city">Rennes</span>
             <br/>
             Filière MPSI (Maths Physique Sciences de l'Ingénieur) – MP* (Maths Physique)
             <br/>
@@ -104,7 +105,7 @@
             juin 2015
         </div>
         <div class="col-9">
-            <b>Lycée Réaumur</b> – <em>Laval</em>
+            <b>Lycée Réaumur</b> – <span class="city">Laval</span>
             <br/>
             Baccalauréat Scientifique spécialité Sciences de l'Ingénieur
             <br/>
@@ -125,11 +126,11 @@
                     déc. 2017 - aujourd'hui
                 </div>
                 <div class="col-9">
-                    <b>Viaccess Orca</b> – <em>Cesson Sévigné</em>
+                    <b>Viaccess Orca</b> – <span class="city">Cesson Sévigné</span>
                     <br/>
                     Apprentissage par alternance effectué avec l'École Centrale de Nantes
                     <br/>
-                    Développement informatique dans l'équipe R&D - Secu Test Tools
+                    Développement informatique dans l'équipe Intégration décodeur
                     <br/>
                     > Application web de suivi de processus (Backend/Frontend)
                     <br/>
@@ -143,7 +144,7 @@
                     étés 2016-17
                 </div>
                 <div class="col-9">
-                    <b>LTI</b> : La Technique Industrielle – <em>Bain de Bretagne</em>
+                    <b>LTI</b> : <span class="middle-info">La Technique Industrielle</span> – <span class="city">Bain de Bretagne</span>
                     <br/>
                     job d'été en intérimaire
                     <br/>
@@ -157,7 +158,7 @@
                     avril 2014
                 </div>
                 <div class="col-9">
-                    <b>ARA-Technology</b> – <em>Laval</em>
+                    <b>ARA-Technology</b> – <span class="city">Laval</span>
                     <br/>
                     stage d'observation
                     <br/>
@@ -173,7 +174,7 @@
                     mai 2012
                 </div>
                 <div class="col-9">
-                    <b>Le Cube</b> – <em>St Denis de Gastines</em>
+                    <b>Le Cube</b> – <span class="city">St Denis de Gastines</span>
                     <br/>
                     stage d'observation
                     <br/>
@@ -187,7 +188,7 @@
                     juin 2011
                 </div>
                 <div class="col-9">
-                    <b>AutoCast Industry</b> – <em>Laval</em>
+                    <b>AutoCast Industry</b> – <span class="city">Laval</span>
                     <br/>
                     stage d'observation
                     <br/>
@@ -206,7 +207,7 @@
                     2016-2017
                 </div>
                 <div class="col-9">
-                    <b>TIPE</b> : Travaux d'Initiative Personnelle Encadrés
+                    <b>TIPE</b> : <span class="middle-info">Travaux d'Initiative Personnelle Encadrés</span>
                     <br/>
                     Projet de concours
                     <br/>
@@ -223,7 +224,7 @@
                     avril 2014
                 </div>
                 <div class="col-9">
-                    <b>PPE</b> : Projet Pluridisciplinaire Encadré
+                    <b>PPE</b> : <span class="middle-info">Projet Pluridisciplinaire Encadré</span>
                     <br/>
                     projet de baccalauréat
                     <br/>
@@ -257,41 +258,43 @@
 
     <div class="row">
         <div class="col-lg-12 col-xl-6">
-            <h4>Langues</h4>
+            <h4>Langues</h4><!-- Langues -->
 
             <div class="row">
+                <!-- Français -->
                 <b class="col-3">
                     Français
                 </b>
                 <div class="col-9">
                     Langue maternelle
                 </div>
-            </div>
 
-            <div class="row">
+                <!-- Anglais -->
                 <b class="col-3">
                     Anglais
                 </b>
                 <div class="col-9">
                     Fluide
                 </div>
-            </div>
 
-            <div class="row">
+                <!-- Allemand -->
                 <b class="col-3">
                     Allemand
                 </b>
                 <div class="col-9">
                     Bonnes bases
                 </div>
+
+                <br/>
             </div>
         </div>
 
         <div class="col-lg-12 col-xl-6">
 
-            <h4>Informatique</h4>
+            <h4>Informatique</h4><!-- Informatique -->
 
             <div class="row">
+                <!-- C++ -->
                 <b class="col-3">
                     C++
                 </b>
@@ -301,9 +304,8 @@
                 <em class="col-5">
                     7 ans d'expérience
                 </em>
-            </div>
 
-            <div class="row">
+                <!-- Python -->
                 <b class="col-3">
                     Python
                 </b>
@@ -313,9 +315,8 @@
                 <em class="col-5">
                     4 ans d'expérience
                 </em>
-            </div>
 
-            <div class="row">
+                <!-- Java -->
                 <b class="col-3">
                     Java
                 </b>
@@ -325,9 +326,8 @@
                 <em class="col-5">
                     1 ans d'expérience
                 </em>
-            </div>
 
-            <div class="row">
+                <!-- GNU/Linux -->
                 <b class="col-3">
                     GNU/Linux
                 </b>
@@ -387,12 +387,14 @@
         </div>
     </div>
 
-    <h5>Images sources : ICON8</h5>
-    <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>
+    <div class="sub">
+        Images sources : ICON8
+        <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>
+    </div>
 
 </main>
 

home.html

@@ -9,8 +9,8 @@
     <meta name="author" content="Jovian Hersemeule">
 
     <!-- Style sheet -->
-    <link href="css/custom/main.css" rel="stylesheet">
     <link href="css/bootstrap.css" rel="stylesheet">
+    <link href="css/custom/main.css" rel="stylesheet">
 
     <title>Home - Jovian Hersemeule</title>
 </head>
@@ -37,7 +37,7 @@
             <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
+                Projets
             </a>
             <div class="dropdown-menu" aria-labelledby="dropdown01">
                 <a class="dropdown-item" href="projects.html">Liste des projets</a>

projects.html

@@ -9,8 +9,8 @@
     <meta name="author" content="Jovian Hersemeule">
 
     <!-- Style sheet -->
-    <link href="css/custom/main.css" rel="stylesheet">
     <link href="css/bootstrap.css" rel="stylesheet">
+    <link href="css/custom/main.css" rel="stylesheet">
 
     <title>Projets - Jovian Hersemeule</title>
 </head>
@@ -37,7 +37,7 @@
             <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
+                Projets
             </a>
             <div class="dropdown-menu" aria-labelledby="dropdown01">
                 <div class="dropdown-item active">Liste des projets</div>
@@ -61,7 +61,7 @@
         <h2>
             Tous mes projets de programmation
         </h2>
-        <p>
+        <p class="lead">
             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>