hscc

Soure code of <https://hugo.soucy.cc>.
git clone git://soucy.cc/hscc.git
Log | Files | Refs

commit e053dae626653b0e720760c1b661b8ac6826a0ac
parent 6765f3c18aee407eab3e7e20a32c0bf24e414a81
Author: Hugo Soucy <hugo@soucy.cc>
Date:   Tue, 26 Oct 2021 22:15:53 -0400

Add + modify templates

Diffstat:
Mtemplates/curriculum-vitae.html | 555+------------------------------------------------------------------------------
Mtemplates/footer.html | 4++--
Mtemplates/posttypes/bookmark.html | 10++++++++--
Atemplates/style.html | 3+++
4 files changed, 14 insertions(+), 558 deletions(-)

diff --git a/templates/curriculum-vitae.html b/templates/curriculum-vitae.html @@ -1,554 +1 @@ -<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="/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> - - <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> - - <!-- <a - aria-hidden="true" - class="print-mode-switch" - href="#pm" - id="pm">Mode impression</a> --> - - <!-- <input - aria-hidden="true" - aria-label="Imprimer le profil?" - class="print-mode__checkbox" - hidden="" - id="printProfile" - type="checkbox" /> --> - - <section id="profil"> - <h2>Profil</h2> - - <div class="p-summary" property="dc:description"> - <p>Je suis un <strong title="et intégrateur web">développeur web front-end</strong> spécialisé en <strong title="WCAG, WAI-ARIA">accessibilité web</strong> - possédant deux décennies d'expérience.</p> - - <p>J'excelle à programmer des <strong>interfaces robustes</strong>, <strong title="responsive web design">réactives</strong>, <strong>performantes</strong> et - esthétiques. - </div> - </section> - - <!-- <input - aria-hidden="true" - aria-label="Imprimer les expériences?" - class="print-mode__checkbox" - hidden="" - id="printExperiences" - type="checkbox" /> --> - - <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 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">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 micro-informatique.</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> - - <!-- <input - aria-hidden="true" - aria-label="Imprimer la scolarité?" - class="print-mode__checkbox" - hidden="" - id="printSchooling" - type="checkbox"/> --> - - <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> - - <!-- <input - aria-hidden="true" - aria-label="Imprimer la formation continue?" - class="print-mode__checkbox" - hidden="" - id="printContinuingEducation" - type="checkbox"/> --> - - <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> +<%- content -%> diff --git a/templates/footer.html b/templates/footer.html @@ -13,8 +13,8 @@ <a href="https://1mb.club/" rel="external">qui ne drainera pas votre batterie</a> est propulsé par <a href="https:/satelito.html">Satelito</a>, un générateur de site statique écrit en lua. | <a href="https://creativecommons.org/licenses/by-sa/2.5/ca/deed.fr" - rel="external license" - title="Licence Creative Commons: Partage dans les mêmes conditions 2.5 Canada. Lien externe">CC BY-SA 2.5 CA</a> + rel="external license"> + <abbr title="Attribution - Partage dans les Mêmes Conditions 2.5 Canada">CC BY-SA 2.5 CA</abbr></a> <br/>@&nbsp;<time><%= os.date('%Y') -%></time> </div> </footer> diff --git a/templates/posttypes/bookmark.html b/templates/posttypes/bookmark.html @@ -6,7 +6,7 @@ <h1 class="p-name"> <a - class="u-bookmark-of h-cite" + class="u-bookmark-of u-like-of h-cite" href="<%= url -%>" rel="external nofollow"> <%- title -%> @@ -33,7 +33,13 @@ Publié le <time class="dt-published" datetime="<%= date -%>T<%= datetime -%>"><%= date -%></time>, par <a class="p-author author h-card" href="<%= author.uri -%>" rel="author"><i><%= author.name -%></i><img alt="" class="u-photo visuallyhidden" src="/images/hugosoucy/favicon/hs-autoportrait-2010-nb-favion-32x32.png"/></a>. <% if tonumber(os.date('%Y%m%d%H%M%S', time_modification)) > tonumber(time_created) then %> - Mise à jour <time class="dt-updated"><%= os.date('%Y-%m-%d %H:%M:%S', time_modification) -%></time>. + Mise à jour <time class="dt-updated"><%= os.date('%Y-%m-%d %H:%M:%S', time_modification) -%></time>. + <% end %> + <% if posse then %> + Voir sur + <% for k, v in pairs(posse) do %> + <a class="u-syndication" href="<%- v -%>" rel="syndication external"><%- k -%></a>, + <% end %> <% end %> </div> diff --git a/templates/style.html b/templates/style.html @@ -0,0 +1,3 @@ +<style> + /* Bonjour!!!!! */ +</style>