Merge pull request #1 from Draks898/new-collab-rpelizzo

feat(rpelizzo): ✨ ajour de romain livre d'or

contributors/dsantos/index.html

@@ -8,7 +8,7 @@ <h3>Daniel Santos</h3>
 	<div class="eb-black-box">
 		<img id="eb-avatar" class="" src="img/dsantos/avatar.jpg">
 		<h3>Concepteur/Développeur Java - Redstone</h3>
-		<p class="fragment fade-in">26 avril 2021</p>
+		<p class="fragment fade-in">26 avril 2021 - 13 octobre 2023</p>
 	</div>
 	<div id="eb-cfa-div" class="eb-white-box">
 		<img class="eb-img-style" src="img/dsantos/spring-boot.png">

contributors/rpelizzo/index.html

@@ -0,0 +1,96 @@
+<!-- rpelizzo -->
+<section data-transition="concave">
+	<h3>Romain PELIZZO</h3>
+</section>
+<div id="ten" class="neon"></div>
+
+	<!-- présentation -->
+	<section data-transition="concave">
+		<div class="eb-black-box service-box top">
+			<img id="eb-avatar" class="" src="img/rpelizzo/social/avatar_gh.jpg">
+			<h3>Développeur</h3>
+			<p class="fade-in">9 octobre 2023</p>
+		</div>
+		<div id="eb-cfa-div" class="eb-white-box service-box bot">
+			<img class="eb-img-style" src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/java/java-original.svg" alt="java logo">
+			<img class="eb-img-style" src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/angularjs/angularjs-original.svg" alt="angular logo">
+			<img class="eb-img-style" src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/flutter/flutter-original.svg" alt="flutter logo">
+			<img class="eb-img-style" src="https://www.vectorlogo.zone/logos/apache_cordova/apache_cordova-icon.svg" alt="cordova logo">
+			<img class="eb-img-style" src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/javascript/javascript-original.svg" alt="java script logo">
+			<img class="eb-img-style" src="img\rpelizzo\icons\github-logo.svg" alt="github logo">
+			<img class="eb-img-style" src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/jira/jira-original.svg" alt="jira logo">
+		</div>
+	</section>
+
+
+	<!-- contributions resume-->
+	<section data-transition="concave" data-background="img/rpelizzo/bg/collab.jpg">
+		<div class="eb-black-box service-box top">
+			<h3>Contributions</h3>
+			<ul>
+				<li>It events API</li>
+				<li>FICOM 2</li>
+			</ul>
+		</div>
+		<div class="eb-white-box service-box bot">
+			<img class="eb-img-style" src="img\rpelizzo\icons\quarkus-seeklogo.svg" alt="quarkus logo">
+
+			<img class="eb-img-style" src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/java/java-original.svg" alt="java logo">
+
+			<img class="eb-img-style" src="img\rpelizzo\icons\github-logo.svg" alt="github logo">
+
+			<img class="eb-img-style" src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/docker/docker-original.svg" alt="docker logo">
+		</div>
+	</section>
+
+
+	<!-- Project 1-->
+	<section data-transition="concave" data-background="img/rpelizzo/bg/success.jpg">
+		<div class="eb-black-box service-box top">
+			<h3>It events API</h3>
+			<p> Permettre aux développeurs de découvrir facilement et localement les événements IT à venir, offrant une liste exhaustive d'événements, leurs définitions et les dates prévues.</p>
+		</div>
+		<div class="eb-white-box service-box bot">
+			<img class="eb-img-style" src="img\rpelizzo\icons\quarkus-seeklogo.svg" alt="quarkus logo">
+
+			<img class="eb-img-style" src="img\rpelizzo\icons\github-logo.svg" alt="github logo">
+
+			<a href="https://hub.docker.com/r/optnc/app-it-events-api">
+				<img class="eb-img-style" width="120px" src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/docker/docker-original.svg" alt="docker logo">
+			</a>			
+		</div>
+	</section>
+
+	<!-- Project 2-->
+	<section data-transition="concave" data-background="img/rpelizzo/bg/success.jpg">
+		<div class="eb-black-box service-box top">
+			<h3>FICOM 2</h3>
+			<p> Permettre au service bancaire de l'OPT de partager les données client à L’institut d’émission d’outre-mer (IEOM) pour centraliser la donnée avec toutes
+				 les banques de calédonien et de France, permettant d'avoir un meilleur contrôle sécurité pour les banques vis-à-vis de leur client.</p>
+		</div>
+		<div class="eb-white-box service-box bot">
+			<img class="eb-img-style" src="img\rpelizzo\icons\quarkus-seeklogo.svg" alt="quarkus logo">
+
+			<img class="eb-img-style" src="img\rpelizzo\icons\github-logo.svg" alt="github logo">
+		</div>
+	</section>
+
+	<!-- contact -->
+	<section data-transition="concave" data-background="img/rpelizzo/bg/contact.jpg">
+		<div class="eb-black-box-contact service-box top">
+			<h3>Contacts</h3>
+		</div>
+		<div class="rso-black-box service-box mid">
+			<a href="https://www.linkedin.com/in/romain-pelizzo/">
+	            <div class="row">
+	                <img class="rso-rm-img-style" style="vertical-align: middle;" height="40px" src="img/rpelizzo/social/linkedin.png">Romain Pelizzo
+	            </div>
+	        </a>
+			<a href="https://github.com/Draks898">
+	            <div class="row">
+	                <img class="rso-rm-img-style" style="vertical-align: middle;" height="40px" src="img\rpelizzo\social\github_light.png"> @Draks898
+	            </div>
+	        </a>
+		</div>
+	</section>
+<!-- Fin rpelizzo -->

contributors/rpelizzo/style.css

@@ -0,0 +1,104 @@
+.row {
+    display: inline-flex;
+    margin-right: 10%;
+}
+
+/* debut neon box  */
+.service-box top {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    flex-direction: column;
+}
+.service-box mid {
+    display: inline-flex;
+    justify-content: center;
+    align-items: row;
+    flex-direction: row;
+}
+.service-box bot {
+    display: flex;
+    justify-content: space-evenly;
+    align-items: center;
+    flex-direction: row;
+}
+.service-box {
+    padding: 10px;
+    margin: 10px;
+    box-shadow: 0px 1px 2px #f047ff, 
+                0px 2px 4px #f047ff, 
+                0px 4px 8px #f047ff, 
+                0px 8px 16px #f047ff;
+    background-color: rgba(0,0,0,0.6);
+  }
+  .service-box:hover{
+    box-shadow: 0px 2px 4px rgba(0,255,255,0.7), 
+                0px 4px 8px rgba(0,255,255,0.7), 
+                0px 8px 16px rgba(0,255,255,0.7), 
+                0px 12px 24px rgba(0,255,255,0.7);
+    transform: translateY(-10px);
+    transition: 0.2s;
+  }
+/*fin du neon box */
+
+/* background */
+.neon {
+    position: absolute;
+    left: 50%;
+    top: 20%;
+  }
+  .neon::before,
+  .neon::after {
+    display: block;
+    content: '';
+    position: absolute;
+  }
+  @media (max-width: 400px) {
+    .neon:not(.no-scale) {
+      transform: scale(0.8);
+    }
+  }
+  #ten {
+    box-sizing: border-box;
+    width: 32em;
+    height: 16em;
+    margin-left: -16em;
+    margin-top: -3em;
+    background-repeat: no-repeat;
+    border-radius: 1em;
+    border: 0.08em solid white;
+    box-shadow: inset 0 0 0 0.1em #ff6347, 
+                inset 0 0 1em 0.3em #ff6347, 
+                inset 1em 1em 0.4em rgba(0,0,0,0.6), 
+                0 0 0 0.1em #ff6347, 
+                0 0 1em 0.3em #ff6347, 
+                1em 1em 0.4em rgba(0,0,0,0.6);
+  }
+  #ten::before {
+    width: 10em;
+    height: 0.08em;
+    left: 34.5%;
+    top: 50%;
+    margin-top: 1em;
+    background-color: white;
+    border-radius: 1em;
+    box-shadow: 0 0 0 0.1em #ff6347, 
+                0 0 1em 0.3em #ff6347, 
+                1em 1em 0.4em 0.1em rgba(0,0,0,0.6);
+  }
+  #ten::after {
+    box-sizing: border-box;
+    width: 27em;
+    height: 11.5em;
+    left: 8%;
+    top: 40%;
+    margin-top: -4.199999999999999em;
+    border-radius: 2em;
+    border: 0.08em solid white;
+    box-shadow: inset 0 0 0 0.1em #ff6347, 
+                inset 0 0 1em 0.3em #ff6347, 
+                inset 1em 1em 0.4em rgba(0,0,0,0.6), 
+                0 0 0 0.1em #ff6347, 
+                0 0 1em 0.3em #ff6347, 1em 1em 0.4em rgba(0,0,0,0.6);
+  }
+/* fin du background */

index.html

@@ -25,6 +25,7 @@
     <link rel="stylesheet" href="contributors/mbarre/style.css" />
     <link rel="stylesheet" href="contributors/dsantos/style.css" />
     <link rel="stylesheet" href="contributors/sforrest/style.css" />
+    <link rel="stylesheet" href="contributors/rpelizzo/style.css" />
 
     <!-- Printing and PDF exports -->
     <script>
@@ -59,9 +60,11 @@ <h3>Livre d'or du GLIA</h3>
         <section data-external="contributors/dsantos"></section>
         <!-- Spencer Forrest -->
         <section data-external="contributors/sforrest"></section>
-        <!-- New contributors -->
         <!-- Jane Doe -->
         <section data-external=contributors/jdoe></section>
+        <!-- Romain Pelizzo -->
+        <section data-external="contributors/rpelizzo"></section>
+        <!-- New contributors -->
       </div>
     </div>