johanleroy/Portfolio_angular
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Corrections avec maman

Browse Source
This commit is contained in:
leroy
2025-05-25 16:00:33 +02:00
parent 4312938a5c
commit c3310842d5
5 changed files with 42 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/src/assets/cv.pdf
View File

Binary file not shown.

10
src/app/public/pages/experience/experience.component.html
View File

@@ -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> <span class="bg-primary-light dark:bg-primary-blue text-primary-white px-3 py-1 rounded-full text-sm">7 semaines</span>
</div> </div>
<p class="text-primary-dark dark:text-primary-white mb-6"> <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> </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> <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> </div>
<p class="text-primary-dark dark:text-primary-white mb-6"> <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> </p>
</div> </div>
</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> <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> </svg>
</div> </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>
<div class="flex"> <div class="flex">
<div class="flex-shrink-0 pt-0.5"> <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> <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> </svg>
</div> </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>
<div class="flex"> <div class="flex">
<div class="flex-shrink-0 pt-0.5"> <div class="flex-shrink-0 pt-0.5">

16
src/app/public/pages/formations/formations.component.html
View File

@@ -22,7 +22,7 @@
<!-- Contenu gauche --> <!-- Contenu gauche -->
<div class="md:w-1/2 md:pr-12 md:text-right"> <div class="md:w-1/2 md:pr-12 md:text-right">
<div class="hidden md:block"> <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"> <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> <a href="https://www.eni-ecole.fr" target="_blank">Campus ENI Nantes</a>
</p> </p>
@@ -41,7 +41,7 @@
</div> </div>
<!-- Contenu pour mobile --> <!-- Contenu pour mobile -->
<div class="md:hidden"> <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"> <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> <a href="https://www.eni-ecole.fr" target="_blank">Campus ENI Nantes</a>
</p> </p>
@@ -73,7 +73,7 @@
<a href="https://stfelixlasalle.fr" target="_blank">Campus Saint Félix La Salle Nantes</a> <a href="https://stfelixlasalle.fr" target="_blank">Campus Saint Félix La Salle Nantes</a>
</p> </p>
<p class="text-primary-dark dark:text-primary-white"> <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> </p>
</div> </div>
</div> </div>
@@ -84,7 +84,7 @@
<a href="https://stfelixlasalle.fr" target="_blank">Campus Saint Félix La Salle Nantes</a> <a href="https://stfelixlasalle.fr" target="_blank">Campus Saint Félix La Salle Nantes</a>
</p> </p>
<p class="text-primary-dark dark:text-primary-white"> <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> </p>
</div> </div>
</div> </div>
@@ -105,7 +105,7 @@
<a href="https://stfelixlasalle.fr" target="_blank">Campus Saint Félix La Salle Nantes</a> <a href="https://stfelixlasalle.fr" target="_blank">Campus Saint Félix La Salle Nantes</a>
</p> </p>
<p class="text-primary-dark dark:text-primary-white"> <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> </p>
</div> </div>
</div> </div>
@@ -124,7 +124,7 @@
<a href="https://stfelixlasalle.fr" target="_blank">Campus Saint Félix La Salle Nantes</a> <a href="https://stfelixlasalle.fr" target="_blank">Campus Saint Félix La Salle Nantes</a>
</p> </p>
<p class="text-primary-dark dark:text-primary-white"> <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> </p>
</div> </div>
</div> </div>
@@ -150,7 +150,7 @@
<div class="hidden md:block"> <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> <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"> <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> </p>
</div> </div>
</div> </div>
@@ -158,7 +158,7 @@
<div class="md:hidden"> <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> <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"> <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> </p>
</div> </div>
</div> </div>

2
src/app/public/pages/home/home.component.html
View File

@@ -438,7 +438,7 @@
<div class="w-12 h-12 flex items-center justify-center rounded-full bg-orange-500 text-white mb-4"> <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> <i class="fas fa-laptop-code text-xl"></i>
</div> </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> </div>
</div> </div>

58
src/app/public/pages/projets/projets.component.html
View File

@@ -11,36 +11,6 @@
</div> </div>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
<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://libertypourlavie.fr" target="_blank" rel="noopener noreferrer" <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"> 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">
@@ -71,6 +41,34 @@
</div> </div>
</a> </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" <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"> 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">