hscc

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

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:
Mtemplates/curriculum-vitae.html | 558++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++-
Mtemplates/index.html | 35+++++++++++++++++++++++++++++++++--
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>&hellip;<a href="https://codeberg.org/hs0ucy" rel="external">Git</a>&hellip;<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>