Merge branch 'main' of https://github.com/JohanLeroy/Portfolio

angular.json

@@ -3,7 +3,7 @@
   "version": 1,
   "newProjectRoot": "projects",
   "projects": {
-    "ENI-Angular": {
+    "Portfolio": {
       "projectType": "application",
       "schematics": {},
       "root": "",
@@ -13,7 +13,7 @@
         "build": {
           "builder": "@angular-devkit/build-angular:application",
           "options": {
-            "outputPath": "dist/eni-angular",
+            "outputPath": "dist",
             "index": "src/index.html",
             "browser": "src/main.ts",
             "polyfills": [
@@ -59,10 +59,10 @@
           "builder": "@angular-devkit/build-angular:dev-server",
           "configurations": {
             "production": {
-              "buildTarget": "ENI-Angular:build:production"
+              "buildTarget": "Portfolio:build:production"
             },
             "development": {
-              "buildTarget": "ENI-Angular:build:development"
+              "buildTarget": "Portfolio:build:development"
             }
           },
           "defaultConfiguration": "development"
@@ -92,5 +92,8 @@
         }
       }
     }
+  },
+  "cli": {
+    "analytics": false
   }
 }

package.json

@@ -1,6 +1,6 @@
 {
-  "name": "eni-angular",
+  "name": "portfolio",
-  "version": "0.0.0",
+  "version": "1.0.0",
   "scripts": {
     "ng": "ng",
     "start": "ng serve",

src/app/app.component.ts

@@ -9,5 +9,4 @@ import { RouterOutlet } from '@angular/router';
   styleUrl: './app.component.css'
 })
 export class AppComponent {
-  title = 'ENI-Angular';
 }

src/app/public/pages/experience/experience.component.html

@@ -197,8 +197,8 @@
             <span class="bg-primary-light dark:bg-primary-blue text-primary-white px-3 py-1 rounded-full text-sm">7 semaines</span>
           </div>
           <p class="text-primary-dark dark:text-primary-white mb-6">
-            Stage de développement d'application web qui permet de récupérer des fichiers stockés dans SharePoint.
+            Stage de développement d'une application web qui permet de récupérer des fichiers stockés dans SharePoint.
-            Système et réseau, réparation et configuration de PC, imprimante et téléphone.</p>
+            Réparation et configuration de PC, imprimantes et téléphones.</p>
         </div>
       </div>
     </div>
@@ -249,7 +249,7 @@
             <span class="bg-primary-light dark:bg-primary-blue text-primary-white text-white px-3 py-1 rounded-full text-sm">1 semaine</span>
           </div>
           <p class="text-primary-dark dark:text-primary-white mb-6">
-            Stage de développement application windows d'automatisation
+            Stage de développement d'applications windows d'automatisation
           </p>
         </div>
       </div>
@@ -351,7 +351,7 @@
                   <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
                 </svg>
               </div>
-              <span class="text-primary-dark dark:text-primary-white">Gestion de projet</span>
+              <span class="text-primary-dark dark:text-primary-white">Gestion de projets</span>
             </div>
             <div class="flex">
               <div class="flex-shrink-0 pt-0.5">
@@ -367,7 +367,7 @@
                   <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
                 </svg>
               </div>
-              <span class="text-primary-dark dark:text-primary-white">Analyse de projet</span>
+              <span class="text-primary-dark dark:text-primary-white">Analyse de projets</span>
             </div>
             <div class="flex">
               <div class="flex-shrink-0 pt-0.5">

src/app/public/pages/formations/formations.component.html

@@ -22,7 +22,7 @@
           <!-- Contenu gauche -->
           <div class="md:w-1/2 md:pr-12 md:text-right">
             <div class="hidden md:block">
-              <h3 class="text-xl font-bold text-primary-blue dark:text-primary-light mb-2">Concepteur Développeur d'Application</h3>
+              <h3 class="text-xl font-bold text-primary-blue dark:text-primary-light mb-2">Concepteur Développeur d'Applications</h3>
               <p class="text-primary-dark hover:text-primary-blue dark:text-primary-white dark:hover:text-primary-light underline mb-2">
                 <a href="https://www.eni-ecole.fr" target="_blank">Campus ENI Nantes</a>
               </p>
@@ -41,7 +41,7 @@
           </div>
           <!-- Contenu pour mobile -->
           <div class="md:hidden">
-            <h3 class="text-xl font-bold text-primary-blue dark:text-primary-light mb-2 text-center">Concepteur Développeur d'Application</h3>
+            <h3 class="text-xl font-bold text-primary-blue dark:text-primary-light mb-2 text-center">Concepteur Développeur d'Applications</h3>
             <p class="text-primary-dark hover:text-primary-blue dark:text-primary-white dark:hover:text-primary-light underline mb-2 text-center">
               <a href="https://www.eni-ecole.fr" target="_blank">Campus ENI Nantes</a>
             </p>
@@ -73,7 +73,7 @@
                 <a href="https://stfelixlasalle.fr" target="_blank">Campus Saint Félix La Salle Nantes</a>
               </p>
               <p class="text-primary-dark dark:text-primary-white">
-                Formation technique supérieur sur les systèmes électroniques et informatiques, avec une spécialisation dans l'informatique industrielle et les réseaux.
+                Formation technique supérieure en systèmes électroniques et informatiques, avec une spécialisation en informatique industrielle et en réseaux.
               </p>
             </div>
           </div>
@@ -84,7 +84,7 @@
               <a href="https://stfelixlasalle.fr" target="_blank">Campus Saint Félix La Salle Nantes</a>
             </p>
             <p class="text-primary-dark dark:text-primary-white">
-              Formation technique supérieur sur les systèmes électroniques et informatiques, avec une spécialisation dans l'informatique industrielle et les réseaux.
+              Formation technique supérieure en systèmes électroniques et informatiques, avec une spécialisation en informatique industrielle et en réseaux.
             </p>
           </div>
         </div>
@@ -105,7 +105,7 @@
                 <a href="https://stfelixlasalle.fr" target="_blank">Campus Saint Félix La Salle Nantes</a>
               </p>
               <p class="text-primary-dark dark:text-primary-white">
-                Formation aux systèmes électroniques et réseaux informatiques. Apprentissage des bases de l'installation et de la maintenance de systèmes numériques.
+                Formation en systèmes électroniques et réseaux informatiques. Apprentissage des bases de l'installation et de la maintenance de systèmes numériques.
               </p>
             </div>
           </div>
@@ -124,7 +124,7 @@
               <a href="https://stfelixlasalle.fr" target="_blank">Campus Saint Félix La Salle Nantes</a>
             </p>
             <p class="text-primary-dark dark:text-primary-white">
-              Formation aux systèmes électroniques et réseaux informatiques. Apprentissage des bases de l'installation et de la maintenance de systèmes numériques.
+              Formation en systèmes électroniques et réseaux informatiques. Apprentissage des bases de l'installation et de la maintenance de systèmes numériques.
             </p>
           </div>
         </div>
@@ -150,7 +150,7 @@
             <div class="hidden md:block">
               <h3 class="text-xl font-bold text-primary-blue dark:text-primary-light mb-2">Diplôme National du Brevet</h3>
               <p class="text-primary-dark hover:text-primary-blue dark:text-primary-white dark:hover:text-primary-light underline mb-2">
-                <a href="https://www.ensemble-scolaire-saint-pere.fr" target="_blank">Ensemble scolaire Saint Père En Retz</a>
+                <a href="https://www.ensemble-scolaire-saint-pere.fr" target="_blank">Ensemble scolaire Saint Père en Retz</a>
               </p>
             </div>
           </div>
@@ -158,7 +158,7 @@
           <div class="md:hidden">
             <h3 class="text-xl font-bold text-primary-blue dark:text-primary-light mb-2 text-center">Diplôme National du Brevet</h3>
             <p class="text-primary-dark dark:text-primary-white underline mb-2 text-center">
-              <a href="https://www.ensemble-scolaire-saint-pere.fr" target="_blank">Ensemble scolaire Saint Père En Retz</a>
+              <a href="https://www.ensemble-scolaire-saint-pere.fr" target="_blank">Ensemble scolaire Saint Père en Retz</a>
             </p>
           </div>
         </div>

src/app/public/pages/home/home.component.html

@@ -19,7 +19,7 @@
         <div
           class="profile-container w-64 h-64 rounded-full overflow-hidden border-4 border-primary-dark dark:border-primary-light shadow-xl transition duration-300 transform hover:scale-105 profile-shadow">
           <img
-            src="img/pp.jpeg"
+            src="img/pp/pp3.png"
             alt="Johan Leroy"
             class="w-full h-full object-cover"
           />
@@ -438,7 +438,7 @@
               <div class="w-12 h-12 flex items-center justify-center rounded-full bg-orange-500 text-white mb-4">
                 <i class="fas fa-laptop-code text-xl"></i>
               </div>
-              <span class="font-medium text-primary-dark dark:text-primary-white text-center">Projet personnel</span>
+              <span class="font-medium text-primary-dark dark:text-primary-white text-center">Projets personnels</span>
             </div>
           </div>
         </div>

src/app/public/pages/home/home.component.ts

@@ -53,7 +53,7 @@ export class HomeComponent implements OnInit, AfterViewInit, OnDestroy {
       const x = Math.random() * 100; // Position en %
       const y = Math.random() * 100 + 50; // Position en %
       const opacity = Math.random() * 0.3 + 0.1; // Opacité entre 0.1 et 0.4
-      const speed = Math.random() * 0.5 + 0.2; // Vitesse variable
+      const speed = Math.random() * 0.15 + 0.05; // Vitesse variable
 
       const particleEl = document.createElement('div');
       particleEl.style.position = 'absolute';

src/app/public/pages/projets/projets.component.html

@@ -11,37 +11,6 @@
     </div>
     <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
 
-      <!-- Projet 1 -->
-      <a href="https://techos-asso.fr" target="_blank" rel="noopener noreferrer"
-         class="group block bg-white dark:bg-black border-2 border-primary-blue dark:border-primary-light rounded-lg overflow-hidden shadow-md transition-transform duration-300 hover:scale-105 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary-blue">
-
-        <div class="relative h-48 bg-white">
-          <img src="img/projet/techos.png" alt="Site de l'association Techos"
-               class="w-full h-full object-cover" />
-          <div class="absolute top-4 right-4 bg-primary-accent text-white py-1 px-3 rounded-full text-sm font-medium">
-            Web
-          </div>
-        </div>
-
-        <div class="p-6">
-          <h3 class="text-xl font-bold text-primary-blue dark:text-primary-light mb-2 group-hover:underline">
-            Site vitrine de l'association Techos
-          </h3>
-          <p class="text-primary-dark dark:text-primary-white mb-4">
-            Développement d'un site web vitrine complète pour l'association Techos.
-          </p>
-          <div class="flex flex-wrap gap-2 mb-4">
-            <span class="bg-gray-100 text-primary-dark dark:bg-gray-900 dark:text-primary-white px-2 py-1 rounded text-sm">Angular</span>
-            <span class="bg-gray-100 text-primary-dark dark:bg-gray-900 dark:text-primary-white px-2 py-1 rounded text-sm">Express JS</span>
-            <span class="bg-gray-100 text-primary-dark dark:bg-gray-900 dark:text-primary-white px-2 py-1 rounded text-sm">mariaDB</span>
-          </div>
-          <span class="inline-block text-sm text-primary-blue dark:text-primary-light font-medium underline group-hover:no-underline">
-            Voir le projet
-          </span>
-        </div>
-      </a>
-
-      <!-- Projet 2 -->
       <a href="https://libertypourlavie.fr" target="_blank" rel="noopener noreferrer"
          class="group block bg-white dark:bg-black border-2 border-primary-blue dark:border-primary-light rounded-lg overflow-hidden shadow-md transition-transform duration-300 hover:scale-105 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary-blue">
 
@@ -72,6 +41,64 @@
         </div>
       </a>
 
+      <a href="https://techos-asso.fr" target="_blank" rel="noopener noreferrer"
+         class="group block bg-white dark:bg-black border-2 border-primary-blue dark:border-primary-light rounded-lg overflow-hidden shadow-md transition-transform duration-300 hover:scale-105 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary-blue">
+        <div class="relative h-48 bg-white">
+          <img src="img/projet/techos.png" alt="Site de l'association Techos"
+               class="w-full h-full object-cover" />
+          <div class="absolute top-4 right-4 bg-primary-accent text-white py-1 px-3 rounded-full text-sm font-medium">
+            Web
+          </div>
+        </div>
+        <div class="p-6">
+          <h3 class="text-xl font-bold text-primary-blue dark:text-primary-light mb-2 group-hover:underline">
+            Site vitrine de l'association Techos
+          </h3>
+          <p class="text-primary-dark dark:text-primary-white mb-4">
+            Développement d'un site web vitrine complète pour l'association Techos.
+          </p>
+          <div class="flex flex-wrap gap-2 mb-4">
+            <span class="bg-gray-100 text-primary-dark dark:bg-gray-900 dark:text-primary-white px-2 py-1 rounded text-sm">Angular</span>
+            <span class="bg-gray-100 text-primary-dark dark:bg-gray-900 dark:text-primary-white px-2 py-1 rounded text-sm">Tailwind CSS</span>
+            <span class="bg-gray-100 text-primary-dark dark:bg-gray-900 dark:text-primary-white px-2 py-1 rounded text-sm">Express JS</span>
+            <span class="bg-gray-100 text-primary-dark dark:bg-gray-900 dark:text-primary-white px-2 py-1 rounded text-sm">mariaDB</span>
+          </div>
+          <span class="inline-block text-sm text-primary-blue dark:text-primary-light font-medium underline group-hover:no-underline">
+            Voir le projet
+          </span>
+        </div>
+      </a>
+
+      <a href="https://monvoisingeek.lidge.fr" target="_blank" rel="noopener noreferrer"
+         class="group block bg-white dark:bg-black border-2 border-primary-blue dark:border-primary-light rounded-lg overflow-hidden shadow-md transition-transform duration-300 hover:scale-105 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary-blue">
+
+        <div class="relative h-48">
+          <img src="img/projet/monvoisingeek.png" alt="Site mon voisin geek"
+               class="w-full h-full object-cover" />
+          <div class="absolute top-4 right-4 bg-primary-accent text-white py-1 px-3 rounded-full text-sm font-medium">
+            Web
+          </div>
+        </div>
+
+        <div class="p-6">
+          <h3 class="text-xl font-bold text-primary-blue dark:text-primary-light mb-2 group-hover:underline">
+            Site web vitrine Mon Voisin Geek
+          </h3>
+          <p class="text-primary-dark dark:text-primary-white mb-4">
+            Développement d'un site web vitrine simple.
+          </p>
+          <div class="flex flex-wrap gap-2 mb-4">
+            <span class="bg-gray-100 text-primary-dark dark:bg-gray-900 dark:text-primary-white px-2 py-1 rounded text-sm">Angular</span>
+            <span class="bg-gray-100 text-primary-dark dark:bg-gray-900 dark:text-primary-white px-2 py-1 rounded text-sm">Tailwind CSS</span>
+            <span class="bg-gray-100 text-primary-dark dark:bg-gray-900 dark:text-primary-white px-2 py-1 rounded text-sm">Express JS</span>
+            <span class="bg-gray-100 text-primary-dark dark:bg-gray-900 dark:text-primary-white px-2 py-1 rounded text-sm">mariaDB</span>
+          </div>
+          <span class="inline-block text-sm text-primary-blue dark:text-primary-light font-medium underline group-hover:no-underline">
+            Voir le projet
+          </span>
+        </div>
+      </a>
+
     </div>
   </div>
 </section>