commit 930e1363db1ee91d949e105c35be1c605a35d7df
parent c2081ee3953c9d88bbb740904a117322572c59bf
Author: Hugo Soucy <hugo.soucy@equisoft.com>
Date: Sun, 15 Sep 2019 21:45:32 -0400
Change the way to display the CV
Diffstat:
2 files changed, 1 insertion(+), 512 deletions(-)
diff --git a/templates/curriculum-vitae.mustache b/templates/curriculum-vitae.mustache
@@ -6,7 +6,7 @@
{{> nav }}
<main>
{{{ content }}}
- {{> cv }}
+ {{{ cv }}}
<footer>
<address>
diff --git a/templates/partials/cv.mustache b/templates/partials/cv.mustache
@@ -1,511 +0,0 @@
-<div prefix="cv: http://rdfs.org/resume-rdf/ dc: http://purl.org/dc/terms/ schema: http://schema.org/">
- <div class="h-resume"
- id="cv"
- resource="#cv"
- typeof="cv:CV">
- <span class="p-name visuallyhidden"
- hidden="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">
- <hgroup>
- <h1 class="p-name logo"
- property="foaf:name">Hugo Soucy</h1>
- <h2>
- <span class="p-job-title" property="schema:jobTitle">Développeur Web frontend</span>
- de la ville de <span class="p-locality" property="schema:addressLocality">Québec</span>
- </h2>
- </hgroup>
-
- <link class="u-photo"
- href="http://assets.soucy.cc/images/hugosoucy/hs-automne-2012-372x430.jpg"
- property="foaf:img" />
-
- <dl class="cv__contactinfos">
- <dt class="cv__contactinfos__key">Téléphone</dt>
- <dd class="cv__contactinfos__value">
- <a class="p-tel"
- href="tel:+15819966481"
- property="foaf:phone"
- rel="me">581-996-6481</a>
- </dd>
- <dt class="cv__contactinfos__key">Courriel</dt>
- <dd class="cv__contactinfos__value">
- <a class="u-email"
- href="mailto:hugo@soucy.cc"
- property="foaf:mbox"
- rel="me">hugo@soucy.cc</a>
- </dd>
- <dt class="cv__contactinfos__key">GitHub</dt>
- <dd class="cv__contactinfos__value"
- 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>
- <dt class="cv__contactinfos__key">LinkedIn</dt>
- <dd class="cv__contactinfos__value"
- 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>
-
- <dt class="cv__contactinfos__key">Site Web</dt>
- <dd class="cv__contactinfos__value">
- <a class="u-uid"
- href="http://hugo.soucy.cc/"
- property="foaf:homepage"
- rel="me">http://hugo.soucy.cc/</a>
- </dd>
- </dl>
- </header>
-
- <hr class="cv__hr" />
-
- <section>
- <h2>Profil</h2>
-
- <div class="p-summary" property="dc:description">
- <p>Je suis un développeur Web frontend d'expérience, qui excelle
- à mettre en valeur le travail de mes collègues designers et
- rédacteurs. J'aime contribuer à l'émergence de sites Web de
- qualité, accessibles autant aux humains qu'aux machines; pour y
- arriver, je favorise l'utilisation des standards du Web et des
- formats libres.</p>
-
- <p>Je maîtrise les langages déclaratifs HTML et CSS, ainsi que
- la programmation JavaScript. J'applique les bonnes pratiques
- d'intégration Web responsive, tant au niveau de la performance,
- qu'au niveau de l'accessibilité et de la compatibilité de
- navigation.</p>
- </div>
- </section>
-
- <hr class="cv__hr" />
-
- <section>
- <h2>Expérience professionnelle</h2>
-
- <dl>
- <div class="cv__experience p-experience h-event"
- property="cv:hasWorkHistory"
- typeof="cv:workHistory">
- <dt>
- <strong class="cv__experience__name 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> –
- </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="cv__experience p-experience h-event"
- property="cv:hasWorkHistory"
- typeof="cv:workHistory">
- <dt>
- <strong class="cv__experience__name 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="cv__experience p-experience h-event"
- property="cv:hasWorkHistory"
- typeof="cv:workHistory">
- <dt>
- <strong class="cv__experience__name 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="cv__experience p-experience h-event"
- property="cv:hasWorkHistory"
- typeof="cv:workHistory">
- <dt>
- <strong class="cv__experience__name 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="cv__experience p-experience h-event"
- property="cv:hasWorkHistory"
- typeof="cv:workHistory">
- <dt>
- <strong class="cv__experience__name 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="cv__experience p-experience h-event"
- property="cv:hasWorkHistory"
- typeof="cv:workHistory">
- <dt>
- <strong class="cv__experience__name 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="cv__experience p-experience h-event"
- property="cv:hasWorkHistory"
- typeof="cv:workHistory">
- <dt>
- <strong class="cv__experience__name 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="cv__experience p-experience h-event"
- property="cv:hasWorkHistory"
- typeof="cv:workHistory">
- <dt>
- <strong class="cv__experience__name 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="cv__experience p-experience h-event"
- property="cv:hasWorkHistory"
- typeof="cv:workHistory">
- <dt>
- <strong class="cv__experience__name 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="cv__experience p-experience h-event"
- property="cv:hasWorkHistory"
- typeof="cv:workHistory">
- <dt>
- <strong class="cv__experience__name 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="cv__experience p-experience h-event"
- property="cv:hasWorkHistory"
- typeof="cv:workHistory">
- <dt>
- <strong class="cv__experience__name 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>
-
- <hr class="cv__hr" />
-
- <section>
- <h2>Scolarité</h2>
-
- <dl>
- <div class="cv__education p-education h-event"
- property="cv:hasEducation"
- typeof="cv:Education">
- <dt>
- <strong class="cv__education__name 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="cv__education p-education h-event"
- property="cv:hasEducation"
- typeof="cv:Education">
- <dt>
- <strong class="cv__education__name 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>
-
- <hr class="cv__hr" />
-
- <section>
- <h2>Formation continue</h2>
-
- <dl>
- <div class="cv__course" property="cv:hasCourse" typeof="cv:Course">
- <dt>
- <strong class="cv__course__name" property="cv:courseTitle">Liferay: Styling Liferay with Themes</strong>
- </dt>
- <dd>
- <span>
- <a href="https://savoirfairelinux.com/"
- property="cv:organizedBy"
- rel="external nofollow">Savoir-faire Linux</a>,
- <span>Montréal</span>
- </span> | <time property="cv:courseStartDate">2015</time>
- </dd>
- </div>
- <div class="cv__course" property="cv:hasCourse" typeof="cv:Course">
- <dt>
- <strong class="cv__course__name" property="cv:courseTitle">Liferay: Formation Administration Liferay</strong>
- </dt>
- <dd>
- <span>
- <a href="https://savoirfairelinux.com/"
- property="cv:organizedBy"
- rel="external nofollow">Savoir-faire Linux</a>,
- <span>Montréal</span>
- </span> | <time property="cv:courseStartDate">2014</time>
- </dd>
- </div>
- <div class="cv__course" property="cv:hasCourse" typeof="cv:Course">
- <dt>
- <strong class="cv__course__name" property="cv:courseTitle">Accessibilité Web : SGQRI, WCAG</strong>
- </dt>
- <dd>
- <span>
- <a href="https://twitter.com/Modop_ca"
- property="cv:organizedBy"
- rel="external nofollow">Modop</a>,
- <span>Québec</span>
- </span> | <time property="cv:courseStartDate">2012</time>
- </dd>
- </div>
- <div class="cv__course" property="cv:hasCourse" typeof="cv:Course">
- <dt>
- <strong class="cv__course__name" property="cv:courseTitle">TYPO3 Administrateur</strong>
- </dt>
- <dd>
- <span>
- <a href="http://infoglobe.ca/"
- property="cv:organizedBy"
- rel="external nofollow">Infoglobe</a>,
- <span>Québec</span>
- </span> | <time property="cv:courseStartDate">2012</time>
- </dd>
- </div>
- <div class="cv__course" property="cv:hasCourse" typeof="cv:Course">
- <dt>
- <strong class="cv__course__name" property="cv:courseTitle">Ergonomie centrée utilisateur</strong>
- </dt>
- <dd>
- <span>
- <a href="http://www.crim.ca/"
- property="cv:organizedBy"
- rel="external nofollow">Centre de Recherche Informatique de Montréal (CRIM)</a>,
- <span>Montréal</span>
- </span> | <time property="cv:courseStartDate">2012</time>
- </dd>
- </div>
- <div class="cv__course" property="cv:hasCourse" typeof="cv:Course">
- <dt>
- <strong class="cv__course__name" property="cv:courseTitle">Vers le Web 3.0 : Le Web sémantique</strong>
- </dt>
- <dd>
- <span>
- <a href="http://www.crim.ca/"
- property="cv:organizedBy"
- rel="external nofollow">Centre de Recherche Informatique de Montréal (CRIM)</a>,
- <span>Montréal</span>
- </span> | <time property="cv:courseStartDate">2009</time>
- </dd>
- </div>
- <div class="cv__course" property="cv:hasCourse" typeof="cv:Course">
- <dt>
- <strong class="cv__course__name" property="cv:courseTitle">JavaScript avec DHTML et DOM</strong>
- </dt>
- <dd>
- <span>
- <a href="https://www.cmaisonneuve.qc.ca/"
- property="cv:organizedBy"
- rel="external nofollow">Institut des technologies de l'information du Collège Maisonneuve</a>,
- <span>Montréal</span>
- </span> | <time property="cv:courseStartDate">2008</time>
- </dd>
- </div>
- </dl>
- </section>
- </div>
-</div>