-
Notifications
You must be signed in to change notification settings - Fork 0
/
ville.html
158 lines (153 loc) · 6.94 KB
/
ville.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
---
layout: default
permalink: /ville
---
<section id="about" class="hidden-print">
<div class="container">
<div class="row">
<div class="col-sm-12">
<h3>À propos</h3>
<p>{{ site.description }}</p>
<p class="hidden-print"><a href="#" class="print"><span class="glyphicon glyphicon-print"></span> Imprimer mon CV</a></p>
</div>
</div>
</div>
</section>
<section id="portfolio" class="hidden-print">
<div class="container">
<h3>Portfolio</h3>
<ul class="projects-container no-list">
{% assign sorted_projects = (site.projects | sort: 'order') %}
{% for project in sorted_projects %}
<li class="{% if project.more %}more{% endif %}">
<div class="row">
<div class="col-md-6 col-sm-12">
<div class="img-container">
{% if project.video %}
<iframe src="{{ project.video }}" width="100%" style="min-height:310px;" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen style="background-image:url('{{ project.image.url }}'); background-size: 100% 100%;"></iframe>
{% else %}
{% if project.image.description %}<div class="description">{{ project.image.description }}</div>{% endif %}
{% if project.link %}<a href="{{ project.link }}" target="_blank">{% endif %}
<img src="{{ project.image.url }}" alt="{{ project.image.alt }}" class="img-responsive">
{% if project.link %}</a>{% endif %}
{% endif %}
</div>
</div>
<div class="col-md-6 col-sm-12">
<h4>{{ project.title }}</h4>
{% if project.year %}<h5>{{ project.year }}</h5>{% endif %}
{{ project.content }}
{% if project.link %}<p><a href="{{ project.link }}" target="_blank"><span class="glyphicon glyphicon-open"></span> Voir le projet</a></p>{% endif %}
</div>
</div>
</li>
{% endfor %}
</ul>
</div>
</section>
<section id="skills" class="visible-print">
<div class="container">
<div class="row">
<div class="col-xs-12">
<h3>Compétences / Techs</h3>
</div>
</div>
<div class="row">
<div class="col-md-3 col-xs-6">
<h4>Web</h4>
<ul class="">
<li>Docker</li>
<li>Ruby, Rails, Elasticsearch</li>
<li>React, React Native, Angular, Ionic, Expo</li>
<li>Heroku, AWS, Ansible, DevOps, DNS management, etc.</li>
<li>Node.js, Express</li>
<li>Python</li>
<li>Git</li>
<li>HTML5, CSS3</li>
</ul>
</div>
<div class="col-md-3 col-xs-6">
<h4>Interactif</h4>
<ul class="">
<li>Node-red</li>
<li>TouchDesigner</li>
<li>TCP/IP, UDP, MQTT, Modbus, etc.</li>
<li>Linux, Raspbian, balenaOS, etc.</li>
<li>Max MSP</li>
<li>WATCHOUT, Madmapper</li>
<li>Arduino</li>
</ul>
</div>
</div>
</div>
</section>
<section class="hide"></section>
<section id="history">
<div class="container">
<div class="row">
<div class="col-xs-12">
<h3>Historique</h3>
</div>
</div>
<div class="row">
<div class="col-md-3 col-sm-6 col-xs-12">
<h4>Expérience de travail</h4>
<ul class="no-list">
<li>
<b><a href="https://saco.com" target="_blank">SACO</a></b>
<p>Développeur logiciel principal</p>
<p><em>Janvier 2021 - présent</em></p>
</li>
<li>
<b><a href="https://momentfactory.com" target="_blank">Moment Factory</a></b>
<p>Développeur système : backend</p>
<p><em>Juillet 2019 - Janvier 2021</em></p>
</li>
<li>
<b><a href="http://xyz-tc.com" target="_blank">XYZ Technologie culturelle</a></b>
<p>Programmeur interactif</p>
<p><em>Juin 2016 - Juillet 2019</em></p>
</li>
<li>
<b><a href="http://molotov.ca" target="_blank">Molotov communications alternatives</a></b>
<p>Développeur web</p>
<p><em>Août 2013 - Juin 2016</em></p>
</li>
<li>
<b><a href="http://normal.studio" target="_blank">Normal Studio</a></b>
<p>Stage en intéractivité</p>
<p><em>Mars 2016 - Juin 2016</em></p>
</li>
<li>
<b><a href="http://quatrecentquatre.com" target="_blank">QuatreCentQuatre</a></b>
<p>Développeur frontend</p>
<p><em>Avril 2013 - Août 2013</em></p>
</li>
</ul>
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
<h4>Éducation</h4>
<ul class="no-list">
<li>
<b>Baccalauréat en communication (médias interactifs)</b>
<p>Université du Québec à Montréal</p>
<p>Baccalauréat de 3 ans</p>
<p><em>2013 - 2016</em></p>
</li>
<li>
<b>Mapping Vidéo - MadMapper + Resolume</b>
<p>Société des Arts Technologiques</p>
<p>Formation théorique et pratique de 24 heures</p>
<p><em>Novembre 2013 - décembre 2013</em></p>
</li>
<li>
<b>Techniques d'intégration multimédia</b>
<p>Collège Édouard Montpetit</p>
<p>DEC de 3 ans</p>
<p><em>2010 - 2013</em></p>
</li>
</ul>
</div>
</div>
</div>
</section>