ajout d'onglets

main
Etienne Veau 4 months ago
parent 9574cde490
commit bc21198754

BIN
.DS_Store vendored

Binary file not shown.

Binary file not shown.

Binary file not shown.

Before

Width:  |  Height:  |  Size: 406 KiB

After

Width:  |  Height:  |  Size: 289 KiB

@ -0,0 +1,145 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Projets - Etienne Veau</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<nav>
<ul>
<li><a href="index.html">À propos</a></li>
<li><a href="cursus.html">Cursus</a></li>
<li><a href="projets.html">Projets</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
<button class="hamburger"></button>
</nav>
<section class="card">
<h3>Mes Qualités :</h3>
<div class="qualite">
<h4><b>Minutieux</b></h4>
<p>Lors de mon expérience professionnelle en tant quagent de maintenance industriel, jai été
chargé du montage, du démontage et de lentretien de chaînes industrielles de plus de 20 mètres.
Ces équipements étaient essentiels au fonctionnement dune usine employant plus de 300
personnes. Cette responsabilité exigeait une grande précision, chaque intervention devant
garantir la sécurité et la performance de linstallation.Je suis donc capable de faire preuve
dune minutie exemplaire, un atout indispensable pour mener à bien les missions qui me seront
confiées.
</p>
</div>
<div class="qualite">
<h4><b>Proactif</b></h4>
<p>Lors de mon expérience en tant quaide-menuisier, jai travaillé sur un chantier denvergure à la
Cité Administrative de Toulouse. Dans ce contexte, jai été amené à collaborer avec un collègue
menuisier atteint de surdité. Face à cette situation, jai assumé le rôle de représentant
principal de lentreprise, que ce soit lors de réunions de chantier ou dans les échanges avec
les autres corps de métier.De plus, jai pris linitiative de concevoir un gabarit adapté pour
optimiser le travail, ce qui a permis de respecter les délais imposés tout en facilitant la
collaboration. Cet engagement témoigne de ma capacité à anticiper les besoins, à prendre des
initiatives et à agir efficacement dans des situations complexes.
</p>
</div>
<div class="qualite">
<h4><b>Curieux</b></h4>
<p>Ma curiosité me pousse à aller au-delà des attentes, que ce soit dans mon travail ou mes
apprentissages. Je mefforce de toujours approfondir mes connaissances, notamment en recherchant
des informations et du savoir faire complémentaires au cours de lI.U.T afin dy être plus
complet et performant. Comme lors de la SAE sur la création dun portfolio avec les langages de
programmations HTML , CSS et PHP ou jai intégré un fond décran dynamique à mon site avec le
langage JavaScript que nous navions pas encore étudié à ce moment la .Cette soif dapprendre me
permet de madapter rapidement à de nouveaux environnements et dapporter une vraie valeur
ajoutée à chaque projet auquel je contribue.
</p>
</div>
<div class="qualite">
<h4><b>Discret</b></h4>
<p>Je suis une personne discrète, préférant me concentrer sur mon travail et mon entourage proche.
Ma nature discrète et réservé se reflète
dans ma manière dinteragir : je préserve la confidentialité dinformations sensibles, respecte
les limites de chacun et maintiens un climat professionnel sérieux. Cette discrétion est un
atout dans le cadre de relations de travail, où elle favorise un climat de confiance et de
respect mutuel.
</p>
</div>
</section>
<section class="card">
<h3>Compétences :</h3>
<div class="qualite">
<p><b>HTML & CSS & PHP :</b><br>
Création de pages web structurées et esthétiques, respectant les standards du web.
Gestion des interactions entre lutilisateur et le site.
</p>
</div>
<div class="qualite">
<p><b>C & C++ :</b><br>
Programmation orientée objet, développement d'algorithmes et gestion fine de la mémoire.
</p>
</div>
<div class="qualite">
<p><b>Python :</b><br>
Utilisation des bibliothèques Numpy et Matplotlib pour lélaboration de représentations
graphiques mathématiques diverses.
</p>
</div>
<div class="qualite">
<p><b>SQL :</b><br>
Conception et gestion de bases de données relationnelles, écriture de requêtes complexes pour
extraire et manipuler les données.
</p>
</div>
<div class="qualite">
<p><b>Shell (sh/Bash) :</b><br>
Utilisation avancée du terminal pour automatiser des processus et gérer des systèmes. Maîtrise
des commandes essentielles pour la navigation, la configuration et l'administration des systèmes
Linux.
</p>
</div>
<div class="qualite">
<p><b>Compréhension des besoins clients :</b><br>
Capacité à recueillir les besoins des clients de manière précise et détaillée. Grâce à une
écoute active,
je m'assure de bien comprendre leurs attentes, leurs enjeux et leurs objectifs spécifiques.
Je mets également un point d'honneur à vulgariser les informations complexes pour les rendre
accessibles à tous. Cette capacité à transformer des concepts techniques en termes clairs et
compréhensibles
garantit une collaboration fluide et une prise de décision éclairée.
<em>Sensibilisé a la <b>Méthode AGILE</b>.</em>
</p>
</div>
</section>
</div>
</div>
<script>
const hamburger = document.querySelector('.hamburger');
const navMenu = document.querySelector('nav ul');
hamburger.addEventListener('click', () => {
navMenu.classList.toggle('active');
hamburger.setAttribute('aria-expanded', navMenu.classList.contains('active'));
});
document.querySelectorAll('nav a').forEach(link => {
link.addEventListener('click', () => {
navMenu.classList.remove('active');
hamburger.setAttribute('aria-expanded', 'false');
});
});
</script>
<script src="type.js"></script>
</body>
</html>

@ -21,61 +21,7 @@
<div class="cursus">
<h2>Parcours Professionnel</h2>
<div class="timeline">
<div class="timeline-item">
<h3>2023 (Avril) - 2024 (Août)</h3>
<h4>Jeld-Wen Fenêtres et Portes , Ussel (19)</h4>
<br>
<p><b>Agent de fabrication (3x8):</b>Montage de portes et réalisation de petites menuiseries.</p>
<p><b>Aide-menuisier:</b>Travail en longs déplacements de 4 semaines, a la cité administrative de
Toulouse.</p>
<p><b>Agent de maintenance industriel:</b>Entretien de chaudières industrielles et de machines de
production telles que déligneuses, presses, emballeuses, et empileuses.</p>
<p><b>Conducteur de ligne:</b>Anticiper et faire preuve d'autonomie pour optimiser les délais et
atteindre les objectifs de productions.</p>
</div>
<div class="timeline-item">
<h3>Juin - Juillet 2022</h3>
<h4> C.TAZE , Bort Les Orgues (19)</h4>
<br>
<p><b>Agent électricien:</b><br>Installation et maintenance de matériels électriques.
<br>Participation à des projets déclairage extérieur et intérieurs dans des zones industrielles.
</p>
</div>
<div class="timeline-item">
<h3>Décembre 2021, 2022 & Juillet-Août 2022 </h3>
<h4> E.Leclerc Ussel (19)</h4>
<br>
<p><b>Employé de grandes surfaces:</b><br>Gestion des rayons alimentaires, réassort quotidien et
contrôle
des stocks.
<br>Accueil et conseil client pour les demandes spécifiques.
<br>Caissier.
</p>
</div>
<div class="timeline-item">
<h3>2018-2019</h3>
<h4> McDonald's Ussel (19)</h4>
<br>
<p><b>Équipier:</b><br>Gestion des commandes et interaction avec la clientèle.
<br>Formation de nouveaux employés sur les procédures internes.
<br>Sensibilisation à limportance de lhygiène dans le milieu de la restauration.
</p>
</div>
</div>
</div>
<div class="cursus">

@ -0,0 +1,96 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Formation - Etienne Veau</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<nav>
<ul>
<li><a href="index.html">À propos</a></li>
<li><a href="cursus.html">Cursus</a></li>
<li><a href="projets.html">Projets</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
<button class="hamburger"></button>
</nav>
<div class="cursus">
<h2>Parcours Professionnel</h2>
<div class="timeline">
<div class="timeline-item">
<h3>2023 (Avril) - 2024 (Août)</h3>
<h4>Jeld-Wen Fenêtres et Portes , Ussel (19)</h4>
<br>
<p><b>Agent de fabrication (3x8):</b>Montage de portes et réalisation de petites menuiseries.</p>
<p><b>Aide-menuisier:</b>Travail en longs déplacements de 4 semaines, a la cité administrative de
Toulouse.</p>
<p><b>Agent de maintenance industriel:</b>Entretien de chaudières industrielles et de machines de
production telles que déligneuses, presses, emballeuses, et empileuses.</p>
<p><b>Conducteur de ligne:</b>Anticiper et faire preuve d'autonomie pour optimiser les délais et
atteindre les objectifs de productions.</p>
</div>
<div class="timeline-item">
<h3>Juin - Juillet 2022</h3>
<h4> C.TAZE , Bort Les Orgues (19)</h4>
<br>
<p><b>Agent électricien:</b><br>Installation et maintenance de matériels électriques.
<br>Participation à des projets déclairage extérieur et intérieurs dans des zones industrielles.
</p>
</div>
<div class="timeline-item">
<h3>Décembre 2021, 2022 & Juillet-Août 2022 </h3>
<h4> E.Leclerc Ussel (19)</h4>
<br>
<p><b>Employé de grandes surfaces:</b><br>Gestion des rayons alimentaires, réassort quotidien et
contrôle
des stocks.
<br>Accueil et conseil client pour les demandes spécifiques.
<br>Caissier.
</p>
</div>
<div class="timeline-item">
<h3>2018-2019</h3>
<h4> McDonald's Ussel (19)</h4>
<br>
<p><b>Équipier:</b><br>Gestion des commandes et interaction avec la clientèle.
<br>Formation de nouveaux employés sur les procédures internes.
<br>Sensibilisation à limportance de lhygiène dans le milieu de la restauration.
</p>
</div>
</div>
</div>
<script>
const hamburger = document.querySelector('.hamburger');
const navMenu = document.querySelector('nav ul');
hamburger.addEventListener('click', () => {
navMenu.classList.toggle('active');
hamburger.setAttribute('aria-expanded', navMenu.classList.contains('active'));
});
document.querySelectorAll('nav a').forEach(link => {
link.addEventListener('click', () => {
navMenu.classList.remove('active');
hamburger.setAttribute('aria-expanded', 'false');
});
});
</script>
</body>
</html>

@ -13,7 +13,11 @@
<ul>
<li><a href="index.html">À propos</a></li>
<li><a href="cursus.html">Cursus</a></li>
<li><a href="competences.html">Cursus</a></li>
<li><a href="projets.html">Projets</a></li>
<li><a href="exppro.html">Expériences professionnel</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
<button class="hamburger"></button>
@ -49,127 +53,25 @@
</section>
<section class="card">
<h3>Mes Qualités :</h3>
<div class="qualite">
<h4><b>Minutieux</b></h4>
<p>Lors de mon expérience professionnelle en tant quagent de maintenance industriel, jai été
chargé du montage, du démontage et de lentretien de chaînes industrielles de plus de 20 mètres.
Ces équipements étaient essentiels au fonctionnement dune usine employant plus de 300
personnes. Cette responsabilité exigeait une grande précision, chaque intervention devant
garantir la sécurité et la performance de linstallation.Je suis donc capable de faire preuve
dune minutie exemplaire, un atout indispensable pour mener à bien les missions qui me seront
confiées.
</p>
</div>
<div class="qualite">
<h4><b>Proactif</b></h4>
<p>Lors de mon expérience en tant quaide-menuisier, jai travaillé sur un chantier denvergure à la
Cité Administrative de Toulouse. Dans ce contexte, jai été amené à collaborer avec un collègue
menuisier atteint de surdité. Face à cette situation, jai assumé le rôle de représentant
principal de lentreprise, que ce soit lors de réunions de chantier ou dans les échanges avec
les autres corps de métier.De plus, jai pris linitiative de concevoir un gabarit adapté pour
optimiser le travail, ce qui a permis de respecter les délais imposés tout en facilitant la
collaboration. Cet engagement témoigne de ma capacité à anticiper les besoins, à prendre des
initiatives et à agir efficacement dans des situations complexes.
</p>
</div>
<div class="qualite">
<h4><b>Curieux</b></h4>
<p>Ma curiosité me pousse à aller au-delà des attentes, que ce soit dans mon travail ou mes
apprentissages. Je mefforce de toujours approfondir mes connaissances, notamment en recherchant
des informations et du savoir faire complémentaires au cours de lI.U.T afin dy être plus
complet et performant. Comme lors de la SAE sur la création dun portfolio avec les langages de
programmations HTML , CSS et PHP ou jai intégré un fond décran dynamique à mon site avec le
langage JavaScript que nous navions pas encore étudié à ce moment la .Cette soif dapprendre me
permet de madapter rapidement à de nouveaux environnements et dapporter une vraie valeur
ajoutée à chaque projet auquel je contribue.
</p>
</div>
<div class="qualite">
<h4><b>Discret</b></h4>
<p>Je suis une personne discrète, préférant me concentrer sur mon travail et mon entourage proche.
Une qualité qui tend à se perdre de nos jours avec lavènement du partage sur les réseaux
sociaux, comportement dont je préfère me tenir éloigné. Ma nature discrète et réservé se reflète
dans ma manière dinteragir : je préserve la confidentialité dinformations sensibles, respecte
les limites de chacun et maintiens un climat professionnel sérieux. Cette discrétion est un
atout dans le cadre de relations de travail, où elle favorise un climat de confiance et de
respect mutuel.
</p>
</div>
</section>
<section class="card">
<h3>Compétences :</h3>
<div class="qualite">
<p><b>HTML & CSS & PHP :</b><br>
Création de pages web structurées et esthétiques, respectant les standards du web.
Gestion des interactions entre lutilisateur et le site.
</p>
</div>
<script>
const hamburger = document.querySelector('.hamburger');
const navMenu = document.querySelector('nav ul');
<div class="qualite">
<p><b>C & C++ :</b><br>
Programmation orientée objet, développement d'algorithmes et gestion fine de la mémoire.
</p>
</div>
<div class="qualite">
<p><b>Python :</b><br>
Utilisation des bibliothèques Numpy et Matplotlib pour lélaboration de représentations
graphiques mathématiques diverses.
</p>
</div>
<div class="qualite">
<p><b>SQL :</b><br>
Conception et gestion de bases de données relationnelles, écriture de requêtes complexes pour
extraire et manipuler les données.
</p>
</div>
<div class="qualite">
<p><b>Shell (sh/Bash) :</b><br>
Utilisation avancée du terminal pour automatiser des processus et gérer des systèmes. Maîtrise
des commandes essentielles pour la navigation, la configuration et l'administration des systèmes
Linux.
</p>
</div>
hamburger.addEventListener('click', () => {
navMenu.classList.toggle('active');
hamburger.setAttribute('aria-expanded', navMenu.classList.contains('active'));
});
<div class="qualite">
<p><b>Compréhension des besoins clients :</b><br>
Capacité à recueillir les besoins des clients de manière précise et détaillée. Grâce à une
écoute active,
je m'assure de bien comprendre leurs attentes, leurs enjeux et leurs objectifs spécifiques.
Je mets également un point d'honneur à vulgariser les informations complexes pour les rendre
accessibles à tous. Cette capacité à transformer des concepts techniques en termes clairs et
compréhensibles
garantit une collaboration fluide et une prise de décision éclairée.
<em>Sensibilisé a la <b>Méthode AGILE</b>.</em>
</p>
</div>
</section>
</div>
</div>
<script>
const hamburger = document.querySelector('.hamburger');
const navMenu = document.querySelector('nav ul');
hamburger.addEventListener('click', () => {
navMenu.classList.toggle('active');
hamburger.setAttribute('aria-expanded', navMenu.classList.contains('active'));
});
document.querySelectorAll('nav a').forEach(link => {
link.addEventListener('click', () => {
navMenu.classList.remove('active');
hamburger.setAttribute('aria-expanded', 'false');
});
});
</script>
<script src="type.js"></script>
document.querySelectorAll('nav a').forEach(link => {
link.addEventListener('click', () => {
navMenu.classList.remove('active');
hamburger.setAttribute('aria-expanded', 'false');
});
});
</script>
<script src="type.js"></script>
</body>
</html>

@ -101,7 +101,7 @@
<div class="projets-grid">
<div class="card projet">
<h3>Prochainement ...</h3>
<h3>En Cours...</h3>
<h4>Conception d'une réplique de jeu vidéo et élaboration d'un algorithme capable de battre le Jeu</h4>
<p><em><b>Projet Personnel:</b> (depuis le 31 Janvier 2025)</em></p>
<p>Ce projet en cours de production vise à concevoir une réplique fidèle du jeu "Crossy Road" à l'aide
@ -109,6 +109,8 @@
la plus longue distance à notre personnage à travers un parcours d'obstacles au thème urbain. <br>
<em>Une fois le jeu reproduit fidèlement j'ai pour ambition de créer un algorithme en <b>C#</b>
capable d'intéragir avec le jeu afin qu'il puisse être imbattable. <br>
Une fois mon programme fonctionnel je souhaite entrainer une I.A capable de battre le jeu et par
la suite de comparer ses 2 solutions en regardant laquelle obtiens le meilleur score.
Ce projet personnel sera l'occasion de m'autoformé sur C# & UNITY ainsi que de travailler à
l'élaboration d'un projet complexe. Il formera une excellente introduction aux notions d'IA et
de Robotique qui sont des domaines de

Loading…
Cancel
Save