Merge branch 'main' of https://github.com/JohanLeroy/Portfolio
This commit is contained in:
leroy
11
angular.json
11
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
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "eni-angular",
|
||||
"version": "0.0.0",
|
||||
"name": "portfolio",
|
||||
"version": "1.0.0",
|
||||
"scripts": {
|
||||
"ng": "ng",
|
||||
"start": "ng serve",
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 44 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.7 MiB |
BIN
public/img/pp/origin.JPEG
Normal file
BIN
public/img/pp/origin.JPEG
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 862 KiB |
BIN
public/img/pp/pp1.png
Normal file
BIN
public/img/pp/pp1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 801 KiB |
BIN
public/img/pp/pp2.png
Normal file
BIN
public/img/pp/pp2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.6 MiB |
BIN
public/img/pp/pp3.png
Normal file
BIN
public/img/pp/pp3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.2 MiB |
BIN
public/img/projet/monvoisingeek.png
Normal file
BIN
public/img/projet/monvoisingeek.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 54 KiB |
Binary file not shown.
@@ -9,5 +9,4 @@ import { RouterOutlet } from '@angular/router';
|
||||
styleUrl: './app.component.css'
|
||||
})
|
||||
export class AppComponent {
|
||||
title = 'ENI-Angular';
|
||||
}
|
||||
|
||||
@@ -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.
|
||||
Système et réseau, réparation et configuration de PC, imprimante et téléphone.</p>
|
||||
Stage de développement d'une application web qui permet de récupérer des fichiers stockés dans SharePoint.
|
||||
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">
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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';
|
||||
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user