Remove durations

2 files changed, 82 insertions, 84 deletions

diff --git a/public/index.html b/public/index.html
index ec10924..27bc080 100644
--- a/public/index.html
+++ b/public/index.html
@@ -14,11 +14,10 @@
   <h1>Experience</h1>
 
   <section>
-    <h2>Dividat</h2>
-
-    <p class="subtitle">since 2019</p>
-
-    <p>Prevent falls with technology-based training therapy:</p>
+    <h2>
+      Dividat
+      <p class="subtitle">Prevent falls with technology-based training therapy.</p>
+    </h2>
 
     <ul class="bullets">
       <li>
@@ -66,7 +65,7 @@
         </ul>
 
       <li>
-        migrate Webpack build to Shake build
+        migrate build from Webpack to Shake
         <ul class="technos">
           <li>Shake
           <li>Haskell
@@ -75,13 +74,12 @@
   </section>
 
   <section>
-    <h2>Zengularity</h2>
-
-    <p class="subtitle">5 years</p>
-
-    <p>
-      Provide Web Oriented Architecture (WOA) for Information Systems:
-    </p>
+    <h2>
+      Zengularity
+      <p class="subtitle">
+        Provide Web Oriented Architectures (WOA) for Information Systems.
+      </p>
+    </h2>
 
     <ul class="bullets">
       <li>
@@ -102,7 +100,7 @@
         </ul>
 
       <li>
-        develop participant’s pages of the Mutuelle Nationale Territoriale (MNT)
+        develop the participant’s pages of the Mutuelle Nationale Territoriale (MNT)
         <ul class="technos">
           <li>Scala
           <li>Play
@@ -121,61 +119,51 @@
   <section>
     <h2>IRISA Rennes</h2>
 
-    <p class="subtitle">5 months</p>
-
-    <p>
-      Scale up guided query-based faceted search on the Semantic Web on any
-      SPARQL endpoints, including DBpedia.
-    </p>
-
-    <ul class="technos">
-      <li>Semantic Web
-      <li>Scala
-      <li>Java
-      <li>LaTeX
-      <li>GWT
-      <li>Jena
+    <ul class="bullets">
+      <li>
+        Scale up guided query-based faceted search on the Semantic Web on any
+        SPARQL endpoints, including DBpedia.
+        <ul class="technos">
+          <li>Semantic Web
+          <li>Scala
+          <li>Java
+          <li>LaTeX
+          <li>GWT
+          <li>Jena
+        </ul>
     </ul>
   </section>
 
   <section>
     <h2>Mission Critical IT</h2>
 
-    <p class="subtitle">3 months</p>
-
-    <p>
-      Guide querying and edition of Semantic Web data with query-based faceted
-      search.
-    </p>
-
-    <ul class="technos">
-      <li>Semantic Web
-      <li>Mercury
+    <ul class="bullets">
+      <li>
+        Guide querying and edition of Semantic Web data with query-based faceted
+        search.
+        <ul class="technos">
+          <li>Semantic Web
+          <li>Mercury
+        </ul>
     </ul>
   </section>
 
   <h1>Educational background</h1>
 
   <section>
-    <h2>Master of Science in Computer Science</h2>
-
-    <p class="subtitle">INSA Rennes</p>
-  </section>
-
-  <section>
-    <h2>Master of Research in Computer Science</h2>
-
-    <p class="subtitle">University of Rennes I</p>
+    <ul class="bullets">
+      <li>Master of Science in Computer Science, INSA Rennes
+      <li>Master of Research in Computer Science, University of Rennes I
+    </ul>
   </section>
 
   <h1>Personal Projects</h1>
 
   <section>
-    <h2>Budget</h2>
-
-    <p class="subtitle">
-      Share payments within a group of people.
-    </p>
+    <h2>
+      Budget
+      <p class="subtitle">Share payments within a group of people.</p>
+    </h2>
 
     <img src="projects/budget.png">
 
@@ -192,9 +180,10 @@
   </section>
 
   <section>
-    <h2>Todo</h2>
-
-    <p class="subtitle">Organize todos.</p>
+    <h2>
+      Todo
+      <p class="subtitle">Organize todos.</p>
+    </h2>
 
     <img src="projects/todo.png">
 
@@ -209,9 +198,10 @@
   </section>
 
   <section>
-    <h2>Calendar</h2>
-
-    <p class="subtitle">Organize events.</p>
+    <h2>
+      Calendar
+      <p class="subtitle">Organize events.</p>
+    </h2>
 
     <img src="projects/calendar.png">
 
@@ -226,11 +216,10 @@
   </section>
 
   <section>
-    <h2>Flashcards</h2>
-
-    </div>
-
-    <p class="subtitle">Learn with space repetition.</p>
+    <h2>
+      Flashcards
+      <p class="subtitle">Learn with space repetition.</p>
+    </h2>
 
     <img src="projects/flashcards.png">
 
@@ -244,9 +233,10 @@
   </section>
 
   <section>
-    <h2>Cooking</h2>
-
-    <p class="subtitle">Show recipes with adjustable ingredient portions.</p>
+    <h2>
+      Cooking
+      <p class="subtitle">Show recipes with adjustable ingredient portions.</p>
+    </h2>
 
     <img src="projects/cooking.png">
 
@@ -264,9 +254,10 @@
   </section>
 
   <section>
-    <h2>Reading</h2>
-
-    <p class="subtitle">Guide middle school students to find a book with faceted search.</p>
+    <h2>
+      Reading
+      <p class="subtitle">Guide middle school students to find a book with faceted search.</p>
+    </h2>
 
     <img src="projects/reading.png">
 
@@ -282,9 +273,10 @@
   </section>
 
   <section>
-    <h2>Map</h2>
-
-    <p class="subtitle">Put customized markers on a map.</p>
+    <h2>
+      Map
+      <p class="subtitle">Put customized markers on a map.</p>
+    </h2>
 
     <img src="projects/map.png">
 
@@ -302,9 +294,10 @@
   </section>
 
   <section>
-    <h2>cAtchVoid</h2>
-
-    <p class="subtitle">Catch the points of your color, avoid the others.</p>
+    <h2>
+      cAtchVoid
+      <p class="subtitle">Catch the points of your color, avoid the others.</p>
+    </h2>
 
     <img src="projects/catchvoid.png">
 
@@ -320,9 +313,10 @@
   </section>
 
   <section>
-    <h2>Tabata</h2>
-
-    <p class="subtitle">Configure and run tabata timers.</p>
+    <h2>
+      Tabata
+      <p class="subtitle">Configure and run tabata timers.</p>
+    </h2>
 
     <img src="projects/tabata.png">
 
diff --git a/public/main.css b/public/main.css
index 26b61b1..0db9e67 100644
--- a/public/main.css
+++ b/public/main.css
@@ -136,19 +136,23 @@ h2 {
   font-size: var(--font-size-lion);
   margin: 0;
   font-weight: bold;
-}
-
-/* Paragraphs */
-
-p {
   margin: 0 0 var(--spacing-dog);
-  font-family: serif;
 }
 
 .subtitle {
+  font-weight: normal;
   font-style: italic;
   font-size: var(--font-size-cat);
   font-family: sans-serif;
+  margin: var(--spacing-mouse) 0 0;
+}
+
+
+/* Paragraphs */
+
+p {
+  margin: 0 0 var(--spacing-dog);
+  font-family: serif;
 }
 
 /* Links */