Style, mostly responsive and bullet points

Thanks elipapa/markdown-cv#58 for responsive
bulte-net · Apr 3, 2023 · ba5c23f · ba5c23f
1 parent 2b8d88a
commit ba5c23f
Show file tree

Hide file tree

Showing 4 changed files with 77 additions and 25 deletions.
diff --git a/_layouts/cv.html b/_layouts/cv.html
@@ -1,7 +1,8 @@
 <!doctype html>
 <html>
 <head>
-  <meta charset=utf-8 />
+  <meta charset=utf-8 lang="fr" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
   <title> {% if page.title %} {{ page.title }} | {% endif %} CV</title>
   <link href="media/{{ site.style }}-screen.css" type="text/css" rel="stylesheet" media="screen">
   <link href="media/{{ site.style }}-print.css" type="text/css" rel="stylesheet" media="print">
@@ -13,4 +14,4 @@
     </div>
   </div>
 </body>
-</html>
+</html>
diff --git a/index.md b/index.md
@@ -4,7 +4,7 @@ title: Alexandre Bulté
 reference: https://github.com/elipapa/markdown-cv
 ---
 # Alexandre Bulté
-Computer Scientist <span style="font-style: normal">🧑‍🔬🧙‍♂️</span>
+Computer Scientist <span style="font-style: normal">🧑‍🔬🧙‍♂️🇫🇷</span>
 
 <div id="webaddress">
 <a href="mailto:[email protected]">[email protected]</a>
@@ -32,7 +32,7 @@ A partir de 2020, j'ai travaillé au service du public chez [Etalab](https://www
 
 ### Etalab — DINUM
 
-`2020-2023`
+`2020 - 2023`
 **Directeur Technique**
 - Responsable de la plateforme [data.gouv.fr](https://www.data.gouv.fr) et de ses satellites : lead technique, recrutement, pilotage des prestations et du budget (+1M€) — [data.gouv.fr](https://www.data.gouv.fr) reçoit 18 millions de visites en 2021 et les services sont développés et infogérés en interne ;
 - Gestion des outils et infrastructures mutualisées du département [Etalab](https://www.etalab.gouv.fr), en appliquant un principe de souveraineté numérique, tant sur les moyens employés (internalisation des compétences) que les outils (respect du RGPD et _stacks open source_) ;
@@ -41,31 +41,33 @@ A partir de 2020, j'ai travaillé au service du public chez [Etalab](https://www
 
 ### _Freelance_
 
-`2012-2020`
+`2012 - 2020`
 **Développement web et mobile, conseil**
-- Etalab — évolutions, maintenance et organisation de [data.gouv.fr](https://www.data.gouv.fr)
-- Mober — architecture de la refonte du système d'information
-- Institut Montaigne — simulateurs des systèmes de retraite et d'assurance maladie
-- Magency — développeur backend sur un outil de formation
-- Ayudo — site web et applications mobiles de géolocalisation du personnel en zone à risque
-- Sparted — consultant sur la refonte du backoffice et des applications mobiles
-- AmiAmi — développement des applis mobiles et du site Web
-- WeSumOne — direction technique des équipes Wesumone
+- _Etalab_&nbsp;: évolutions, maintenance et organisation de [data.gouv.fr](https://www.data.gouv.fr)
+- _Mober_&nbsp;: architecture de la refonte du système d'information
+- _Institut Montaigne_&nbsp;: simulateurs des systèmes de retraite et d'assurance maladie
+- _Magency_&nbsp;: développeur backend sur un outil de formation
+- _Ayudo_&nbsp;: site web et applications mobiles de géolocalisation du personnel en zone à risque
+- _Sparted_&nbsp;: consultant sur la refonte du backoffice et des applications mobiles
+- _AmiAmi_&nbsp;: développement des applis mobiles et du site Web
+- _WeSumOne_&nbsp;: direction technique des équipes Wesumone
 
 Technologies : Python (Flask, Django), Javascript (Vue.js, AngularJS), PHP (Drupal), mobile (Phonegap, Cordova, Ionic), BDD (PostgreSQL, MongoDB, MySQL), ops (Linux, Docker, AWS, Heroku)
 
 ### Alterway
 
-`2009-2012`
+`2009 - 2012`
 **Responsable avant-vente**
+
 - Pilotage des propositions techniques et commerciales d'Alterway Solutions (branche ingénierie logicielle)
 
 **Chef de projet**
+
 - France Télévisions, CEMS, ACAT
 
 ### Unilog / Logica
 
-`2006-2009`
+`2006 - 2009`
 **Expert technique**
 - VIRGIN Mobile, ALCAN, EADS Astrium
 

diff --git a/media/davewhipp-print.css b/media/davewhipp-print.css
@@ -74,7 +74,7 @@ code {
 	font-size: 90%;
 	/*line-height: 1em;*/
 	font-family: Monaco,Menlo,monospace,sans-serif;
-	color: #ccc;
+	color: #555;
 }
 
 p code {
@@ -93,11 +93,11 @@ ul {
 }
 
 /*uncomment to get dashes in the list*/
-/*li:before {
+li:before {
 	content: "-";
 	position: relative;
 	left: -0.25em;
-}*/
+}
 
 li {
 	/*second line indent*/

diff --git a/media/davewhipp-screen.css b/media/davewhipp-screen.css
@@ -74,7 +74,7 @@ code {
 	font-size: 90%;
 	/*line-height: 1em;*/
 	font-family: Monaco,Menlo,monospace,sans-serif;
-	color: #aaa;
+	color: #555;
 }
 
 p code {
@@ -93,11 +93,11 @@ ul {
 }
 
 /*uncomment to get dashes in the list*/
-/*li:before {
+li:not(:only-child):before {
 	content: "-";
 	position: relative;
 	left: -0.25em;
-}*/
+}
 
 li {
 	/*second line indent*/
@@ -189,7 +189,56 @@ strong {
 
 
 
-/*
-@media only screen and (max-width: 480px) {
-	make one column somehow...
-}*/
+/* This hack fixes scrollable on x for tablets */
+@media only screen and (max-width: 1024px) {
+	body {
+	  overflow-x: hidden;
+	}
+  }
+
+/* Mobile styling, starting at iPad portrait size */
+@media only screen and (max-width: 768px) {
+	h1,
+	h2,
+	h3,
+	h4,
+	p,
+	ul,
+	code,
+	#webaddress {
+	  position: static;
+	  width: 100%;
+	  text-align: left;
+	}
+
+	code {
+	  width: auto;
+	}
+
+	h1 {
+	  margin-bottom: 0.1em;
+	}
+
+	h2 {
+		margin-top: 1em;
+		font-size: 1.5em;
+	}
+
+	h3 {
+		font-weight: bold;
+		font-size: 1.2em;
+	}
+
+	body {
+		margin-top: 0;
+		margin-left: 0;
+		padding: 1em;
+	}
+
+	p code {
+	  position: static;
+	  margin-right: auto;
+	  display: block;
+	  text-align: left;
+	}
+}