-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathretex.html
186 lines (182 loc) · 10.3 KB
/
retex.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/retex.css">
<link rel="stylesheet" href="css/generic.css">
<link rel="icon" type="image/x-icon" href="/assets/favicon.ico">
<title>Nils Durieux</title>
</head>
<body>
<div class="container">
<div class="menu">
<div class="menu-logo">
<p>N_</p>
</div>
<ul>
<li><a href="index.html">Accueil</a></li>
<li><a href="index.html#about">À propos</a></li>
<li><a href="index.html#skills">Compétences</a></li>
<li><a href="index.html#retex">Projets</a></li>
</ul>
<div class="icon-links-section">
<a href="https://github.com/kalutdx" id="github-icon" target="_blank"><img src="assets/icons/github.png" alt="github icon"></a>
<a href="mailto:nils.durieux@gmail.com" id="mail-icon"><img src="assets/icons/mail.png" alt="mail icon"></a>
</div>
</div>
<div class="retex-wrapper wrapper">
<h1 class="title" id="piw">Pixel IUT War</h1>
<div class="retex-content">
<img src="assets/pictures/piw.png" alt="Photo du projet Pixel IUT War">
<div class="right-part">
<div class="lists">
<div class="specifications">
<h2>Cahier des charges :</h2>
<ul>
<li>Conception d'une <span class="highlight">interface utilisateur</span></li>
<li>Intégration d'une <span class="highlight">API propriétaire</span></li>
<li><span class="highlight">Évolution du projet</span> à travers de nouvelles fonctionnalités</li>
</ul>
</div>
<div class="acquired-skills">
<h2>Compétences acquises :</h2>
<ul>
<li>Développement <span class="highlight">JavaScript</span></li>
<li>Envoi et gestion de requêtes à un serveur via l'<span class="highlight">API Fetch</span></li>
<li>Manipulation du <span class="highlight">DOM avec JavaScript</span></li>
</ul>
</div>
</div>
<p class="retex-desc">Pixel IUT War est un <span class="highlight">jeu sur navigateur</span>
inspiré de <span class="highlight">r/place</span>, où une <span class="highlight">centaine de joueurs en
simultané</span> peuvent poser des pixels sur une <span class="highlight">grille de 10000
pixels</span>.</p>
</div>
</div>
</div>
<div class="retex-wrapper wrapper">
<h1 class="title" id="towa">Towa</h1>
<div class="retex-content">
<img src="assets/pictures/towa-gui.png" alt="Photo du projet Towa">
<div class="right-part">
<div class="lists">
<div class="specifications">
<h2>Cahier des charges :</h2>
<ul>
<li>Implémentation des règles du jeu</li>
<li>Algorithmes de <span class="highlight">jeu contre l'ordinateur</span></li>
</ul>
</div>
<div class="acquired-skills">
<h2>Compétences acquises :</h2>
<ul>
<li>Développement <span class="highlight">Java</span></li>
<li>Recherche d'<span class="highlight">algorithmes</span> toujours plus poussés pour répondre à une problématique</li>
<li>Gestion des versions avec <span class="highlight">Git</span></li>
</ul>
</div>
</div>
<p class="retex-desc">Towa est un <span class="highlight">jeu de plateau virtuel</span> où les joueurs
peuvent <span class="highlight">poser et améliorer des tours</span> dans un <span class="highlight">plateau de 256 cases</span>
pour <span class="highlight">détruire celles de l'adversaire</span>.</p>
</div>
</div>
</div>
<div class="retex-wrapper wrapper">
<h1 class="title" id="udbd">UniDeckBuildDuel</h1>
<div class="retex-content">
<img src="assets/pictures/unideckbuildduel.png" alt="Photo du projet UniDeckBuildDuel">
<div class="right-part">
<div class="lists">
<div class="specifications">
<h2>Cahier des charges :</h2>
<ul>
<li>Implémentation d'une <span class="highlight">interface utilisateur intéractive</span></li>
<li>Intégration des règles du jeu</li>
</ul>
</div>
<div class="acquired-skills">
<h2>Compétences acquises :</h2>
<ul>
<li>Développement <span class="highlight">C#</span></li>
<li>Maîtrise de <span class="highlight">Visual Studio</span></li>
<li>Création d'<span class="highlight">applications Windows Forms</span></li>
<li><span class="highlight">Algorithmes</span> liés au placement dynamique des cartes</li>
</ul>
</div>
</div>
<p class="retex-desc">UniDeckBuildDuel est un <span class="highlight">jeu de cartes virtuel tour
par tour</span> où deux joueurs s'affrontent pour construire le plus de
bâtiments possibles avec ses ressources pour gagner un maximum
de points.</p>
</div>
</div>
</div>
<div class="retex-wrapper wrapper">
<h1 class="title" id="airgon">Airgon</h1>
<div class="retex-content">
<img src="assets/pictures/airgon.png" alt="Photo du projet Airgon">
<div class="right-part">
<div class="lists">
<div class="specifications">
<h2>Cahier des charges :</h2>
<ul>
<li>Création d'un <span class="highlight">site web</span> pour une entreprise fictive</li>
<li>Page <span class="highlight">adaptée pour les appareils mobiles</span></li>
<li>Validation <span class="highlight">W3C</span></li>
</ul>
</div>
<div class="acquired-skills">
<h2>Compétences acquises :</h2>
<ul>
<li>Utilisation de <span class="highlight">CSS3</span></li>
<li>Maîtrise des <span class="highlight">media-querries</span></li>
<li>Principes d'<span class="highlight">UX et d'UI design</span></li>
</ul>
</div>
</div>
<p class="retex-desc">Airgon est une <span class="highlight">marque fictive de chaussures</span>
faites à partir de matériaux recyclés. Ce projet visait donc
à créer l'<span class="highlight">identité numérique de la marque</span> à travers un
<span class="highlight">site web statique</span> respectant les normes <span class="highlight">W3C</span>.
</p>
</div>
</div>
</div>
<div class="retex-wrapper wrapper">
<h1 class="title" id="bundle">Graph Viewer</h1>
<div class="retex-content">
<img src="assets/pictures/bundle.png" alt="Photo du projet Graph Viewer">
<div class="right-part">
<div class="lists">
<div class="specifications">
<h2>Cahier des charges :</h2>
<ul>
<li>Chargement de graphes à partir de fichiers .csv</li>
<li>Visualisation d'<span class="highlight">arbres couvrants</span></li>
<li>Visualisation de <span class="highlight">faisceaux d'arêtes</span></li>
</ul>
</div>
<div class="acquired-skills">
<h2>Compétences acquises :</h2>
<ul>
<li>Développement <span class="highlight">orienté objet</span></li>
<li>Cohérence des données</li>
<li><span class="highlight">Algorithmes appliqués sur des graphes</span></li>
</ul>
</div>
</div>
<p class="retex-desc">Ce logiciel permet de <span class="highlight">visualiser des graphes</span> à
partir de fichiers existants, comme les flux migratoires aux États-Unis.
Le logiciel est capable de tracer automatiquement un <span class="highlight">arbre couvrant</span> à
partir du graphe visualisé, ainsi que des <span class="highlight">faisceaux d'arêtes</span> pour
mieux représenter les zones où passent le traffic.
</p>
</div>
</div>
</div>
</div>
<script type="module" src="/modules/app.js"></script>
</body>
</html>