commit d7d34ce8479428a0efc17a6d32ae73e5d1104069
parent a684e39c6fa5f7ca914e30e5713788a9c168a961
Author: Hugo Soucy <hugo@soucy.cc>
Date: Sun, 21 Feb 2021 08:40:46 -0500
Put the vcard and the cv directly in the template
Diffstat:
2 files changed, 589 insertions(+), 4 deletions(-)
diff --git a/templates/curriculum-vitae.html b/templates/curriculum-vitae.html
@@ -1,2 +1,556 @@
-<% local cv = cv() %>
-<%- cv -%>
+<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>
+
+ <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>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>
+
+ <!-- <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 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>
+
+ <!-- <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>
diff --git a/templates/index.html b/templates/index.html
@@ -1,2 +1,33 @@
-<% local vcard = vcard() %>
-<%- vcard -%>
+<div prefix="foaf: http://xmlns.com/foaf/0.1/ dc: http://purl.org/dc/terms/">
+ <div
+ class="h-card hcard vcard"
+ id="hs"
+ resource="#hs"
+ typeof="Person"
+ vocab="http://schema.org/">
+ <link property="sameAs" href="https://mastodon.sdf.org/@hs0ucy#"/>
+ <link property="sameAs" href="https://github.com/hs0ucy/#"/>
+
+ <h1>
+ Bonjour ! Je m'appelle <strong class="p-name" property="name">Hugo Soucy</strong>
+ </h1>
+
+ <img
+ alt="Hugo Soucy à l'été 2018"
+ class="hs0ucy-photo u-photo"
+ height="205"
+ property="image"
+ src="https://hugo.soucy.cc/hs0ucy-2018--240px.png"
+ width="240" />
+
+ <div class="p-note">
+ <p>
+ <a class="u-url u-uid" href="https://hugo.soucy.cc/#hs" rel="me">Je</a> suis un <a href="https://hugo.soucy.cc/file/curriculum-vitae.html#cv" property="sameAs"><span class="p-job-title" property="jobTitle">développeur front-end</span></a> (ou <abbr title="Programmeur en Robustesse Esthétique">PRE</abbr>). Ici, se trouve mon port d'attache en ligne, où je me manifeste généralement sous le pseudo <strong class="p-nickname" property="foaf:nick">hs0ucy</strong>. <a href="https://keyoxide.org/hkp/hugo@soucy.cc" property="sameAs" rel="external">Je suis</a> surtout présent sur <span typeof="foaf:OnlineAccount" property="foaf:account"><a href="https://bandcamp.com/hs0ucy" property="foaf:accountProfilePage" rel="external nofollow me"><span property="dc:title">Bandcamp</span></a></span>, Freenode, <span typeof="foaf:OnlineAccount" property="foaf:account"><a href="https://mastodon.sdf.org/@hs0ucy" property="foaf:accountProfilePage" rel="external nofollow me"><span property="dc:title">Mastodon</span></a></span>, <a href="/xmpp.html">XMPP</a>; j'ai quelques commits sur <a href="https://soucy.cc/git/" rel="external">Git</a>…<a href="https://codeberg.org/hs0ucy" rel="external">Git</a>…<span typeof="foaf:OnlineAccount" property="foaf:account"><a href="https://github.com/hs0ucy" property="foaf:accountProfilePage" rel="external nofollow me"><span property="dc:title">GitHub</span></a></span>. Hors ligne, on peut me croiser dans les rues de <span typeof="http://schema.org/PostalAddress" property="address"><strong class="p-locality" property="addressLocality">Lévis</strong></span> ou Québec. Sinon, vous pouvez communiquer avec moi par courriel à l'adresse <a href="mailto:hugo@soucy.cc" property="email" rel="me"> <span class="u-email">hugo@soucy.cc</span></a>.
+ </p>
+
+ <p>
+ <a href="https://hugo.soucy.cc/2021">Dans ma soupe</a> je vois les <strong property="foaf:interest" resource="http://dbpedia.org/resource/FLOSS" title="FLOSS">logiciels libres et open-source</strong>, comme <strong property="foaf:interest" resource="http://dbpedia.org/resource/Emacs">Emacs</strong>, <strong property="foaf:interest" resource="http://dbpedia.org/page/Dwm">dwm</strong>, <strong property="foaf:interest" resource="http://dbpedia.org/resource/OpenBSD">OpenBSD</strong> 🐡, <strong property="foaf:interest" resource="http://dbpedia.org/resource/Manjaro_Linux">Manjaro</strong>, <strong property="foaf:interest" resource="http://dbpedia.org/page/Syncthing">Syncthing</strong>, etc; les <strong property="foaf:interest" resource="http://dbpedia.org/resource/Shell_script">shell scripts</strong>, le <strong property="foaf:interest" resource="http://dbpedia.org/page/Lua_(programming_language)">Lua</strong> script, le <strong property="foaf:interest" resource="http://dbpedia.org/resource/JavaScript">JavaScript</strong>; les <strong property="foaf:interest" resource="http://dbpedia.org/page/Web_standards">standards du Web</strong> et tout ce qui touche à l'indépendance numérique des utilisateurs. J'aime la <strong property="foaf:interest" resource="http://dbpedia.org/resource/Politics">politique</strong> sans les politiciens, la <strong property="foaf:interest" resource="http://dbpedia.org/resource/Reading_(process)">lecture</strong>, le <strong property="foaf:interest" resource="http://dbpedia.org/resource/Bicycle">vélo</strong>, le <strong property="foaf:interest" resource="http://dbpedia.org/page/Coffee">café</strong> ☕, la <strong property="foaf:interest" resource="http://dbpedia.org/page/Pizza">pizza</strong> 🍕 et les <strong property="foaf:interest" resource="http://dbpedia.org/resource/Sandwich">sandwichs</strong> 🥪.
+ </p>
+ </div>
+ </div>
+</div>