hugo.soucy.cc

The personnal website source code of Hugo Soucy. Creates from an homebrewed static website generator (Ferron).
Log | Files | Refs

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:
Mtemplates/curriculum-vitae.mustache | 2+-
Dtemplates/partials/cv.mustache | 511-------------------------------------------------------------------------------
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>