commit e053dae626653b0e720760c1b661b8ac6826a0ac
parent 6765f3c18aee407eab3e7e20a32c0bf24e414a81
Author: Hugo Soucy <hugo@soucy.cc>
Date: Tue, 26 Oct 2021 22:15:53 -0400
Add + modify templates
Diffstat:
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/>@ <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>