hscc

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

commit 22fbc013ad0692b4305b086aceb4bdd67e90929a
parent 4b5d84473971fecdde089d49d0db7718aea50d56
Author: Hugo Soucy <hugo@soucy.cc>
Date:   Tue, 26 Oct 2021 22:14:04 -0400

Add + modify content

Diffstat:
Mcontent/2020/mp/googles-top-search-result-surprise-its-google.lua | 12++++++------
Acontent/2021/mp/npm-ruin-dev.lua | 11+++++++++++
Acontent/2021/mp/npm-ruin-dev.md | 44++++++++++++++++++++++++++++++++++++++++++++
Acontent/2021/mp/rss-is-wonderful.lua | 11+++++++++++
Acontent/2021/mp/rss-is-wonderful.md | 23+++++++++++++++++++++++
Acontent/2021/nt/abolition-de-limpot-foncier.lua | 10++++++++++
Acontent/2021/nt/abolition-de-limpot-foncier.md | 29+++++++++++++++++++++++++++++
Acontent/2021/nt/affichage-sur-netsurf-et-dillo.lua | 7+++++++
Acontent/2021/nt/affichage-sur-netsurf-et-dillo.md | 43+++++++++++++++++++++++++++++++++++++++++++
Acontent/2021/tx/au-mali-par-le-desert.lua | 7+++++++
Acontent/2021/tx/au-mali-par-le-desert.md | 22++++++++++++++++++++++
Mcontent/2021/tx/essai-de-sfeed.lua | 2+-
Mcontent/a-propos.md | 5++---
Acontent/file/curriculum-vitae.html | 553+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Dcontent/file/curriculum-vitae.md | 1-
Mcontent/note/2018/05/linkedin-un-ramassi-tout-et-nimporte-quoi.lua | 2+-
Mcontent/note/2019/04/rss-is-better-than-twitter.lua | 2+-
Mcontent/note/2020/06/adieu-linkedin.lua | 2+-
18 files changed, 772 insertions(+), 14 deletions(-)

diff --git a/content/2020/mp/googles-top-search-result-surprise-its-google.lua b/content/2020/mp/googles-top-search-result-surprise-its-google.lua @@ -1,8 +1,8 @@ return { -title = "Google&#39;s Top Search Result? Surprise! It&#39;s Google", -url = "https://themarkup.org/google-the-giant/2020/07/28/google-search-results-prioritize-google-products-over-competitors", -date = "2020-11-15", -datetime = "14:11:54", -posttype = "bookmark", -keywords = { "gafam","google","big brother","search","seo", } + title = "Google's Top Search Result? Surprise! It's Google", + url = "https://themarkup.org/google-the-giant/2020/07/28/google-search-results-prioritize-google-products-over-competitors", + date = "2020-11-15", + datetime = "14:11:54", + posttype = "bookmark", + keywords = { "gafam","google","big brother","search","seo", } } diff --git a/content/2021/mp/npm-ruin-dev.lua b/content/2021/mp/npm-ruin-dev.lua @@ -0,0 +1,11 @@ +return { + title = "npm ruin dev", + url = "https://adactio.com/articles/17701", + date = "2021-10-22", + datetime = "10:07:25", + posttype = "bookmark", + keywords = { "webdev","entropy","npm","dépendance", }, + posse = { + mastodon = "https://mastodon.sdf.org/@hs0ucy/107145754745895482" + } +} diff --git a/content/2021/mp/npm-ruin-dev.md b/content/2021/mp/npm-ruin-dev.md @@ -0,0 +1,44 @@ +<https://adactio.com/articles/17701> + +> "Don’t get me wrong—I totally understand why complicated pipelines are +> necessary for complicated websites. If you’re part of a large team, +> you probably need to have processes in place so that everyone can +> contribute to the codebase in a consistent way. The more complex that +> codebase is, the more technology you need to help you automate your +> work and catch errors before they go live." +> +> "But that set-up isn’t appropriate for every website. And all those +> tools and processes that are supposed to save time sometimes end up +> wasting time further down the road. Ever had to revisit a project +> after, say, six or twelve months? Maybe you just want to make one +> little change to the CSS. But you can’t because a dependency is +> broken. So you try to update it. But it relies on a different version +> of Node. Before you know it, you’re Bryan Cranston changing a light +> bulb. You should be tweaking one line of CSS but instead you’re +> battling entropy." + +Dans [Cheating Entropy with Native Web +Technologies](https://blog.jim-nielsen.com/2020/cheating-entropy-with-native-web-tech/), +billet écrit par **Jim Nielsen** et cité par Jeremy dans *npm ruin +dev*: + +> "In my experience, authoring vanilla CSS using selectors that largely +> repeat is easier than more tersely authoring nested selectors but +> having to maintain Sass over time." +> +> "Similarly, authoring vanilla JS without language transpilation, +> bundling, etc., is easier than building and maintaining something like +> Babel + Webpack over time." +> +> "Take a moment and think about this super power: if you write vanilla +> HTML, CSS, and JS, all you have to do is put that code in a web +> browser and it runs. Edit a file, refresh the page, you’ve got a +> feedback cycle. As soon as you introduce tooling, as soon as you +> introduce an abstraction not native to the browser, you may have to +> invent the universe for a feedback cycle. No longer writing CSS and +> instead writing Sass? Now you need a development server with a build +> process to watch your files and compile your changes just to develop +> and test your project. You’ve just added a giant, blocking dependency +> for your project to work. And if you can’t get that dependency +> working, your project is dead in the water until you can—both now and +> in the future." diff --git a/content/2021/mp/rss-is-wonderful.lua b/content/2021/mp/rss-is-wonderful.lua @@ -0,0 +1,11 @@ +return { + title = "RSS is Wonderful", + url = "https://quakkels.com/posts/rss-is-wonderful/", + date = "2021-10-26", + datetime = "08:38:38", + posttype = "bookmark", + keywords = { "RSS","syndication","feed", }, + posse = { + mastodon = "https://mastodon.sdf.org/@hs0ucy/107168013595713345" + } +} diff --git a/content/2021/mp/rss-is-wonderful.md b/content/2021/mp/rss-is-wonderful.md @@ -0,0 +1,23 @@ +<https://quakkels.com/posts/rss-is-wonderful/> + +> "[...] avoiding social media means that we lose a lot of interesting +> articles, funny memes, and informative videos that are shared on those +> platforms. Maybe that’s okay since there’s a lot of unproductive and +> even destructive activity happening on social media. But, I still want +> online communities [...]" + +> "A strength of sharing with blogs is they require more effort and +> thinking to articulate an idea. That’s a feature, not a bug. Rather +> than hastily firing off status updates or “micro-blogging” our whims +> that may be misunderstood and end up haunting our future selves, +> instead blogging encourages us to put work into a long form +> explanation of the things we care about. It can be far more rewarding +> for us and also for our readers." +> +> [...] +> +> "Inspired by Web Rings from the 90s, I created a tool for +> serendipitous discovery of blogs called RSS Discovery Engine. Similar +> to how web rings work, I make the assumption that interesting blogs +> will tend to link to other related blogs, and therefore, linked blogs +> are likely to also be interesting." diff --git a/content/2021/nt/abolition-de-limpot-foncier.lua b/content/2021/nt/abolition-de-limpot-foncier.lua @@ -0,0 +1,10 @@ +return { + title = "Abolition de l'impôt foncier", + date = "2021-10-26", + datetime = "13:22:49", + posttype = "note", + keywords = { "impôt","logement","étalement urbain"," crise du logement","ville" }, + posse = { + mastodon = "https://mastodon.sdf.org/@hs0ucy/107169196121456545" + } +} diff --git a/content/2021/nt/abolition-de-limpot-foncier.md b/content/2021/nt/abolition-de-limpot-foncier.md @@ -0,0 +1,29 @@ +Dans le monde municipal il y a des gens qui militent ... + +* contre l'étalement urbain, +* contre le manque de logements sociaux, +* contre la gentrification et les rénovictions, +* pour la protection des terres agricoles, +* pour la protection des milieux humides, +* pour le transport actif, +* pour la qualité de l'air. + +Les villes sont dépendantes de l'impôt foncier que sont les taxes +municipales, et c'est ce qui entraîne les problèmes listés ci-dessus. + +**Les militants qui défendent toutes ces causes, devraient s'unir pour +proposer un autre mode de financement pour les municipalités**! Un mode +de financement compatible avec le droit d'avoir un toit abordable, où +l'on se sent en sécurité; un mode de financement qui ne compromet pas +l'agriculture de proximité et les écosystèmes. + +**Il faut arrêter de travailler en silos. On doit cesser de traîter +les symptômes**. La société civile s'épuise en ne s'attaquant pas à ce +qui cause ces troubles. + +De plus, cela complexifie le travail des villes et des autres paliers +de gouvernement, parce que nous avons toujours besoin de plus de +réglementation et de gens pour les créer et les appliquer, car les +problèmes se multiplient et se pointe alors l'entropie! + +*Follow the money*... diff --git a/content/2021/nt/affichage-sur-netsurf-et-dillo.lua b/content/2021/nt/affichage-sur-netsurf-et-dillo.lua @@ -0,0 +1,7 @@ +return { + title = "Affichage sur les navigateurs NetSurf et Dillo", + date = "2021-10-22", + datetime = "14:24:55", + posttype = "note", + keywords = { "webdev","progressive enhancement","navigateur","browser", } +} diff --git a/content/2021/nt/affichage-sur-netsurf-et-dillo.md b/content/2021/nt/affichage-sur-netsurf-et-dillo.md @@ -0,0 +1,43 @@ +Hier j'ai pris le temps d'améliorer l'affichage de mon site sur les +navigateurs minimalistes Dillo et NetSurf ... + +Dans le `<head>` de mon site, j'ai ajouté un élément `<style>` dans +lequel j'ai mis des règles CSS générales: typographie, couleurs, +marges, etc. Ces règles constituent le style minimal que je veux +appliquer dans tous les navigateurs graphiques, même ceux qui se +trouvent sur des plateformes plus anciennes. + +Ensuite j'ai utilisé une technique de chargement de CSS/JS que l'on +appelle "*cutting the mustard*", plus précisément la version proposée +par [Springer Nature dans leur Frontend +Playbook](https://github.com/springernature/frontend-playbook/blob/main/practices/graded-browser-support.md#implementing-browser-support). + +Cela consiste à charger seulement les styles et les scripts plus +avancés pour des navigateurs qui sont relativement récents. Les +autres, auront seulement les styles de base dont j'ai parlé ci-haut. + + <link + href="/css/index.min.css" + id="indexCSS" + media="only screen and (-webkit-min-device-pixel-ratio:0) and (min-color-index:0), (-ms-high-contrast: none), only all and (min--moz-device-pixel-ratio:0) and (min-resolution: 3e1dpcm)" + rel="stylesheet"/> + +Les navigateurs qui ne pourront pas interpréter la règle qui se trouve +dans l'attribut `[media]` ne seront pas en mesure de charger la +feuille de style `index.min.css`. + +Idem pour le fichier `index.min.js`, on récupère la règle de l'élément +`<link/>` pour déterminer s'il doit être utilisé ou non. + + <script> + (function() { + var indexCSS = document.getElementById('indexCSS'); + if (window.matchMedia && window.matchMedia(indexCSS.media).matches) { + var script = document.createElement('script'); + + script.src = '/js/index.min.js'; + script.async = true; + document.body.appendChild(script); + } + })(); + </script> diff --git a/content/2021/tx/au-mali-par-le-desert.lua b/content/2021/tx/au-mali-par-le-desert.lua @@ -0,0 +1,7 @@ +return { + title = "Au Mali par le désert", + date = "2021-10-20", + datetime = "08:53:46", + posttype = "article", + keywords = { "Mali","désert","Bamako","chanson", } +} diff --git a/content/2021/tx/au-mali-par-le-desert.md b/content/2021/tx/au-mali-par-le-desert.md @@ -0,0 +1,22 @@ +Début vingtaine, je rêvais d'aller au **Mali** par le désert. Porté par un +livre de Théodore Monod que je feuilletais en me visualisant dans une +caravane. Puis je crois que la lecture de Dune avait stimuler mon +imagination dans ce sens :) + +C'est un très long voyage, qui coûte sans doute assez cher. Un peu +plus tard (2001-2002), j'ai eu la chance d'aller au Maroc. J'ai passé +quelques temps à Marrakesh, et même plus au sud à +[Taghjijt](https://www.openstreetmap.org/#map=12/29.0614/-9.4139). Je +m'y sentais bien, et l'idée de prendre le large jusqu'à Tombouctou, +puis Bamako, me trottait toujours dans la tête. + +Mais j'étais cassé, et pas du tout préparé pour ce genre de voyage. +Même si du Maroc, moins de kilomètres me séparaient de mon rêve que du +Québec. Je ne savais même pas si ce tracé était possible pour un +blanc-bec sans expérience du désert. + +Et aujourd'hui, avec Boko Haram qui traîne malheureusement dans le +coin, j'aurais trop peur d'entamer cette traversée [initiatique] vers +l'Afrique subsaharienne ... + +<https://songhoyblues.bandcamp.com/track/bamako> diff --git a/content/2021/tx/essai-de-sfeed.lua b/content/2021/tx/essai-de-sfeed.lua @@ -3,6 +3,6 @@ return { date = "2021-03-19", datetime = "12:38:17", posttype = "article", - keywords = { "rss","atom","syndication","feed","parser","analyseur","lecteur","howto", }, + keywords = { "RSS","syndication","feed","parser","howto","unix" }, summary = "Sfeed est un analyseur et lecteur de flux Atom/RSS en ligne de commande. Il est écrit en C par Hiltjo Posthuma..." } diff --git a/content/a-propos.md b/content/a-propos.md @@ -47,9 +47,8 @@ C'est bien sûr à contre-courant de ce qui se passe en ce moment, où la plupart des gens se confinent dans les silos des médias sociaux comme Facebook, Instagram, Twitter, Medium, etc. -Pour moi l'idée générale, c'est d'avoir du plaisir en retrouvant -l'esprit d'artisan qui animait les premiers webmestres et/ou -bloggeurs. +Mon but c'est d'avoir du plaisir en retrouvant l'esprit d'artisan qui +animait les premiers webmestres et blogueurs. ### Auto-hébergement ### diff --git a/content/file/curriculum-vitae.html b/content/file/curriculum-vitae.html @@ -0,0 +1,553 @@ +<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" + 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> diff --git a/content/file/curriculum-vitae.md b/content/file/curriculum-vitae.md @@ -1 +0,0 @@ -<!-- It's in the template --> diff --git a/content/note/2018/05/linkedin-un-ramassi-tout-et-nimporte-quoi.lua b/content/note/2018/05/linkedin-un-ramassi-tout-et-nimporte-quoi.lua @@ -6,5 +6,5 @@ return { keywords = {"grognon","social network","linkedin"}, shortlink = "3M", posttype = "note", - title = "LinkedIn un ramassi tout et n&#39;importe quoi" + title = "LinkedIn un ramassi tout et n'importe quoi" } diff --git a/content/note/2019/04/rss-is-better-than-twitter.lua b/content/note/2019/04/rss-is-better-than-twitter.lua @@ -4,5 +4,5 @@ return { datetime = "12:54:53", template = "note", bridgy = "true", - keywords = {"RSS","Feed","Twitter"} + keywords = {"RSS","feed","twitter","syndication"} } diff --git a/content/note/2020/06/adieu-linkedin.lua b/content/note/2020/06/adieu-linkedin.lua @@ -1,5 +1,5 @@ return { - title = "DAMessage d&#39;adieu LinkedIn", + title = "Message d'adieu LinkedIn", date = "2020-06-15", datetime = "22:03:04", posttype ="note",