diff options
-rw-r--r-- | public/index.html | 150 | ||||
-rw-r--r-- | public/main.css | 16 |
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 */ |