diff --git a/public/Fonts/Louis George Cafe.ttf b/public/Fonts/Louis George Cafe.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..f8ffc4b30d296618ae62558cc4d1473e6cab87cf
Binary files /dev/null and b/public/Fonts/Louis George Cafe.ttf differ
diff --git a/public/Images/Projets/JO.JPG b/public/Images/Projets/JO.JPG
deleted file mode 100644
index e1c02fb21ba51d9b764d43074d49b5b70000620d..0000000000000000000000000000000000000000
Binary files a/public/Images/Projets/JO.JPG and /dev/null differ
diff --git a/public/Images/Projets/JO.png b/public/Images/Projets/JO.png
new file mode 100644
index 0000000000000000000000000000000000000000..8172b297be2089fd61c929d95617c4568451a0d0
Binary files /dev/null and b/public/Images/Projets/JO.png differ
diff --git a/public/Pages/Contact.html b/public/Pages/Contact.html
index 23d39194990d20b3887abc097965533661340722..325adbf8402715394d7c1c2772d038cde93410ae 100644
--- a/public/Pages/Contact.html
+++ b/public/Pages/Contact.html
@@ -18,7 +18,7 @@
<div class="contact">
<header><h2>Contact : </h2></header>
<ul>
- <li>Telephone : +33 7 81 39 79 17</li>
+ <li>Téléphone : +33 7 81 39 79 17</li>
<li>Mail : <a href="mailto:paul.cancel.etu@univ-lille.fr">paul.cancel.etu@univ-lille.fr</a></li>
<li>LinkedIn : <a href="https://www.linkedin.com/in/paul-cancel-7003b62a4/" target="_blank">Paul Cancel</a></li>
</ul>
diff --git a/public/Pages/Projets.html b/public/Pages/Projets.html
index fa506ff28f51ed143a38b719da178c51aea1d486..124aac99ec04d1177d41557148876e9283d783b5 100644
--- a/public/Pages/Projets.html
+++ b/public/Pages/Projets.html
@@ -18,15 +18,15 @@
<div class="projets">
<ul>
<li>
- <a href="https://github.com/PaulCancelEtu/BDD_Olympique" target="_blank">
- <img src="../Images/Projets/JO.JPG" alt="BDD">
+ <a href="./Projets/BDD.html">
+ <img src="../Images/Projets/JO.png" alt="BDD">
<div class="title">
- <p>Creation d'une base de donnee</p>
+ <p>Création d'une base de donnee</p>
</div>
</a>
</li>
<li>
- <a href="https://github.com/PaulCancelEtu/Affiliation" target="_blank">
+ <a href="./Projets/Appariements.html">
<img src="../Images/Projets/appariement.png" alt="appariement">
<div class="title">
<p>Application d'appariement</p>
@@ -34,23 +34,23 @@
</a>
</li>
<li>
- <a href="https://github.com/PaulCancelEtu/Affiliation" target="_blank">
+ <a href="./Projets/FightBird.html">
<img src="../Images/Projets/fightbird.JPG" alt="fight bird">
<div class="title">
- <p>Jeu video "Fight Bird"</p>
+ <p>Jeu vidéo "Fight Bird"</p>
</div>
</a>
</li>
<li>
- <a href="https://github.com/PaulCancelEtu/chasseAuMonstre" target="_blank">
+ <a href="./Projets/Chasse.html">
<img src="../Images/Projets/background.png" alt="Chasse au monstre">
<div class="title">
- <p>Jeu video "Fight Bird"</p>
+ <p>Jeu vidéo "Chasse au monstre"</p>
</div>
</a>
</li>
<li>
- <a href="https://github.com/PaulCancelEtu/portfolio" target="_blank">
+ <a href="./Projets/Portfolio.html">
<img src="../Images/Projets/Portfolio.JPG" alt="Portfolio">
<div class="title">
<p>Portfolio</p>
diff --git a/public/Pages/Projets/Appariements.html b/public/Pages/Projets/Appariements.html
new file mode 100644
index 0000000000000000000000000000000000000000..dea4ddf28c8a37cd2d846ec758690d4f856fe253
--- /dev/null
+++ b/public/Pages/Projets/Appariements.html
@@ -0,0 +1,61 @@
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8" />
+<title>Page</title>
+<link rel="stylesheet" href="../../Styles/styles.css" />
+</head>
+<body>
+ <div class="topnav">
+ <a class="active" href="../../index.html">Accueil</a>
+ <a href="../Projets.html">Mes projets</a>
+ </div>
+ <header>
+ <a href="https://github.com/PaulCancelEtu/Affiliation" target="_blank">
+ <h2>
+ Application d'appariement
+ </h2>
+ </a>
+ </header>
+ <section id="projets">
+ <img src="../../Images/Projets/appariement.png" alt="appariement">
+ <header>
+ <h1>Présentation</h1>
+ </header>
+ <article>
+ <h5>L'application d'appariement est une application permettant de créer des couples d'hôtes et de visiteurs dans le cadre d'échanges scolaire.
+ Une notion d'historique est inclue ainsi qu'un algorithme de graphe permettant de gérer les étudiants ayants des allergies ou encore en fonction des
+ goûts que les couples aurait en commun. Il est également possible de forcer des appariements entre 2 étudiants. Finalement, le résultat est stocké dans
+ un fichier .csv et l'historique est sauvegardé pour l'année prochaine
+ </h5>
+ </article>
+ <header>
+ <h1>Compétences inclues</h1>
+ </header>
+ <article>
+ <ul>
+ <li>
+ <h4>Java programmation objet</h4>
+ </li>
+ <li>
+ <h4>Javafx</h4>
+ </li>
+ <li>
+ <h4>Figma</h4>
+ </li>
+ <li>
+ <h4>Graphe</h4>
+ </li>
+ <li>
+ <h4>Git</h4>
+ </li>
+ </ul>
+
+ </article>
+ </section>
+
+ <div class="bottomfoot">
+ <a href="./Contact.html">Me contacter</a>
+ <a href="../pdf/cv.pdf" target="_blank">Mon CV</a>
+ </div>
+</body>
\ No newline at end of file
diff --git a/public/Pages/Projets/BDD.html b/public/Pages/Projets/BDD.html
new file mode 100644
index 0000000000000000000000000000000000000000..257eecb801fc444d553c92f8e30df4bb2843df0e
--- /dev/null
+++ b/public/Pages/Projets/BDD.html
@@ -0,0 +1,59 @@
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8" />
+<title>Page</title>
+<link rel="stylesheet" href="../../Styles/styles.css" />
+</head>
+<body>
+ <div class="topnav">
+ <a class="active" href="../../index.html">Accueil</a>
+ <a href="../Projets.html">Mes projets</a>
+ </div>
+ <header>
+ <a href="https://github.com/PaulCancelEtu/BDD_Olympique" target="_blank">
+ <h2>
+ Gestion d'une base de donnée pour les jeux olympiques
+ </h2>
+ </a>
+ </header>
+ <section id="projets">
+ <img src="../../Images/Projets/JO.png" alt="appariement">
+ <header>
+ <h1>Présentation</h1>
+ </header>
+ <article>
+ <h5>
+ Nous avons créer un algorithme permettant d'organiser une base de donnée d'import de statistiques sur les jeux olympiques avec le modèle
+ conceptuel de données adéquat ainsi que le modèle logique de donnée. Nous avons également réalisé un rapport expliquant nos procédures ainsi
+ qu'un fichier SQL de requêtes sur la base de donnée que nous avons créée. L'objectif de ce projet était de nous apprendre à ventiler une base
+ base de donnée en réduisant fortement le nombre de ligne contenant des informations dupliquées grâce à la séparation en différentes tables.
+ </h5>
+ </article>
+ <header>
+ <h1>Compétences inclues</h1>
+ </header>
+ <article>
+ <ul>
+ <li>
+ <h4>SQL</h4>
+ </li>
+ <li>
+ <h4>PowerAMC</h4>
+ </li>
+ <li>
+ <h4>Rédaction de rapport</h4>
+ </li>
+ <li>
+ <h4>Git</h4>
+ </li>
+ </ul>
+
+ </article>
+ </section>
+
+ <div class="bottomfoot">
+ <a href="./Contact.html">Me contacter</a>
+ <a href="../pdf/cv.pdf" target="_blank">Mon CV</a>
+ </div>
+</body>
\ No newline at end of file
diff --git a/public/Pages/Projets/Chasse.html b/public/Pages/Projets/Chasse.html
new file mode 100644
index 0000000000000000000000000000000000000000..ad1594c4569c68576880efbaec3c0d65e0751131
--- /dev/null
+++ b/public/Pages/Projets/Chasse.html
@@ -0,0 +1,58 @@
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8" />
+<title>Page</title>
+<link rel="stylesheet" href="../../Styles/styles.css" />
+</head>
+<body>
+ <div class="topnav">
+ <a class="active" href="../../index.html">Accueil</a>
+ <a href="../Projets.html">Mes projets</a>
+ </div>
+ <header>
+ <a href="https://github.com/PaulCancelEtu/chasseAuMonstre" target="_blank">
+ <h2>
+ Jeu vidéo de la chasse au monstre
+ </h2>
+ </a>
+ </header>
+ <section id="projets">
+ <img src="../../Images/Projets/background.png" alt="appariement">
+ <header>
+ <h1>Présentation</h1>
+ </header>
+ <article>
+ <h5>Nous avons réalisé en groupe de 4 un jeu de chasse au monstre en Java sur le système "Modèle, Vue, Contrôleur". Le jeu se
+ joue à 0, 1 ou 2 joueurs, l'un jouant le chasseur et l'autre le monstre, pour chaque joueur manquant des IAs jouant automatiquement
+ sont implémentées. L'histoire du jeu se passe à la fin de la Seconde Guerre Mondiale à Berlin, un char Allemand cherche à se rendre aux
+ Américains en évitant les bombardements de l'Armée Rouge.
+ </h5>
+ </article>
+ <header>
+ <h1>Compétences inclues</h1>
+ </header>
+ <article>
+ <ul>
+ <li>
+ <h4>Java programmation objet</h4>
+ </li>
+ <li>
+ <h4>Javafx</h4>
+ </li>
+ <li>
+ <h4>UML</h4>
+ </li>
+ <li>
+ <h4>Git</h4>
+ </li>
+ </ul>
+
+ </article>
+ </section>
+
+ <div class="bottomfoot">
+ <a href="./Contact.html">Me contacter</a>
+ <a href="../pdf/cv.pdf" target="_blank">Mon CV</a>
+ </div>
+</body>
\ No newline at end of file
diff --git a/public/Pages/Projets/FightBird.html b/public/Pages/Projets/FightBird.html
new file mode 100644
index 0000000000000000000000000000000000000000..e715ae9cb5c8a17cda9a40ea397fd5a25593b5aa
--- /dev/null
+++ b/public/Pages/Projets/FightBird.html
@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8" />
+<title>Page</title>
+<link rel="stylesheet" href="../../Styles/styles.css" />
+</head>
+<body>
+ <div class="topnav">
+ <a class="active" href="../../index.html">Accueil</a>
+ <a href="../Projets.html">Mes projets</a>
+ </div>
+ <header>
+ <a href="https://github.com/PaulCancelEtu/Affiliation" target="_blank">
+ <h2>
+ Jeu vidéo "Fight Bird"
+ </h2>
+ </a>
+ </header>
+ <section id="projets">
+ <img src="../../Images/Projets/fightbird.JPG" alt="appariement">
+ <header>
+ <h1>Présentation</h1>
+ </header>
+ <article>
+ <h5>Nous avons réalisé en groupe de jeu en Java avec la méthode SCRUM. Le jeu s'appelle Fight Bird et consiste en un enchainement
+ de salle avec des tuyaux comme dans le jeu "Flappy Bird" avec après chaque phase un combat contre un adversaire de plus en plus
+ puissant au fur et à mesure des salle. Tout les 10 niveaux, un boss encore plus fort apparait et donne une plus grande récompense.
+ Le jeu est agrémenté d'armes récupérable dans des coffres et stocké dans un inventaire où l'on choisira des armes entre chaque combat.
+ </h5>
+ </article>
+ <header>
+ <h1>Compétences inclues</h1>
+ </header>
+ <article>
+ <ul>
+ <li>
+ <h4>Java programmation objet</h4>
+ </li>
+ <li>
+ <h4>Méthode SCRUM</h4>
+ </li>
+ <li>
+ <h4>Git</h4>
+ </li>
+ </ul>
+
+ </article>
+ </section>
+
+ <div class="bottomfoot">
+ <a href="./Contact.html">Me contacter</a>
+ <a href="../pdf/cv.pdf" target="_blank">Mon CV</a>
+ </div>
+</body>
\ No newline at end of file
diff --git a/public/Pages/Projets/Portfolio.html b/public/Pages/Projets/Portfolio.html
new file mode 100644
index 0000000000000000000000000000000000000000..d3673b0d0a2018464d0614cc7d678305f9c04405
--- /dev/null
+++ b/public/Pages/Projets/Portfolio.html
@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8" />
+<title>Page</title>
+<link rel="stylesheet" href="../../Styles/styles.css" />
+</head>
+<body>
+ <div class="topnav">
+ <a class="active" href="../../index.html">Accueil</a>
+ <a href="../Projets.html">Mes projets</a>
+ </div>
+ <header>
+ <a href="https://github.com/PaulCancelEtu/portfolio" target="_blank">
+ <h2>
+ Ce Portfolio
+ </h2>
+ </a>
+ </header>
+ <section id="projets">
+ <img src="../../Images/Projets/Portfolio.JPG" alt="appariement">
+ <header>
+ <h1>Présentation</h1>
+ </header>
+ <article>
+ <h5>Il s'agit simplement de ce portfolio permettant de montrer mes projets.
+ </h5>
+ </article>
+ <header>
+ <h1>Compétences inclues</h1>
+ </header>
+ <article>
+ <ul>
+ <li>
+ <h4>HTML</h4>
+ </li>
+ <li>
+ <h4>CSS</h4>
+ </li>
+ <li>
+ <h4>Git</h4>
+ </li>
+ <li>
+ <h4>Gitlab Pages</h4>
+ </li>
+ </ul>
+
+ </article>
+ </section>
+
+ <div class="bottomfoot">
+ <a href="./Contact.html">Me contacter</a>
+ <a href="../pdf/cv.pdf" target="_blank">Mon CV</a>
+ </div>
+</body>
\ No newline at end of file
diff --git a/public/Styles/styles.css b/public/Styles/styles.css
index 371d55556cc87db3a836904148b03ca5079ff53f..9c34ab48d8e753073cfa8eb49f52f760d368cdf7 100644
--- a/public/Styles/styles.css
+++ b/public/Styles/styles.css
@@ -1,6 +1,6 @@
@font-face {
font-family: 'Cascadia';
- src: url('../Fonts/Cascadia.ttf') format('truetype');
+ src: url('../Fonts/Louis\ George\ Cafe.ttf') format('truetype');
}
body{
@@ -165,10 +165,11 @@ profile img:hover{
}
#presentation h5{
- width: 80%;
+ width: 90%;
background-color: rgb(41, 41, 41);
padding: 1%;
margin: auto;
+ font-size: 1em;
text-align: center;
margin-bottom: 2em;
}
@@ -205,12 +206,12 @@ ul li:hover .title{
}
ul li img:hover{
- transition: 1s;
+ transition: 0.5s;
width: 6em;
}
ul li img:not(:hover){
- transition: 1s;
+ transition: 0.5s;
width: 5em;
}
@@ -283,3 +284,42 @@ article h3{
text-align: end;
}
+#projets{
+ margin-left: 4em;
+ display: flex;
+ align-items: left;
+ background-color: rgb(20, 20, 20);
+ flex-flow: column;
+ margin-bottom: 5em;
+}
+
+#projets header{
+ margin-left: 3em;
+ font-style: bold;
+ color: white;
+ border: white;
+}
+
+#projets h5{
+ width: 90%;
+ background-color: rgb(41, 41, 41);
+ padding: 1%;
+ margin: auto;
+ font-size: 1em;
+ text-align: center;
+ margin-bottom: 2em;
+}
+
+#projets ul li{
+ list-style-type: none;
+ display: inline-block;
+ margin-left: 6em;
+}
+
+#projets img{
+ margin-top: 4em;
+ background-color: white;
+ margin-left: 30%;
+ width: 30%;
+}
+
diff --git a/public/index.html b/public/index.html
index d4ec3c60a97049e6bec2f70431df3ce28942fb55..a2e0f8f7a07fb0e31c709454ad2908401c1fac63 100644
--- a/public/index.html
+++ b/public/index.html
@@ -9,7 +9,8 @@
<div class="topnav">
<a class="active" href="./index.html">Accueil</a>
<a href="./Pages/Projets.html">Mes projets</a>
- <a href="#presentation">Presentation</a>
+ <a href="#presentation">Présentation</a>
+ <a href="#formation">Formation</a>
</div>
<header>
<h1>Paul CANCEL</h1>
@@ -33,20 +34,20 @@
<section id="presentation">
<header>
- <h1>Presentation</h1>
+ <h1>Présentation</h1>
</header>
<article>
- <h5>Bonjour, je suis etudiant en deuxieme annee de Brevet Universitaire de Technologie (BUT) en informatique a l'Universite de Lille.
- Actuellement en quete d'un stage, je souhaite mettre en pratique mes competences dans le domaine informatique au sein d'une entreprise
- dynamique. Depuis ma jeunesse, mon interet pour le developpement logiciel, en particulier avec Java et Python, s'est consolide.
- Bien que la programmation reste ma passion premiere, je suis ouvert a explorer d'autres domaines tels que le developpement web,
- la gestion de bases de donnees, ainsi que les secteurs du reseau et de l'architecture. Mon objectif est d'integrer une entreprise
- offrant l'opportunite d'elargir mes connaissances et de travailler avec de nouveaux outils, renforcant ainsi mon experience professionnelle.
+ <h5>Bonjour, je suis étudiant en deuxième année de Brevet Universitaire de Technologie (BUT) en informatique à l'Université de Lille.
+ Actuellement en quête d'un stage, je souhaite mettre en pratique mes compétences dans le domaine informatique au sein d'une entreprise
+ dynamique. Depuis ma jeunesse, mon intérêt pour le développement logiciel, en particulier avec Java et Python, s'est consolidé.
+ Bien que la programmation reste ma passion première, je suis ouvert à explorer d'autres domaines tels que le développement web,
+ la gestion de bases de données, ainsi que les secteurs du réseau et de l'architecture. Mon objectif est d'intégrer une entreprise
+ offrant l'opportunité d'élargir mes connaissances et de travailler avec de nouveaux outils, renforçant ainsi mon expérience professionnelle.
</h5>
</article>
<header>
<h1>
- Competences
+ Compétences
</h1>
</header>
<article>
@@ -88,23 +89,22 @@
</div>
</li>
</ul>
-
</article>
- <header>
+ <header id="formation">
<h1>
Formation
</h1>
</header>
<article>
<h3>
- 2021 : Baccalaureat, specialite Mathematique & NSI
+ 2021 : Baccalauréat, specialité Mathématique & NSI
<br><br><br>
2022/2023/2024 : BUT Informatique
</h3>
</article>
</section>
<div class="end">
- N'hesitez pas a me contacter si vous avez besoin de complements d'information
+ N'hésitez pas à me contacter si vous avez besoin de compléments d'informations
</div>
</main>
</div>