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
Stage: test
Stage: deploy
Show whitespace changes
Inline Side-by-side
Showing
with 355 additions and 27 deletions
public/Fonts/Louis George Cafe.ttf 0 → 100644
+ 0
− 0
View file @ b982879b
File added
public/Images/Projets/JO.JPG deleted 100644 → 0
+ 0
− 0
View file @ 18316e2c
public/Images/Projets/JO.JPG

79.2 KiB

public/Images/Projets/JO.png 0 → 100644
+ 0
− 0
View file @ b982879b
public/Images/Projets/JO.png

134 KiB

public/Pages/Contact.html
+ 1
− 1
View file @ b982879b
......@@ -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>
......
public/Pages/Projets.html
+ 9
− 9
View file @ b982879b
......@@ -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>
......
public/Pages/Projets/Appariements.html 0 → 100644
+ 61
− 0
View file @ b982879b
<!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
public/Pages/Projets/BDD.html 0 → 100644
+ 59
− 0
View file @ b982879b
<!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
public/Pages/Projets/Chasse.html 0 → 100644
+ 58
− 0
View file @ b982879b
<!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
public/Pages/Projets/FightBird.html 0 → 100644
+ 55
− 0
View file @ b982879b
<!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
public/Pages/Projets/Portfolio.html 0 → 100644
+ 55
− 0
View file @ b982879b
<!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
public/Styles/styles.css
+ 44
− 4
View file @ b982879b
@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%;
}
public/index.html
+ 13
− 13
View file @ b982879b
......@@ -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>
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please to comment