-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
281 lines (263 loc) · 15.6 KB
/
index.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
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
<!DOCTYPE html>
<html lang="fr">
<head>
<title>Marc-Antoine Touin</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="Author" content="Marc-Antoine Touin">
<meta name="keywords"
content="marc-antoine,marc,antoine,touin,portfolio,programmation,developper,developpement,developer,development,digital,digital design,projets,bretagne,web,rennes,brest,flutter,dart,">
<meta name="description"
content="Je suis Marc-Antoine élève ingénieur en 5è année à l'ISEN Brest. Apprenez-en plus sur moi !">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta property="og:title" content="Marc-Antoine Touin">
<meta property="og:type" content="website">
<meta property="og:url" content="http://ma-touin.xyz/">
<link rel="shortcut icon" href="img/mat_darkblue.png">
<!-- CSS -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css"
integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="css/bulma.min.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<!-- JS -->
<script src="js/script.js"></script>
</head>
<body>
<div id="french-content">
<section class="hero is-bg-darkblue is-medium">
<div class="hero-body">
<div class="container">
<div class="columns">
<div class="column is-full-tablet is-two-thirds">
<h1 class="title arca-title is-size-0-desktop is-size-1-tablet is-size-3-mobile">
Marc-Antoine Touin
</h1>
<h2 class="subtitle italic-subtitle is-size-1-desktop is-size-3-tablet is-size-4-mobile">
Étudiant ingénieur
</h2>
</div>
<div class="column is-hidden-touch">
<h4><i class="fas fa-home"></i> 16 Rue de la moutonnière</h4>
<h4><i class="fas fa-city"></i> 35130, La Guerche de Bretagne</h4>
<h4><i class="fas fa-at"></i> [email protected]</h4>
<h4><i class="fas fa-mobile-alt"></i> 06 76 04 10 57</h4>
<h4><i class="fas fa-birthday-cake"></i> 23 ans</h4>
<h4><i class="fas fa-car-alt"></i> Permis B
<!-- international-->
</h4>
<h4><i class="fab fa-linkedin"></i> <a href="https://www.linkedin.com/in/ma-touin/">Mon
LinkedIn</a></h4>
</div>
</div>
</div>
</div>
</section>
<section class="section">
<div class="container">
<div class="columns is-mobile is-hidden-desktop">
<div class="column is-full-mobile">
<p><i class="fas fa-home"></i> 16 Rue de la moutonnière</p>
<p><i class="fas fa-city"></i> 35130, La Guerche de Bretagne</p>
<p><i class="fas fa-at"></i> [email protected]</p>
<p><i class="fas fa-mobile-alt"></i> 06 76 04 10 57</p>
<p><i class="fas fa-birthday-cake"></i> 23 ans</p>
<p><i class="fas fa-car-alt"></i> Permis B
<!-- international-->
</p>
<p><i class="fab fa-linkedin"></i> <a href="https://www.linkedin.com/in/ma-touin/">Mon
LinkedIn</a></p>
</div>
</div>
<!-- TODO : RESPOOONSIVE !!! grille ?-->
<div class="about">
<h2 class="title is-3">À Propos de moi</h2>
<p>Je suis Marc-Antoine Touin, étudiant en 5è année à l'ISEN Brest (Promotion 2019) et en contrat de
professionnalisation chez Niji.</p>
</div>
<div class="experiences">
<h2 class="title is-3">Expériences</h2>
<h4 class="title is-4">Ingénieur d'étude en contrat de professionnalisation - Niji Rennes - 2018 /
2019</h4>
<p>Réalisation d'un projet interne d'aide au recrutement pour tablettes en mobile, en Flutter.</p>
<h4 class="title is-4">Projet de génération de randonnées avec OpenStreetMap - ISEN - 2018</h4>
<p>Le but de ce projet est de proposer un outil permettant de générer une randonnée à partir d’un
point de départ et de diverses options (distance / durée / point d’arrivée),
grâce aux données OpenStreetMap.</p>
<h4 class="title is-4">Développeur en contrat de professionnalisation - Immo Facile - 2016 / 2017
</h4>
<p>Travail au sein de l’équipe « projets » : réalisation de nouveaux modules, refonte de l’existant,
travail avec partenaires et gestion de projet associée au sein du logiciel vendu par la société.
</p>
<h4 class="title is-4">Vice-président et développeur - Digital Design - 2016 / 2017</h4>
<p>Réalisation de la communication de la 1è édition de <a
href="http://www.laleclercgouesnou.fr/v2/">La Leclerc Gouesnou Brest métropole.</a>
<br>Digital Design est une association d'étudiant au sein de l'ISEN Brest orientée sur les
technologies web et le design. <br>Auparavant responsable communication.</p>
<h4 class="title is-4">Développeur en stage de 7 semaines - Autocruise - 2016</h4>
<p>Au sein de l’équipe Qualité, réalisation d’un nouveau site web pour l’entreprise.</p>
</div>
<div class="formation">
<h2 class="title is-3">Formation & Diplômes</h2>
<h4 class="title is-4">YNCREA ISEN Ouest, Brest - 2017 / Aujourd'hui</h4>
<p>Master 1 & 2 en option Génie Logiciel.</p>
<h4 class="title is-4">ISEN Brest - 2013 / 2017</h4>
<p>Cycle préparatoire en Informatique & Réseaux au sein de l’ISEN.</p>
<h4 class="title is-4">CCNA Cisco 1,2,3,4</h4>
<h4 class="title is-4">First Certificate of English (FCE)</h4>
<h4 class="title is-4">Certification Voltaire</h4>
</div>
<div class="competences">
<h2 class="title is-3">Compétences</h2>
<h4 class="title is-4">Programmation</h4>
<p>Flutter, Dart, JavaScript, Frameworks JS, Android, PHP, Frameworks PHP, Sass, Less, Git, MySQL,
C, C++, Python, Java, Shell</p>
<h4 class="title is-4">Concepts</h4>
<p>Responsive Design, Design Pattern, Bases de données, Programmation orientée objet, APIs REST, UML
</p>
<h4 class="title is-4">Outils</h4>
<p>JetBrains, Office, Adobe, GitHub, GitLab, Jenkins, Trello, Redmine, Atom</p>
<h4 class="title is-4">Langues</h4>
<p>Français, Anglais (Compréhension & Expression), Espagnol (Compréhension et Expression), Italien
(Compréhension)</p>
</div>
<div class="others">
<h2 class="title is-3">Centres d'intérêt & activités</h2>
<p>Football et sports en général, Séries TV, Musique, Cinéma, Cuisine, Jeux vidéo, Nouvelles
technologies
</p>
</div>
</div>
</section>
<footer class="footer">
<div class="content has-text-centered">
<p>
Réalisé par Marc-Antoine Touin. Hebergé par OVH.<br>Le contenu du site est sous license
<a href="http://creativecommons.org/licenses/by-nc-sa/4.0/">CC BY NC SA 4.0</a>.
</p>
</div>
</footer>
</div>
<div id="english-content">
<section class="hero is-bg-darkblue is-medium">
<div class="hero-body">
<div class="container">
<div class="columns">
<div class="column is-full-tablet is-two-thirds">
<h1 class="title arca-title is-size-0-desktop is-size-1-tablet is-size-3-mobile">
Marc-Antoine Touin
</h1>
<h2 class="subtitle italic-subtitle is-size-1-desktop is-size-3-tablet is-size-4-mobile">
Engineer student
</h2>
</div>
<div class="column">
<div class="columns">
<div class="column is-half-touch">
<h4>16 Rue de la moutonnière</h4>
<h4>35130, La Guerche de Bretagne</h4>
<h4>[email protected]</h4>
</div>
<div class="column is-half-touch">
<h4>06.76.04.10.57</h4>
<h4>23 y.o.</h4>
<h4>International driving license : category B
<!-- international-->
</h4>
<h4><a href="https://www.linkedin.com/in/ma-touin/">My LinkedIn</a></h4>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section">
<div class="container">
<!-- TODO : RESPOOONSIVE !!! grille ?-->
<div class="about">
<h2 class="title is-3">À Propos de moi</h2>
<p>Je suis Marc-Antoine Touin, étudiant en 5è année à l'ISEN Brest (Promotion 2019) et en contrat de
professionnalisation à Niji.</p>
</div>
<div class="experiences">
<h2 class="title is-3">Expériences</h2>
<h4 class="title is-4">Ingénieur d'étude en contrat de professionnalisation - Niji Rennes - 2018 /
2019</h4>
<p>Réalisation d'un projet interne d'aide au recrutement pour tablettes en mobile, en Flutter.</p>
<h4 class="title is-4">Projet de génération de randonnées avec OpenStreetMap - ISEN - 2018</h4>
<p>Le but de ce projet est de proposer un outil permettant de générer une randonnée
à partir d’un point de départ et de diverses options (distance / durée / point d’arrivée),
grâce aux données OpenStreetMap.</p>
<h4 class="title is-4">Développeur en contrat de professionnalisation - Immo Facile - 2016 / 2017
</h4>
<p>Travail au sein de l’équipe « projets » : réalisation de nouveaux modules, refonte de l’existant,
travail avec partenaires et gestion de projet associée au sein du logiciel vendu par la société.
</p>
<h4 class="title is-4">Vice-président et développeur - Digital Design - 2016 / 2017</h4>
<p>Réalisation de la communication de la 1è édition de <a
href="http://www.laleclercgouesnou.fr/v2/">La
Leclerc Gouesnou Brest métropole.</a>
<br>Digital Design est une association d'étudiant au sein de l'ISEN Brest orientée sur les
technologies
web et le design.
<br>Auparavant responsable communication.</p>
<h4 class="title is-4">Développeur en stage de 7 semaines - Autocruise - 2016</h4>
<p>Au sein de l’équipe Qualité, réalisation d’un nouveau site web pour l’entreprise.</p>
</div>
<div class="formation">
<h2 class="title is-3">Formation & Diplômes</h2>
<h4 class="title is-4">YNCREA ISEN Ouest, Brest - 2017 / Aujourd'hui</h4>
<p>Master 1 & 2 en option Génie Logiciel.</p>
<h4 class="title is-4">ISEN Brest - 2013 / 2017</h4>
<p>Cycle préparatoire en Informatique & Réseaux au sein de l’ISEN.</p>
<h4 class="title is-4">CCNA Cisco 1,2,3,4</h4>
<h4 class="title is-4">First Certificate of English (FCE)</h4>
<h4 class="title is-4">Certification Voltaire</h4>
</div>
<div class="competences">
<h2 class="title is-3">Compétences</h2>
<h4 class="title is-4">Programmation</h4>
<p>Flutter, Dart, JavaScript, Frameworks JS, Android, PHP, Frameworks PHP, Sass, Less, Git, MySQL,
C, C++, Python, Java, Shell</p>
<h4 class="title is-4">Concepts</h4>
<p>Responsive Design, Design Pattern, Bases de données, Programmation orientée objet, APIs REST, UML
</p>
<h4 class="title is-4">Outils</h4>
<p>JetBrains, Office, Adobe, GitHub, GitLab, Jenkins, Trello, Redmine, Atom</p>
<h4 class="title is-4">Langues</h4>
<p>Français, Anglais (Compréhension & Expression), Espagnol (Compréhension et Expression), Italien
(Compréhension)</p>
</div>
<div class="others">
<h2 class="title is-3">Centres d'intérêt & activités</h2>
<p>Football et sports en général, Séries TV, Musique, Cinéma, Cuisine, Jeux vidéo, Nouvelles
technologies
</p>
</div>
</div>
</section>
<footer class="footer">
<div class="content has-text-centered">
<p>
<!-- ENGLISH TEXT -->
Made by Marc-Antoine Touin. Hosted by OVH.<br>The website content
is licensed <a href="http://creativecommons.org/licenses/by-nc-sa/4.0/">CC BY NC SA 4.0</a>.
</p>
</div>
</footer>
</div>
</body>
<script>
var w = window.innerWidth;
var h = window.innerHeight;
console.log(w);
console.log(h);
var userLang = navigator.language || navigator.userLanguage;
if (userLang.substring(0, 2) == "fr") {
document.getElementById("french-content").style.display = "block";
document.getElementById("english-content").style.display = "none";
} else {
document.getElementById("french-content").style.display = "none";
document.getElementById("english-content").style.display = "block";
}
</script>
</html>