Skip to content
Snippets Groups Projects
Commit b982879b authored by Paul Cancel's avatar Paul Cancel
Browse files

Fin du site web

parent 18316e2c
No related branches found
No related tags found
No related merge requests found
Pipeline #35257 passed
File added
public/Images/Projets/JO.JPG

79.2 KiB

public/Images/Projets/JO.png

134 KiB

...@@ -18,7 +18,7 @@ ...@@ -18,7 +18,7 @@
<div class="contact"> <div class="contact">
<header><h2>Contact : </h2></header> <header><h2>Contact : </h2></header>
<ul> <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>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> <li>LinkedIn : <a href="https://www.linkedin.com/in/paul-cancel-7003b62a4/" target="_blank">Paul Cancel</a></li>
</ul> </ul>
......
...@@ -18,15 +18,15 @@ ...@@ -18,15 +18,15 @@
<div class="projets"> <div class="projets">
<ul> <ul>
<li> <li>
<a href="https://github.com/PaulCancelEtu/BDD_Olympique" target="_blank"> <a href="./Projets/BDD.html">
<img src="../Images/Projets/JO.JPG" alt="BDD"> <img src="../Images/Projets/JO.png" alt="BDD">
<div class="title"> <div class="title">
<p>Creation d'une base de donnee</p> <p>Création d'une base de donnee</p>
</div> </div>
</a> </a>
</li> </li>
<li> <li>
<a href="https://github.com/PaulCancelEtu/Affiliation" target="_blank"> <a href="./Projets/Appariements.html">
<img src="../Images/Projets/appariement.png" alt="appariement"> <img src="../Images/Projets/appariement.png" alt="appariement">
<div class="title"> <div class="title">
<p>Application d'appariement</p> <p>Application d'appariement</p>
...@@ -34,23 +34,23 @@ ...@@ -34,23 +34,23 @@
</a> </a>
</li> </li>
<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"> <img src="../Images/Projets/fightbird.JPG" alt="fight bird">
<div class="title"> <div class="title">
<p>Jeu video "Fight Bird"</p> <p>Jeu vidéo "Fight Bird"</p>
</div> </div>
</a> </a>
</li> </li>
<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"> <img src="../Images/Projets/background.png" alt="Chasse au monstre">
<div class="title"> <div class="title">
<p>Jeu video "Fight Bird"</p> <p>Jeu vidéo "Chasse au monstre"</p>
</div> </div>
</a> </a>
</li> </li>
<li> <li>
<a href="https://github.com/PaulCancelEtu/portfolio" target="_blank"> <a href="./Projets/Portfolio.html">
<img src="../Images/Projets/Portfolio.JPG" alt="Portfolio"> <img src="../Images/Projets/Portfolio.JPG" alt="Portfolio">
<div class="title"> <div class="title">
<p>Portfolio</p> <p>Portfolio</p>
......
<!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
<!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
<!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
<!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
<!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
@font-face { @font-face {
font-family: 'Cascadia'; font-family: 'Cascadia';
src: url('../Fonts/Cascadia.ttf') format('truetype'); src: url('../Fonts/Louis\ George\ Cafe.ttf') format('truetype');
} }
body{ body{
...@@ -165,10 +165,11 @@ profile img:hover{ ...@@ -165,10 +165,11 @@ profile img:hover{
} }
#presentation h5{ #presentation h5{
width: 80%; width: 90%;
background-color: rgb(41, 41, 41); background-color: rgb(41, 41, 41);
padding: 1%; padding: 1%;
margin: auto; margin: auto;
font-size: 1em;
text-align: center; text-align: center;
margin-bottom: 2em; margin-bottom: 2em;
} }
...@@ -205,12 +206,12 @@ ul li:hover .title{ ...@@ -205,12 +206,12 @@ ul li:hover .title{
} }
ul li img:hover{ ul li img:hover{
transition: 1s; transition: 0.5s;
width: 6em; width: 6em;
} }
ul li img:not(:hover){ ul li img:not(:hover){
transition: 1s; transition: 0.5s;
width: 5em; width: 5em;
} }
...@@ -283,3 +284,42 @@ article h3{ ...@@ -283,3 +284,42 @@ article h3{
text-align: end; 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%;
}
...@@ -9,7 +9,8 @@ ...@@ -9,7 +9,8 @@
<div class="topnav"> <div class="topnav">
<a class="active" href="./index.html">Accueil</a> <a class="active" href="./index.html">Accueil</a>
<a href="./Pages/Projets.html">Mes projets</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> </div>
<header> <header>
<h1>Paul CANCEL</h1> <h1>Paul CANCEL</h1>
...@@ -33,20 +34,20 @@ ...@@ -33,20 +34,20 @@
<section id="presentation"> <section id="presentation">
<header> <header>
<h1>Presentation</h1> <h1>Présentation</h1>
</header> </header>
<article> <article>
<h5>Bonjour, je suis etudiant en deuxieme annee de Brevet Universitaire de Technologie (BUT) en informatique a l'Universite de Lille. <h5>Bonjour, je suis étudiant en deuxième année de Brevet Universitaire de Technologie (BUT) en informatique à l'Université de Lille.
Actuellement en quete d'un stage, je souhaite mettre en pratique mes competences dans le domaine informatique au sein d'une entreprise 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 interet pour le developpement logiciel, en particulier avec Java et Python, s'est consolide. 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 premiere, je suis ouvert a explorer d'autres domaines tels que le developpement web, 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 donnees, ainsi que les secteurs du reseau et de l'architecture. Mon objectif est d'integrer une entreprise 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'opportunite d'elargir mes connaissances et de travailler avec de nouveaux outils, renforcant ainsi mon experience professionnelle. offrant l'opportunité d'élargir mes connaissances et de travailler avec de nouveaux outils, renforçant ainsi mon expérience professionnelle.
</h5> </h5>
</article> </article>
<header> <header>
<h1> <h1>
Competences Compétences
</h1> </h1>
</header> </header>
<article> <article>
...@@ -88,23 +89,22 @@ ...@@ -88,23 +89,22 @@
</div> </div>
</li> </li>
</ul> </ul>
</article> </article>
<header> <header id="formation">
<h1> <h1>
Formation Formation
</h1> </h1>
</header> </header>
<article> <article>
<h3> <h3>
2021 : Baccalaureat, specialite Mathematique & NSI 2021 : Baccalauréat, specialité Mathématique & NSI
<br><br><br> <br><br><br>
2022/2023/2024 : BUT Informatique 2022/2023/2024 : BUT Informatique
</h3> </h3>
</article> </article>
</section> </section>
<div class="end"> <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> </div>
</main> </main>
</div> </div>
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment