commit 53af5a2eec8968c653a6b22f5ee78f8a948fddc5
Author: Hugo Soucy <hugo@soucy.cc>
Date: Fri, 18 Dec 2020 22:36:10 -0500
My first commit
Diffstat:
5 files changed, 777 insertions(+), 0 deletions(-)
diff --git a/README.md b/README.md
@@ -0,0 +1,30 @@
+Curriculum vitae
+================
+
+Mon [curriculum vitæ](index.md) version markdown :
+
+* [Titre et coordonnées](index.md#développeur-web-frontend-de-la-ville-de-québec);
+* [Profil](index.md#profil);
+* [Expérience professionnelle](index.md#expérience-professionnelle);
+* [Scolarité](index.md#scolarité);
+* [Formation continue](index.md#formation-continue).
+
+---
+
+Mais c'est le fichier [curriculum-vitae.html](curriculum-vitae.html)
+qui est la source canonique de tous les CVs que je distribue en ligne,
+comme par
+exemple
+[le curriculum vitæ qui se retrouve sur mon site Web personnel](http://hugo.soucy.cc/file/curriculum-vitae.html). À
+noter que le HTML est enrichi
+de [RDFa lite](https://www.w3.org/TR/rdfa-lite/) et
+de [Microformats 2](http://microformats.org/wiki/microformats2).
+
+Les formats PDF et Markdown sont générés par le script
+bash [from-html-to-md-pdf](from-html-to-md-pdf), qui contient en gros
+des commandes [pandoc](http://pandoc.org).
+
+Sinon, j'ai comme ambition de modifier
+le
+[template LaTex de pandoc](https://github.com/jgm/pandoc-templates/blob/master/default.latex),
+pour avoir un CV en PDF plus personnel.
diff --git a/curriculum-vitae-hsoucy.pdf b/curriculum-vitae-hsoucy.pdf
Binary files differ.
diff --git a/curriculum-vitae.html b/curriculum-vitae.html
@@ -0,0 +1,528 @@
+<div prefix="cv: http://rdfs.org/resume-rdf/ dc: http://purl.org/dc/terms/ schema: http://schema.org/">
+ <div class="h-resume hresume"
+ id="cv"
+ resource="#cv"
+ typeof="cv:CV">
+ <span class="p-name visuallyhidden"
+ hidden=""
+ property="cv:cvTitle">Curriculum vitae de Hugo Soucy</span>
+
+ <header class="p-contact h-card"
+ property="cv:aboutPerson"
+ resource="http://hugo.soucy.cc/#hs"
+ typeof="foaf:Person">
+ <h1 class="p-name logo"
+ property="foaf:name">Hugo Soucy</h1>
+ <h2>
+ <span class="p-job-title" property="schema:jobTitle">Développeur Web front-end</span>
+ de la ville de <span class="p-locality" property="schema:addressLocality">Québec</span>
+ </h2>
+
+ <link class="u-photo"
+ href="http://assets.soucy.cc/images/hugosoucy/hs-automne-2012-372x430.jpg"
+ property="foaf:img" />
+
+ <dl>
+ <div>
+ <dt>Téléphone</dt>
+ <dd>
+ <a class="p-tel"
+ href="tel:+15819966481"
+ property="foaf:phone"
+ rel="me">581-996-6481</a>
+ </dd>
+ </div>
+
+ <div>
+ <dt>Courriel</dt>
+ <dd>
+ <a class="u-email"
+ href="mailto:hugo@soucy.cc"
+ property="foaf:mbox"
+ rel="me">hugo@soucy.cc</a>
+ </dd>
+ </div>
+
+ <div>
+ <dt>GitHub</dt>
+ <dd property="foaf:account"
+ typeof="foaf:OnlineAccount">
+ <a class="p-nickname"
+ href="https://github.com/hs0ucy"
+ property="foaf:accountProfilePage"
+ rel="me"
+ title="GitHub">
+ <span property="foaf:nick">@hs0ucy</span>
+ </a>
+ </dd>
+ </div>
+
+ <!-- <dt>LinkedIn</dt>
+ <dd property="foaf:account" typeof="foaf:OnlineAccount">
+ <a href="https://www.linkedin.com/in/hs0ucy/"
+ property="foaf:accountProfilePage"
+ rel="me"
+ title="LinkedIn">
+ <span property="foaf:nick">@hs0ucy</span>
+ </a>
+ </dd> -->
+
+ <div>
+ <dt>Site Web</dt>
+ <dd>
+ <a class="u-uid u-url"
+ href="//hugo.soucy.cc/#hs"
+ property="foaf:homepage"
+ rel="me">https://hugo.soucy.cc/</a>
+ </dd>
+ </div>
+ </dl>
+ </header>
+
+ <section id="profil">
+ <h2>Profil</h2>
+
+ <div class="p-summary" property="dc:description">
+ <p>Je suis un <strong>développeur web front-end</strong>, spécialisé en <strong>accessibilité web</strong>,
+ qui a deux décennies d'expérience dans le milieu des
+ technologies de l'information.</p>
+
+ <p>J'excelle à programmer des <strong>interfaces robustes</strong> et
+ <strong>performantes</strong> qui je l'espère, plaisent aux personnes qui
+ les utilisent.</p>
+ </div>
+ </section>
+
+ <section id="experience">
+ <h2>Expérience professionnelle</h2>
+
+ <dl>
+ <div class="p-experience h-event"
+ property="cv:hasWorkHistory"
+ typeof="cv:workHistory">
+ <dt>
+ <strong class="p-name" property="cv:jobTitle">Développeur Web frontend</strong>
+ </dt>
+ <dd>
+ <span class="p-location h-card">
+ <a class="p-fn p-org u-url"
+ href="https://toumoro.com/"
+ property="cv:URL"
+ rel="external nofollow">
+ <em property="cv:employedIn">Agence web Toumoro</em>
+ </a>, <span class="p-locality" property="cv:Locality">Québec</span>
+ </span> | <time class="dt-start" property="cv:startDate">2019</time> –
+ </dd>
+ <dd>
+ <ul class="p-summary" property="cv:jobDescription">
+ <li>Intégrer et programmer le UI/UX avec HTML, CSS, JavaScript, etc.</li>
+ <li>Développer des composantes pour l'accessibilité web.</li>
+ </ul>
+ </dd>
+ </div>
+
+ <div class="p-experience h-event"
+ property="cv:hasWorkHistory"
+ typeof="cv:workHistory">
+ <dt>
+ <strong class="p-name" property="cv:jobTitle">Développeur Web frontend</strong>
+ </dt>
+ <dd>
+ <span class="p-location h-card">
+ <a class="p-fn p-org u-url"
+ href="https://kronostechnologies.com/"
+ property="cv:URL"
+ rel="external nofollow">
+ <em property="cv:employedIn">Kronos Technologies</em>
+ </a>, <span class="p-locality" property="cv:Locality">Québec</span>
+ </span> | <time class="dt-start" property="cv:startDate">2018</time> <time class="dt-end" property="cv:endDate">2019</time>
+ </dd>
+ <dd>
+ <ul class="p-summary" property="cv:jobDescription">
+ <li>Intégrer et programmer le UI/UX avec HTML, CSS et JavaScript.</li>
+ <li>Coder des templates avec Twig et JSX.</li>
+ </ul>
+ </dd>
+ </div>
+ <div class="p-experience h-event"
+ property="cv:hasWorkHistory"
+ typeof="cv:workHistory">
+ <dt>
+ <strong class="p-name" property="cv:jobTitle">Consultant en logiciel libre, spécialiste frontend</strong>
+ </dt>
+ <dd>
+ <span class="p-location h-card">
+ <a class="p-fn p-org u-url"
+ href="https://savoirfairelinux.com/"
+ property="cv:URL"
+ rel="external nofollow">
+ <em property="cv:employedIn">Savoir-faire Linux</em>
+ </a>, <span class="p-locality" property="cv:Locality">Québec</span>
+ </span> | <time class="dt-start" property="cv:startDate">2014</time> – <time class="dt-end" property="cv:endDate">2018</time>
+ </dd>
+ <dd>
+ <ul class="p-summary" property="cv:jobDescription">
+ <li>Intégrer des sites Web responsives avec HTML et CSS.</li>
+ <li>Programmer avec JavaScript, jQuery, YUI.</li>
+ <li>Coder des templates backend avec Twig, Django Template, Velocity, etc.</li>
+ <li>Faire l'analyse frontend des mandats et futurs mandats.</li>
+ <li>Élaborer et animer la pratique frontend du département.</li>
+ <li>Répartir les assignations selon les besoins du calendrier de production.</li>
+ <li>Gérer les ressources humaines de l’équipe frontend : embauche, évaluation, médiation.</li>
+ <li>Participer à la planification et à la rédaction d’appels d’offres.</li>
+ </ul>
+ </dd>
+ </div>
+ <div class="p-experience h-event"
+ property="cv:hasWorkHistory"
+ typeof="cv:workHistory">
+ <dt>
+ <strong class="p-name" property="cv:jobTitle">Intégrateur Web sénior</strong>
+ </dt>
+ <dd>
+ <span class="p-location h-card">
+ <a class="p-fn p-org u-url"
+ href="https://libeo.com/"
+ property="cv:URL"
+ rel="external nofollow">
+ <em property="cv:employedIn">Libéo</em>
+ </a>, <span class="p-locality" property="cv:Locality">Québec</span>
+ </span> | <time class="dt-start" property="cv:startDate">2012</time> – <time class="dt-end" property="cv:endDate">2013</time>
+ </dd>
+ <dd>
+ <ul class="p-summary" property="cv:jobDescription">
+ <li>Intégrer des sites Web responsives avec HTML et CSS.</li>
+ <li>Programmer avec JavaScript et jQuery.</li>
+ <li>Développer des interfaces dans TYPO3 et TypoScript.</li>
+ </ul>
+ </dd>
+ </div>
+ <div class="p-experience h-event"
+ property="cv:hasWorkHistory"
+ typeof="cv:workHistory">
+ <dt>
+ <strong class="p-name" property="cv:jobTitle">Développeur Web</strong>
+ </dt>
+ <dd>
+ <span class="p-location h-card">
+ <a class="p-fn p-org u-url"
+ href="http://duproprio.com/"
+ property="cv:URL"
+ rel="external nofollow">
+ <em property="cv:employedIn">DuProprio</em>
+ </a>, <span class="p-locality">Charny</span>
+ </span> | <time class="dt-start" property="cv:startDate">2011</time> – <time class="dt-end" property="cv:endDate">2012</time>
+ </dd>
+ <dd>
+ <ul class="p-summary" property="cv:jobDescription">
+ <li>Intégrer des visuels avec HTML et CSS.</li>
+ <li>Maintenance du code frontend et backend.</li>
+ <li>Participe au développement de nouvelles fonctionnalités avec PHP et jQuery.</li>
+ </ul>
+ </dd>
+ </div>
+ <div class="p-experience h-event"
+ property="cv:hasWorkHistory"
+ typeof="cv:workHistory">
+ <dt>
+ <strong class="p-name" property="cv:jobTitle">Intégrateur Web et référenceur</strong>
+ </dt>
+ <dd>
+ <span class="p-location h-card">
+ <a class="p-fn p-org u-url"
+ href="https://www.kryzalid.net/fr"
+ property="cv:URL"
+ rel="external nofollow">
+ <em property="cv:employedIn">Kryzalid communication</em>
+ </a>, <span class="p-locality">Montréal</span>
+ </span> | <time class="dt-start" property="cv:startDate">2007</time> – <time class="dt-end" property="cv:endDate">2011</time>
+ </dd>
+ <dd>
+ <ul class="p-summary" property="cv:jobDescription">
+ <li>Intégrer tous les éléments des sites Web avec les langages XHTML, CSS, PHP et JavaScript.</li>
+ <li>Optimiser des sites Web pour le référencement naturel.</li>
+ <li>Modérer et animer le blogue de l'agence.</li>
+ </ul>
+ </dd>
+ </div>
+ <div class="p-experience h-event"
+ property="cv:hasWorkHistory"
+ typeof="cv:workHistory">
+ <dt>
+ <strong class="p-name" property="cv:jobTitle">Webmestre</strong>
+ </dt>
+ <dd>
+ <span class="p-location h-card">
+ <a class="p-fn p-org u-url"
+ href="http://www.fromagex.com/"
+ property="cv:URL"
+ rel="external nofollow">
+ <em property="cv:employedIn">Fromagex</em>
+ </a>, <span class="p-locality">Rimouski</span>
+ </span> | <time class="dt-start" property="cv:startDate">2005</time> – <time class="dt-end" property="cv:endDate">2006</time>
+ </dd>
+ <dd>
+ <ul class="p-summary" property="cv:jobDescription">
+ <li>Mettre en place une solution de commerce électronique basée sur osCSS.</li>
+ <li>Intégrer et programmer le site Web de l'entreprise.</li>
+ <li>Soutenir techniquement les contributeurs du site.</li>
+ </ul>
+ </dd>
+ </div>
+ <div class="p-experience h-event"
+ property="cv:hasWorkHistory"
+ typeof="cv:workHistory">
+ <dt>
+ <strong class="p-name" property="cv:jobTitle">Webmestre et formateur en informatique</strong>
+ </dt>
+ <dd>
+ <span class="p-location h-card">
+ <a class="p-fn p-org u-url"
+ href="http://www.atena.qc.ca/"
+ property="cv:URL"
+ rel="external nofollow">
+ <em property="cv:employedIn">Atena groupe-conseil</em>
+ </a>, <span class="p-locality">Rimouski</span>
+ </span> | <time class="dt-start" property="cv:startDate">2005</time> – <time class="dt-end" property="cv:endDate">2006</time>
+ </dd>
+ <dd>
+ <ul class="p-summary" property="cv:jobDescription">
+ <li>Planifier et concevoir la refonte du site Web de l'entreprise.</li>
+ <li>Donner des formations en micro-informatique et en création de site Web.</li>
+ <li>Rédiger des document de formation.</li>
+ <li>Soutenir techniquement la clientèle.</li>
+ </ul>
+ </dd>
+ </div>
+ <div class="p-experience h-event"
+ property="cv:hasWorkHistory"
+ typeof="cv:workHistory">
+ <dt>
+ <strong class="p-name" property="cv:jobTitle">Infographiste-Webmestre</strong>
+ </dt>
+ <dd>
+ <i>À la pige</i>, Montréal | <time class="dt-start" property="cv:startDate">2003</time> – <time class="dt-end" property="cv:endDate">2005</time>
+ </dd>
+ <dd>
+ <ul class="p-summary" property="cv:jobDescription">
+ <li>Créer des sites Web.</li>
+ <li>Concevoir des documents destinés.</li>
+ </ul>
+ </dd>
+ </div>
+ <div class="p-experience h-event"
+ property="cv:hasWorkHistory"
+ typeof="cv:workHistory">
+ <dt>
+ <strong class="p-name" property="cv:jobTitle">Webmestre et formateur informatique</strong>
+ </dt>
+ <dd>
+ <span class="p-location h-card">
+ <a class="p-fn p-org u-url"
+ href="https://www.afy.yk.ca/"
+ property="cv:URL"
+ rel="external nofollow">
+ <em property="cv:employedIn">Association franco-yukonnaise</em>
+ </a>, <span class="p-locality">Whitehorse</span> (<span class="p-region">Yukon</span>)
+ </span> | <time class="dt-start" property="cv:startDate">2002</time> – <time class="dt-end" property="cv:endDate">2003</time>
+ </dd>
+ <dd>
+ <ul class="p-summary" property="cv:jobDescription">
+ <li>Concevoir des sites Web.</li>
+ <li>Produire des documents destinés à l'impression.</li>
+ <li>Donner des formations en microinformatique.</li>
+ <li>Créer des documents de formation.</li>
+ <li>Soutenir techniquement la clientèle.</li>
+ </ul>
+ </dd>
+ </div>
+ <div class="p-experience h-event"
+ property="cv:hasWorkHistory"
+ typeof="cv:workHistory">
+ <dt>
+ <strong class="p-name" property="cv:jobTitle">Coopérant-formateur en conception Web</strong>
+ </dt>
+ <dd>
+ <span class="p-location h-card">
+ <a class="p-fn p-org u-url"
+ href="https://www.alternatives.ca/"
+ property="cv:URL"
+ rel="external nofollow">
+ <em property="cv:employedIn">ONG Alternatives</em>
+ </a>, <span class="p-locality">Rabat</span> (<span class="p-country-name">Maroc</span>)
+ </span> | <time class="dt-start" property="cv:startDate">2001</time> – <time class="dt-end" property="cv:endDate">2002</time>
+ </dd>
+ <dd>
+ <ul class="p-summary" property="cv:jobDescription">
+ <li>Planifier et concevoir la refonte du site Web d'ONG.</li>
+ <li>Donner des formations en création de sites Web.</li>
+ <li>Rédiger des documents didactiques.</li>
+ </ul>
+ </dd>
+ </div>
+ <div class="p-experience h-event"
+ property="cv:hasWorkHistory"
+ typeof="cv:workHistory">
+ <dt>
+ <strong class="p-name" property="cv:jobTitle">Intégrateur multimédia</strong>
+ </dt>
+ <dd>
+ <span class="p-location h-card">
+ <a class="p-fn p-org u-url"
+ href="http://www.icaxon.com/"
+ property="cv:URL"
+ rel="external nofollow">
+ <em property="cv:employedIn">I.C. Axon</em>
+ </a>, <span class="p-locality">Montréal</span>
+ </span> | <time class="dt-start" property="cv:startDate">1999</time> – <time class="dt-end" property="cv:endDate">2001</time>
+ </dd>
+ <dd>
+ <ul class="p-summary" property="cv:jobDescription">
+ <li>Faire de la mise en page d'images numériques destinées à des CD-ROM interactifs.</li>
+ </ul>
+ </dd>
+ </div>
+ </dl>
+ </section>
+
+ <section id="scolarite">
+ <h2>Scolarité</h2>
+
+ <dl>
+ <div class="p-education h-event"
+ property="cv:hasEducation"
+ typeof="cv:Education">
+ <dt>
+ <strong class="p-name" property="cv:degreeType">Attestation d'Études Collégiales en Design Multimédia</strong>
+ </dt>
+ <dd>
+ <span class="p-location h-card">
+ <a class="p-fn p-org u-url"
+ href="http://www.aadmtl.com/"
+ property="cv:URL"
+ rel="external nofollow">
+ <span property="cv:studiedIn">Académie des arts et du design de Montréal</span>
+ </a>,
+ <span class="p-locality">Montréal</span>
+ </span> | <time class="dt-start" property="cv:startDate">1998</time> – <time class="dt-end" property="cv:endDate">1999</time>
+ </dd>
+ </div>
+ <div class="p-education h-event"
+ property="cv:hasEducation"
+ typeof="cv:Education">
+ <dt>
+ <strong class="p-name" property="cv:degreeType">Diplôme d'Études Collégiales en Arts plastiques</strong>
+ </dt>
+ <dd>
+ <span class="p-location h-card">
+ <a class="p-fn p-org u-url"
+ href="http://cvm.qc.ca/"
+ property="cv:URL"
+ rel="external nofollow">
+ <span property="cv:studiedIn">Cégep du Vieux Montréal</span>
+ </a>,
+ <span class="p-locality">Montréal</span>
+ </span>| <time class="dt-start" property="cv:startDate">1996</time> – <time class="dt-end" property="cv:endDate">1998</time></dd>
+ </div>
+ </dl>
+ </section>
+
+ <section id="formation">
+ <h2>Formation continue</h2>
+
+ <dl>
+ <div class="h-event" property="cv:hasCourse" typeof="cv:Course">
+ <dt>
+ <strong class="p-name" property="cv:courseTitle">Liferay: Styling Liferay with Themes</strong>
+ </dt>
+ <dd>
+ <span class="p-location h-card">
+ <a class="p-fn p-org u-url" href="https://savoirfairelinux.com/"
+ property="cv:organizedBy"
+ rel="external nofollow">Savoir-faire Linux</a>,
+ <span class="p-locality">Montréal</span>
+ </span> | <time class="dt-start" property="cv:courseStartDate">2015</time>
+ </dd>
+ </div>
+ <div class="h-event" property="cv:hasCourse" typeof="cv:Course">
+ <dt>
+ <strong class="p-name" property="cv:courseTitle">Liferay: Formation Administration Liferay</strong>
+ </dt>
+ <dd>
+ <span class="p-location h-card">
+ <a class="p-fn p-org u-url" href="https://savoirfairelinux.com/"
+ property="cv:organizedBy"
+ rel="external nofollow">Savoir-faire Linux</a>,
+ <span class="p-locality">Montréal</span>
+ </span> | <time class="dt-start" property="cv:courseStartDate">2014</time>
+ </dd>
+ </div>
+ <div class="h-event" property="cv:hasCourse" typeof="cv:Course">
+ <dt>
+ <strong class="p-name" property="cv:courseTitle">Accessibilité Web : SGQRI, WCAG</strong>
+ </dt>
+ <dd>
+ <span class="p-location h-card">
+ <a class="p-fn p-org u-url" href="https://twitter.com/Modop_ca"
+ property="cv:organizedBy"
+ rel="external nofollow">Modop</a>,
+ <span class="p-locality">Québec</span>
+ </span> | <time class="dt-start" property="cv:courseStartDate">2012</time>
+ </dd>
+ </div>
+ <div class="h-event" property="cv:hasCourse" typeof="cv:Course">
+ <dt>
+ <strong class="p-name" property="cv:courseTitle">TYPO3 Administrateur</strong>
+ </dt>
+ <dd>
+ <span class="p-location h-card">
+ <a class="p-fn p-org u-url" href="http://infoglobe.ca/"
+ property="cv:organizedBy"
+ rel="external nofollow">Infoglobe</a>,
+ <span class="p-locality">Québec</span>
+ </span> | <time class="dt-start" property="cv:courseStartDate">2012</time>
+ </dd>
+ </div>
+ <div class="h-event" property="cv:hasCourse" typeof="cv:Course">
+ <dt>
+ <strong class="p-name" property="cv:courseTitle">Ergonomie centrée utilisateur</strong>
+ </dt>
+ <dd>
+ <span class="p-location h-card">
+ <a class="p-fn p-org u-url" href="http://www.crim.ca/"
+ property="cv:organizedBy"
+ rel="external nofollow">Centre de Recherche Informatique de Montréal (CRIM)</a>,
+ <span class="p-locality">Montréal</span>
+ </span> | <time class="dt-start" property="cv:courseStartDate">2012</time>
+ </dd>
+ </div>
+ <div class="h-event" property="cv:hasCourse" typeof="cv:Course">
+ <dt>
+ <strong class="p-name" property="cv:courseTitle">Vers le Web 3.0 : Le Web sémantique</strong>
+ </dt>
+ <dd>
+ <span class="p-location h-card">
+ <a class="p-fn p-org u-url" href="http://www.crim.ca/"
+ property="cv:organizedBy"
+ rel="external nofollow">Centre de Recherche Informatique de Montréal (CRIM)</a>,
+ <span class="p-locality">Montréal</span>
+ </span> | <time class="dt-start" property="cv:courseStartDate">2009</time>
+ </dd>
+ </div>
+ <div class="h-event" property="cv:hasCourse" typeof="cv:Course">
+ <dt>
+ <strong class="p-name" property="cv:courseTitle">JavaScript avec DHTML et DOM</strong>
+ </dt>
+ <dd>
+ <span class="p-location h-card">
+ <a class="p-fn p-org u-url" href="https://www.cmaisonneuve.qc.ca/"
+ property="cv:organizedBy"
+ rel="external nofollow">Institut des technologies de l'information du Collège Maisonneuve</a>,
+ <span class="p-locality">Montréal</span>
+ </span> | <time class="dt-start" property="cv:courseStartDate">2008</time>
+ </dd>
+ </div>
+ </dl>
+ </section>
+ </div>
+</div>
diff --git a/from-html-to-md-pdf b/from-html-to-md-pdf
@@ -0,0 +1,12 @@
+#!/usr/bin/env bash
+
+# You must install "Pandoc" for running this script :
+# <http://pandoc.org/>
+if hash pandoc 2>/dev/null; then
+ # HTML to Markdown
+ pandoc curriculum-vitae.html --from html --to markdown_strict -o index.md &&
+ # HTML to LaTeX then PDF.
+ pandoc curriculum-vitae.html --from html --to latex | pandoc -o curriculum-vitae-hsoucy.pdf
+else
+ echo "Pandoc is missing! You need to install it."
+fi
diff --git a/index.md b/index.md
@@ -0,0 +1,207 @@
+<span class="p-name visuallyhidden" hidden=""
+property="cv:cvTitle">Curriculum vitae de Hugo Soucy</span>
+
+Hugo Soucy
+==========
+
+<span class="p-job-title" property="schema:jobTitle">Développeur Web front-end</span> de la ville de <span class="p-locality" property="schema:addressLocality">Québec</span>
+-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------
+
+Téléphone
+<a href="tel:+15819966481" class="p-tel">581-996-6481</a>
+
+Courriel
+<a href="mailto:hugo@soucy.cc" class="u-email">hugo@soucy.cc</a>
+
+GitHub
+<a href="https://github.com/hs0ucy" class="p-nickname" title="GitHub"><span property="foaf:nick">@hs0ucy</span></a>
+
+Site Web
+<a href="//hugo.soucy.cc/#hs" class="u-uid u-url">https://hugo.soucy.cc/</a>
+
+Profil
+------
+
+Je suis un **développeur web front-end**, spécialisé en **accessibilité
+web**, qui a deux décennies d'expérience dans le milieu des technologies
+de l'information.
+
+J'excelle à programmer des **interfaces robustes** et **performantes**
+qui je l'espère, plaisent aux personnes qui les utilisent.
+
+Expérience professionnelle
+--------------------------
+
+**Développeur Web frontend**
+<span class="p-location h-card">
+<a href="https://toumoro.com/" class="p-fn p-org u-url"><em>Agence web Toumoro</em></a>
+, <span class="p-locality" property="cv:Locality">Québec</span> </span>
+| 2019 –
+
+- Intégrer et programmer le UI/UX avec HTML, CSS, JavaScript, etc.
+- Développer des composantes pour l'accessibilité web.
+
+**Développeur Web frontend**
+<span class="p-location h-card">
+<a href="https://kronostechnologies.com/" class="p-fn p-org u-url"><em>Kronos Technologies</em></a>
+, <span class="p-locality" property="cv:Locality">Québec</span> </span>
+| 2018 2019
+
+- Intégrer et programmer le UI/UX avec HTML, CSS et JavaScript.
+- Coder des templates avec Twig et JSX.
+
+**Consultant en logiciel libre, spécialiste frontend**
+<span class="p-location h-card">
+<a href="https://savoirfairelinux.com/" class="p-fn p-org u-url"><em>Savoir-faire Linux</em></a>
+, <span class="p-locality" property="cv:Locality">Québec</span> </span>
+| 2014 – 2018
+
+- Intégrer des sites Web responsives avec HTML et CSS.
+- Programmer avec JavaScript, jQuery, YUI.
+- Coder des templates backend avec Twig, Django Template, Velocity,
+ etc.
+- Faire l'analyse frontend des mandats et futurs mandats.
+- Élaborer et animer la pratique frontend du département.
+- Répartir les assignations selon les besoins du calendrier de
+ production.
+- Gérer les ressources humaines de l’équipe frontend : embauche,
+ évaluation, médiation.
+- Participer à la planification et à la rédaction d’appels d’offres.
+
+**Intégrateur Web sénior**
+<span class="p-location h-card">
+<a href="https://libeo.com/" class="p-fn p-org u-url"><em>Libéo</em></a>
+, <span class="p-locality" property="cv:Locality">Québec</span> </span>
+| 2012 – 2013
+
+- Intégrer des sites Web responsives avec HTML et CSS.
+- Programmer avec JavaScript et jQuery.
+- Développer des interfaces dans TYPO3 et TypoScript.
+
+**Développeur Web**
+<span class="p-location h-card">
+<a href="http://duproprio.com/" class="p-fn p-org u-url"><em>DuProprio</em></a>
+, <span class="p-locality">Charny</span> </span> | 2011 – 2012
+
+- Intégrer des visuels avec HTML et CSS.
+- Maintenance du code frontend et backend.
+- Participe au développement de nouvelles fonctionnalités avec PHP et
+ jQuery.
+
+**Intégrateur Web et référenceur**
+<span class="p-location h-card">
+<a href="https://www.kryzalid.net/fr" class="p-fn p-org u-url"><em>Kryzalid communication</em></a>
+, <span class="p-locality">Montréal</span> </span> | 2007 – 2011
+
+- Intégrer tous les éléments des sites Web avec les langages XHTML,
+ CSS, PHP et JavaScript.
+- Optimiser des sites Web pour le référencement naturel.
+- Modérer et animer le blogue de l'agence.
+
+**Webmestre**
+<span class="p-location h-card">
+<a href="http://www.fromagex.com/" class="p-fn p-org u-url"><em>Fromagex</em></a>
+, <span class="p-locality">Rimouski</span> </span> | 2005 – 2006
+
+- Mettre en place une solution de commerce électronique basée sur
+ osCSS.
+- Intégrer et programmer le site Web de l'entreprise.
+- Soutenir techniquement les contributeurs du site.
+
+**Webmestre et formateur en informatique**
+<span class="p-location h-card">
+<a href="http://www.atena.qc.ca/" class="p-fn p-org u-url"><em>Atena groupe-conseil</em></a>
+, <span class="p-locality">Rimouski</span> </span> | 2005 – 2006
+
+- Planifier et concevoir la refonte du site Web de l'entreprise.
+- Donner des formations en micro-informatique et en création de site
+ Web.
+- Rédiger des document de formation.
+- Soutenir techniquement la clientèle.
+
+**Infographiste-Webmestre**
+*À la pige*, Montréal | 2003 – 2005
+
+- Créer des sites Web.
+- Concevoir des documents destinés.
+
+**Webmestre et formateur informatique**
+<span class="p-location h-card">
+<a href="https://www.afy.yk.ca/" class="p-fn p-org u-url"><em>Association franco-yukonnaise</em></a>
+, <span class="p-locality">Whitehorse</span> (<span
+class="p-region">Yukon</span>) </span> | 2002 – 2003
+
+- Concevoir des sites Web.
+- Produire des documents destinés à l'impression.
+- Donner des formations en microinformatique.
+- Créer des documents de formation.
+- Soutenir techniquement la clientèle.
+
+**Coopérant-formateur en conception Web**
+<span class="p-location h-card">
+<a href="https://www.alternatives.ca/" class="p-fn p-org u-url"><em>ONG Alternatives</em></a>
+, <span class="p-locality">Rabat</span> (<span
+class="p-country-name">Maroc</span>) </span> | 2001 – 2002
+
+- Planifier et concevoir la refonte du site Web d'ONG.
+- Donner des formations en création de sites Web.
+- Rédiger des documents didactiques.
+
+**Intégrateur multimédia**
+<span class="p-location h-card">
+<a href="http://www.icaxon.com/" class="p-fn p-org u-url"><em>I.C. Axon</em></a>
+, <span class="p-locality">Montréal</span> </span> | 1999 – 2001
+
+- Faire de la mise en page d'images numériques destinées à des CD-ROM
+ interactifs.
+
+Scolarité
+---------
+
+**Attestation d'Études Collégiales en Design Multimédia**
+<span class="p-location h-card">
+<a href="http://www.aadmtl.com/" class="p-fn p-org u-url"><span property="cv:studiedIn">Académie des arts et du design de Montréal</span></a>
+, <span class="p-locality">Montréal</span> </span> | 1998 – 1999
+
+**Diplôme d'Études Collégiales en Arts plastiques**
+<span class="p-location h-card">
+<a href="http://cvm.qc.ca/" class="p-fn p-org u-url"><span property="cv:studiedIn">Cégep du Vieux Montréal</span></a>
+, <span class="p-locality">Montréal</span> </span>| 1996 – 1998
+
+Formation continue
+------------------
+
+**Liferay: Styling Liferay with Themes**
+<span class="p-location h-card">
+<a href="https://savoirfairelinux.com/" class="p-fn p-org u-url">Savoir-faire Linux</a>,
+<span class="p-locality">Montréal</span> </span> | 2015
+
+**Liferay: Formation Administration Liferay**
+<span class="p-location h-card">
+<a href="https://savoirfairelinux.com/" class="p-fn p-org u-url">Savoir-faire Linux</a>,
+<span class="p-locality">Montréal</span> </span> | 2014
+
+**Accessibilité Web : SGQRI, WCAG**
+<span class="p-location h-card">
+<a href="https://twitter.com/Modop_ca" class="p-fn p-org u-url">Modop</a>,
+<span class="p-locality">Québec</span> </span> | 2012
+
+**TYPO3 Administrateur**
+<span class="p-location h-card">
+<a href="http://infoglobe.ca/" class="p-fn p-org u-url">Infoglobe</a>,
+<span class="p-locality">Québec</span> </span> | 2012
+
+**Ergonomie centrée utilisateur**
+<span class="p-location h-card">
+<a href="http://www.crim.ca/" class="p-fn p-org u-url">Centre de Recherche Informatique de Montréal (CRIM)</a>,
+<span class="p-locality">Montréal</span> </span> | 2012
+
+**Vers le Web 3.0 : Le Web sémantique**
+<span class="p-location h-card">
+<a href="http://www.crim.ca/" class="p-fn p-org u-url">Centre de Recherche Informatique de Montréal (CRIM)</a>,
+<span class="p-locality">Montréal</span> </span> | 2009
+
+**JavaScript avec DHTML et DOM**
+<span class="p-location h-card">
+<a href="https://www.cmaisonneuve.qc.ca/" class="p-fn p-org u-url">Institut des technologies de l'information du Collège Maisonneuve</a>,
+<span class="p-locality">Montréal</span> </span> | 2008
