cv new version

index.html

@@ -51,18 +51,18 @@
 </pre>
 			</figure>
 			<h2 data-flex="center">projets réalisés</h2>
-			<figure data-flex="vertical parent center stretch">
+			<figure class="project" id="ljdp" data-flex="vertical parent center stretch">
 				<figcaption data-flex="vertical left">
 					<p>extension wordpress affichant les articles du site sur une carte, et permettant d'affiner la selection avec des critères</p>
 					<ul>
 						<li>lien du site : <a href="https://2022.lejourdesprofs.org/#programme" target="_blank" rel="noopener noreferrer"></a></li>
 						<li>lien du code : <a href="incomming" target="_blank" rel="noopener noreferrer"></a></li>
+						<li>technologies : wordpress backend, php, javascript, html, css, google maps javascript API, google maps geocoding API, google maps markerclusterer</li>
 					</ul>
 				</figcaption>
 				<iframe
 					src="https://2022.lejourdesprofs.org/hugogogo/"
 					data-flex="center"
-					height="700"
 					scrolling="no"
 					frameborder="0"
 					title="description"
@@ -95,24 +95,21 @@
 			<h2 id="cv_download" data-flex="center"><a href="downloads/hugo_lamy_2023_cv.pdf" download>version pdf</a></h2>
 			<details>
 				<summary>
-					<h2>Informatique</h2>
+					<h2>Formations informatique</h2>
 				</summary>
 				<ul>
-					<li>École 42, Paris, 2021-2022, tronc commun - niveau 10</li>
+					<li>École 42, Paris, 2021-2022, tronc commun - niveau 10 (C, C++, système, algorithime, réseaux)</li>
-					<li>SIMPLON, développeur full-stack JavaScript, 2018</li>
+					<li>SIMPLON, développeur full-stack JavaScript, 2018 (Javascript, Node.js, React.js, HTML, CSS)</li>
-					<li>Backend, plugin WordPress avec API Google Maps, <a href="https://2022.lejourdesprofs.org/#programme" target="_blank" rel="noopener noreferrer"></a>, 2022</li>
-					<li>Full-stack, reprise d’un site d’artistes en php, <a href="https://www.bloc-house.org" target="_blank" rel="noopener noreferrer"></a>, 2021</li>
-					<li>Site vitrine, association Kosmopolit, <a href="https://kosmopolit.bitbucket.io" target="_blank" rel="noopener noreferrer"></a>, 2021</li>
 				</ul>
 			</details>
 			<details>
 				<summary>
-					<h2>Bénévolat</h2>
+					<h2>Projets informatique</h2>
 				</summary>
 				<ul>
-					<li>Cogestion des bénévoles d'un camp de réfugiés, UTOPIA 56, Grande-Synthe, France, 2016</li>
+					<li>Full-stack, reprise d’un site d’artistes en php, <a href="https://www.bloc-house.org" target="_blank" rel="noopener noreferrer"></a>, 2021</li>
-					<li>Formateur contraception testiculaire, ZEROMILLIONS, Paris, France, 2021-2023</li>
+					<li>Backend, plugin WordPress avec API Google Maps, <a href="https://2022.lejourdesprofs.org/#programme" target="_blank" rel="noopener noreferrer"></a>, 2022</li>
-					<li>Distribution de nourriture (Migrants-Wilson & Secours Populaire)</li>
+					<li>Site vitrine, association Kosmopolit, <a href="https://kosmopolit.bitbucket.io" target="_blank" rel="noopener noreferrer"></a>, 2021</li>
 				</ul>
 			</details>
 			<details>
@@ -120,9 +117,19 @@
 					<h2>Outils informatiques</h2>
 				</summary>
 				<ul>
-					<li>C, HTML, CSS, C++, JavaScript, script bash, PHP, Svelte, TypeScript</li>
+					<li>Langages : C, HTML, CSS, C++, JavaScript, script bash, PHP, Svelte, TypeScript</li>
-					<li>Git, Docker, Nginx, MariaDB, Node.js, Nest.js, WebSocket, Express, npm</li>
+					<li>Technologies : Git, Docker, Nginx, MariaDB, Node.js, Nest.js, WebSocket, Express, npm</li>
-					<li>Emails, sending emails, receiving emails, deleting emails ("the it crowd", Jane Barber s01e01)</li>
+					<li>Plus : emails, sending emails, receiving emails, deleting emails ("the it crowd", Jane Barber s01e01)</li>
+				</ul>
+			</details>
+			<details>
+				<summary>
+					<h2>Bénévolat</h2>
+				</summary>
+				<ul>
+					<li>Formateur contraception testiculaire, ZEROMILLIONS, Paris, France, 2021-2023</li>
+					<li>Cogestion des bénévoles d'un camp de réfugiés, UTOPIA 56, Grande-Synthe, France, 2016</li>
+					<li>Distribution de nourriture (Migrants-Wilson & Secours Populaire)</li>
 				</ul>
 			</details>
 			<details>

styles/elements/cv.css

@@ -4,6 +4,7 @@
 	place-items: center;
 	place-self: stretch;
 	*/
+	max-width: 900px;
 }
 #cv #cv_ascii {
 	/*
@@ -15,14 +16,12 @@
 	place-self: center;
 	*/
 }
-
 #cv details {
-	/*
-	*/
 	margin: 10px 0px;
 }
+#cv details ul {
+	padding-left: 35px;
+}
 #cv summary + * {
-	/*
-	*/
 	margin-top: 10px;
 }

styles/elements/projects.css

@@ -2,3 +2,14 @@
 #projects figcaption {
 	padding: 20px 0px;
 }
+#projects figure.project {
+	max-width: 900px;
+}
+#projects #ljdp iframe {
+	height: 550px;
+}
+@media only screen and (min-width: 741px) {
+	#projects #ljdp iframe {
+		height: 660px;
+	}
+}

styles/global.css

@@ -32,7 +32,11 @@
 /*
  width :		-parent- content
 */
-[data-flex~="parent"]  { width: 100%; }
+[data-flex~="parent"]  {
+	width: -moz-available;          /* WebKit-based browsers will ignore this. */
+	width: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
+	width: fill-available;
+}
 [data-flex~="content"] { width: fit-content; }
 /*
  position :		-center- left right top bottom

styles/style.css

@@ -19,8 +19,7 @@ pre {
 }
 section {
 	justify-self: center;
-	margin: 50px 0px;
+	margin: 50px 20px;
-	padding: 0px 20px;
 }
 
 
@@ -61,6 +60,6 @@ section {
     ' banner_3  banner_3  banner_3 ' auto
     ' .         infos     .        ' auto
     ' .         mouse_3   .        ' auto
-	  / 1fr  minmax(auto, 900px)  1fr;
+	  / 1fr       auto      1fr      ;
 }
 

styles/text.css

@@ -10,23 +10,23 @@
 */
 body, pre {
 	font-family: "notomono", monospace;
-	font-size: 1.8rem;
+	font-size: 1.5rem;
 	font-weight: normal;
 	font-style: normal;
 }
-@media screen and (max-width: 500px) {
+@media screen and (min-width: 500px) {
 	body, pre {
-		font-size: 1.5rem;
+		font-size: 1.8rem;
 	}
 }
 ul {
 	display: block;
 	list-style-type: "•  ";
-	padding-left: 35px;
+	padding-left: 20px;
 	/*
-	list-style-position: outside;
-	*/
 	list-style-position: inside;
+	*/
+	list-style-position: outside;
 }
 li {
 	display: list-item;