hugosoucycc

[ARCHIVED] Another old source code of <hugo.soucy.cc>.
Log | Files | Refs | Submodules

commit 0e6b2d03d5839e3748fdd25640ce657a3e4eb6cd
parent 6bccc1fada86efabda53986be350dfc7ef163819
Author: Hugo Soucy <hugo.soucy@savoirfairelinux.com>
Date:   Sun,  6 Nov 2016 19:30:17 -0500

Put the content content directly in year and month folder.

Diffstat:
Acontent/file/curriculum-vitae.md | 108+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Dcontent/file/curriculum-vitae/index.md | 107-------------------------------------------------------------------------------
Mcontent/file/pgp.md | 2+-
Mcontent/index.md | 2+-
Acontent/note/2016/01/tiens-un-article-sur-le-darknet-que-plusieurs-devraient-lire.md | 10++++++++++
Acontent/note/2016/02/encryption-is-the-nsas-friend-20160127nsa_loves_it_when_you_use_pgp.md | 10++++++++++
Acontent/note/2016/02/what-is-it-about-society-that-disappoints-you-so-much.md | 24++++++++++++++++++++++++
Acontent/note/2016/03/javascript-vanille-underscorejs-font-selon-moi-une-excellente-quipe-youmightnotneedjquery-webdev.md | 11+++++++++++
Acontent/note/2016/04/encore-une-fois-je-viens-de-supprimer-mon-compte-facebook.md | 9+++++++++
Acontent/note/2016/04/tiens-tiens-tiens-le-projet-gnu-revamp-la-page-web.md | 8++++++++
Acontent/note/2016/05/firefox-print-background-color.md | 11+++++++++++
Acontent/note/2016/05/indieweb-in-a-nutshellown-your-identity-domain-website-content-uiux.md | 9+++++++++
Acontent/note/2016/05/jeunes-liberaux-ringards.md | 17+++++++++++++++++
Acontent/note/2016/05/justin-jackson-is-a-fucking-webmaster.md | 12++++++++++++
Acontent/note/2016/06/nous-sommes-eduques-a-croire.md | 11+++++++++++
Acontent/note/2016/07/emacs-sort-delete-matching-duplicate-lines.md | 13+++++++++++++
Acontent/note/2016/08/add-key-bindings-to-moving-faster-between-emacs-windows.md | 10++++++++++
Acontent/note/2016/08/everybody-should-be-twitter-verified.md | 12++++++++++++
Acontent/note/2016/08/m4-as-css-pre-processor.md | 8++++++++
Acontent/note/2016/08/matane-budget-participatif.md | 12++++++++++++
Acontent/note/2016/08/nathalie-normandeau-et-la-radio-de-quebec.md | 10++++++++++
Acontent/note/2016/08/openbsd-pour-tous.md | 9+++++++++
Acontent/note/2016/08/pokemon-go-et-societe-de-surveillance.md | 12++++++++++++
Acontent/note/2016/08/programming-languages-hyperpolyglot.md | 10++++++++++
Acontent/note/2016/08/quoi-ce-n-est-pas-des-femmes-grenouilles.md | 14++++++++++++++
Acontent/note/2016/08/shipping-is-a-feature.md | 11+++++++++++
Acontent/note/2016/08/snowden-pardon-petition-on-facebook.md | 13+++++++++++++
Acontent/note/2016/08/ssh-chat-server-written-ingo.md | 10++++++++++
Acontent/note/2016/08/txti.md | 8++++++++
Acontent/note/2016/08/vimgifs-et-emacs_gifs.md | 11+++++++++++
Acontent/note/2016/09/ce-que-le-quebec-gagnerait-a-nationaliser-internet.md | 17+++++++++++++++++
Acontent/note/2016/09/internet-3-0-peut-on-reprendre-le-controle-des-geants.md | 10++++++++++
Acontent/note/2016/09/ma-vie-obeit-a-l-attraction-des-livres-nikolski-nicolas-dickner.md | 13+++++++++++++
Acontent/note/2016/09/radio-canada-publicitaire-pour-apple.md | 11+++++++++++
Acontent/note/2016/09/why-we-use-progressive-enhancement-to-build-gov-uk.md | 10++++++++++
Acontent/note/2016/10/how-can-i-handle-command-line-arguments-options-to-my-script-easily.md | 10++++++++++
Acontent/note/2016/10/linux-foundation-takes-javascript-under-its-wings.md | 10++++++++++
Acontent/note/2016/10/who-pays-for-the-decentralized-web.md | 10++++++++++
Acontent/note/2016/11/browsers-not-apps-are-the-future-of-mobile.md | 10++++++++++
Acontent/note/2016/11/indieweb-make-your-social-media-posts-open-first.md | 10++++++++++
Acontent/note/2016/11/the-average-american-now-downloads-zero-apps-per-month.md | 10++++++++++
Dcontent/note/add-key-bindings-to-moving-faster-between-emacs-windows.md | 9---------
Dcontent/note/ce-que-le-quebec-gagnerait-a-nationaliser-internet.md | 16----------------
Dcontent/note/emacs-sort-delete-matching-duplicate-lines.md | 12------------
Dcontent/note/encore-une-fois-je-viens-de-supprimer-mon-compte-facebook.md | 8--------
Dcontent/note/encryption-is-the-nsas-friend-20160127nsa_loves_it_when_you_use_pgp.md | 9---------
Dcontent/note/everybody-should-be-twitter-verified.md | 11-----------
Dcontent/note/firefox-print-background-color.md | 10----------
Dcontent/note/how-can-i-handle-command-line-arguments-options-to-my-script-easily.md | 9---------
Dcontent/note/indieweb-in-a-nutshellown-your-identity-domain-website-content-uiux.md | 8--------
Dcontent/note/indieweb-make-your-social-media-posts-open-first.md | 9---------
Dcontent/note/internet-3-0-peut-on-reprendre-le-controle-des-geants.md | 9---------
Dcontent/note/javascript-vanille-underscorejs-font-selon-moi-une-excellente-quipe-youmightnotneedjquery-webdev.md | 10----------
Dcontent/note/jeunes-liberaux-ringards.md | 16----------------
Dcontent/note/justin-jackson-is-a-fucking-webmaster.md | 11-----------
Dcontent/note/linux-foundation-takes-javascript-under-its-wings.md | 9---------
Dcontent/note/m4-as-css-pre-processor.md | 7-------
Dcontent/note/ma-vie-obeit-a-l-attraction-des-livres-nikolski-nicolas-dickner.md | 12------------
Dcontent/note/matane-budget-participatif.md | 11-----------
Dcontent/note/nathalie-normandeau-et-la-radio-de-quebec.md | 9---------
Dcontent/note/nous-sommes-eduques-a-croire.md | 10----------
Dcontent/note/openbsd-pour-tous.md | 8--------
Dcontent/note/pokemon-go-et-societe-de-surveillance.md | 11-----------
Dcontent/note/programming-languages-hyperpolyglot.md | 9---------
Dcontent/note/quoi-ce-n-est-pas-des-femmes-grenouilles.md | 13-------------
Dcontent/note/radio-canada-publicitaire-pour-apple.md | 10----------
Dcontent/note/shipping-is-a-feature.md | 10----------
Dcontent/note/snowden-pardon-petition-on-facebook.md | 12------------
Dcontent/note/ssh-chat-server-written-ingo.md | 9---------
Dcontent/note/tiens-tiens-tiens-le-projet-gnu-revamp-la-page-web.md | 7-------
Dcontent/note/tiens-un-article-sur-le-darknet-que-plusieurs-devraient-lire.md | 9---------
Dcontent/note/txti.md | 7-------
Dcontent/note/vimgifs-et-emacs_gifs.md | 10----------
Dcontent/note/what-is-it-about-society-that-disappoints-you-so-much.md | 23-----------------------
Dcontent/note/who-pays-for-the-decentralized-web.md | 9---------
Dcontent/note/why-we-use-progressive-enhancement-to-build-gov-uk.md | 9---------
Rcontent/txt/les-partis-politiques-nuisent-ils-a-la-democratie.md -> content/txt/2014/02/les-partis-politiques-nuisent-ils-a-la-democratie.md | 0
Rcontent/txt/bronto-politiciens-de-silos.md -> content/txt/2014/04/bronto-politiciens-de-silos.md | 0
Rcontent/txt/mes-logiciels-libres-preferes.md -> content/txt/2014/09/mes-logiciels-libres-preferes.md | 0
Rcontent/txt/emacs/emacs-101-l-introduction.md -> content/txt/emacs/2015/06/emacs-101-l-introduction.md | 0
Rcontent/txt/emacs/emacs-101-la-configuration.md -> content/txt/emacs/2015/06/emacs-101-la-configuration.md | 0
Mpublic_html/css/styles.css | 2+-
Apublic_html/feed.atom.xml | 11+++++++++++
Dpublic_html/feed.note.atom.xml | 151-------------------------------------------------------------------------------
Dpublic_html/feed.txt.atom.xml | 31-------------------------------
Apublic_html/file/curriculum-vitae.html | 213+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Dpublic_html/file/curriculum-vitae/index.html | 199-------------------------------------------------------------------------------
Mpublic_html/file/pgp.html | 28+++++++++++++++++++++-------
Mpublic_html/index.html | 23++++++++++++++++++-----
Apublic_html/js/script.min.js | 35+++++++++++++++++++++++++++++++++++
Mpublic_html/note/2016/01/tiens-un-article-sur-le-darknet-que-plusieurs-devraient-lire.html | 64+++++++++++++++++-----------------------------------------------
Mpublic_html/note/2016/02/encryption-is-the-nsas-friend-20160127nsa_loves_it_when_you_use_pgp.html | 64+++++++++++++++++-----------------------------------------------
Mpublic_html/note/2016/02/what-is-it-about-society-that-disappoints-you-so-much.html | 64+++++++++++++++++-----------------------------------------------
Mpublic_html/note/2016/03/javascript-vanille-underscorejs-font-selon-moi-une-excellente-quipe-youmightnotneedjquery-webdev.html | 64+++++++++++++++++-----------------------------------------------
Mpublic_html/note/2016/04/encore-une-fois-je-viens-de-supprimer-mon-compte-facebook.html | 64+++++++++++++++++-----------------------------------------------
Mpublic_html/note/2016/04/tiens-tiens-tiens-le-projet-gnu-revamp-la-page-web.html | 64+++++++++++++++++-----------------------------------------------
Mpublic_html/note/2016/05/firefox-print-background-color.html | 64+++++++++++++++++-----------------------------------------------
Mpublic_html/note/2016/05/indieweb-in-a-nutshellown-your-identity-domain-website-content-uiux.html | 64+++++++++++++++++-----------------------------------------------
Mpublic_html/note/2016/05/jeunes-liberaux-ringards.html | 64+++++++++++++++++-----------------------------------------------
Mpublic_html/note/2016/05/justin-jackson-is-a-fucking-webmaster.html | 64+++++++++++++++++-----------------------------------------------
Mpublic_html/note/2016/06/nous-sommes-eduques-a-croire.html | 64+++++++++++++++++-----------------------------------------------
Mpublic_html/note/2016/07/emacs-sort-delete-matching-duplicate-lines.html | 64+++++++++++++++++-----------------------------------------------
Mpublic_html/note/2016/08/add-key-bindings-to-moving-faster-between-emacs-windows.html | 64+++++++++++++++++-----------------------------------------------
Mpublic_html/note/2016/08/everybody-should-be-twitter-verified.html | 64+++++++++++++++++-----------------------------------------------
Mpublic_html/note/2016/08/m4-as-css-pre-processor.html | 64+++++++++++++++++-----------------------------------------------
Mpublic_html/note/2016/08/matane-budget-participatif.html | 64+++++++++++++++++-----------------------------------------------
Mpublic_html/note/2016/08/nathalie-normandeau-et-la-radio-de-quebec.html | 64+++++++++++++++++-----------------------------------------------
Mpublic_html/note/2016/08/openbsd-pour-tous.html | 64+++++++++++++++++-----------------------------------------------
Mpublic_html/note/2016/08/pokemon-go-et-societe-de-surveillance.html | 64+++++++++++++++++-----------------------------------------------
Mpublic_html/note/2016/08/programming-languages-hyperpolyglot.html | 64+++++++++++++++++-----------------------------------------------
Mpublic_html/note/2016/08/quoi-ce-n-est-pas-des-femmes-grenouilles.html | 64+++++++++++++++++-----------------------------------------------
Mpublic_html/note/2016/08/shipping-is-a-feature.html | 64+++++++++++++++++-----------------------------------------------
Mpublic_html/note/2016/08/snowden-pardon-petition-on-facebook.html | 64+++++++++++++++++-----------------------------------------------
Mpublic_html/note/2016/08/ssh-chat-server-written-ingo.html | 64+++++++++++++++++-----------------------------------------------
Mpublic_html/note/2016/08/txti.html | 64+++++++++++++++++-----------------------------------------------
Mpublic_html/note/2016/08/vimgifs-et-emacs_gifs.html | 64+++++++++++++++++-----------------------------------------------
Mpublic_html/note/2016/09/ce-que-le-quebec-gagnerait-a-nationaliser-internet.html | 64+++++++++++++++++-----------------------------------------------
Mpublic_html/note/2016/09/internet-3-0-peut-on-reprendre-le-controle-des-geants.html | 64+++++++++++++++++-----------------------------------------------
Mpublic_html/note/2016/09/ma-vie-obeit-a-l-attraction-des-livres-nikolski-nicolas-dickner.html | 64+++++++++++++++++-----------------------------------------------
Mpublic_html/note/2016/09/radio-canada-publicitaire-pour-apple.html | 64+++++++++++++++++-----------------------------------------------
Mpublic_html/note/2016/09/why-we-use-progressive-enhancement-to-build-gov-uk.html | 64+++++++++++++++++-----------------------------------------------
Mpublic_html/note/2016/10/how-can-i-handle-command-line-arguments-options-to-my-script-easily.html | 64+++++++++++++++++-----------------------------------------------
Mpublic_html/note/2016/10/linux-foundation-takes-javascript-under-its-wings.html | 64+++++++++++++++++-----------------------------------------------
Mpublic_html/note/2016/10/who-pays-for-the-decentralized-web.html | 64+++++++++++++++++-----------------------------------------------
Apublic_html/note/2016/11/browsers-not-apps-are-the-future-of-mobile.html | 72++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mpublic_html/note/2016/11/indieweb-make-your-social-media-posts-open-first.html | 64+++++++++++++++++-----------------------------------------------
Apublic_html/note/2016/11/the-average-american-now-downloads-zero-apps-per-month.html | 79+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mpublic_html/note/index.html | 51+++++++++++++++++++++++++++++++++++++++++++--------
Mpublic_html/txt/2014/02/les-partis-politiques-nuisent-ils-a-la-democratie.html | 26++++++++++++++++++++------
Mpublic_html/txt/2014/04/bronto-politiciens-de-silos.html | 26++++++++++++++++++++------
Mpublic_html/txt/2014/09/mes-logiciels-libres-preferes.html | 26++++++++++++++++++++------
Mpublic_html/txt/emacs/2015/06/emacs-101-l-introduction.html | 26++++++++++++++++++++------
Dpublic_html/txt/emacs/2015/06/emacs-101-l-introduction.html.orig | 252-------------------------------------------------------------------------------
Mpublic_html/txt/emacs/2015/06/emacs-101-la-configuration.html | 26++++++++++++++++++++------
Mpublic_html/txt/index.html | 28+++++++++++++++++++++-------
135 files changed, 1735 insertions(+), 2806 deletions(-)

diff --git a/content/file/curriculum-vitae.md b/content/file/curriculum-vitae.md @@ -0,0 +1,108 @@ +--- +title: Curriculum vitae +date: 0000-00-00 +template: curriculum-vitae +--- + +Profil +------ + +Je suis un <span>intégrateur Web</span> d'expérience, qui adore structurer des contenus qui se démarquent. J'excelle à mettre en valeur le travail de mes collègues designers et rédacteurs. J'aime contribuer à l'émergence de sites Web de qualité, accessibles autant aux humains qu'aux machines... Pour y arriver, je favorise l'utilisation des standards du Web et des formats libres. + +--- + +Compétences +----------- + +### Conception Web + +Maîtrise les langages déclaratifs (X)HTML et CSS. Applique les bonnes pratiques d'intégration Web, tant au niveau de la performance qu'au niveau de l'accessibilité et de la compatibilité de navigation. Améliore l'expérience utilisateur avec du JavaScript non intrusif. Propose des solutions innovantes. + + +### Gestion de projet + +En mesure de coordonner toutes les étapes de la réalisation d'un site Web; incluant l’élaboration d'un plan de travail, ainsi que le soutien et l’encadrement d'une équipe de travail, afin d'assurer le respect d'échéanciers. + +### Communication + +Aime partager les fruits de sa curiosité et de son expérience. Vulgarise le Web de vive voix, ou par l'écriture de tutoriaux. Procède à une veille technologique quotidienne et transmet ses découvertes par les canaux de communications mis à sa disposition. Capable de rédiger des documents de formation et de transmettre la matière à un groupe. + +--- + +Expérience professionnelle +-------------------------- + +* **Consultant en logiciel libre, spécialiste front-end**, +_Savoir-faire Linux_, Québec | 2014 – + * Intégrer en HTML 5 et CSS 3 + * Programmer avec JavaScript et JQuery +* **Intégrateur Web sénior**, +_Libéo_, Québec | 2012 – 2013 + * Intégrer en HTML 5 et CSS 3 + * Programmer avec JavaScript et JQuery +* **Développeur Web**, +_DuProprio_, Charny | 2011 – 2012 + * Maintenance du code «front-end» + * Participe au développement de nouveaux outils pour le site Web de l'entreprise. +* **Intégrateur Web et référenceur**, +_Kryzalid communication_, Montréal | 2007 – 2011 + * Établir la structure du code selon l'arborescence. + * Intégrer tous les éléments des sites à l'aide des langages XHTML, CSS, PHP et JavaScript. + * Optimiser des sites Web pour le référencement naturel. + * Modérer et animer le blogue de l'agence. +* **Webmestre**, +_Fromagex_, Rimouski | 2005 – 2006 + * Mettre en place une solution de commerce électronique basée sur osCSS. + * Intégrer et programmer le site Web de l'entreprise. + * Soutenir techniquement les contributeurs du site. +* **Webmestre et formateur en informatique**, +_Atena groupe-conseil_, Rimouski | 2005 – 2006 + * Planifier et concevoir la refonte du site Web de l'entreprise. + * Donner des formations en micro-informatique et en création de site Web. + * Rédiger des document de formation. + * Soutenir techniquement la clientèle. +* **Infographiste-Webmestre**, +_À la pige_, Montréal | 2003 – 2005 + * Créer des sites Web. + * Concevoir des documents destinés à l'impression. +* **Webmestre et formateur informatique**, +_Association franco-yukonnaise_, Whitehorse | 2002 – 2003 + * Concevoir des sites Web. + * Produire des documents destinés à l'impression. + * Donner des formations en microinformatique. + * Créer des documents de formation. + * Soutenir techniquement la clientèle. +* **Coopérant-formateur en conception Web**, +_ONG Alternatives_, Rabat (Maroc) | 2001 – 2002 + * Planifier et concevoir la refonte du site Web d'un ONG. + * Donner des formations en création de sites Web. + * Rédiger des documents didactiques. +* **Intégrateur multimédia**, +_I.C. Axon_, Montréal | 1999 – 2001 + * Faire de la mise en page d'images numériques destinées à des CD-ROM interactifs. + +--- + +Scolarité +--------- + +* **Attestation d'études collégiales en design multimédia**, +Académie internationale du design de Montréal, Montréal | 1999 +* **Diplôme d'études collégiales en Arts plastiques**, +Cégep du Vieux-­Montréal, Montréal | 1998 + +--- + +Formation continue +------------------ + +* **Accessibilité Web : SGQRI, WCAG**, +Modop, Québec | 2012 +* **TYPO3 Administrateur**, +Infoglobe, Québec | 2012 +* **Ergonomie centrée utilisateur**, +Centre de Recherche Informatique de Montréal (CRIM), Montréal | 2012 +* **Vers le Web 3.0 : Le Web sémantique**, +Centre de Recherche Informatique de Montréal (CRIM), Montréal | 2009 +* **JavaScript avec DHTML et DOM**, +Institut des technologies de l'information du Collège Maisonneuve, Montréal | 2008 diff --git a/content/file/curriculum-vitae/index.md b/content/file/curriculum-vitae/index.md @@ -1,107 +0,0 @@ ---- -title: Curriculum vitae -date: null ---- - -Profil ------- - -Je suis un <span>intégrateur Web</span> d'expérience, qui adore structurer des contenus qui se démarquent. J'excelle à mettre en valeur le travail de mes collègues designers et rédacteurs. J'aime contribuer à l'émergence de sites Web de qualité, accessibles autant aux humains qu'aux machines... Pour y arriver, je favorise l'utilisation des standards du Web et des formats libres. - ---- - -Compétences ------------ - -### Conception Web - -Maîtrise les langages déclaratifs (X)HTML et CSS. Applique les bonnes pratiques d'intégration Web, tant au niveau de la performance qu'au niveau de l'accessibilité et de la compatibilité de navigation. Améliore l'expérience utilisateur avec du JavaScript non intrusif. Propose des solutions innovantes. - - -### Gestion de projet - -En mesure de coordonner toutes les étapes de la réalisation d'un site Web; incluant l’élaboration d'un plan de travail, ainsi que le soutien et l’encadrement d'une équipe de travail, afin d'assurer le respect d'échéanciers. - -### Communication - -Aime partager les fruits de sa curiosité et de son expérience. Vulgarise le Web de vive voix, ou par l'écriture de tutoriaux. Procède à une veille technologique quotidienne et transmet ses découvertes par les canaux de communications mis à sa disposition. Capable de rédiger des documents de formation et de transmettre la matière à un groupe. - ---- - -Expérience professionnelle --------------------------- - -* **Consultant en logiciel libre, spécialiste front-end**, -_Savoir-faire Linux_, Québec | 2014 – - * Intégrer en HTML 5 et CSS 3 - * Programmer avec JavaScript et JQuery -* **Intégrateur Web sénior**, -_Libéo_, Québec | 2012 – 2013 - * Intégrer en HTML 5 et CSS 3 - * Programmer avec JavaScript et JQuery -* **Développeur Web**, -_DuProprio_, Charny | 2011 – 2012 - * Maintenance du code «front-end» - * Participe au développement de nouveaux outils pour le site Web de l'entreprise. -* **Intégrateur Web et référenceur**, -_Kryzalid communication_, Montréal | 2007 – 2011 - * Établir la structure du code selon l'arborescence. - * Intégrer tous les éléments des sites à l'aide des langages XHTML, CSS, PHP et JavaScript. - * Optimiser des sites Web pour le référencement naturel. - * Modérer et animer le blogue de l'agence. -* **Webmestre**, -_Fromagex_, Rimouski | 2005 – 2006 - * Mettre en place une solution de commerce électronique basée sur osCSS. - * Intégrer et programmer le site Web de l'entreprise. - * Soutenir techniquement les contributeurs du site. -* **Webmestre et formateur en informatique**, -_Atena groupe-conseil_, Rimouski | 2005 – 2006 - * Planifier et concevoir la refonte du site Web de l'entreprise. - * Donner des formations en micro-informatique et en création de site Web. - * Rédiger des document de formation. - * Soutenir techniquement la clientèle. -* **Infographiste-Webmestre**, -_À la pige_, Montréal | 2003 – 2005 - * Créer des sites Web. - * Concevoir des documents destinés à l'impression. -* **Webmestre et formateur informatique**, -_Association franco-yukonnaise_, Whitehorse | 2002 – 2003 - * Concevoir des sites Web. - * Produire des documents destinés à l'impression. - * Donner des formations en microinformatique. - * Créer des documents de formation. - * Soutenir techniquement la clientèle. -* **Coopérant-formateur en conception Web**, -_ONG Alternatives_, Rabat (Maroc) | 2001 – 2002 - * Planifier et concevoir la refonte du site Web d'un ONG. - * Donner des formations en création de sites Web. - * Rédiger des documents didactiques. -* **Intégrateur multimédia**, -_I.C. Axon_, Montréal | 1999 – 2001 - * Faire de la mise en page d'images numériques destinées à des CD-ROM interactifs. - ---- - -Scolarité ---------- - -* **Attestation d'études collégiales en design multimédia**, -Académie internationale du design de Montréal, Montréal | 1999 -* **Diplôme d'études collégiales en Arts plastiques**, -Cégep du Vieux-­Montréal, Montréal | 1998 - ---- - -Formation continue ------------------- - -* **Accessibilité Web : SGQRI, WCAG**, -Modop, Québec | 2012 -* **TYPO3 Administrateur**, -Infoglobe, Québec | 2012 -* **Ergonomie centrée utilisateur**, -Centre de Recherche Informatique de Montréal (CRIM), Montréal | 2012 -* **Vers le Web 3.0 : Le Web sémantique**, -Centre de Recherche Informatique de Montréal (CRIM), Montréal | 2009 -* **JavaScript avec DHTML et DOM**, -Institut des technologies de l'information du Collège Maisonneuve, Montréal | 2008 diff --git a/content/file/pgp.md b/content/file/pgp.md @@ -1,6 +1,6 @@ --- title: Clé publique PGP -date: null +date: 0000-00-00 --- Clé publique PGP diff --git a/content/index.md b/content/index.md @@ -1,6 +1,6 @@ --- title: Hugo Soucy, développeur Web frontend qui habite la ville de Québec, et ceci est sa page Web -date: null +date: 0000-00-00 --- Bonjour et bienvenue, ici se trouve le port d'attache d'un diff --git a/content/note/2016/01/tiens-un-article-sur-le-darknet-que-plusieurs-devraient-lire.md b/content/note/2016/01/tiens-un-article-sur-le-darknet-que-plusieurs-devraient-lire.md @@ -0,0 +1,10 @@ +--- +title: Tiens un article sur le darknet que plusieurs devraient lire +date: 2016-01-28 +datetime: 20:03:06 +template: note +--- + +Tiens un article sur le #Darknet que plusieurs devraient lire, surtout +les gens des médias qui en disent souvent n'importe quoi. ~ +<http://x.soucy.cc/cd> diff --git a/content/note/2016/02/encryption-is-the-nsas-friend-20160127nsa_loves_it_when_you_use_pgp.md b/content/note/2016/02/encryption-is-the-nsas-friend-20160127nsa_loves_it_when_you_use_pgp.md @@ -0,0 +1,10 @@ +--- +title: Encryption is the nsas friend 20160127nsa_loves_it_when_you_use_pgp +date: 2016-02-17 +datetime: 19:46:45 +template: note +bridgy: true +--- + +"Encryption is the NSA's friend" ~ +<http://www.theregister.co.uk/2016/01/27/nsa_loves_it_when_you_use_pgp/> diff --git a/content/note/2016/02/what-is-it-about-society-that-disappoints-you-so-much.md b/content/note/2016/02/what-is-it-about-society-that-disappoints-you-so-much.md @@ -0,0 +1,24 @@ +--- +title: What is it about society that disappoints you so much +date: 2016-02-01 +datetime: 19:49:13 +cite: Elliot Alderson, Mr. Robot (TV series) +citeurl: https://searx.me/?q=Mr.%20Robot%20TV%20series&categories=general +template: note +--- + +«What is it about society that disappoints you so much?» + +«Oh, i don't know. Is it that we collectively thought Steve Jobs was a +great man, when when we knew he made billions off the backs of +children? Or maybe it's that it feels like all our heroes are +counterfeit. the world itself's just a big hoax. Spamming with our +running commentary of bullshit masquerading as insight, our social +media faking as intimacy. Or is it that we voted for this? Not with +our rigged elections, but with our things, our property, our +money. I'm not saying anything new. We all know why we do this, not +because Hunger Games books make us happy but because we wanna be +sedated. Because it's painful not to pretend, because we're +cowards. Fuck society.» + +![ ](http://assets.soucy.cc/images/varia/mr-fuck-society-700x6786.jpg) diff --git a/content/note/2016/03/javascript-vanille-underscorejs-font-selon-moi-une-excellente-quipe-youmightnotneedjquery-webdev.md b/content/note/2016/03/javascript-vanille-underscorejs-font-selon-moi-une-excellente-quipe-youmightnotneedjquery-webdev.md @@ -0,0 +1,11 @@ +--- +title: Javascript vanille underscorejs font selon moi une excellente quipe youmightnotneedjquery webdev +date: 2016-03-18 +datetime: 19:42:52 +template: note +--- + + +Le JavaScript vanille &amp; [Underscore.js](http://underscorejs.org/) +font selon-moi une excellente équipe ! #youmightnotneedjquery. + diff --git a/content/note/2016/04/encore-une-fois-je-viens-de-supprimer-mon-compte-facebook.md b/content/note/2016/04/encore-une-fois-je-viens-de-supprimer-mon-compte-facebook.md @@ -0,0 +1,9 @@ +--- +title: Encore une fois je viens de supprimer mon compte facebook +date: 2016-04-12 +datetime: 19:37:38 +template: note +--- + +Encore une fois, je viens de supprimer mon compte Facebook. En +espérant que ce soit la dernière :). diff --git a/content/note/2016/04/tiens-tiens-tiens-le-projet-gnu-revamp-la-page-web.md b/content/note/2016/04/tiens-tiens-tiens-le-projet-gnu-revamp-la-page-web.md @@ -0,0 +1,8 @@ +--- +title: Tiens tiens tiens le projet gnu revamp la page web +date: 2016-04-25 +datetime: 00:50:27 +template: note +--- + +Tiens, tiens, tiens le projet GNU a revampé la page web officielle de Emacs ! ~ <http://x.soucy.cc/c5> diff --git a/content/note/2016/05/firefox-print-background-color.md b/content/note/2016/05/firefox-print-background-color.md @@ -0,0 +1,11 @@ +--- +title: Firefox imprime pas les background-color +date: 2016-05-18 +datetime: 23:33:01 +template: note +--- + +Firefox ne veut pas imprimer les `background-color`, tant pis! Pour +hacker le problème, il suffit d'ajouter un `::before` en +`position:absolute`, puis mettre un `box-shadow` `inset` avec un +`spread-radius` de `100em` et la couleur désirée. Voilà! diff --git a/content/note/2016/05/indieweb-in-a-nutshellown-your-identity-domain-website-content-uiux.md b/content/note/2016/05/indieweb-in-a-nutshellown-your-identity-domain-website-content-uiux.md @@ -0,0 +1,9 @@ +--- +title: Indieweb in a nutshellown your identity domain website content uiux +date: 2016-05-13 +datetime: 17:12:50 +template: note +--- + +IndieWeb In a Nutshell:Own your: identity, domain, website, content, +ui/ux, design, privacy and commerce ~ <http://x.soucy.cc/c6> diff --git a/content/note/2016/05/jeunes-liberaux-ringards.md b/content/note/2016/05/jeunes-liberaux-ringards.md @@ -0,0 +1,17 @@ +--- +title: Jeunes liberaux ringards +date: 2016-05-16 +datetime: 12:49:12 +template: note +--- + +Il n'y a rien de plus ringard qu'un «jeune» politicien; dire que #Uber +fait de l'économie de partage c'est bêler ringarement la propagande de +cette entreprise. Ils ajoutent leurs voix aux médias de masse, qui +déjà braient en coeur cette expression sans essayer de comprendre et +d'analyser ce qu'elle signifie... Encore une fois, la machine à +saucisse broie et reforge la réalité en vidant de son sens un concept +qui pourrait faire une brèche dans l'idéologie dominante. Si miner un +marché avec une application qui concentre les données et les +communications dans le but de créer un monopole c'est de l'économie de +partage? Alors la liberté est vraiment une marque de yogourt! diff --git a/content/note/2016/05/justin-jackson-is-a-fucking-webmaster.md b/content/note/2016/05/justin-jackson-is-a-fucking-webmaster.md @@ -0,0 +1,12 @@ +--- +title: Justin jackson is a fucking webmaster +date: 2016-05-17 +datetime: 16:13:12 +cite: Justin Jackson +citeurl: https://justinjackson.ca/webmaster/ +template: note +--- + +«I'm a fucking webmaster. Back in 1993 you weren't a designer, +developer, copywriter or in devops. You were a fucking webmaster, and +your name was at the bottom of every page.» diff --git a/content/note/2016/06/nous-sommes-eduques-a-croire.md b/content/note/2016/06/nous-sommes-eduques-a-croire.md @@ -0,0 +1,11 @@ +--- +title: Nous sommes éduqués a croire +date: 2016-06-09 +datetime: 22:51:04 +cite: Frank Herbert, Extrait du Messie de Dune +citeurl: https://fr.wikiquote.org/wiki/Le_Messie_de_Dune +template: note +--- + +«Ils sont éduqués à croire, et non à savoir. La croyance peut être +manipulée. Seul le savoir est dangereux.» diff --git a/content/note/2016/07/emacs-sort-delete-matching-duplicate-lines.md b/content/note/2016/07/emacs-sort-delete-matching-duplicate-lines.md @@ -0,0 +1,13 @@ +--- +title: Emacs classer, effacer les doublons, effacer par patterns +date: 2016-07-13 +datetime: 21:49:21 +template: note +--- + +Playing with lines in #Emacs: + +* `M-x sort-lines` +* `M-x delete-matching-lines` +* `M-x delete-non-matching-lines` +* `M-x delete-duplicate-lines` diff --git a/content/note/2016/08/add-key-bindings-to-moving-faster-between-emacs-windows.md b/content/note/2016/08/add-key-bindings-to-moving-faster-between-emacs-windows.md @@ -0,0 +1,10 @@ +--- +title: Add key bindings to moving faster between emacs windows +date: 2016-08-16 +datetime: 10:14:31 +template: note +bridgy: true +--- + +Add key bindings to moving faster between #Emacs windows ~ +<http://x.soucy.cc/ce> diff --git a/content/note/2016/08/everybody-should-be-twitter-verified.md b/content/note/2016/08/everybody-should-be-twitter-verified.md @@ -0,0 +1,12 @@ +--- +title: Everybody should be twitter verified +date: 2016-08-05 +datetime: 08:49:51 +template: note +bridgy: true +--- + +@snookca Everybody should be «twitter verified»! + +<blockquote class="twitter-tweet" data-lang="fr"><p lang="en" dir="ltr">My request to be Twitter Verified was denied. <br><br>¯\_(ツ)_/¯</p>&mdash; Snook (@snookca) <a href="https://twitter.com/snookca/status/761540623778197506">5 août 2016</a></blockquote> +<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script> diff --git a/content/note/2016/08/m4-as-css-pre-processor.md b/content/note/2016/08/m4-as-css-pre-processor.md @@ -0,0 +1,8 @@ +--- +title: M4 as CSS pre-processor +date: 2016-08-03 +datetime: 12:15:45 +template: note +--- + +«Use the Unix: m4 as a CSS pre-processor» ~ <http://x.soucy.cc/ca>. diff --git a/content/note/2016/08/matane-budget-participatif.md b/content/note/2016/08/matane-budget-participatif.md @@ -0,0 +1,12 @@ +--- +title: Matane budget participatif +date: 2016-08-03 +datetime: 12:25:29 +template: note +--- + +Bien sûr mon vote va à la «statue de 100 pieds de haut à l'effigie de +Pincette la Crevette» ^^ + +<blockquote class="twitter-tweet" data-partner="tweetdeck"><p lang="fr" dir="ltr">Bravo à la ville de <a href="https://twitter.com/hashtag/Matane?src=hash">#Matane</a> pour cette initiative en matière de <a href="https://twitter.com/hashtag/budgetparticipatif?src=hash">#budgetparticipatif</a>! On a hâte de voir la suite ;) <a href="https://t.co/7svB9nhznh">https://t.co/7svB9nhznh</a></p>&mdash; Écologie Urbaine (@EcologieUrbaine) <a href="https://twitter.com/EcologieUrbaine/status/755462339218976768">July 19, 2016</a></blockquote> +<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script> diff --git a/content/note/2016/08/nathalie-normandeau-et-la-radio-de-quebec.md b/content/note/2016/08/nathalie-normandeau-et-la-radio-de-quebec.md @@ -0,0 +1,10 @@ +--- +title: Nathalie normandeau et la radio de quebec +date: 2016-08-06 +datetime: 17:08:28 +template: note +bridgy: true +--- + +Nathalie Normandeau a trouvée un employeur qui partagent ses standards +moraux. ~ <http://x.soucy.cc/cb> #upac diff --git a/content/note/2016/08/openbsd-pour-tous.md b/content/note/2016/08/openbsd-pour-tous.md @@ -0,0 +1,9 @@ +--- +title: Openbsd pour tous +date: 2016-08-16 +datetime: 09:55:31 +template: note +bridgy: true +--- + +«OpenBSD4* ou #OpenBSD pour tous» ~ <http://obsd4a.net/> diff --git a/content/note/2016/08/pokemon-go-et-societe-de-surveillance.md b/content/note/2016/08/pokemon-go-et-societe-de-surveillance.md @@ -0,0 +1,12 @@ +--- +title: Pokemon go et societe de surveillance +date: 2016-08-09 +datetime: 13:13:51 +cite: Jean-Philippe Décarie-Mathieu +citeurl: http://www.lactualite.com/societe/pokemon-go-bouffe-vos-donnees-personnelles/ +template: note +bridgy: true +--- + +«[...] Pokémon Go contribue à la société de surveillance, en plus de +créer une couche supplémentaire d'espionnage orwellien.» diff --git a/content/note/2016/08/programming-languages-hyperpolyglot.md b/content/note/2016/08/programming-languages-hyperpolyglot.md @@ -0,0 +1,10 @@ +--- +title: Programming languages hyperpolyglot +date: 2016-08-05 +datetime: 11:48:05 +template: note +bridgy: true +--- + +«Programming Languages Hyperpolyglot: commonly used features in a +side-by-side format» ~ <http://hyperpolyglot.org/> diff --git a/content/note/2016/08/quoi-ce-n-est-pas-des-femmes-grenouilles.md b/content/note/2016/08/quoi-ce-n-est-pas-des-femmes-grenouilles.md @@ -0,0 +1,14 @@ +--- +title: Quoi ce n est pas des femmes grenouilles +date: 2016-08-17 +datetime: 11:26:23 +template: note +bridgy: true +replyto: https://twitter.com/AkliAit/status/765877378446987264 +--- + +[&commat;AkliAit](https://twitter.com/AkliAit/status/765877378446987264) +Quoi?! Voulez-vous dire que ce n'est pas des femmes grenouilles? + +<blockquote class="twitter-tweet" data-lang="fr"><p lang="fr" dir="ltr">Le Burkini, vu d&#39;ici... &quot;La France est-elle tombée sur la tête ? &quot; La Presse+ <a href="https://t.co/F90g0sOmFS">https://t.co/F90g0sOmFS</a></p>&mdash; Akli Ait Abdallah (@AkliAit) <a href="https://twitter.com/AkliAit/status/765877378446987264">17 août 2016</a></blockquote> +<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script> diff --git a/content/note/2016/08/shipping-is-a-feature.md b/content/note/2016/08/shipping-is-a-feature.md @@ -0,0 +1,11 @@ +--- +title: Shipping is a feature +date: 2016-08-04 +datetime: 16:18:47 +cite: Joel on Software +citeurl: http://www.joelonsoftware.com/items/2009/09/23.html +template: note +bridgy: true +--- + +«Shipping is a feature. A really important feature. Your product must have it.» diff --git a/content/note/2016/08/snowden-pardon-petition-on-facebook.md b/content/note/2016/08/snowden-pardon-petition-on-facebook.md @@ -0,0 +1,13 @@ +--- +title: Snowden pardon petition on facebook +date: 2016-08-08 +datetime: 10:48:25 +template: note +bridgy: true +--- + +[&commat;renoirb](https://twitter.com/renoirb) We need a facebook account to sign the petition, isn't it +ironic? + +<blockquote class="twitter-tweet" data-lang="fr"><p lang="en" dir="ltr">SIGN: Tell Obama to Pardon Edward Snowden Before He Leaves Office <a href="https://t.co/XgKkRnq4FL">https://t.co/XgKkRnq4FL</a></p>&mdash; Renoir Boulanger (@renoirb) <a href="https://twitter.com/renoirb/status/762632425344159745">8 août 2016</a></blockquote> +<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script> diff --git a/content/note/2016/08/ssh-chat-server-written-ingo.md b/content/note/2016/08/ssh-chat-server-written-ingo.md @@ -0,0 +1,10 @@ +--- +title: SSH chat server written in Go +date: 2016-08-08 +datetime: 09:03:28 +template: note +bridgy: true +--- + +Chat over #SSH: «Why aren't we using SSH for everything?» ~ +<http://x.soucy.cc/cc> #Golang diff --git a/content/note/2016/08/txti.md b/content/note/2016/08/txti.md @@ -0,0 +1,8 @@ +--- +title: Txti +date: 2016-08-03 +datetime: 11:47:44 +template: note +--- + +**Txti**: Fast web pages for everybody ~ <http://txti.es/>. diff --git a/content/note/2016/08/vimgifs-et-emacs_gifs.md b/content/note/2016/08/vimgifs-et-emacs_gifs.md @@ -0,0 +1,11 @@ +--- +title: Vimgifs et @emacs_gifs +date: 2016-08-05 +datetime: 14:50:26 +template: note +bridgy: true +--- + +Vimgifs <https://vimgifs.com/> pour les pour les aficionados de +#Vim. Sinon dans le monde de #Emacs nous avons le compte twitter +[&commat;emacs_gifs](https://twitter.com/emacs_gifs). diff --git a/content/note/2016/09/ce-que-le-quebec-gagnerait-a-nationaliser-internet.md b/content/note/2016/09/ce-que-le-quebec-gagnerait-a-nationaliser-internet.md @@ -0,0 +1,17 @@ +--- +title: Ce que le Québec gagnerait à nationaliser internet +date: 2016-09-19 +datetime: 15:00:56 +template: note +bridgy: true +replyto: https://twitter.com/la_lesaffaires/status/777891608922652672 +--- + +Une connexion Internet à haut-débit me semble essentielle au +développement social et économique du Québec! Je ne vois pas pourquoi +un habitant de Tête-à-la-Baleine ne pourrait pas avoir accès à des +études universitaires à distances, tout en continuant de vivre et de +se contribuer dans sa communauté. + +<blockquote class="twitter-tweet" data-lang="fr"><p lang="fr" dir="ltr">Ce que le Québec gagnerait à nationaliser Internet <a href="https://t.co/QdFDFnFv0F">https://t.co/QdFDFnFv0F</a> <a href="https://t.co/5VwlrZEFrW">pic.twitter.com/5VwlrZEFrW</a></p>&mdash; Les Affaires (@la_lesaffaires) <a href="https://twitter.com/la_lesaffaires/status/777891608922652672">19 septembre 2016</a></blockquote> +<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script> diff --git a/content/note/2016/09/internet-3-0-peut-on-reprendre-le-controle-des-geants.md b/content/note/2016/09/internet-3-0-peut-on-reprendre-le-controle-des-geants.md @@ -0,0 +1,10 @@ +--- +title: Internet 3.0, peut-on reprendre le contrôle des géants? +date: 2016-09-20 +datetime: 14:46:21 +template: note +bridgy: true +--- + +«Internet 3.0 : peut-on reprendre le contrôle des géants ?» ~ +<http://x.soucy.cc/cf> diff --git a/content/note/2016/09/ma-vie-obeit-a-l-attraction-des-livres-nikolski-nicolas-dickner.md b/content/note/2016/09/ma-vie-obeit-a-l-attraction-des-livres-nikolski-nicolas-dickner.md @@ -0,0 +1,13 @@ +--- +title: Ma vie obéit à l'attraction des livres +date: 2016-09-22 +datetime: 15:10:01 +template: note +bridgy: true +cite: Nicolas Dickner, dans Nikolski +citeurl: http://www.leslibraires.ca/livres/nikolski-nicolas-dickner-9782923550060.html +--- + +«[...] ma vie obéit à l'attraction des livres, le faible champ +magnétique de mon destin subit la distortion de ces miliers de destins +plus puissants et plus intéressants.» diff --git a/content/note/2016/09/radio-canada-publicitaire-pour-apple.md b/content/note/2016/09/radio-canada-publicitaire-pour-apple.md @@ -0,0 +1,11 @@ +--- +title: Radio canada publicitaire pour apple +date: 2016-09-08 +datetime: 15:50:12 +template: note +bridgy: true +--- + +Est-ce que #RadioCanada reçoit de l'argent de #Apple pour mousser ses +produits?! À chaque nouveau gadget je trouve la couverture indécente +et dégoulinante au possible! diff --git a/content/note/2016/09/why-we-use-progressive-enhancement-to-build-gov-uk.md b/content/note/2016/09/why-we-use-progressive-enhancement-to-build-gov-uk.md @@ -0,0 +1,10 @@ +--- +title: Why we use progressive enhancement to build GOV.UK +date: 2016-09-21 +datetime: 11:27:37 +template: note +bridgy: true +--- + +«Why we use progressive enhancement to build GOV.UK» ~ +<http://x.soucy.cc/cg> #WebDev diff --git a/content/note/2016/10/how-can-i-handle-command-line-arguments-options-to-my-script-easily.md b/content/note/2016/10/how-can-i-handle-command-line-arguments-options-to-my-script-easily.md @@ -0,0 +1,10 @@ +--- +title: How can I handle command-line arguments options to my script easily in bash? +date: 2016-10-24 +datetime: 09:10:36 +template: note +bridgy: true +--- + +«How can I handle command-line arguments (options) to my script +easily» in #bash? ~ <http://x.soucy.cc/ci> diff --git a/content/note/2016/10/linux-foundation-takes-javascript-under-its-wings.md b/content/note/2016/10/linux-foundation-takes-javascript-under-its-wings.md @@ -0,0 +1,10 @@ +--- +title: Linux Foundation Takes JavaScript Under Its Wings +date: 2016-10-21 +datetime: 11:00:18 +template: note +bridgy: true +--- + +«The #Linux Foundation Unites #JavaScript Community for Open Web +Development» ~ <http://x.soucy.cc/ch> diff --git a/content/note/2016/10/who-pays-for-the-decentralized-web.md b/content/note/2016/10/who-pays-for-the-decentralized-web.md @@ -0,0 +1,10 @@ +--- +title: Who pays for the decentralized web +date: 2016-10-17 +datetime: 08:37:17 +template: note +bridgy: true +--- + +«Who Pays For The Decentralized Web?» ~ +<https://tierion.com/blog/who-pays-for-the-decentralized-web/> #p2p diff --git a/content/note/2016/11/browsers-not-apps-are-the-future-of-mobile.md b/content/note/2016/11/browsers-not-apps-are-the-future-of-mobile.md @@ -0,0 +1,10 @@ +--- +title: Browsers, not apps, are the future of mobile +date: 2016-11-04 +datetime: 09:47:45 +template: note +bridgy: true +--- + +«Browsers, not apps, are the future of mobile» ~ +<http://x.soucy.cc/ck> #WebDev diff --git a/content/note/2016/11/indieweb-make-your-social-media-posts-open-first.md b/content/note/2016/11/indieweb-make-your-social-media-posts-open-first.md @@ -0,0 +1,10 @@ +--- +title: IndieWeb, Make your social media posts open first +date: 2016-11-03 +datetime: 15:14:25 +template: note +bridgy: true +--- + +«#IndieWeb: Make your social media posts open first» ~ +<http://x.soucy.cc/cj> #WebDev diff --git a/content/note/2016/11/the-average-american-now-downloads-zero-apps-per-month.md b/content/note/2016/11/the-average-american-now-downloads-zero-apps-per-month.md @@ -0,0 +1,10 @@ +--- +title: the average American now downloads zero apps per month +date: 2016-11-04 +datetime: 09:51:43 +cite: Hugh Durkin +citeurl: https://blog.intercom.com/browsers-not-apps-are-the-future-of-mobile/ +template: note +--- + +«[...] the average American now downloads zero apps per month.» diff --git a/content/note/add-key-bindings-to-moving-faster-between-emacs-windows.md b/content/note/add-key-bindings-to-moving-faster-between-emacs-windows.md @@ -1,9 +0,0 @@ ---- -title: Add key bindings to moving faster between emacs windows -date: 2016-08-16 -datetime: 10:14:31 -bridgy: true ---- - -Add key bindings to moving faster between #Emacs windows ~ -<http://x.soucy.cc/ce> diff --git a/content/note/ce-que-le-quebec-gagnerait-a-nationaliser-internet.md b/content/note/ce-que-le-quebec-gagnerait-a-nationaliser-internet.md @@ -1,16 +0,0 @@ ---- -title: Ce que le Québec gagnerait à nationaliser internet -date: 2016-09-19 -datetime: 15:00:56 -bridgy: true -replyto: https://twitter.com/la_lesaffaires/status/777891608922652672 ---- - -Une connexion Internet à haut-débit me semble essentielle au -développement social et économique du Québec! Je ne vois pas pourquoi -un habitant de Tête-à-la-Baleine ne pourrait pas avoir accès à des -études universitaires à distances, tout en continuant de vivre et de -se contribuer dans sa communauté. - -<blockquote class="twitter-tweet" data-lang="fr"><p lang="fr" dir="ltr">Ce que le Québec gagnerait à nationaliser Internet <a href="https://t.co/QdFDFnFv0F">https://t.co/QdFDFnFv0F</a> <a href="https://t.co/5VwlrZEFrW">pic.twitter.com/5VwlrZEFrW</a></p>&mdash; Les Affaires (@la_lesaffaires) <a href="https://twitter.com/la_lesaffaires/status/777891608922652672">19 septembre 2016</a></blockquote> -<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script> diff --git a/content/note/emacs-sort-delete-matching-duplicate-lines.md b/content/note/emacs-sort-delete-matching-duplicate-lines.md @@ -1,12 +0,0 @@ ---- -title: Emacs classer, effacer les doublons, effacer par patterns -date: 2016-07-13 -datetime: 21:49:21 ---- - -Playing with lines in #Emacs: - -* `M-x sort-lines` -* `M-x delete-matching-lines` -* `M-x delete-non-matching-lines` -* `M-x delete-duplicate-lines` diff --git a/content/note/encore-une-fois-je-viens-de-supprimer-mon-compte-facebook.md b/content/note/encore-une-fois-je-viens-de-supprimer-mon-compte-facebook.md @@ -1,8 +0,0 @@ ---- -title: Encore une fois je viens de supprimer mon compte facebook -date: 2016-04-12 -datetime: 19:37:38 ---- - -Encore une fois, je viens de supprimer mon compte Facebook. En -espérant que ce soit la dernière :). diff --git a/content/note/encryption-is-the-nsas-friend-20160127nsa_loves_it_when_you_use_pgp.md b/content/note/encryption-is-the-nsas-friend-20160127nsa_loves_it_when_you_use_pgp.md @@ -1,9 +0,0 @@ ---- -title: Encryption is the nsas friend 20160127nsa_loves_it_when_you_use_pgp -date: 2016-02-17 -datetime: 19:46:45 -bridgy: true ---- - -"Encryption is the NSA's friend" ~ -<http://www.theregister.co.uk/2016/01/27/nsa_loves_it_when_you_use_pgp/> diff --git a/content/note/everybody-should-be-twitter-verified.md b/content/note/everybody-should-be-twitter-verified.md @@ -1,11 +0,0 @@ ---- -title: Everybody should be twitter verified -date: 2016-08-05 -datetime: 08:49:51 -bridgy: true ---- - -@snookca Everybody should be «twitter verified»! - -<blockquote class="twitter-tweet" data-lang="fr"><p lang="en" dir="ltr">My request to be Twitter Verified was denied. <br><br>¯\_(ツ)_/¯</p>&mdash; Snook (@snookca) <a href="https://twitter.com/snookca/status/761540623778197506">5 août 2016</a></blockquote> -<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script> diff --git a/content/note/firefox-print-background-color.md b/content/note/firefox-print-background-color.md @@ -1,10 +0,0 @@ ---- -title: Firefox imprime pas les background-color -date: 2016-05-18 -datetime: 23:33:01 ---- - -Firefox ne veut pas imprimer les `background-color`, tant pis! Pour -hacker le problème, il suffit d'ajouter un `::before` en -`position:absolute`, puis mettre un `box-shadow` `inset` avec un -`spread-radius` de `100em` et la couleur désirée. Voilà! diff --git a/content/note/how-can-i-handle-command-line-arguments-options-to-my-script-easily.md b/content/note/how-can-i-handle-command-line-arguments-options-to-my-script-easily.md @@ -1,9 +0,0 @@ ---- -title: How can I handle command-line arguments options to my script easily in bash? -date: 2016-10-24 -datetime: 09:10:36 -bridgy: true ---- - -«How can I handle command-line arguments (options) to my script -easily» in #bash? ~ <http://x.soucy.cc/ci> diff --git a/content/note/indieweb-in-a-nutshellown-your-identity-domain-website-content-uiux.md b/content/note/indieweb-in-a-nutshellown-your-identity-domain-website-content-uiux.md @@ -1,8 +0,0 @@ ---- -title: Indieweb in a nutshellown your identity domain website content uiux -date: 2016-05-13 -datetime: 17:12:50 ---- - -IndieWeb In a Nutshell:Own your: identity, domain, website, content, -ui/ux, design, privacy and commerce ~ <http://x.soucy.cc/c6> diff --git a/content/note/indieweb-make-your-social-media-posts-open-first.md b/content/note/indieweb-make-your-social-media-posts-open-first.md @@ -1,9 +0,0 @@ ---- -title: IndieWeb, Make your social media posts open first -date: 2016-11-03 -datetime: 15:14:25 -bridgy: true ---- - -«#IndieWeb: Make your social media posts open first» ~ -<http://x.soucy.cc/cj> #WebDev diff --git a/content/note/internet-3-0-peut-on-reprendre-le-controle-des-geants.md b/content/note/internet-3-0-peut-on-reprendre-le-controle-des-geants.md @@ -1,9 +0,0 @@ ---- -title: Internet 3.0, peut-on reprendre le contrôle des géants? -date: 2016-09-20 -datetime: 14:46:21 -bridgy: true ---- - -«Internet 3.0 : peut-on reprendre le contrôle des géants ?» ~ -<http://x.soucy.cc/cf> diff --git a/content/note/javascript-vanille-underscorejs-font-selon-moi-une-excellente-quipe-youmightnotneedjquery-webdev.md b/content/note/javascript-vanille-underscorejs-font-selon-moi-une-excellente-quipe-youmightnotneedjquery-webdev.md @@ -1,10 +0,0 @@ ---- -title: Javascript vanille underscorejs font selon moi une excellente quipe youmightnotneedjquery webdev -date: 2016-03-18 -datetime: 19:42:52 ---- - - -Le JavaScript vanille &amp; [Underscore.js](http://underscorejs.org/) -font selon-moi une excellente équipe ! #youmightnotneedjquery. - diff --git a/content/note/jeunes-liberaux-ringards.md b/content/note/jeunes-liberaux-ringards.md @@ -1,16 +0,0 @@ ---- -title: Jeunes liberaux ringards -date: 2016-05-16 -datetime: 12:49:12 ---- - -Il n'y a rien de plus ringard qu'un «jeune» politicien; dire que #Uber -fait de l'économie de partage c'est bêler ringarement la propagande de -cette entreprise. Ils ajoutent leurs voix aux médias de masse, qui -déjà braient en coeur cette expression sans essayer de comprendre et -d'analyser ce qu'elle signifie... Encore une fois, la machine à -saucisse broie et reforge la réalité en vidant de son sens un concept -qui pourrait faire une brèche dans l'idéologie dominante. Si miner un -marché avec une application qui concentre les données et les -communications dans le but de créer un monopole c'est de l'économie de -partage? Alors la liberté est vraiment une marque de yogourt! diff --git a/content/note/justin-jackson-is-a-fucking-webmaster.md b/content/note/justin-jackson-is-a-fucking-webmaster.md @@ -1,11 +0,0 @@ ---- -title: Justin jackson is a fucking webmaster -date: 2016-05-17 -datetime: 16:13:12 -cite: Justin Jackson -citeurl: https://justinjackson.ca/webmaster/ ---- - -«I'm a fucking webmaster. Back in 1993 you weren't a designer, -developer, copywriter or in devops. You were a fucking webmaster, and -your name was at the bottom of every page.» diff --git a/content/note/linux-foundation-takes-javascript-under-its-wings.md b/content/note/linux-foundation-takes-javascript-under-its-wings.md @@ -1,9 +0,0 @@ ---- -title: Linux Foundation Takes JavaScript Under Its Wings -date: 2016-10-21 -datetime: 11:00:18 -bridgy: true ---- - -«The #Linux Foundation Unites #JavaScript Community for Open Web -Development» ~ <http://x.soucy.cc/ch> diff --git a/content/note/m4-as-css-pre-processor.md b/content/note/m4-as-css-pre-processor.md @@ -1,7 +0,0 @@ ---- -title: M4 as CSS pre-processor -date: 2016-08-03 -datetime: 12:15:45 ---- - -«Use the Unix: m4 as a CSS pre-processor» ~ <http://x.soucy.cc/ca>. diff --git a/content/note/ma-vie-obeit-a-l-attraction-des-livres-nikolski-nicolas-dickner.md b/content/note/ma-vie-obeit-a-l-attraction-des-livres-nikolski-nicolas-dickner.md @@ -1,12 +0,0 @@ ---- -title: Ma vie obéit à l'attraction des livres -date: 2016-09-22 -datetime: 15:10:01 -bridgy: true -cite: Nicolas Dickner, dans Nikolski -citeurl: http://www.leslibraires.ca/livres/nikolski-nicolas-dickner-9782923550060.html ---- - -«[...] ma vie obéit à l'attraction des livres, le faible champ -magnétique de mon destin subit la distortion de ces miliers de destins -plus puissants et plus intéressants.» diff --git a/content/note/matane-budget-participatif.md b/content/note/matane-budget-participatif.md @@ -1,11 +0,0 @@ ---- -title: Matane budget participatif -date: 2016-08-03 -datetime: 12:25:29 ---- - -Bien sûr mon vote va à la «statue de 100 pieds de haut à l'effigie de -Pincette la Crevette» ^^ - -<blockquote class="twitter-tweet" data-partner="tweetdeck"><p lang="fr" dir="ltr">Bravo à la ville de <a href="https://twitter.com/hashtag/Matane?src=hash">#Matane</a> pour cette initiative en matière de <a href="https://twitter.com/hashtag/budgetparticipatif?src=hash">#budgetparticipatif</a>! On a hâte de voir la suite ;) <a href="https://t.co/7svB9nhznh">https://t.co/7svB9nhznh</a></p>&mdash; Écologie Urbaine (@EcologieUrbaine) <a href="https://twitter.com/EcologieUrbaine/status/755462339218976768">July 19, 2016</a></blockquote> -<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script> diff --git a/content/note/nathalie-normandeau-et-la-radio-de-quebec.md b/content/note/nathalie-normandeau-et-la-radio-de-quebec.md @@ -1,9 +0,0 @@ ---- -title: Nathalie normandeau et la radio de quebec -date: 2016-08-06 -datetime: 17:08:28 -bridgy: true ---- - -Nathalie Normandeau a trouvée un employeur qui partagent ses standards -moraux. ~ <http://x.soucy.cc/cb> #upac diff --git a/content/note/nous-sommes-eduques-a-croire.md b/content/note/nous-sommes-eduques-a-croire.md @@ -1,10 +0,0 @@ ---- -title: Nous sommes éduqués a croire -date: 2016-06-09 -datetime: 22:51:04 -cite: Frank Herbert, Extrait du Messie de Dune -citeurl: https://fr.wikiquote.org/wiki/Le_Messie_de_Dune ---- - -«Ils sont éduqués à croire, et non à savoir. La croyance peut être -manipulée. Seul le savoir est dangereux.» diff --git a/content/note/openbsd-pour-tous.md b/content/note/openbsd-pour-tous.md @@ -1,8 +0,0 @@ ---- -title: Openbsd pour tous -date: 2016-08-16 -datetime: 09:55:31 -bridgy: true ---- - -«OpenBSD4* ou #OpenBSD pour tous» ~ <http://obsd4a.net/> diff --git a/content/note/pokemon-go-et-societe-de-surveillance.md b/content/note/pokemon-go-et-societe-de-surveillance.md @@ -1,11 +0,0 @@ ---- -title: Pokemon go et societe de surveillance -date: 2016-08-09 -datetime: 13:13:51 -cite: Jean-Philippe Décarie-Mathieu -citeurl: http://www.lactualite.com/societe/pokemon-go-bouffe-vos-donnees-personnelles/ -bridgy: true ---- - -«[...] Pokémon Go contribue à la société de surveillance, en plus de -créer une couche supplémentaire d'espionnage orwellien.» diff --git a/content/note/programming-languages-hyperpolyglot.md b/content/note/programming-languages-hyperpolyglot.md @@ -1,9 +0,0 @@ ---- -title: Programming languages hyperpolyglot -date: 2016-08-05 -datetime: 11:48:05 -bridgy: true ---- - -«Programming Languages Hyperpolyglot: commonly used features in a -side-by-side format» ~ <http://hyperpolyglot.org/> diff --git a/content/note/quoi-ce-n-est-pas-des-femmes-grenouilles.md b/content/note/quoi-ce-n-est-pas-des-femmes-grenouilles.md @@ -1,13 +0,0 @@ ---- -title: Quoi ce n est pas des femmes grenouilles -date: 2016-08-17 -datetime: 11:26:23 -bridgy: true -replyto: https://twitter.com/AkliAit/status/765877378446987264 ---- - -[&commat;AkliAit](https://twitter.com/AkliAit/status/765877378446987264) -Quoi?! Voulez-vous dire que ce n'est pas des femmes grenouilles? - -<blockquote class="twitter-tweet" data-lang="fr"><p lang="fr" dir="ltr">Le Burkini, vu d&#39;ici... &quot;La France est-elle tombée sur la tête ? &quot; La Presse+ <a href="https://t.co/F90g0sOmFS">https://t.co/F90g0sOmFS</a></p>&mdash; Akli Ait Abdallah (@AkliAit) <a href="https://twitter.com/AkliAit/status/765877378446987264">17 août 2016</a></blockquote> -<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script> diff --git a/content/note/radio-canada-publicitaire-pour-apple.md b/content/note/radio-canada-publicitaire-pour-apple.md @@ -1,10 +0,0 @@ ---- -title: Radio canada publicitaire pour apple -date: 2016-09-08 -datetime: 15:50:12 -bridgy: true ---- - -Est-ce que #RadioCanada reçoit de l'argent de #Apple pour mousser ses -produits?! À chaque nouveau gadget je trouve la couverture indécente -et dégoulinante au possible! diff --git a/content/note/shipping-is-a-feature.md b/content/note/shipping-is-a-feature.md @@ -1,10 +0,0 @@ ---- -title: Shipping is a feature -date: 2016-08-04 -datetime: 16:18:47 -cite: Joel on Software -citeurl: http://www.joelonsoftware.com/items/2009/09/23.html -bridgy: true ---- - -«Shipping is a feature. A really important feature. Your product must have it.» diff --git a/content/note/snowden-pardon-petition-on-facebook.md b/content/note/snowden-pardon-petition-on-facebook.md @@ -1,12 +0,0 @@ ---- -title: Snowden pardon petition on facebook -date: 2016-08-08 -datetime: 10:48:25 -bridgy: true ---- - -[&commat;renoirb](https://twitter.com/renoirb) We need a facebook account to sign the petition, isn't it -ironic? - -<blockquote class="twitter-tweet" data-lang="fr"><p lang="en" dir="ltr">SIGN: Tell Obama to Pardon Edward Snowden Before He Leaves Office <a href="https://t.co/XgKkRnq4FL">https://t.co/XgKkRnq4FL</a></p>&mdash; Renoir Boulanger (@renoirb) <a href="https://twitter.com/renoirb/status/762632425344159745">8 août 2016</a></blockquote> -<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script> diff --git a/content/note/ssh-chat-server-written-ingo.md b/content/note/ssh-chat-server-written-ingo.md @@ -1,9 +0,0 @@ ---- -title: SSH chat server written in Go -date: 2016-08-08 -datetime: 09:03:28 -bridgy: true ---- - -Chat over #SSH: «Why aren't we using SSH for everything?» ~ -<http://x.soucy.cc/cc> #Golang diff --git a/content/note/tiens-tiens-tiens-le-projet-gnu-revamp-la-page-web.md b/content/note/tiens-tiens-tiens-le-projet-gnu-revamp-la-page-web.md @@ -1,7 +0,0 @@ ---- -title: Tiens tiens tiens le projet gnu revamp la page web -date: 2016-04-25 -datetime: 00:50:27 ---- - -Tiens, tiens, tiens le projet GNU a revampé la page web officielle de Emacs ! ~ <http://x.soucy.cc/c5> diff --git a/content/note/tiens-un-article-sur-le-darknet-que-plusieurs-devraient-lire.md b/content/note/tiens-un-article-sur-le-darknet-que-plusieurs-devraient-lire.md @@ -1,9 +0,0 @@ ---- -title: Tiens un article sur le darknet que plusieurs devraient lire -date: 2016-01-28 -datetime: 20:03:06 ---- - -Tiens un article sur le #Darknet que plusieurs devraient lire, surtout -les gens des médias qui en disent souvent n'importe quoi. ~ -<http://x.soucy.cc/cd> diff --git a/content/note/txti.md b/content/note/txti.md @@ -1,7 +0,0 @@ ---- -title: Txti -date: 2016-08-03 -datetime: 11:47:44 ---- - -**Txti**: Fast web pages for everybody ~ <http://txti.es/>. diff --git a/content/note/vimgifs-et-emacs_gifs.md b/content/note/vimgifs-et-emacs_gifs.md @@ -1,10 +0,0 @@ ---- -title: Vimgifs et @emacs_gifs -date: 2016-08-05 -datetime: 14:50:26 -bridgy: true ---- - -Vimgifs <https://vimgifs.com/> pour les pour les aficionados de -#Vim. Sinon dans le monde de #Emacs nous avons le compte twitter -[&commat;emacs_gifs](https://twitter.com/emacs_gifs). diff --git a/content/note/what-is-it-about-society-that-disappoints-you-so-much.md b/content/note/what-is-it-about-society-that-disappoints-you-so-much.md @@ -1,23 +0,0 @@ ---- -title: What is it about society that disappoints you so much -date: 2016-02-01 -datetime: 19:49:13 -cite: Elliot Alderson, Mr. Robot (TV series) -citeurl: https://searx.me/?q=Mr.%20Robot%20TV%20series&categories=general ---- - -«What is it about society that disappoints you so much?» - -«Oh, i don't know. Is it that we collectively thought Steve Jobs was a -great man, when when we knew he made billions off the backs of -children? Or maybe it's that it feels like all our heroes are -counterfeit. the world itself's just a big hoax. Spamming with our -running commentary of bullshit masquerading as insight, our social -media faking as intimacy. Or is it that we voted for this? Not with -our rigged elections, but with our things, our property, our -money. I'm not saying anything new. We all know why we do this, not -because Hunger Games books make us happy but because we wanna be -sedated. Because it's painful not to pretend, because we're -cowards. Fuck society.» - -![ ](http://assets.soucy.cc/images/varia/mr-fuck-society-700x6786.jpg) diff --git a/content/note/who-pays-for-the-decentralized-web.md b/content/note/who-pays-for-the-decentralized-web.md @@ -1,9 +0,0 @@ ---- -title: Who pays for the decentralized web -date: 2016-10-17 -datetime: 08:37:17 -bridgy: true ---- - -«Who Pays For The Decentralized Web?» ~ -<https://tierion.com/blog/who-pays-for-the-decentralized-web/> #p2p diff --git a/content/note/why-we-use-progressive-enhancement-to-build-gov-uk.md b/content/note/why-we-use-progressive-enhancement-to-build-gov-uk.md @@ -1,9 +0,0 @@ ---- -title: Why we use progressive enhancement to build GOV.UK -date: 2016-09-21 -datetime: 11:27:37 -bridgy: true ---- - -«Why we use progressive enhancement to build GOV.UK» ~ -<http://x.soucy.cc/cg> #WebDev diff --git a/content/txt/les-partis-politiques-nuisent-ils-a-la-democratie.md b/content/txt/2014/02/les-partis-politiques-nuisent-ils-a-la-democratie.md diff --git a/content/txt/bronto-politiciens-de-silos.md b/content/txt/2014/04/bronto-politiciens-de-silos.md diff --git a/content/txt/mes-logiciels-libres-preferes.md b/content/txt/2014/09/mes-logiciels-libres-preferes.md diff --git a/content/txt/emacs/emacs-101-l-introduction.md b/content/txt/emacs/2015/06/emacs-101-l-introduction.md diff --git a/content/txt/emacs/emacs-101-la-configuration.md b/content/txt/emacs/2015/06/emacs-101-la-configuration.md diff --git a/public_html/css/styles.css b/public_html/css/styles.css @@ -1 +1 @@ -@font-face{font-family:'Leitura News';src:url("../fonts/leitura/leituranews-italic4-webfont.eot");src:url("../fonts/leitura/leituranews-italic4-webfont.eot?#iefix") format("embedded-opentype"),url("../fonts/leitura/leituranews-italic4-webfont.woff") format("woff"),url("../fonts/leitura/leituranews-italic4-webfont.ttf") format("truetype"),url("../fonts/leitura/leituranews-italic4-webfont.svg#LeituraNewsItalic4Regular") format("svg");font-weight:normal;font-style:normal}@font-face{font-family:'Domine';src:url("../fonts/domine/domine-bold-webfont.eot");src:url("../fonts/domine/domine-bold-webfont.eot?#iefix") format("embedded-opentype"),url("../fonts/domine/domine-bold-webfont.woff2") format("woff2"),url("../fonts/domine/domine-bold-webfont.woff") format("woff"),url("../fonts/domine/domine-bold-webfont.ttf") format("truetype"),url("../fonts/domine/domine-bold-webfont.svg#dominebold") format("svg");font-weight:700;font-style:normal}@font-face{font-family:'Domine';src:url("../fonts/domine/domine-regular-webfont.eot");src:url("../fonts/domine/domine-regular-webfont.eot?#iefix") format("embedded-opentype"),url("../fonts/domine/domine-regular-webfont.woff2") format("woff2"),url("../fonts/domine/domine-regular-webfont.woff") format("woff"),url("../fonts/domine/domine-regular-webfont.ttf") format("truetype"),url("../fonts/domine/domine-regular-webfont.svg#domineregular") format("svg");font-weight:400;font-style:normal}/*! NORMALIZE.CSS V1.1.3 | MIT LICENSE | GIT.IO/NORMALIZE */article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html,body{height:100%;min-height:100%}html{text-size-adjust:100%}body{margin:0;position:relative}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1,.like-h1{font-size:2rem;hyphens:none;margin:0 0 .67em;padding-top:.67em}h2,.like-h2{font-size:1.5em;margin:0.83em 0}h3,.like-h3{font-size:1.17em;margin:1em 0}h4,.like-h4{font-size:1em;margin:1.33em 0}h5,.like-h5{font-size:0.83em;margin:1.67em 0}h6,.like-h6{font-size:0.67em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{border-left:10px solid #cccccc;display:block;margin:1em 0;padding-left:1.5em}blockquote span{display:inline-block}blockquote span:before,blockquote span:after{display:inline}blockquote span:after{content:"\00A0\00BB"}blockquote span:before{content:"\00AB\00A0"}blockquote p{display:inline}dfn{font-style:italic}hr{box-sizing:content-box;height:0}mark{background:#f5871e}p,pre{margin:1em 0}code,kbd,pre,samp{background:#fff;font-family:monospace;font-size:1em}code{display:inline-block;padding:0 3px}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}address{font-style:normal}address,dl,menu,ol,ul{margin:1em 0}dd{margin:0}menu,ol,ul{padding:0}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic;max-width:100%;width:auto}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}html,button,input,select,textarea{color:#111;font-family:"Domine",Georgia,"Times New Roman",times,serif}html{font-size:18px;line-height:1.5}@media (min-width: 62em){html{font-size:24px}}body{background:#f1f1f1 url("http://assets.soucy.cc/images/noise.png") repeat}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}hr{display:block;height:1px;border:0;border-top:1px solid #111;margin:1em 0;padding:0}audio,canvas,img,video{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}a{border-bottom:1px dotted blue;color:blue;text-decoration:none}a:active,a:visited{border-bottom:1px dotted #111;color:#111}a:focus,a:hover{background-color:blue;border:0;color:#f1f1f1}ol,ul{margin-left:1em;padding:0}ul ul{margin-bottom:.5em;margin-top:.5em}li{margin-bottom:.25em}menu ul,menu ol,nav ul,nav ol{margin:0;padding:0}.layout{hyphens:auto;margin-left:auto;margin-right:auto;max-width:992px;padding:0 .88889rem;width:auto}@media (min-width: 48em){.layout{padding:0 1.11111rem;text-align:left}}.layout__vcenter{display:table-cell;height:100vh;vertical-align:middle}.ir{background-color:transparent;border:0;overflow:hidden;*text-indent:-9999px}.ir:before{content:"";display:block;width:0;height:150%}.hidden{display:none !important;visibility:hidden}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.invisible{visibility:hidden}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}.clearfix{*zoom:1}.position--fixed{position:fixed}.position--relative{position:relative}.logo{font:normal 3.33333em/1.1 "Leitura News","Domine",serif;hyphens:none;margin:0 0 .333em;padding-top:.333em;padding-right:1.08333em;text-shadow:3px 3px #ccc}@media (min-width: 22.5em){.logo{line-height:normal}}.logo a[rel="home"]{border:0;color:#111}.logo a[rel="home"]:focus,a[rel="home"]:focus .logo,.cv__title a[rel="home"]:focus,.logo a[rel="home"]:hover,a[rel="home"]:hover .logo,.cv__title a[rel="home"]:hover{color:#fff;text-shadow:none}.cv{color:#000}.cv__title{font-size:1em;line-height:normal}.cv__title a{display:inline-block}.cv__banner .logo{margin-bottom:0}.cv__title a[rel="home"]{border:0;color:#111}.cv__banner,.cv__main{text-align:left}.cv__banner .job{font-size:1.5em;margin-top:0}.img-cache{border:1rem solid transparent;border-radius:100%;display:inline-block;float:right;height:150px;position:relative;overflow:hidden;width:150px}.img-cache>.u-photo{max-width:100%;position:relative;top:-20px}.mod_target .nav-button,.mod_target .nav__close,.mod_target .nav-button--floatright{border:0;display:inline-block;text-align:center}.mod_target .nav-button:active,.mod_target .nav__close:active,.mod_target .nav-button:hover,.mod_target .nav__close:hover,.mod_target .nav-button:focus,.mod_target .nav__close:focus,.mod_target .nav-button:visited,.mod_target .nav__close:visited,.mod_target .nav-button--floatright:active,.mod_target .nav-button--floatright:hover,.mod_target .nav-button--floatright:focus,.mod_target .nav-button--floatright:visited{background:transparent;border-bottom:0;color:#111}.mod_target .nav-button,.mod_target .nav__close{position:absolute;right:.83333rem;top:.83333rem}@media (min-width: 48em){.mod_target .nav-button,.mod_target .nav__close{right:1.11111rem}}.mod_target .nav-button--floatright{float:right}.mod_target .nav-button__text,.mod_target .nav__close__text{font-size:.66667rem;display:block}.mod_target .nav-button__burger,.mod_target .nav__x{background:#111;display:block;height:50px;margin:0 auto;position:relative;width:50px}.nav-button:hover .mod_target .nav-button__burger,.mod_target .nav__close:hover .mod_target .nav-button__burger,.nav-button:hover .mod_target .nav__x,.mod_target .nav__close:hover .mod_target .nav__x,.nav-button:focus .mod_target .nav-button__burger,.mod_target .nav__close:focus .mod_target .nav-button__burger,.nav-button:focus .mod_target .nav__x,.mod_target .nav__close:focus .mod_target .nav__x{background:blue}.mod_target .nav-button__burger__ico,.mod_target .nav__x__ico{background:#f1f1f1;bottom:0;display:block;height:3px;left:0;margin:auto;right:0;position:absolute;top:0;width:50%}.mod_target .nav-button__burger__ico:after,.mod_target .nav__x__ico:after,.mod_target .nav-button__burger__ico:before,.mod_target .nav__x__ico:before{backface-visibility:hidden;background-color:#f1f1f1;content:"";height:100%;position:absolute;right:0;top:0;transform:translateZ(0);transition:transform 0.3s ease 0s;width:100%}.mod_target .nav-button__burger__ico:before,.mod_target .nav__x__ico:before{transform:translateY(-8px) rotate(0deg)}.mod_target .nav-button__burger__ico:after,.mod_target .nav__x__ico:after{transform:translateY(8px) rotate(0deg)}.mod_target .nav__close,.mod_target .nav__close:visited{color:white}.mod_target .nav__x{background:#333}.mod_target .nav__x__ico{height:3px;transform:translateY(0) rotate(-45deg)}.mod_target .nav__x__ico:before{transform:translateY(0) rotate(90deg)}.mod_target .nav__x__ico:after{display:none}.mod_target .nav__panel{background:#111;color:#f1f1f1;height:auto;left:0;min-height:1em;position:absolute;top:0;transform:translateY(-100%);transition:transform .25s ease-in-out;width:100%}.mod_target .nav__panel:target{transform:translateY(0)}.mod_target .nav__panel__content{margin:0 auto;position:relative;text-align:left;width:auto}.mod_target .nav__list{padding:1em 0}.mod_target .nav__link{font-size:.7619em}.mod_target .nav__link,.mod_target .nav__link:visited{color:white}.mod_no-target .nav__close{display:none}.single{text-align:left}.single h1{padding-right:66px}.note__list{list-style-type:none;margin-left:0}.note__item{border-bottom:1px solid #cccccc;margin-bottom:1.5em;padding-bottom:1em}.note__blockquote__footer{margin:1em 0 0}.note__footer{font-size:14px}@media (min-width: 48em){.note__footer{font-size:16px}}footer{font-size:.7619em} +@font-face{font-family:'Leitura News';src:url("../fonts/leitura/leituranews-italic4-webfont.eot");src:url("../fonts/leitura/leituranews-italic4-webfont.eot?#iefix") format("embedded-opentype"),url("../fonts/leitura/leituranews-italic4-webfont.woff") format("woff"),url("../fonts/leitura/leituranews-italic4-webfont.ttf") format("truetype"),url("../fonts/leitura/leituranews-italic4-webfont.svg#LeituraNewsItalic4Regular") format("svg");font-weight:normal;font-style:normal}@font-face{font-family:'Domine';src:url("../fonts/domine/domine-bold-webfont.eot");src:url("../fonts/domine/domine-bold-webfont.eot?#iefix") format("embedded-opentype"),url("../fonts/domine/domine-bold-webfont.woff2") format("woff2"),url("../fonts/domine/domine-bold-webfont.woff") format("woff"),url("../fonts/domine/domine-bold-webfont.ttf") format("truetype"),url("../fonts/domine/domine-bold-webfont.svg#dominebold") format("svg");font-weight:700;font-style:normal}@font-face{font-family:'Domine';src:url("../fonts/domine/domine-regular-webfont.eot");src:url("../fonts/domine/domine-regular-webfont.eot?#iefix") format("embedded-opentype"),url("../fonts/domine/domine-regular-webfont.woff2") format("woff2"),url("../fonts/domine/domine-regular-webfont.woff") format("woff"),url("../fonts/domine/domine-regular-webfont.ttf") format("truetype"),url("../fonts/domine/domine-regular-webfont.svg#domineregular") format("svg");font-weight:400;font-style:normal}/*! NORMALIZE.CSS V1.1.3 | MIT LICENSE | GIT.IO/NORMALIZE */article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html,body{height:100%;min-height:100%}html{text-size-adjust:100%}body{margin:0;position:relative}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1,.like-h1{font-size:2rem;hyphens:none;margin:0 0 .67em;padding-top:.67em}h2,.like-h2{font-size:1.5em;margin:0.83em 0}h3,.like-h3{font-size:1.17em;margin:1em 0}h4,.like-h4{font-size:1em;margin:1.33em 0}h5,.like-h5{font-size:0.83em;margin:1.67em 0}h6,.like-h6{font-size:0.67em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{border-left:10px solid #cccccc;display:block;margin:1em 0;padding-left:1.5em}blockquote span{display:inline-block}blockquote span:before,blockquote span:after{display:inline}blockquote span:after{content:"\00A0\00BB"}blockquote span:before{content:"\00AB\00A0"}blockquote p{display:inline}dfn{font-style:italic}hr{box-sizing:content-box;height:0}mark{background:#f5871e}p,pre{margin:1em 0}code,kbd,pre,samp{background:#fff;font-family:monospace;font-size:1em}code{display:inline-block;padding:0 3px}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}address{font-style:normal}address,dl,menu,ol,ul{margin:1em 0}dd{margin:0}menu,ol,ul{padding:0}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic;max-width:100%;width:auto}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}html,button,input,select,textarea{color:#111;font-family:"Domine",Georgia,"Times New Roman",times,serif}html{font-size:18px;line-height:1.5}@media (min-width: 62em){html{font-size:24px}}body{background:#f1f1f1 url("http://assets.soucy.cc/images/noise.png") repeat}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}hr{display:block;height:1px;border:0;border-top:1px solid #111;margin:1em 0;padding:0}audio,canvas,img,video{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}a{border-bottom:1px dotted blue;color:blue;text-decoration:none}a:active,a:visited{border-bottom:1px dotted #111;color:#111}a:focus,a:hover{background-color:blue;border:0;color:#f1f1f1}ol,ul{margin-left:1em;padding:0}ul ul{margin-bottom:.5em;margin-top:.5em}li{margin-bottom:.25em}menu ul,menu ol,nav ul,nav ol{margin:0;padding:0}.layout{hyphens:auto;margin-left:auto;margin-right:auto;max-width:992px;padding:0 .88889rem;width:auto}@media (min-width: 48em){.layout{padding:0 1.11111rem;text-align:left}}.layout__vcenter{display:table-cell;height:100vh;vertical-align:middle}.ir{background-color:transparent;border:0;overflow:hidden;*text-indent:-9999px}.ir:before{content:"";display:block;width:0;height:150%}.hidden{display:none !important;visibility:hidden}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.invisible{visibility:hidden}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}.clearfix{*zoom:1}.position--fixed{position:fixed}.position--relative{position:relative}.logo{font:normal 3.33333em/1.1 "Leitura News","Domine",serif;hyphens:none;margin:0 0 .333em;padding-top:.333em;padding-right:1.08333em;text-shadow:3px 3px #ccc}@media (min-width: 22.5em){.logo{line-height:normal}}.logo a[rel="home"]{border:0;color:#111}.logo a[rel="home"]:focus,a[rel="home"]:focus .logo,.cv__title a[rel="home"]:focus,.logo a[rel="home"]:hover,a[rel="home"]:hover .logo,.cv__title a[rel="home"]:hover{color:#fff;text-shadow:none}.cv{color:#000}.cv__title{font-size:1em;line-height:normal}.cv__title a{display:inline-block}.cv__banner .logo{margin-bottom:0}.cv__title a[rel="home"]{border:0;color:#111}.cv__banner,.cv__main{text-align:left}.cv__banner .job{font-size:1.5em;margin-top:0}.img-cache{border:1rem solid transparent;border-radius:100%;display:inline-block;float:right;height:150px;position:relative;overflow:hidden;width:150px}.img-cache>.u-photo{max-width:100%;position:relative;top:-20px}.nav-button,.nav__close,.nav-button--floatright{border:0;display:inline-block;text-align:center}.nav-button:active,.nav__close:active,.nav-button:hover,.nav__close:hover,.nav-button:focus,.nav__close:focus,.nav-button:visited,.nav__close:visited,.nav-button--floatright:active,.nav-button--floatright:hover,.nav-button--floatright:focus,.nav-button--floatright:visited{background:transparent;border-bottom:0;color:#111}.nav-button,.nav__close{position:absolute;right:.83333rem;top:.83333rem}@media (min-width: 48em){.nav-button,.nav__close{right:1.11111rem}}.nav-button--floatright{float:right}.nav-button__text,.nav__close__text{font-size:.66667rem;display:block}.nav-button__burger,.nav__x{background:#111;display:block;height:50px;margin:0 auto;position:relative;width:50px}.nav-button:hover .nav-button__burger,.nav__close:hover .nav-button__burger,.nav-button:hover .nav__x,.nav__close:hover .nav__x,.nav-button:focus .nav-button__burger,.nav__close:focus .nav-button__burger,.nav-button:focus .nav__x,.nav__close:focus .nav__x{background:blue}.nav-button__burger__ico,.nav__x__ico{background:#f1f1f1;bottom:0;display:block;height:3px;left:0;margin:auto;right:0;position:absolute;top:0;width:50%}.nav-button__burger__ico:after,.nav__x__ico:after,.nav-button__burger__ico:before,.nav__x__ico:before{backface-visibility:hidden;background-color:#f1f1f1;content:"";height:100%;position:absolute;right:0;top:0;transform:translateZ(0);transition:transform 0.3s ease 0s;width:100%}.nav-button__burger__ico:before,.nav__x__ico:before{transform:translateY(-8px) rotate(0deg)}.nav-button__burger__ico:after,.nav__x__ico:after{transform:translateY(8px) rotate(0deg)}.nav__close,.nav__close:visited{color:white}.nav__x{background:#333}.nav__x__ico{height:3px;transform:translateY(0) rotate(-45deg)}.nav__x__ico:before{transform:translateY(0) rotate(90deg)}.nav__x__ico:after{display:none}.nav__panel{background:#111;color:#f1f1f1}.nav__panel.state--hidden,.nav__panel.state--visible{height:auto;left:0;min-height:1em;opacity:1;position:absolute;top:0;transition:transform .25s ease-in-out;width:100%}.nav__panel.state--hidden{transform:translateY(-100%)}.nav__panel.state--visible{transform:translateY(0)}.nav__panel__content{margin:0 auto;position:relative;text-align:left;width:auto}.nav__list{padding:1em 0}.nav__link{font-size:.7619em}.nav__link,.nav__link:visited{color:white}.no-js .nav__close{display:none;opacity:0}.single{text-align:left}.single h1{padding-right:66px}.note__list{list-style-type:none;margin-left:0}.note__item{border-bottom:1px solid #cccccc;margin-bottom:1.5em;padding-bottom:1em}.note__blockquote__footer{margin:1em 0 0}.note__footer{font-size:14px}@media (min-width: 48em){.note__footer{font-size:16px}}footer{font-size:.7619em} diff --git a/public_html/feed.atom.xml b/public_html/feed.atom.xml @@ -0,0 +1,11 @@ +<?xml version="1.0" encoding="utf-8"?> +<feed xmlns="http://www.w3.org/2005/Atom"> + <title>Flux Atom de hugo.soucy.cc</title> + <subtitle>Développeur Web frontend ayant plus de 10 ans d'expérience dans le milieu des technologies de l'information. Il habite dans le quartier Limoilou à Québec.</subtitle> + <link href="http://hugo.soucy.cc/feed.atom.xml" rel="self" /> + <link href="http://hugo.soucy.cc" /> + <updated>2016-11-06T16:32:51</updated> + + + <!-- End of the feed --> +</feed> diff --git a/public_html/feed.note.atom.xml b/public_html/feed.note.atom.xml @@ -1,151 +0,0 @@ -<?xml version="1.0" encoding="utf-8"?> -<feed xmlns="http://www.w3.org/2005/Atom"> - <title>Flux Atom de hugo.soucy.cc</title> - <subtitle>Développeur Web frontend ayant plus de 10 ans d'expérience dans le milieu des technologies de l'information. Il habite dans le quartier Limoilou à Québec.</subtitle> - <link href="http://hugo.soucy.cc/feed.atom.xml" rel="self" /> - <link href="http://hugo.soucy.cc" /> - <updated>2016-11-03T15:17:32</updated> - - <entry> -<title> -IndieWeb, Make your social media posts open first -</title> -<link href="http://hugo.soucy.cc/note/2016/11/indieweb-make-your-social-media-posts-open-first.html"></link> <updated>2016-11-03T15:14:25</updated> <author> <name>Hugo Soucy</name> <email>hugo@soucy.cc</email> </author> </entry> <entry> -<title> -How can I handle command-line arguments options to my script easily in bash? -</title> -<link href="http://hugo.soucy.cc/note/2016/10/how-can-i-handle-command-line-arguments-options-to-my-script-easily.html"></link> <updated>2016-10-24T09:10:36</updated> <author> <name>Hugo Soucy</name> <email>hugo@soucy.cc</email> </author> </entry> <entry> -<title> -Linux Foundation Takes JavaScript Under Its Wings -</title> -<link href="http://hugo.soucy.cc/note/2016/10/linux-foundation-takes-javascript-under-its-wings.html"></link> <updated>2016-10-21T11:00:18</updated> <author> <name>Hugo Soucy</name> <email>hugo@soucy.cc</email> </author> </entry> <entry> -<title> -Who pays for the decentralized web -</title> -<link href="http://hugo.soucy.cc/note/2016/10/who-pays-for-the-decentralized-web.html"></link> <updated>2016-10-17T08:37:17</updated> <author> <name>Hugo Soucy</name> <email>hugo@soucy.cc</email> </author> </entry> <entry> -<title> -Ma vie obéit à l'attraction des livres -</title> -<link href="http://hugo.soucy.cc/note/2016/09/ma-vie-obeit-a-l-attraction-des-livres-nikolski-nicolas-dickner.html"></link> <updated>2016-09-22T15:10:01</updated> <author> <name>Hugo Soucy</name> <email>hugo@soucy.cc</email> </author> </entry> <entry> -<title> -Why we use progressive enhancement to build GOV.UK -</title> -<link href="http://hugo.soucy.cc/note/2016/09/why-we-use-progressive-enhancement-to-build-gov-uk.html"></link> <updated>2016-09-21T11:27:37</updated> <author> <name>Hugo Soucy</name> <email>hugo@soucy.cc</email> </author> </entry> <entry> -<title> -Internet 3.0, peut-on reprendre le contrôle des géants? -</title> -<link href="http://hugo.soucy.cc/note/2016/09/internet-3-0-peut-on-reprendre-le-controle-des-geants.html"></link> <updated>2016-09-20T14:46:21</updated> <author> <name>Hugo Soucy</name> <email>hugo@soucy.cc</email> </author> </entry> <entry> -<title> -Ce que le Québec gagnerait à nationaliser internet -</title> -<link href="http://hugo.soucy.cc/note/2016/09/ce-que-le-quebec-gagnerait-a-nationaliser-internet.html"></link> <updated>2016-09-19T15:00:56</updated> <author> <name>Hugo Soucy</name> <email>hugo@soucy.cc</email> </author> </entry> <entry> -<title> -Radio canada publicitaire pour apple -</title> -<link href="http://hugo.soucy.cc/note/2016/09/radio-canada-publicitaire-pour-apple.html"></link> <updated>2016-09-08T15:50:12</updated> <author> <name>Hugo Soucy</name> <email>hugo@soucy.cc</email> </author> </entry> <entry> -<title> -Quoi ce n est pas des femmes grenouilles -</title> -<link href="http://hugo.soucy.cc/note/2016/08/quoi-ce-n-est-pas-des-femmes-grenouilles.html"></link> <updated>2016-08-17T11:26:23</updated> <author> <name>Hugo Soucy</name> <email>hugo@soucy.cc</email> </author> </entry> <entry> -<title> -Add key bindings to moving faster between emacs windows -</title> -<link href="http://hugo.soucy.cc/note/2016/08/add-key-bindings-to-moving-faster-between-emacs-windows.html"></link> <updated>2016-08-16T10:14:31</updated> <author> <name>Hugo Soucy</name> <email>hugo@soucy.cc</email> </author> </entry> <entry> -<title> -Openbsd pour tous -</title> -<link href="http://hugo.soucy.cc/note/2016/08/openbsd-pour-tous.html"></link> <updated>2016-08-16T09:55:31</updated> <author> <name>Hugo Soucy</name> <email>hugo@soucy.cc</email> </author> </entry> <entry> -<title> -Pokemon go et societe de surveillance -</title> -<link href="http://hugo.soucy.cc/note/2016/08/pokemon-go-et-societe-de-surveillance.html"></link> <updated>2016-08-09T13:13:51</updated> <author> <name>Hugo Soucy</name> <email>hugo@soucy.cc</email> </author> </entry> <entry> -<title> -Snowden pardon petition on facebook -</title> -<link href="http://hugo.soucy.cc/note/2016/08/snowden-pardon-petition-on-facebook.html"></link> <updated>2016-08-08T10:48:25</updated> <author> <name>Hugo Soucy</name> <email>hugo@soucy.cc</email> </author> </entry> <entry> -<title> -SSH chat server written in Go -</title> -<link href="http://hugo.soucy.cc/note/2016/08/ssh-chat-server-written-ingo.html"></link> <updated>2016-08-08T09:03:28</updated> <author> <name>Hugo Soucy</name> <email>hugo@soucy.cc</email> </author> </entry> <entry> -<title> -Nathalie normandeau et la radio de quebec -</title> -<link href="http://hugo.soucy.cc/note/2016/08/nathalie-normandeau-et-la-radio-de-quebec.html"></link> <updated>2016-08-06T17:08:28</updated> <author> <name>Hugo Soucy</name> <email>hugo@soucy.cc</email> </author> </entry> <entry> -<title> -Vimgifs et @emacs_gifs -</title> -<link href="http://hugo.soucy.cc/note/2016/08/vimgifs-et-emacs_gifs.html"></link> <updated>2016-08-05T14:50:26</updated> <author> <name>Hugo Soucy</name> <email>hugo@soucy.cc</email> </author> </entry> <entry> -<title> -Programming languages hyperpolyglot -</title> -<link href="http://hugo.soucy.cc/note/2016/08/programming-languages-hyperpolyglot.html"></link> <updated>2016-08-05T11:48:05</updated> <author> <name>Hugo Soucy</name> <email>hugo@soucy.cc</email> </author> </entry> <entry> -<title> -Everybody should be twitter verified -</title> -<link href="http://hugo.soucy.cc/note/2016/08/everybody-should-be-twitter-verified.html"></link> <updated>2016-08-05T08:49:51</updated> <author> <name>Hugo Soucy</name> <email>hugo@soucy.cc</email> </author> </entry> <entry> -<title> -Shipping is a feature -</title> -<link href="http://hugo.soucy.cc/note/2016/08/shipping-is-a-feature.html"></link> <updated>2016-08-04T16:18:47</updated> <author> <name>Hugo Soucy</name> <email>hugo@soucy.cc</email> </author> </entry> <entry> -<title> -Matane budget participatif -</title> -<link href="http://hugo.soucy.cc/note/2016/08/matane-budget-participatif.html"></link> <updated>2016-08-03T12:25:29</updated> <author> <name>Hugo Soucy</name> <email>hugo@soucy.cc</email> </author> </entry> <entry> -<title> -M4 as CSS pre-processor -</title> -<link href="http://hugo.soucy.cc/note/2016/08/m4-as-css-pre-processor.html"></link> <updated>2016-08-03T12:15:45</updated> <author> <name>Hugo Soucy</name> <email>hugo@soucy.cc</email> </author> </entry> <entry> -<title> -Txti -</title> -<link href="http://hugo.soucy.cc/note/2016/08/txti.html"></link> <updated>2016-08-03T11:47:44</updated> <author> <name>Hugo Soucy</name> <email>hugo@soucy.cc</email> </author> </entry> <entry> -<title> -Emacs classer, effacer les doublons, effacer par patterns -</title> -<link href="http://hugo.soucy.cc/note/2016/07/emacs-sort-delete-matching-duplicate-lines.html"></link> <updated>2016-07-13T21:49:21</updated> <author> <name>Hugo Soucy</name> <email>hugo@soucy.cc</email> </author> </entry> <entry> -<title> -Nous sommes éduqués a croire -</title> -<link href="http://hugo.soucy.cc/note/2016/06/nous-sommes-eduques-a-croire.html"></link> <updated>2016-06-09T22:51:04</updated> <author> <name>Hugo Soucy</name> <email>hugo@soucy.cc</email> </author> </entry> <entry> -<title> -Firefox imprime pas les background-color -</title> -<link href="http://hugo.soucy.cc/note/2016/05/firefox-print-background-color.html"></link> <updated>2016-05-18T23:33:01</updated> <author> <name>Hugo Soucy</name> <email>hugo@soucy.cc</email> </author> </entry> <entry> -<title> -Justin jackson is a fucking webmaster -</title> -<link href="http://hugo.soucy.cc/note/2016/05/justin-jackson-is-a-fucking-webmaster.html"></link> <updated>2016-05-17T16:13:12</updated> <author> <name>Hugo Soucy</name> <email>hugo@soucy.cc</email> </author> </entry> <entry> -<title> -Jeunes liberaux ringards -</title> -<link href="http://hugo.soucy.cc/note/2016/05/jeunes-liberaux-ringards.html"></link> <updated>2016-05-16T12:49:12</updated> <author> <name>Hugo Soucy</name> <email>hugo@soucy.cc</email> </author> </entry> <entry> -<title> -Indieweb in a nutshellown your identity domain website content uiux -</title> -<link href="http://hugo.soucy.cc/note/2016/05/indieweb-in-a-nutshellown-your-identity-domain-website-content-uiux.html"></link> <updated>2016-05-13T17:12:50</updated> <author> <name>Hugo Soucy</name> <email>hugo@soucy.cc</email> </author> </entry> <entry> -<title> -Tiens tiens tiens le projet gnu revamp la page web -</title> -<link href="http://hugo.soucy.cc/note/2016/04/tiens-tiens-tiens-le-projet-gnu-revamp-la-page-web.html"></link> <updated>2016-04-25T00:50:27</updated> <author> <name>Hugo Soucy</name> <email>hugo@soucy.cc</email> </author> </entry> <entry> -<title> -Encore une fois je viens de supprimer mon compte facebook -</title> -<link href="http://hugo.soucy.cc/note/2016/04/encore-une-fois-je-viens-de-supprimer-mon-compte-facebook.html"></link> <updated>2016-04-12T19:37:38</updated> <author> <name>Hugo Soucy</name> <email>hugo@soucy.cc</email> </author> </entry> <entry> -<title> -Javascript vanille underscorejs font selon moi une excellente quipe youmightnotneedjquery webdev -</title> -<link href="http://hugo.soucy.cc/note/2016/03/javascript-vanille-underscorejs-font-selon-moi-une-excellente-quipe-youmightnotneedjquery-webdev.html"></link> <updated>2016-03-18T19:42:52</updated> <author> <name>Hugo Soucy</name> <email>hugo@soucy.cc</email> </author> </entry> <entry> -<title> -Encryption is the nsas friend 20160127nsa_loves_it_when_you_use_pgp -</title> -<link href="http://hugo.soucy.cc/note/2016/02/encryption-is-the-nsas-friend-20160127nsa_loves_it_when_you_use_pgp.html"></link> <updated>2016-02-17T19:46:45</updated> <author> <name>Hugo Soucy</name> <email>hugo@soucy.cc</email> </author> </entry> <entry> -<title> -What is it about society that disappoints you so much -</title> -<link href="http://hugo.soucy.cc/note/2016/02/what-is-it-about-society-that-disappoints-you-so-much.html"></link> <updated>2016-02-01T19:49:13</updated> <author> <name>Hugo Soucy</name> <email>hugo@soucy.cc</email> </author> </entry> <entry> -<title> -Tiens un article sur le darknet que plusieurs devraient lire -</title> -<link href="http://hugo.soucy.cc/note/2016/01/tiens-un-article-sur-le-darknet-que-plusieurs-devraient-lire.html"></link> <updated>2016-01-28T20:03:06</updated> <author> <name>Hugo Soucy</name> <email>hugo@soucy.cc</email> </author> </entry> - <!-- End of the feed --> -</feed> diff --git a/public_html/feed.txt.atom.xml b/public_html/feed.txt.atom.xml @@ -1,31 +0,0 @@ -<?xml version="1.0" encoding="utf-8"?> -<feed xmlns="http://www.w3.org/2005/Atom"> - <title>Flux Atom de hugo.soucy.cc</title> - <subtitle>Développeur Web frontend ayant plus de 10 ans d'expérience dans le milieu des technologies de l'information. Il habite dans le quartier Limoilou à Québec.</subtitle> - <link href="http://hugo.soucy.cc/feed.atom.xml" rel="self" /> - <link href="http://hugo.soucy.cc" /> - <updated>2016-11-03T15:17:32</updated> - - <entry> -<title> -Emacs 101 - la configuration -</title> -<link href="http://hugo.soucy.cc/txt/emacs/2015/06/emacs-101-la-configuration.html"></link> <updated>2015-06-30T12:22:16</updated> <author> <name>Hugo Soucy</name> <email>hugo@soucy.cc</email> </author> </entry> <entry> -<title> -Emacs 101 - l'introduction -</title> -<link href="http://hugo.soucy.cc/txt/emacs/2015/06/emacs-101-l-introduction.html"></link> <updated>2015-06-28T19:12:02</updated> <author> <name>Hugo Soucy</name> <email>hugo@soucy.cc</email> </author> </entry> <entry> -<title> -Mes logiciels libres préférés -</title> -<link href="http://hugo.soucy.cc/txt/2014/09/mes-logiciels-libres-preferes.html"></link> <updated>2014-09-24T09:10:55</updated> <author> <name>Hugo Soucy</name> <email>hugo@soucy.cc</email> </author> </entry> <entry> -<title> -Bronto politiciens de silos -</title> -<link href="http://hugo.soucy.cc/txt/2014/04/bronto-politiciens-de-silos.html"></link> <updated>2014-04-03T20:00:00</updated> <author> <name>Hugo Soucy</name> <email>hugo@soucy.cc</email> </author> </entry> <entry> -<title> -Les partis politiques nuisent-ils à la democratie? -</title> -<link href="http://hugo.soucy.cc/txt/2014/02/les-partis-politiques-nuisent-ils-a-la-democratie.html"></link> <updated>2014-02-19T18:00:11</updated> <author> <name>Hugo Soucy</name> <email>hugo@soucy.cc</email> </author> </entry> - <!-- End of the feed --> -</feed> diff --git a/public_html/file/curriculum-vitae.html b/public_html/file/curriculum-vitae.html @@ -0,0 +1,213 @@ +<!DOCTYPE html> +<html class="no-js" lang="fr"> + <head> + <meta charset="utf-8" /> + <meta http-equiv="X-UA-Compatible" content="IE=edge" /> + <title>Curriculum vitae &mdash; hugo.soucy.cc</title> + + <meta name="viewport" content="width=device-width, initial-scale=1" /> + <script src="http://hugo.soucy.cc/js/vendor/modernizr-3.3.1-custom.min.js"></script> + <link rel="stylesheet" href="http://hugo.soucy.cc/css/styles.css" /> + + <!-- webmention.io --> + <link rel="pingback" href="https://webmention.io/hugo.soucy.cc/xmlrpc" /> + <link rel="webmention" href="https://webmention.io/hugo.soucy.cc/webmention" /> + + <link rel="me" href="http://shr.soucy.cc/" /> + <link rel="me" href="https://bandcamp.com/hs0ucy" /> + <link rel="me" href="https://framasphere.org/u/hs0ucy" /> + <link rel="me" href="http://twitter.com/hs0ucy" /> + <link rel="me" href="https://github.com/hs0ucy" /> + <link rel="me" href="sms:+15819966481" /> + + <link href="http://hugo.soucy.cc/feed.atom.xml" type="application/atom+xml" rel="alternate" title="Feed de tous les contenus" /> + + <meta name="robots" content="index, follow" /> + <meta name="description" content="Développeur Web frontend ayant plus de 10 ans d'expérience dans le milieu des technologies de l'information. Il habite dans le quartier Limoilou à Québec." /> + <meta name="author" content="Hugo Soucy" /> + <meta name="generator" content="FakeStache" /> + </head> + +<body class="cv" id="cv"> + + + <div class="layout"> + <a class="nav-button" href="#menu"> + <span class="nav-button__text"> + Menu <span class="visuallyhidden">principal</span> + </span> + + <span class="nav-button__burger"> + <i class="nav-button__burger__ico"></i> + </span> + </a> + </div> + + <header class="cv__banner"> + <div class="layout"> + <h1 class="cv__title"> + <span class="visuallyhidden">Curriculum vitæ de</span> + <span class="logo">Hugo Soucy,</span> + </h1> + + <p class="cv__infos"> + <strong>Développeur Web frontend</strong><br> + <strong>Québec</strong>, Qc<br> + Téléphone: <a href="tel:+1581-996-6481">581-996-6481</a><br> + Courriel: <a href="mailto:hugo@soucy.cc">hugo@soucy.cc</a> + </p> + </div> + </header> + + <main class="cv__main"> + <div class="layout"> + <h2 id="profil">Profil</h2> + <p>Je suis un <span>intégrateur Web</span> d'expérience, qui adore structurer des contenus qui se démarquent. J'excelle à mettre en valeur le travail de mes collègues designers et rédacteurs. J'aime contribuer à l'émergence de sites Web de qualité, accessibles autant aux humains qu'aux machines... Pour y arriver, je favorise l'utilisation des standards du Web et des formats libres.</p> + <hr /> + <h2 id="compétences">Compétences</h2> + <h3 id="conception-web">Conception Web</h3> + <p>Maîtrise les langages déclaratifs (X)HTML et CSS. Applique les bonnes pratiques d'intégration Web, tant au niveau de la performance qu'au niveau de l'accessibilité et de la compatibilité de navigation. Améliore l'expérience utilisateur avec du JavaScript non intrusif. Propose des solutions innovantes.</p> + <h3 id="gestion-de-projet">Gestion de projet</h3> + <p>En mesure de coordonner toutes les étapes de la réalisation d'un site Web; incluant l’élaboration d'un plan de travail, ainsi que le soutien et l’encadrement d'une équipe de travail, afin d'assurer le respect d'échéanciers.</p> + <h3 id="communication">Communication</h3> + <p>Aime partager les fruits de sa curiosité et de son expérience. Vulgarise le Web de vive voix, ou par l'écriture de tutoriaux. Procède à une veille technologique quotidienne et transmet ses découvertes par les canaux de communications mis à sa disposition. Capable de rédiger des documents de formation et de transmettre la matière à un groupe.</p> + <hr /> + <h2 id="expérience-professionnelle">Expérience professionnelle</h2> + <ul> + <li><strong>Consultant en logiciel libre, spécialiste front-end</strong>, <em>Savoir-faire Linux</em>, Québec | 2014 – + <ul> + <li>Intégrer en HTML 5 et CSS 3</li> + <li>Programmer avec JavaScript et JQuery</li> + </ul></li> + <li><strong>Intégrateur Web sénior</strong>, <em>Libéo</em>, Québec | 2012 – 2013 + <ul> + <li>Intégrer en HTML 5 et CSS 3</li> + <li>Programmer avec JavaScript et JQuery</li> + </ul></li> + <li><strong>Développeur Web</strong>, <em>DuProprio</em>, Charny | 2011 – 2012 + <ul> + <li>Maintenance du code «front-end»</li> + <li>Participe au développement de nouveaux outils pour le site Web de l'entreprise.</li> + </ul></li> + <li><strong>Intégrateur Web et référenceur</strong>, <em>Kryzalid communication</em>, Montréal | 2007 – 2011 + <ul> + <li>Établir la structure du code selon l'arborescence.</li> + <li>Intégrer tous les éléments des sites à l'aide des 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></li> + <li><strong>Webmestre</strong>, <em>Fromagex</em>, Rimouski | 2005 – 2006 + <ul> + <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></li> + <li><strong>Webmestre et formateur en informatique</strong>, <em>Atena groupe-conseil</em>, Rimouski | 2005 – 2006 + <ul> + <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></li> + <li><strong>Infographiste-Webmestre</strong>, <em>À la pige</em>, Montréal | 2003 – 2005 + <ul> + <li>Créer des sites Web.</li> + <li>Concevoir des documents destinés à l'impression.</li> + </ul></li> + <li><strong>Webmestre et formateur informatique</strong>, <em>Association franco-yukonnaise</em>, Whitehorse | 2002 – 2003 + <ul> + <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></li> + <li><strong>Coopérant-formateur en conception Web</strong>, <em>ONG Alternatives</em>, Rabat (Maroc) | 2001 – 2002 + <ul> + <li>Planifier et concevoir la refonte du site Web d'un ONG.</li> + <li>Donner des formations en création de sites Web.</li> + <li>Rédiger des documents didactiques.</li> + </ul></li> + <li><strong>Intégrateur multimédia</strong>, <em>I.C. Axon</em>, Montréal | 1999 – 2001 + <ul> + <li>Faire de la mise en page d'images numériques destinées à des CD-ROM interactifs.</li> + </ul></li> + </ul> + <hr /> + <h2 id="scolarité">Scolarité</h2> + <ul> + <li><strong>Attestation d'études collégiales en design multimédia</strong>, Académie internationale du design de Montréal, Montréal | 1999</li> + <li><strong>Diplôme d'études collégiales en Arts plastiques</strong>, Cégep du Vieux-­Montréal, Montréal | 1998</li> + </ul> + <hr /> + <h2 id="formation-continue">Formation continue</h2> + <ul> + <li><strong>Accessibilité Web : SGQRI, WCAG</strong>, Modop, Québec | 2012</li> + <li><strong>TYPO3 Administrateur</strong>, Infoglobe, Québec | 2012</li> + <li><strong>Ergonomie centrée utilisateur</strong>, Centre de Recherche Informatique de Montréal (CRIM), Montréal | 2012</li> + <li><strong>Vers le Web 3.0 : Le Web sémantique</strong>, Centre de Recherche Informatique de Montréal (CRIM), Montréal | 2009</li> + <li><strong>JavaScript avec DHTML et DOM</strong>, Institut des technologies de l'information du Collège Maisonneuve, Montréal | 2008</li> + </ul> + + <div class="cv__list"> + </div> + </div> + </main> + + <nav class="nav"> + <div class="nav__panel" id="menu" tabindex="0"> + <div class="nav__panel__content layout"> + <h2 class="visuallyhidden">Navigation</h2> + + <ul class="nav__list" role="menubar"> + <li class="nav__item"> + <a class="nav__link" href="http://hugo.soucy.cc" rel="index"> + Page d'accueil + </a> + </li> + <li class="nav__item"> + <a class="nav__link" href="http://hugo.soucy.cc/note"> + Notes + </a> + </li> + <li class="nav__item"> + <a class="nav__link" href="http://hugo.soucy.cc/txt"> + Textes + </a> + </li> + <li class="nav__item"> + <a class="nav__link" href="http://hugo.soucy.cc/file/curriculum-vitae.html"> + Curriculum vitae + </a> + </li> + </ul> + </div> + + <a class="nav__close" href="#" role="button"> + <span class="nav__close__text"> + Fermer <span class="visuallyhidden">le menu</span> + </span> + + <span class="nav__x"> + <i class="nav__x__ico"></i> + </span> + </a> + </div> + </nav> + <script id="cuttingTheMustard"> + var cuttingTheMustard = ('querySelector' in document); + var bottomjs; + + if (cuttingTheMustard) { + bottomjs = document.createElement('script'); + bottomjs.src = 'http://hugo.soucy.cc/js/script.min.js'; + bottomjs.id = 'bottomjs'; + + document.body.appendChild(bottomjs); + document.querySelector('html').classList.remove('no-js'); + document.querySelector('html').classList.add('js'); + } +</script> + +</body> +</html> diff --git a/public_html/file/curriculum-vitae/index.html b/public_html/file/curriculum-vitae/index.html @@ -1,199 +0,0 @@ -<!DOCTYPE html> -<html lang="fr"> - <head> - <meta charset="utf-8" /> - <meta http-equiv="X-UA-Compatible" content="IE=edge" /> - <title>Curriculum vitae &mdash; hugo.soucy.cc</title> - - <meta name="viewport" content="width=device-width, initial-scale=1" /> - <script src="http://hugo.soucy.cc/js/vendor/modernizr-3.3.1-custom.min.js"></script> - <link rel="stylesheet" href="http://hugo.soucy.cc/css/styles.css" /> - - <!-- webmention.io --> - <link rel="pingback" href="https://webmention.io/hugo.soucy.cc/xmlrpc" /> - <link rel="webmention" href="https://webmention.io/hugo.soucy.cc/webmention" /> - - <link rel="me" href="http://shr.soucy.cc/" /> - <link rel="me" href="https://bandcamp.com/hs0ucy" /> - <link rel="me" href="https://framasphere.org/u/hs0ucy" /> - <link rel="me" href="http://twitter.com/hs0ucy" /> - <link rel="me" href="https://github.com/hs0ucy" /> - <link rel="me" href="sms:+15819966481" /> - - <link href="http://hugo.soucy.cc/feed.note.atom.xml" type="application/atom+xml" rel="alternate" title="Feed des notes" /> - <link href="http://hugo.soucy.cc/feed.txt.atom.xml" type="application/atom+xml" rel="alternate" title="Feed des textes" /> - - <meta name="robots" content="noindex, nofollow" /> - <meta name="description" content="Développeur Web frontend ayant plus de 10 ans d'expérience dans le milieu des technologies de l'information. Il habite dans le quartier Limoilou à Québec." /> - <meta name="author" content="Hugo Soucy" /> - <meta name="generator" content="Pandoc + (Mustache + Bash) = Panstash" /> - </head> - -<body class="cv" id="cv"> - - - <div class="layout"> - <a class="nav-button" href="#menu"> - <span class="nav-button__text"> - Menu <span class="visuallyhidden">principal</span> - </span> - - <span class="nav-button__burger"> - <i class="nav-button__burger__ico"></i> - </span> - </a> - </div> - - <header class="cv__banner"> - <div class="layout"> - <h1 class="cv__title"> - <span class="visuallyhidden">Curriculum vitæ de</span> - <span class="logo">Hugo Soucy,</span> - </h1> - - <p class="cv__infos"> - <strong>Développeur Web frontend</strong><br> - <strong>Québec</strong>, Qc<br> - Téléphone: <a href="tel:+1581-996-6481">581-996-6481</a><br> - Courriel: <a href="mailto:hugo@soucy.cc">hugo@soucy.cc</a> - </p> - </div> - </header> - - <main class="cv__main"> - <div class="layout"> - <h2 id="profil">Profil</h2> - <p>Je suis un <span>intégrateur Web</span> d'expérience, qui adore structurer des contenus qui se démarquent. J'excelle à mettre en valeur le travail de mes collègues designers et rédacteurs. J'aime contribuer à l'émergence de sites Web de qualité, accessibles autant aux humains qu'aux machines... Pour y arriver, je favorise l'utilisation des standards du Web et des formats libres.</p> - <hr /> - <h2 id="compétences">Compétences</h2> - <h3 id="conception-web">Conception Web</h3> - <p>Maîtrise les langages déclaratifs (X)HTML et CSS. Applique les bonnes pratiques d'intégration Web, tant au niveau de la performance qu'au niveau de l'accessibilité et de la compatibilité de navigation. Améliore l'expérience utilisateur avec du JavaScript non intrusif. Propose des solutions innovantes.</p> - <h3 id="gestion-de-projet">Gestion de projet</h3> - <p>En mesure de coordonner toutes les étapes de la réalisation d'un site Web; incluant l’élaboration d'un plan de travail, ainsi que le soutien et l’encadrement d'une équipe de travail, afin d'assurer le respect d'échéanciers.</p> - <h3 id="communication">Communication</h3> - <p>Aime partager les fruits de sa curiosité et de son expérience. Vulgarise le Web de vive voix, ou par l'écriture de tutoriaux. Procède à une veille technologique quotidienne et transmet ses découvertes par les canaux de communications mis à sa disposition. Capable de rédiger des documents de formation et de transmettre la matière à un groupe.</p> - <hr /> - <h2 id="expérience-professionnelle">Expérience professionnelle</h2> - <ul> - <li><strong>Consultant en logiciel libre, spécialiste front-end</strong>, <em>Savoir-faire Linux</em>, Québec | 2014 – - <ul> - <li>Intégrer en HTML 5 et CSS 3</li> - <li>Programmer avec JavaScript et JQuery</li> - </ul></li> - <li><strong>Intégrateur Web sénior</strong>, <em>Libéo</em>, Québec | 2012 – 2013 - <ul> - <li>Intégrer en HTML 5 et CSS 3</li> - <li>Programmer avec JavaScript et JQuery</li> - </ul></li> - <li><strong>Développeur Web</strong>, <em>DuProprio</em>, Charny | 2011 – 2012 - <ul> - <li>Maintenance du code «front-end»</li> - <li>Participe au développement de nouveaux outils pour le site Web de l'entreprise.</li> - </ul></li> - <li><strong>Intégrateur Web et référenceur</strong>, <em>Kryzalid communication</em>, Montréal | 2007 – 2011 - <ul> - <li>Établir la structure du code selon l'arborescence.</li> - <li>Intégrer tous les éléments des sites à l'aide des 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></li> - <li><strong>Webmestre</strong>, <em>Fromagex</em>, Rimouski | 2005 – 2006 - <ul> - <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></li> - <li><strong>Webmestre et formateur en informatique</strong>, <em>Atena groupe-conseil</em>, Rimouski | 2005 – 2006 - <ul> - <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></li> - <li><strong>Infographiste-Webmestre</strong>, <em>À la pige</em>, Montréal | 2003 – 2005 - <ul> - <li>Créer des sites Web.</li> - <li>Concevoir des documents destinés à l'impression.</li> - </ul></li> - <li><strong>Webmestre et formateur informatique</strong>, <em>Association franco-yukonnaise</em>, Whitehorse | 2002 – 2003 - <ul> - <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></li> - <li><strong>Coopérant-formateur en conception Web</strong>, <em>ONG Alternatives</em>, Rabat (Maroc) | 2001 – 2002 - <ul> - <li>Planifier et concevoir la refonte du site Web d'un ONG.</li> - <li>Donner des formations en création de sites Web.</li> - <li>Rédiger des documents didactiques.</li> - </ul></li> - <li><strong>Intégrateur multimédia</strong>, <em>I.C. Axon</em>, Montréal | 1999 – 2001 - <ul> - <li>Faire de la mise en page d'images numériques destinées à des CD-ROM interactifs.</li> - </ul></li> - </ul> - <hr /> - <h2 id="scolarité">Scolarité</h2> - <ul> - <li><strong>Attestation d'études collégiales en design multimédia</strong>, Académie internationale du design de Montréal, Montréal | 1999</li> - <li><strong>Diplôme d'études collégiales en Arts plastiques</strong>, Cégep du Vieux-­Montréal, Montréal | 1998</li> - </ul> - <hr /> - <h2 id="formation-continue">Formation continue</h2> - <ul> - <li><strong>Accessibilité Web : SGQRI, WCAG</strong>, Modop, Québec | 2012</li> - <li><strong>TYPO3 Administrateur</strong>, Infoglobe, Québec | 2012</li> - <li><strong>Ergonomie centrée utilisateur</strong>, Centre de Recherche Informatique de Montréal (CRIM), Montréal | 2012</li> - <li><strong>Vers le Web 3.0 : Le Web sémantique</strong>, Centre de Recherche Informatique de Montréal (CRIM), Montréal | 2009</li> - <li><strong>JavaScript avec DHTML et DOM</strong>, Institut des technologies de l'information du Collège Maisonneuve, Montréal | 2008</li> - </ul> - - <div class="cv__list"> - </div> - </div> - </main> - - <nav class="nav"> - <div class="nav__panel" id="menu" tabindex="0"> - <div class="nav__panel__content layout"> - <h2 class="visuallyhidden">Navigation</h2> - - <ul class="nav__list" role="menubar"> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc" rel="index"> - Page d'accueil - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/note"> - Notes - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/txt"> - Textes - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/file/curriculum-vitae"> - Curriculum vitae - </a> - </li> - </ul> - </div> - - <a class="nav__close" href="#" role="button"> - <span class="nav__close__text"> - Fermer <span class="visuallyhidden">le menu</span> - </span> - - <span class="nav__x"> - <i class="nav__x__ico"></i> - </span> - </a> - </div> - </nav> -</body> -</html> diff --git a/public_html/file/pgp.html b/public_html/file/pgp.html @@ -1,5 +1,5 @@ <!DOCTYPE html> -<html lang="fr"> +<html class="no-js" lang="fr"> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> @@ -20,13 +20,12 @@ <link rel="me" href="https://github.com/hs0ucy" /> <link rel="me" href="sms:+15819966481" /> - <link href="http://hugo.soucy.cc/feed.note.atom.xml" type="application/atom+xml" rel="alternate" title="Feed des notes" /> - <link href="http://hugo.soucy.cc/feed.txt.atom.xml" type="application/atom+xml" rel="alternate" title="Feed des textes" /> + <link href="http://hugo.soucy.cc/feed.atom.xml" type="application/atom+xml" rel="alternate" title="Feed de tous les contenus" /> - <meta name="robots" content="noindex, nofollow" /> + <meta name="robots" content="index, follow" /> <meta name="description" content="Développeur Web frontend ayant plus de 10 ans d'expérience dans le milieu des technologies de l'information. Il habite dans le quartier Limoilou à Québec." /> <meta name="author" content="Hugo Soucy" /> - <meta name="generator" content="Pandoc + (Mustache + Bash) = Panstash" /> + <meta name="generator" content="FakeStache" /> </head> <body id="single"> @@ -103,7 +102,7 @@ TOogzsJCuCLj1l3RYuW8sW/TZcO375A9 </a> </li> <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/file/curriculum-vitae"> + <a class="nav__link" href="http://hugo.soucy.cc/file/curriculum-vitae.html"> Curriculum vitae </a> </li> @@ -126,10 +125,25 @@ TOogzsJCuCLj1l3RYuW8sW/TZcO375A9 <address class="layout"> <hr/> - <p><a class="note__link u-url u-uid u-syndication" href="#" rel="bookmark">#</a> Créé à Québec le <time class="dt-published" ></time> par <a class="p-author author" href="http://hugo.soucy.cc#hs" rel="author"><i>Hugo Soucy</i></a>. + <p><a class="note__link u-url u-uid u-syndication" href="#" rel="bookmark">#</a> Créé à Québec le <time class="dt-published" >0000-00-00</time> par <a class="p-author author" href="http://hugo.soucy.cc#hs" rel="author"><i>Hugo Soucy</i></a>. Modifié le <time class="dt-updated">2016-11-05T15:26:44</time>. </p> </address> </footer> </article> + + <script id="cuttingTheMustard"> + var cuttingTheMustard = ('querySelector' in document); + var bottomjs; + + if (cuttingTheMustard) { + bottomjs = document.createElement('script'); + bottomjs.src = 'http://hugo.soucy.cc/js/script.min.js'; + bottomjs.id = 'bottomjs'; + + document.body.appendChild(bottomjs); + document.querySelector('html').classList.remove('no-js'); + document.querySelector('html').classList.add('js'); + } + </script> </body> </html> diff --git a/public_html/index.html b/public_html/index.html @@ -1,5 +1,5 @@ <!DOCTYPE html> -<html lang="fr"> +<html class="no-js" lang="fr"> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> @@ -20,13 +20,12 @@ <link rel="me" href="https://github.com/hs0ucy" /> <link rel="me" href="sms:+15819966481" /> - <link href="http://hugo.soucy.cc/feed.note.atom.xml" type="application/atom+xml" rel="alternate" title="Feed des notes" /> - <link href="http://hugo.soucy.cc/feed.txt.atom.xml" type="application/atom+xml" rel="alternate" title="Feed des textes" /> + <link href="http://hugo.soucy.cc/feed.atom.xml" type="application/atom+xml" rel="alternate" title="Feed de tous les contenus" /> - <meta name="robots" content="noindex, nofollow" /> + <meta name="robots" content="index, follow" /> <meta name="description" content="Développeur Web frontend ayant plus de 10 ans d'expérience dans le milieu des technologies de l'information. Il habite dans le quartier Limoilou à Québec." /> <meta name="author" content="Hugo Soucy" /> - <meta name="generator" content="Pandoc + (Mustache + Bash) = Panstash" /> + <meta name="generator" content="FakeStache" /> </head> <body id="index" prefix="foaf: http://xmlns.com/foaf/0.1/ dc: http://purl.org/dc/terms/"> @@ -140,5 +139,19 @@ indieweb, etc.) --> </address> </footer> </div> + <script id="cuttingTheMustard"> + var cuttingTheMustard = ('querySelector' in document); + var bottomjs; + + if (cuttingTheMustard) { + bottomjs = document.createElement('script'); + bottomjs.src = 'http://hugo.soucy.cc/js/script.min.js'; + bottomjs.id = 'bottomjs'; + + document.body.appendChild(bottomjs); + document.querySelector('html').classList.remove('no-js'); + document.querySelector('html').classList.add('js'); + } + </script> </body> </html> diff --git a/public_html/js/script.min.js b/public_html/js/script.min.js @@ -0,0 +1,34 @@ +/*!atomic v1.0.0 | (c) 2015 @toddmotto | https://github.com/toddmotto/atomic*/(function(root,factory){if(typeof define==='function'&&define.amd){define(factory);}else if(typeof exports==='object'){module.exports=factory;}else{root.atomic=factory(root);}})(this,function(root){'use strict';var exports={};var config={contentType:'application/x-www-form-urlencoded'};var parse=function(req){var result;try{result=JSON.parse(req.responseText);}catch(e){result=req.responseText;} +return[result,req];};var xhr=function(type,url,data){var methods={success:function(){},error:function(){},always:function(){}};var XHR=root.XMLHttpRequest||ActiveXObject;var request=new XHR('MSXML2.XMLHTTP.3.0');request.open(type,url,true);request.setRequestHeader('Content-type',config.contentType);request.onreadystatechange=function(){var req;if(request.readyState===4){req=parse(request);if(request.status>=200&&request.status<300){methods.success.apply(methods,req);}else{methods.error.apply(methods,req);} +methods.always.apply(methods,req);}};request.send(data);var atomXHR={success:function(callback){methods.success=callback;return atomXHR;},error:function(callback){methods.error=callback;return atomXHR;},always:function(callback){methods.always=callback;return atomXHR;}};return atomXHR;};exports.get=function(src){return xhr('GET',src);};exports.put=function(url,data){return xhr('PUT',url,data);};exports.post=function(url,data){return xhr('POST',url,data);};exports.delete=function(url){return xhr('DELETE',url);};exports.setContentType=function(value){config.contentType=value;};return exports;});var du=(function(win){'use strict';function doExtend(out){var key;var i;out=out||{};for(i=1;i<arguments.length;i++){if(!arguments[i]){continue;} +for(key in arguments[i]){if(arguments[i].hasOwnProperty(key)){out[key]=arguments[i][key];}}} +return out;} +function queryAll(selector,context){return Array.prototype.slice.call((context||document).querySelectorAll(selector));} +function setAttrs(el,attrs){var key;if(isElement(el)&&isObject(attrs)){for(key in attrs){if(attrs.hasOwnProperty(key)){el.setAttribute(key,attrs[key]);}}}else{console.log('Error "'+el+'" should be a DOM element!!');console.log('Error "'+attrs+'" should be an Object!!');}} +function setEvent(el,eventType,handler){if(window.addEventListener){el.addEventListener(eventType,handler,false);}else{el.attachEvent('on'+eventType,function(){handler.call(el);});}} +function setEventList(elList,event,handler){var lengthOf=elList.length;while(lengthOf--){setEvent(elList[lengthOf],event,handler);}} +function getIndex(array,item){var lengthOf=array.length;while(lengthOf--){if(array[lengthOf]===item){return lengthOf;}} +return-1;} +function getClosest(el,selector){var firstChar=selector.charAt(0);var supports='classList'in document.documentElement;var attribute,value;if(firstChar==='['){selector=selector.substr(1,selector.length-2);attribute=selector.split('=');if(attribute.length>1){value=true;attribute[1]=attribute[1].replace(/"/g,'').replace(/'/g,'');}} +for(;el&&el!==document&&el.nodeType===1;el=el.parentNode){if(firstChar==='.'){if(supports){if(el.classList.contains(selector.substr(1))){return el;}}else{if(new RegExp('(^|\\s)'+selector.substr(1)+'(\\s|$)').test(el.className)){return el;}}} +if(firstChar==='#'){if(el.id===selector.substr(1)){return el;}} +if(firstChar==='['){if(el.hasAttribute(attribute[0])){if(value){if(el.getAttribute(attribute[0])===attribute[1]){return el;}}else{return el;}}} +if(el.tagName.toLowerCase()===selector){return el;}} +return null;} +function getHeight(el){return Math.max(el.scrollHeight,el.offsetHeight,el.clientHeight);} +function setClass(el,classname){if(el.classList){el.classList.add(classname);}else{el.className+=' '+classname;} +return;} +function unsetClass(el,classname){if(el.classList){el.classList.remove(classname);}else{el.className=el.className.replace(new RegExp('(^|\\b)'+classname.split(' ').join('|')+'(\\b|$)','gi'),' ');} +return;} +function hasClass(el,classname){if(el.classList){return el.classList.contains(classname);}else{return new RegExp('(^| )'+classname+'( |$)','gi').test(el.className);}} +function toggleClass(el,classname){if(du.hasClass(el,classname)){return unsetClass(el,classname);}else{return setClass(el,classname);}} +function setDebounce(fnCallback,delay){var timer;return function(){var args=arguments;var context=this;clearTimeout(timer);timer=setTimeout(function(){fnCallback.apply(context,args);},delay);};} +function setThrottle(fnCallback,delay){var last;var timer;return function(){var context=this;var now=+new Date();var args=arguments;if(last&&now<last+delay){clearTimeout(timer);timer=setTimeout(function(){last=now;fnCallback.apply(context,args);},delay);}else{last=now;fnCallback.apply(context,args);}};} +function isElement(obj){return!!(obj&&obj.nodeType===1);} +function isObject(obj){var type=typeof obj;return type==='function'||type==='object'&&!!obj;} +function triggerEvent(el,eventType){if(document.createEvent){var event=document.createEvent('HTMLEvents');event.initEvent(eventType,true,false);el.dispatchEvent(event);}else{el.fireEvent('on'+eventType);}} +function triggerCustomEvent(el,eventType,eventData){var customEvent;if(window.CustomEvent){customEvent=new CustomEvent(eventType,{detail:eventData});}else{customEvent=document.createEvent('CustomEvent');customEvent.initCustomEvent(eventType,true,true,eventData);} +el.dispatchEvent(customEvent);} +function isElementInViewport(el){var elRect=el.getBoundingClientRect();return(elRect.top>=0&&elRect.left>=0&&elRect.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&elRect.right<=(window.innerWidth||document.documentElement.clientWidth));} +return{doExtend:doExtend,queryAll:queryAll,setAttrs:setAttrs,setEvent:setEvent,setEventList:setEventList,getIndex:getIndex,getClosest:getClosest,getHeight:getHeight,setClass:setClass,unsetClass:unsetClass,hasClass:hasClass,toggleClass:toggleClass,setDebounce:setDebounce,setThrottle:setThrottle,isElement:isElement,isObject:isObject,triggerEvent:triggerEvent,triggerCustomEvent:triggerCustomEvent,isElementInViewport:isElementInViewport};})(window);function setNavigation(){var $nav=document.querySelector('.nav');var $nav_button;var $nav_panel;var $nav_close;if($nav){$nav_button=document.querySelector('.nav-button');$nav_panel=$nav.querySelector('.nav__panel');$nav_close=$nav_panel.querySelector('.nav__close');du.setClass($nav_panel,'state--hidden');du.setEvent($nav_button,'click',function(thatEvt){thatEvt.preventDefault();du.toggleClass($nav_panel,'state--hidden');du.toggleClass($nav_panel,'state--visible');});du.setEvent($nav_close,'click',function(thatEvt){thatEvt.preventDefault();du.toggleClass($nav_panel,'state--hidden');du.toggleClass($nav_panel,'state--visible');});}} +setNavigation();+ \ No newline at end of file diff --git a/public_html/note/2016/01/tiens-un-article-sur-le-darknet-que-plusieurs-devraient-lire.html b/public_html/note/2016/01/tiens-un-article-sur-le-darknet-que-plusieurs-devraient-lire.html @@ -1,5 +1,5 @@ <!DOCTYPE html> -<html lang="fr"> +<html class="no-js" lang="fr"> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> @@ -20,13 +20,12 @@ <link rel="me" href="https://github.com/hs0ucy" /> <link rel="me" href="sms:+15819966481" /> - <link href="http://hugo.soucy.cc/feed.note.atom.xml" type="application/atom+xml" rel="alternate" title="Feed des notes" /> - <link href="http://hugo.soucy.cc/feed.txt.atom.xml" type="application/atom+xml" rel="alternate" title="Feed des textes" /> + <link href="http://hugo.soucy.cc/feed.atom.xml" type="application/atom+xml" rel="alternate" title="Feed de tous les contenus" /> - <meta name="robots" content="noindex, nofollow" /> + <meta name="robots" content="index, follow" /> <meta name="description" content="Développeur Web frontend ayant plus de 10 ans d'expérience dans le milieu des technologies de l'information. Il habite dans le quartier Limoilou à Québec." /> <meta name="author" content="Hugo Soucy" /> - <meta name="generator" content="Pandoc + (Mustache + Bash) = Panstash" /> + <meta name="generator" content="FakeStache" /> </head> <body id="note" class="note"> @@ -47,55 +46,26 @@ Publié le <time class="dt-published" datetime="2016-01-28T20:03:06">2016-01-28</time> par <a class="p-author author" href="http://hugo.soucy.cc#hs" rel="author"><i>Hugo Soucy</i></a> - et modifié le <time class="dt-updated">2016-08-16T09:54:19</time>. + et modifié le <time class="dt-updated">2016-11-05T15:52:25</time>. <br/>&crarr; <a href="http://hugo.soucy.cc/note">Retourner aux notes</a>. </footer> </div> </article> </main> - <nav class="nav"> - <div class="nav__panel" id="menu" tabindex="0"> - <div class="nav__panel__content layout"> - <h2 class="visuallyhidden">Navigation</h2> - - <ul class="nav__list" role="menubar"> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc" rel="index"> - Page d'accueil - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/note"> - Notes - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/txt"> - Textes - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/file/curriculum-vitae"> - Curriculum vitae - </a> - </li> - </ul> - </div> + <script id="cuttingTheMustard"> + var cuttingTheMustard = ('querySelector' in document); + var bottomjs; - <a class="nav__close" href="#" role="button"> - <span class="nav__close__text"> - Fermer <span class="visuallyhidden">le menu</span> - </span> + if (cuttingTheMustard) { + bottomjs = document.createElement('script'); + bottomjs.src = 'http://hugo.soucy.cc/js/script.min.js'; + bottomjs.id = 'bottomjs'; - <span class="nav__x"> - <i class="nav__x__ico"></i> - </span> - </a> - </div> - </nav> - - <!-- <script src="http://hugo.soucy.cc/js/vendor/atomic.min.js"></script> - <script src="http://hugo.soucy.cc/js/script.js"></script> --> + document.body.appendChild(bottomjs); + document.querySelector('html').classList.remove('no-js'); + document.querySelector('html').classList.add('js'); + } + </script> </body> </html> diff --git a/public_html/note/2016/02/encryption-is-the-nsas-friend-20160127nsa_loves_it_when_you_use_pgp.html b/public_html/note/2016/02/encryption-is-the-nsas-friend-20160127nsa_loves_it_when_you_use_pgp.html @@ -1,5 +1,5 @@ <!DOCTYPE html> -<html lang="fr"> +<html class="no-js" lang="fr"> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> @@ -20,13 +20,12 @@ <link rel="me" href="https://github.com/hs0ucy" /> <link rel="me" href="sms:+15819966481" /> - <link href="http://hugo.soucy.cc/feed.note.atom.xml" type="application/atom+xml" rel="alternate" title="Feed des notes" /> - <link href="http://hugo.soucy.cc/feed.txt.atom.xml" type="application/atom+xml" rel="alternate" title="Feed des textes" /> + <link href="http://hugo.soucy.cc/feed.atom.xml" type="application/atom+xml" rel="alternate" title="Feed de tous les contenus" /> - <meta name="robots" content="noindex, nofollow" /> + <meta name="robots" content="index, follow" /> <meta name="description" content="Développeur Web frontend ayant plus de 10 ans d'expérience dans le milieu des technologies de l'information. Il habite dans le quartier Limoilou à Québec." /> <meta name="author" content="Hugo Soucy" /> - <meta name="generator" content="Pandoc + (Mustache + Bash) = Panstash" /> + <meta name="generator" content="FakeStache" /> </head> <body id="note" class="note"> @@ -47,7 +46,7 @@ Publié le <time class="dt-published" datetime="2016-02-17T19:46:45">2016-02-17</time> par <a class="p-author author" href="http://hugo.soucy.cc#hs" rel="author"><i>Hugo Soucy</i></a> - et modifié le <time class="dt-updated">2016-08-16T09:54:19</time>. + et modifié le <time class="dt-updated">2016-11-05T15:52:35</time>. <br/>&crarr; <a href="http://hugo.soucy.cc/note">Retourner aux notes</a>. </footer> </div> @@ -55,48 +54,19 @@ </article> </main> - <nav class="nav"> - <div class="nav__panel" id="menu" tabindex="0"> - <div class="nav__panel__content layout"> - <h2 class="visuallyhidden">Navigation</h2> - - <ul class="nav__list" role="menubar"> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc" rel="index"> - Page d'accueil - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/note"> - Notes - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/txt"> - Textes - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/file/curriculum-vitae"> - Curriculum vitae - </a> - </li> - </ul> - </div> + <script id="cuttingTheMustard"> + var cuttingTheMustard = ('querySelector' in document); + var bottomjs; - <a class="nav__close" href="#" role="button"> - <span class="nav__close__text"> - Fermer <span class="visuallyhidden">le menu</span> - </span> + if (cuttingTheMustard) { + bottomjs = document.createElement('script'); + bottomjs.src = 'http://hugo.soucy.cc/js/script.min.js'; + bottomjs.id = 'bottomjs'; - <span class="nav__x"> - <i class="nav__x__ico"></i> - </span> - </a> - </div> - </nav> - - <!-- <script src="http://hugo.soucy.cc/js/vendor/atomic.min.js"></script> - <script src="http://hugo.soucy.cc/js/script.js"></script> --> + document.body.appendChild(bottomjs); + document.querySelector('html').classList.remove('no-js'); + document.querySelector('html').classList.add('js'); + } + </script> </body> </html> diff --git a/public_html/note/2016/02/what-is-it-about-society-that-disappoints-you-so-much.html b/public_html/note/2016/02/what-is-it-about-society-that-disappoints-you-so-much.html @@ -1,5 +1,5 @@ <!DOCTYPE html> -<html lang="fr"> +<html class="no-js" lang="fr"> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> @@ -20,13 +20,12 @@ <link rel="me" href="https://github.com/hs0ucy" /> <link rel="me" href="sms:+15819966481" /> - <link href="http://hugo.soucy.cc/feed.note.atom.xml" type="application/atom+xml" rel="alternate" title="Feed des notes" /> - <link href="http://hugo.soucy.cc/feed.txt.atom.xml" type="application/atom+xml" rel="alternate" title="Feed des textes" /> + <link href="http://hugo.soucy.cc/feed.atom.xml" type="application/atom+xml" rel="alternate" title="Feed de tous les contenus" /> - <meta name="robots" content="noindex, nofollow" /> + <meta name="robots" content="index, follow" /> <meta name="description" content="Développeur Web frontend ayant plus de 10 ans d'expérience dans le milieu des technologies de l'information. Il habite dans le quartier Limoilou à Québec." /> <meta name="author" content="Hugo Soucy" /> - <meta name="generator" content="Pandoc + (Mustache + Bash) = Panstash" /> + <meta name="generator" content="FakeStache" /> </head> <body id="note" class="note"> @@ -60,55 +59,26 @@ Publié le <time class="dt-published" datetime="2016-02-01T19:49:13">2016-02-01</time> par <a class="p-author author" href="http://hugo.soucy.cc#hs" rel="author"><i>Hugo Soucy</i></a> - et modifié le <time class="dt-updated">2016-08-16T09:54:19</time>. + et modifié le <time class="dt-updated">2016-11-05T15:52:46</time>. <br/>&crarr; <a href="http://hugo.soucy.cc/note">Retourner aux notes</a>. </footer> </div> </article> </main> - <nav class="nav"> - <div class="nav__panel" id="menu" tabindex="0"> - <div class="nav__panel__content layout"> - <h2 class="visuallyhidden">Navigation</h2> - - <ul class="nav__list" role="menubar"> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc" rel="index"> - Page d'accueil - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/note"> - Notes - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/txt"> - Textes - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/file/curriculum-vitae"> - Curriculum vitae - </a> - </li> - </ul> - </div> + <script id="cuttingTheMustard"> + var cuttingTheMustard = ('querySelector' in document); + var bottomjs; - <a class="nav__close" href="#" role="button"> - <span class="nav__close__text"> - Fermer <span class="visuallyhidden">le menu</span> - </span> + if (cuttingTheMustard) { + bottomjs = document.createElement('script'); + bottomjs.src = 'http://hugo.soucy.cc/js/script.min.js'; + bottomjs.id = 'bottomjs'; - <span class="nav__x"> - <i class="nav__x__ico"></i> - </span> - </a> - </div> - </nav> - - <!-- <script src="http://hugo.soucy.cc/js/vendor/atomic.min.js"></script> - <script src="http://hugo.soucy.cc/js/script.js"></script> --> + document.body.appendChild(bottomjs); + document.querySelector('html').classList.remove('no-js'); + document.querySelector('html').classList.add('js'); + } + </script> </body> </html> diff --git a/public_html/note/2016/03/javascript-vanille-underscorejs-font-selon-moi-une-excellente-quipe-youmightnotneedjquery-webdev.html b/public_html/note/2016/03/javascript-vanille-underscorejs-font-selon-moi-une-excellente-quipe-youmightnotneedjquery-webdev.html @@ -1,5 +1,5 @@ <!DOCTYPE html> -<html lang="fr"> +<html class="no-js" lang="fr"> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> @@ -20,13 +20,12 @@ <link rel="me" href="https://github.com/hs0ucy" /> <link rel="me" href="sms:+15819966481" /> - <link href="http://hugo.soucy.cc/feed.note.atom.xml" type="application/atom+xml" rel="alternate" title="Feed des notes" /> - <link href="http://hugo.soucy.cc/feed.txt.atom.xml" type="application/atom+xml" rel="alternate" title="Feed des textes" /> + <link href="http://hugo.soucy.cc/feed.atom.xml" type="application/atom+xml" rel="alternate" title="Feed de tous les contenus" /> - <meta name="robots" content="noindex, nofollow" /> + <meta name="robots" content="index, follow" /> <meta name="description" content="Développeur Web frontend ayant plus de 10 ans d'expérience dans le milieu des technologies de l'information. Il habite dans le quartier Limoilou à Québec." /> <meta name="author" content="Hugo Soucy" /> - <meta name="generator" content="Pandoc + (Mustache + Bash) = Panstash" /> + <meta name="generator" content="FakeStache" /> </head> <body id="note" class="note"> @@ -47,55 +46,26 @@ Publié le <time class="dt-published" datetime="2016-03-18T19:42:52">2016-03-18</time> par <a class="p-author author" href="http://hugo.soucy.cc#hs" rel="author"><i>Hugo Soucy</i></a> - et modifié le <time class="dt-updated">2016-08-16T09:54:19</time>. + et modifié le <time class="dt-updated">2016-11-05T15:53:06</time>. <br/>&crarr; <a href="http://hugo.soucy.cc/note">Retourner aux notes</a>. </footer> </div> </article> </main> - <nav class="nav"> - <div class="nav__panel" id="menu" tabindex="0"> - <div class="nav__panel__content layout"> - <h2 class="visuallyhidden">Navigation</h2> - - <ul class="nav__list" role="menubar"> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc" rel="index"> - Page d'accueil - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/note"> - Notes - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/txt"> - Textes - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/file/curriculum-vitae"> - Curriculum vitae - </a> - </li> - </ul> - </div> + <script id="cuttingTheMustard"> + var cuttingTheMustard = ('querySelector' in document); + var bottomjs; - <a class="nav__close" href="#" role="button"> - <span class="nav__close__text"> - Fermer <span class="visuallyhidden">le menu</span> - </span> + if (cuttingTheMustard) { + bottomjs = document.createElement('script'); + bottomjs.src = 'http://hugo.soucy.cc/js/script.min.js'; + bottomjs.id = 'bottomjs'; - <span class="nav__x"> - <i class="nav__x__ico"></i> - </span> - </a> - </div> - </nav> - - <!-- <script src="http://hugo.soucy.cc/js/vendor/atomic.min.js"></script> - <script src="http://hugo.soucy.cc/js/script.js"></script> --> + document.body.appendChild(bottomjs); + document.querySelector('html').classList.remove('no-js'); + document.querySelector('html').classList.add('js'); + } + </script> </body> </html> diff --git a/public_html/note/2016/04/encore-une-fois-je-viens-de-supprimer-mon-compte-facebook.html b/public_html/note/2016/04/encore-une-fois-je-viens-de-supprimer-mon-compte-facebook.html @@ -1,5 +1,5 @@ <!DOCTYPE html> -<html lang="fr"> +<html class="no-js" lang="fr"> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> @@ -20,13 +20,12 @@ <link rel="me" href="https://github.com/hs0ucy" /> <link rel="me" href="sms:+15819966481" /> - <link href="http://hugo.soucy.cc/feed.note.atom.xml" type="application/atom+xml" rel="alternate" title="Feed des notes" /> - <link href="http://hugo.soucy.cc/feed.txt.atom.xml" type="application/atom+xml" rel="alternate" title="Feed des textes" /> + <link href="http://hugo.soucy.cc/feed.atom.xml" type="application/atom+xml" rel="alternate" title="Feed de tous les contenus" /> - <meta name="robots" content="noindex, nofollow" /> + <meta name="robots" content="index, follow" /> <meta name="description" content="Développeur Web frontend ayant plus de 10 ans d'expérience dans le milieu des technologies de l'information. Il habite dans le quartier Limoilou à Québec." /> <meta name="author" content="Hugo Soucy" /> - <meta name="generator" content="Pandoc + (Mustache + Bash) = Panstash" /> + <meta name="generator" content="FakeStache" /> </head> <body id="note" class="note"> @@ -47,55 +46,26 @@ Publié le <time class="dt-published" datetime="2016-04-12T19:37:38">2016-04-12</time> par <a class="p-author author" href="http://hugo.soucy.cc#hs" rel="author"><i>Hugo Soucy</i></a> - et modifié le <time class="dt-updated">2016-08-16T09:54:19</time>. + et modifié le <time class="dt-updated">2016-11-05T15:53:17</time>. <br/>&crarr; <a href="http://hugo.soucy.cc/note">Retourner aux notes</a>. </footer> </div> </article> </main> - <nav class="nav"> - <div class="nav__panel" id="menu" tabindex="0"> - <div class="nav__panel__content layout"> - <h2 class="visuallyhidden">Navigation</h2> - - <ul class="nav__list" role="menubar"> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc" rel="index"> - Page d'accueil - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/note"> - Notes - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/txt"> - Textes - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/file/curriculum-vitae"> - Curriculum vitae - </a> - </li> - </ul> - </div> + <script id="cuttingTheMustard"> + var cuttingTheMustard = ('querySelector' in document); + var bottomjs; - <a class="nav__close" href="#" role="button"> - <span class="nav__close__text"> - Fermer <span class="visuallyhidden">le menu</span> - </span> + if (cuttingTheMustard) { + bottomjs = document.createElement('script'); + bottomjs.src = 'http://hugo.soucy.cc/js/script.min.js'; + bottomjs.id = 'bottomjs'; - <span class="nav__x"> - <i class="nav__x__ico"></i> - </span> - </a> - </div> - </nav> - - <!-- <script src="http://hugo.soucy.cc/js/vendor/atomic.min.js"></script> - <script src="http://hugo.soucy.cc/js/script.js"></script> --> + document.body.appendChild(bottomjs); + document.querySelector('html').classList.remove('no-js'); + document.querySelector('html').classList.add('js'); + } + </script> </body> </html> diff --git a/public_html/note/2016/04/tiens-tiens-tiens-le-projet-gnu-revamp-la-page-web.html b/public_html/note/2016/04/tiens-tiens-tiens-le-projet-gnu-revamp-la-page-web.html @@ -1,5 +1,5 @@ <!DOCTYPE html> -<html lang="fr"> +<html class="no-js" lang="fr"> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> @@ -20,13 +20,12 @@ <link rel="me" href="https://github.com/hs0ucy" /> <link rel="me" href="sms:+15819966481" /> - <link href="http://hugo.soucy.cc/feed.note.atom.xml" type="application/atom+xml" rel="alternate" title="Feed des notes" /> - <link href="http://hugo.soucy.cc/feed.txt.atom.xml" type="application/atom+xml" rel="alternate" title="Feed des textes" /> + <link href="http://hugo.soucy.cc/feed.atom.xml" type="application/atom+xml" rel="alternate" title="Feed de tous les contenus" /> - <meta name="robots" content="noindex, nofollow" /> + <meta name="robots" content="index, follow" /> <meta name="description" content="Développeur Web frontend ayant plus de 10 ans d'expérience dans le milieu des technologies de l'information. Il habite dans le quartier Limoilou à Québec." /> <meta name="author" content="Hugo Soucy" /> - <meta name="generator" content="Pandoc + (Mustache + Bash) = Panstash" /> + <meta name="generator" content="FakeStache" /> </head> <body id="note" class="note"> @@ -47,55 +46,26 @@ Publié le <time class="dt-published" datetime="2016-04-25T00:50:27">2016-04-25</time> par <a class="p-author author" href="http://hugo.soucy.cc#hs" rel="author"><i>Hugo Soucy</i></a> - et modifié le <time class="dt-updated">2016-08-16T09:54:19</time>. + et modifié le <time class="dt-updated">2016-11-05T15:53:22</time>. <br/>&crarr; <a href="http://hugo.soucy.cc/note">Retourner aux notes</a>. </footer> </div> </article> </main> - <nav class="nav"> - <div class="nav__panel" id="menu" tabindex="0"> - <div class="nav__panel__content layout"> - <h2 class="visuallyhidden">Navigation</h2> - - <ul class="nav__list" role="menubar"> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc" rel="index"> - Page d'accueil - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/note"> - Notes - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/txt"> - Textes - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/file/curriculum-vitae"> - Curriculum vitae - </a> - </li> - </ul> - </div> + <script id="cuttingTheMustard"> + var cuttingTheMustard = ('querySelector' in document); + var bottomjs; - <a class="nav__close" href="#" role="button"> - <span class="nav__close__text"> - Fermer <span class="visuallyhidden">le menu</span> - </span> + if (cuttingTheMustard) { + bottomjs = document.createElement('script'); + bottomjs.src = 'http://hugo.soucy.cc/js/script.min.js'; + bottomjs.id = 'bottomjs'; - <span class="nav__x"> - <i class="nav__x__ico"></i> - </span> - </a> - </div> - </nav> - - <!-- <script src="http://hugo.soucy.cc/js/vendor/atomic.min.js"></script> - <script src="http://hugo.soucy.cc/js/script.js"></script> --> + document.body.appendChild(bottomjs); + document.querySelector('html').classList.remove('no-js'); + document.querySelector('html').classList.add('js'); + } + </script> </body> </html> diff --git a/public_html/note/2016/05/firefox-print-background-color.html b/public_html/note/2016/05/firefox-print-background-color.html @@ -1,5 +1,5 @@ <!DOCTYPE html> -<html lang="fr"> +<html class="no-js" lang="fr"> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> @@ -20,13 +20,12 @@ <link rel="me" href="https://github.com/hs0ucy" /> <link rel="me" href="sms:+15819966481" /> - <link href="http://hugo.soucy.cc/feed.note.atom.xml" type="application/atom+xml" rel="alternate" title="Feed des notes" /> - <link href="http://hugo.soucy.cc/feed.txt.atom.xml" type="application/atom+xml" rel="alternate" title="Feed des textes" /> + <link href="http://hugo.soucy.cc/feed.atom.xml" type="application/atom+xml" rel="alternate" title="Feed de tous les contenus" /> - <meta name="robots" content="noindex, nofollow" /> + <meta name="robots" content="index, follow" /> <meta name="description" content="Développeur Web frontend ayant plus de 10 ans d'expérience dans le milieu des technologies de l'information. Il habite dans le quartier Limoilou à Québec." /> <meta name="author" content="Hugo Soucy" /> - <meta name="generator" content="Pandoc + (Mustache + Bash) = Panstash" /> + <meta name="generator" content="FakeStache" /> </head> <body id="note" class="note"> @@ -47,55 +46,26 @@ Publié le <time class="dt-published" datetime="2016-05-18T23:33:01">2016-05-18</time> par <a class="p-author author" href="http://hugo.soucy.cc#hs" rel="author"><i>Hugo Soucy</i></a> - et modifié le <time class="dt-updated">2016-07-27T09:21:53</time>. + et modifié le <time class="dt-updated">2016-11-05T15:53:40</time>. <br/>&crarr; <a href="http://hugo.soucy.cc/note">Retourner aux notes</a>. </footer> </div> </article> </main> - <nav class="nav"> - <div class="nav__panel" id="menu" tabindex="0"> - <div class="nav__panel__content layout"> - <h2 class="visuallyhidden">Navigation</h2> - - <ul class="nav__list" role="menubar"> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc" rel="index"> - Page d'accueil - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/note"> - Notes - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/txt"> - Textes - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/file/curriculum-vitae"> - Curriculum vitae - </a> - </li> - </ul> - </div> + <script id="cuttingTheMustard"> + var cuttingTheMustard = ('querySelector' in document); + var bottomjs; - <a class="nav__close" href="#" role="button"> - <span class="nav__close__text"> - Fermer <span class="visuallyhidden">le menu</span> - </span> + if (cuttingTheMustard) { + bottomjs = document.createElement('script'); + bottomjs.src = 'http://hugo.soucy.cc/js/script.min.js'; + bottomjs.id = 'bottomjs'; - <span class="nav__x"> - <i class="nav__x__ico"></i> - </span> - </a> - </div> - </nav> - - <!-- <script src="http://hugo.soucy.cc/js/vendor/atomic.min.js"></script> - <script src="http://hugo.soucy.cc/js/script.js"></script> --> + document.body.appendChild(bottomjs); + document.querySelector('html').classList.remove('no-js'); + document.querySelector('html').classList.add('js'); + } + </script> </body> </html> diff --git a/public_html/note/2016/05/indieweb-in-a-nutshellown-your-identity-domain-website-content-uiux.html b/public_html/note/2016/05/indieweb-in-a-nutshellown-your-identity-domain-website-content-uiux.html @@ -1,5 +1,5 @@ <!DOCTYPE html> -<html lang="fr"> +<html class="no-js" lang="fr"> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> @@ -20,13 +20,12 @@ <link rel="me" href="https://github.com/hs0ucy" /> <link rel="me" href="sms:+15819966481" /> - <link href="http://hugo.soucy.cc/feed.note.atom.xml" type="application/atom+xml" rel="alternate" title="Feed des notes" /> - <link href="http://hugo.soucy.cc/feed.txt.atom.xml" type="application/atom+xml" rel="alternate" title="Feed des textes" /> + <link href="http://hugo.soucy.cc/feed.atom.xml" type="application/atom+xml" rel="alternate" title="Feed de tous les contenus" /> - <meta name="robots" content="noindex, nofollow" /> + <meta name="robots" content="index, follow" /> <meta name="description" content="Développeur Web frontend ayant plus de 10 ans d'expérience dans le milieu des technologies de l'information. Il habite dans le quartier Limoilou à Québec." /> <meta name="author" content="Hugo Soucy" /> - <meta name="generator" content="Pandoc + (Mustache + Bash) = Panstash" /> + <meta name="generator" content="FakeStache" /> </head> <body id="note" class="note"> @@ -47,55 +46,26 @@ Publié le <time class="dt-published" datetime="2016-05-13T17:12:50">2016-05-13</time> par <a class="p-author author" href="http://hugo.soucy.cc#hs" rel="author"><i>Hugo Soucy</i></a> - et modifié le <time class="dt-updated">2016-08-16T09:54:19</time>. + et modifié le <time class="dt-updated">2016-11-05T15:53:45</time>. <br/>&crarr; <a href="http://hugo.soucy.cc/note">Retourner aux notes</a>. </footer> </div> </article> </main> - <nav class="nav"> - <div class="nav__panel" id="menu" tabindex="0"> - <div class="nav__panel__content layout"> - <h2 class="visuallyhidden">Navigation</h2> - - <ul class="nav__list" role="menubar"> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc" rel="index"> - Page d'accueil - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/note"> - Notes - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/txt"> - Textes - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/file/curriculum-vitae"> - Curriculum vitae - </a> - </li> - </ul> - </div> + <script id="cuttingTheMustard"> + var cuttingTheMustard = ('querySelector' in document); + var bottomjs; - <a class="nav__close" href="#" role="button"> - <span class="nav__close__text"> - Fermer <span class="visuallyhidden">le menu</span> - </span> + if (cuttingTheMustard) { + bottomjs = document.createElement('script'); + bottomjs.src = 'http://hugo.soucy.cc/js/script.min.js'; + bottomjs.id = 'bottomjs'; - <span class="nav__x"> - <i class="nav__x__ico"></i> - </span> - </a> - </div> - </nav> - - <!-- <script src="http://hugo.soucy.cc/js/vendor/atomic.min.js"></script> - <script src="http://hugo.soucy.cc/js/script.js"></script> --> + document.body.appendChild(bottomjs); + document.querySelector('html').classList.remove('no-js'); + document.querySelector('html').classList.add('js'); + } + </script> </body> </html> diff --git a/public_html/note/2016/05/jeunes-liberaux-ringards.html b/public_html/note/2016/05/jeunes-liberaux-ringards.html @@ -1,5 +1,5 @@ <!DOCTYPE html> -<html lang="fr"> +<html class="no-js" lang="fr"> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> @@ -20,13 +20,12 @@ <link rel="me" href="https://github.com/hs0ucy" /> <link rel="me" href="sms:+15819966481" /> - <link href="http://hugo.soucy.cc/feed.note.atom.xml" type="application/atom+xml" rel="alternate" title="Feed des notes" /> - <link href="http://hugo.soucy.cc/feed.txt.atom.xml" type="application/atom+xml" rel="alternate" title="Feed des textes" /> + <link href="http://hugo.soucy.cc/feed.atom.xml" type="application/atom+xml" rel="alternate" title="Feed de tous les contenus" /> - <meta name="robots" content="noindex, nofollow" /> + <meta name="robots" content="index, follow" /> <meta name="description" content="Développeur Web frontend ayant plus de 10 ans d'expérience dans le milieu des technologies de l'information. Il habite dans le quartier Limoilou à Québec." /> <meta name="author" content="Hugo Soucy" /> - <meta name="generator" content="Pandoc + (Mustache + Bash) = Panstash" /> + <meta name="generator" content="FakeStache" /> </head> <body id="note" class="note"> @@ -47,55 +46,26 @@ Publié le <time class="dt-published" datetime="2016-05-16T12:49:12">2016-05-16</time> par <a class="p-author author" href="http://hugo.soucy.cc#hs" rel="author"><i>Hugo Soucy</i></a> - et modifié le <time class="dt-updated">2016-07-27T09:21:53</time>. + et modifié le <time class="dt-updated">2016-11-05T15:53:50</time>. <br/>&crarr; <a href="http://hugo.soucy.cc/note">Retourner aux notes</a>. </footer> </div> </article> </main> - <nav class="nav"> - <div class="nav__panel" id="menu" tabindex="0"> - <div class="nav__panel__content layout"> - <h2 class="visuallyhidden">Navigation</h2> - - <ul class="nav__list" role="menubar"> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc" rel="index"> - Page d'accueil - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/note"> - Notes - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/txt"> - Textes - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/file/curriculum-vitae"> - Curriculum vitae - </a> - </li> - </ul> - </div> + <script id="cuttingTheMustard"> + var cuttingTheMustard = ('querySelector' in document); + var bottomjs; - <a class="nav__close" href="#" role="button"> - <span class="nav__close__text"> - Fermer <span class="visuallyhidden">le menu</span> - </span> + if (cuttingTheMustard) { + bottomjs = document.createElement('script'); + bottomjs.src = 'http://hugo.soucy.cc/js/script.min.js'; + bottomjs.id = 'bottomjs'; - <span class="nav__x"> - <i class="nav__x__ico"></i> - </span> - </a> - </div> - </nav> - - <!-- <script src="http://hugo.soucy.cc/js/vendor/atomic.min.js"></script> - <script src="http://hugo.soucy.cc/js/script.js"></script> --> + document.body.appendChild(bottomjs); + document.querySelector('html').classList.remove('no-js'); + document.querySelector('html').classList.add('js'); + } + </script> </body> </html> diff --git a/public_html/note/2016/05/justin-jackson-is-a-fucking-webmaster.html b/public_html/note/2016/05/justin-jackson-is-a-fucking-webmaster.html @@ -1,5 +1,5 @@ <!DOCTYPE html> -<html lang="fr"> +<html class="no-js" lang="fr"> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> @@ -20,13 +20,12 @@ <link rel="me" href="https://github.com/hs0ucy" /> <link rel="me" href="sms:+15819966481" /> - <link href="http://hugo.soucy.cc/feed.note.atom.xml" type="application/atom+xml" rel="alternate" title="Feed des notes" /> - <link href="http://hugo.soucy.cc/feed.txt.atom.xml" type="application/atom+xml" rel="alternate" title="Feed des textes" /> + <link href="http://hugo.soucy.cc/feed.atom.xml" type="application/atom+xml" rel="alternate" title="Feed de tous les contenus" /> - <meta name="robots" content="noindex, nofollow" /> + <meta name="robots" content="index, follow" /> <meta name="description" content="Développeur Web frontend ayant plus de 10 ans d'expérience dans le milieu des technologies de l'information. Il habite dans le quartier Limoilou à Québec." /> <meta name="author" content="Hugo Soucy" /> - <meta name="generator" content="Pandoc + (Mustache + Bash) = Panstash" /> + <meta name="generator" content="FakeStache" /> </head> <body id="note" class="note"> @@ -55,55 +54,26 @@ Publié le <time class="dt-published" datetime="2016-05-17T16:13:12">2016-05-17</time> par <a class="p-author author" href="http://hugo.soucy.cc#hs" rel="author"><i>Hugo Soucy</i></a> - et modifié le <time class="dt-updated">2016-08-09T13:30:25</time>. + et modifié le <time class="dt-updated">2016-11-05T15:53:55</time>. <br/>&crarr; <a href="http://hugo.soucy.cc/note">Retourner aux notes</a>. </footer> </div> </article> </main> - <nav class="nav"> - <div class="nav__panel" id="menu" tabindex="0"> - <div class="nav__panel__content layout"> - <h2 class="visuallyhidden">Navigation</h2> - - <ul class="nav__list" role="menubar"> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc" rel="index"> - Page d'accueil - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/note"> - Notes - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/txt"> - Textes - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/file/curriculum-vitae"> - Curriculum vitae - </a> - </li> - </ul> - </div> + <script id="cuttingTheMustard"> + var cuttingTheMustard = ('querySelector' in document); + var bottomjs; - <a class="nav__close" href="#" role="button"> - <span class="nav__close__text"> - Fermer <span class="visuallyhidden">le menu</span> - </span> + if (cuttingTheMustard) { + bottomjs = document.createElement('script'); + bottomjs.src = 'http://hugo.soucy.cc/js/script.min.js'; + bottomjs.id = 'bottomjs'; - <span class="nav__x"> - <i class="nav__x__ico"></i> - </span> - </a> - </div> - </nav> - - <!-- <script src="http://hugo.soucy.cc/js/vendor/atomic.min.js"></script> - <script src="http://hugo.soucy.cc/js/script.js"></script> --> + document.body.appendChild(bottomjs); + document.querySelector('html').classList.remove('no-js'); + document.querySelector('html').classList.add('js'); + } + </script> </body> </html> diff --git a/public_html/note/2016/06/nous-sommes-eduques-a-croire.html b/public_html/note/2016/06/nous-sommes-eduques-a-croire.html @@ -1,5 +1,5 @@ <!DOCTYPE html> -<html lang="fr"> +<html class="no-js" lang="fr"> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> @@ -20,13 +20,12 @@ <link rel="me" href="https://github.com/hs0ucy" /> <link rel="me" href="sms:+15819966481" /> - <link href="http://hugo.soucy.cc/feed.note.atom.xml" type="application/atom+xml" rel="alternate" title="Feed des notes" /> - <link href="http://hugo.soucy.cc/feed.txt.atom.xml" type="application/atom+xml" rel="alternate" title="Feed des textes" /> + <link href="http://hugo.soucy.cc/feed.atom.xml" type="application/atom+xml" rel="alternate" title="Feed de tous les contenus" /> - <meta name="robots" content="noindex, nofollow" /> + <meta name="robots" content="index, follow" /> <meta name="description" content="Développeur Web frontend ayant plus de 10 ans d'expérience dans le milieu des technologies de l'information. Il habite dans le quartier Limoilou à Québec." /> <meta name="author" content="Hugo Soucy" /> - <meta name="generator" content="Pandoc + (Mustache + Bash) = Panstash" /> + <meta name="generator" content="FakeStache" /> </head> <body id="note" class="note"> @@ -55,55 +54,26 @@ Publié le <time class="dt-published" datetime="2016-06-09T22:51:04">2016-06-09</time> par <a class="p-author author" href="http://hugo.soucy.cc#hs" rel="author"><i>Hugo Soucy</i></a> - et modifié le <time class="dt-updated">2016-08-05T08:48:39</time>. + et modifié le <time class="dt-updated">2016-11-05T15:54:05</time>. <br/>&crarr; <a href="http://hugo.soucy.cc/note">Retourner aux notes</a>. </footer> </div> </article> </main> - <nav class="nav"> - <div class="nav__panel" id="menu" tabindex="0"> - <div class="nav__panel__content layout"> - <h2 class="visuallyhidden">Navigation</h2> - - <ul class="nav__list" role="menubar"> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc" rel="index"> - Page d'accueil - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/note"> - Notes - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/txt"> - Textes - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/file/curriculum-vitae"> - Curriculum vitae - </a> - </li> - </ul> - </div> + <script id="cuttingTheMustard"> + var cuttingTheMustard = ('querySelector' in document); + var bottomjs; - <a class="nav__close" href="#" role="button"> - <span class="nav__close__text"> - Fermer <span class="visuallyhidden">le menu</span> - </span> + if (cuttingTheMustard) { + bottomjs = document.createElement('script'); + bottomjs.src = 'http://hugo.soucy.cc/js/script.min.js'; + bottomjs.id = 'bottomjs'; - <span class="nav__x"> - <i class="nav__x__ico"></i> - </span> - </a> - </div> - </nav> - - <!-- <script src="http://hugo.soucy.cc/js/vendor/atomic.min.js"></script> - <script src="http://hugo.soucy.cc/js/script.js"></script> --> + document.body.appendChild(bottomjs); + document.querySelector('html').classList.remove('no-js'); + document.querySelector('html').classList.add('js'); + } + </script> </body> </html> diff --git a/public_html/note/2016/07/emacs-sort-delete-matching-duplicate-lines.html b/public_html/note/2016/07/emacs-sort-delete-matching-duplicate-lines.html @@ -1,5 +1,5 @@ <!DOCTYPE html> -<html lang="fr"> +<html class="no-js" lang="fr"> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> @@ -20,13 +20,12 @@ <link rel="me" href="https://github.com/hs0ucy" /> <link rel="me" href="sms:+15819966481" /> - <link href="http://hugo.soucy.cc/feed.note.atom.xml" type="application/atom+xml" rel="alternate" title="Feed des notes" /> - <link href="http://hugo.soucy.cc/feed.txt.atom.xml" type="application/atom+xml" rel="alternate" title="Feed des textes" /> + <link href="http://hugo.soucy.cc/feed.atom.xml" type="application/atom+xml" rel="alternate" title="Feed de tous les contenus" /> - <meta name="robots" content="noindex, nofollow" /> + <meta name="robots" content="index, follow" /> <meta name="description" content="Développeur Web frontend ayant plus de 10 ans d'expérience dans le milieu des technologies de l'information. Il habite dans le quartier Limoilou à Québec." /> <meta name="author" content="Hugo Soucy" /> - <meta name="generator" content="Pandoc + (Mustache + Bash) = Panstash" /> + <meta name="generator" content="FakeStache" /> </head> <body id="note" class="note"> @@ -53,55 +52,26 @@ Publié le <time class="dt-published" datetime="2016-07-13T21:49:21">2016-07-13</time> par <a class="p-author author" href="http://hugo.soucy.cc#hs" rel="author"><i>Hugo Soucy</i></a> - et modifié le <time class="dt-updated">2016-07-27T09:22:45</time>. + et modifié le <time class="dt-updated">2016-11-05T15:54:12</time>. <br/>&crarr; <a href="http://hugo.soucy.cc/note">Retourner aux notes</a>. </footer> </div> </article> </main> - <nav class="nav"> - <div class="nav__panel" id="menu" tabindex="0"> - <div class="nav__panel__content layout"> - <h2 class="visuallyhidden">Navigation</h2> - - <ul class="nav__list" role="menubar"> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc" rel="index"> - Page d'accueil - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/note"> - Notes - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/txt"> - Textes - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/file/curriculum-vitae"> - Curriculum vitae - </a> - </li> - </ul> - </div> + <script id="cuttingTheMustard"> + var cuttingTheMustard = ('querySelector' in document); + var bottomjs; - <a class="nav__close" href="#" role="button"> - <span class="nav__close__text"> - Fermer <span class="visuallyhidden">le menu</span> - </span> + if (cuttingTheMustard) { + bottomjs = document.createElement('script'); + bottomjs.src = 'http://hugo.soucy.cc/js/script.min.js'; + bottomjs.id = 'bottomjs'; - <span class="nav__x"> - <i class="nav__x__ico"></i> - </span> - </a> - </div> - </nav> - - <!-- <script src="http://hugo.soucy.cc/js/vendor/atomic.min.js"></script> - <script src="http://hugo.soucy.cc/js/script.js"></script> --> + document.body.appendChild(bottomjs); + document.querySelector('html').classList.remove('no-js'); + document.querySelector('html').classList.add('js'); + } + </script> </body> </html> diff --git a/public_html/note/2016/08/add-key-bindings-to-moving-faster-between-emacs-windows.html b/public_html/note/2016/08/add-key-bindings-to-moving-faster-between-emacs-windows.html @@ -1,5 +1,5 @@ <!DOCTYPE html> -<html lang="fr"> +<html class="no-js" lang="fr"> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> @@ -20,13 +20,12 @@ <link rel="me" href="https://github.com/hs0ucy" /> <link rel="me" href="sms:+15819966481" /> - <link href="http://hugo.soucy.cc/feed.note.atom.xml" type="application/atom+xml" rel="alternate" title="Feed des notes" /> - <link href="http://hugo.soucy.cc/feed.txt.atom.xml" type="application/atom+xml" rel="alternate" title="Feed des textes" /> + <link href="http://hugo.soucy.cc/feed.atom.xml" type="application/atom+xml" rel="alternate" title="Feed de tous les contenus" /> - <meta name="robots" content="noindex, nofollow" /> + <meta name="robots" content="index, follow" /> <meta name="description" content="Développeur Web frontend ayant plus de 10 ans d'expérience dans le milieu des technologies de l'information. Il habite dans le quartier Limoilou à Québec." /> <meta name="author" content="Hugo Soucy" /> - <meta name="generator" content="Pandoc + (Mustache + Bash) = Panstash" /> + <meta name="generator" content="FakeStache" /> </head> <body id="note" class="note"> @@ -47,7 +46,7 @@ Publié le <time class="dt-published" datetime="2016-08-16T10:14:31">2016-08-16</time> par <a class="p-author author" href="http://hugo.soucy.cc#hs" rel="author"><i>Hugo Soucy</i></a> - et modifié le <time class="dt-updated">2016-08-16T10:16:26</time>. + et modifié le <time class="dt-updated">2016-11-05T15:54:22</time>. <br/>&crarr; <a href="http://hugo.soucy.cc/note">Retourner aux notes</a>. </footer> </div> @@ -55,48 +54,19 @@ </article> </main> - <nav class="nav"> - <div class="nav__panel" id="menu" tabindex="0"> - <div class="nav__panel__content layout"> - <h2 class="visuallyhidden">Navigation</h2> - - <ul class="nav__list" role="menubar"> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc" rel="index"> - Page d'accueil - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/note"> - Notes - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/txt"> - Textes - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/file/curriculum-vitae"> - Curriculum vitae - </a> - </li> - </ul> - </div> + <script id="cuttingTheMustard"> + var cuttingTheMustard = ('querySelector' in document); + var bottomjs; - <a class="nav__close" href="#" role="button"> - <span class="nav__close__text"> - Fermer <span class="visuallyhidden">le menu</span> - </span> + if (cuttingTheMustard) { + bottomjs = document.createElement('script'); + bottomjs.src = 'http://hugo.soucy.cc/js/script.min.js'; + bottomjs.id = 'bottomjs'; - <span class="nav__x"> - <i class="nav__x__ico"></i> - </span> - </a> - </div> - </nav> - - <!-- <script src="http://hugo.soucy.cc/js/vendor/atomic.min.js"></script> - <script src="http://hugo.soucy.cc/js/script.js"></script> --> + document.body.appendChild(bottomjs); + document.querySelector('html').classList.remove('no-js'); + document.querySelector('html').classList.add('js'); + } + </script> </body> </html> diff --git a/public_html/note/2016/08/everybody-should-be-twitter-verified.html b/public_html/note/2016/08/everybody-should-be-twitter-verified.html @@ -1,5 +1,5 @@ <!DOCTYPE html> -<html lang="fr"> +<html class="no-js" lang="fr"> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> @@ -20,13 +20,12 @@ <link rel="me" href="https://github.com/hs0ucy" /> <link rel="me" href="sms:+15819966481" /> - <link href="http://hugo.soucy.cc/feed.note.atom.xml" type="application/atom+xml" rel="alternate" title="Feed des notes" /> - <link href="http://hugo.soucy.cc/feed.txt.atom.xml" type="application/atom+xml" rel="alternate" title="Feed des textes" /> + <link href="http://hugo.soucy.cc/feed.atom.xml" type="application/atom+xml" rel="alternate" title="Feed de tous les contenus" /> - <meta name="robots" content="noindex, nofollow" /> + <meta name="robots" content="index, follow" /> <meta name="description" content="Développeur Web frontend ayant plus de 10 ans d'expérience dans le milieu des technologies de l'information. Il habite dans le quartier Limoilou à Québec." /> <meta name="author" content="Hugo Soucy" /> - <meta name="generator" content="Pandoc + (Mustache + Bash) = Panstash" /> + <meta name="generator" content="FakeStache" /> </head> <body id="note" class="note"> @@ -54,7 +53,7 @@ Publié le <time class="dt-published" datetime="2016-08-05T08:49:51">2016-08-05</time> par <a class="p-author author" href="http://hugo.soucy.cc#hs" rel="author"><i>Hugo Soucy</i></a> - et modifié le <time class="dt-updated">2016-08-05T08:52:25</time>. + et modifié le <time class="dt-updated">2016-11-05T15:54:28</time>. <br/>&crarr; <a href="http://hugo.soucy.cc/note">Retourner aux notes</a>. </footer> </div> @@ -62,48 +61,19 @@ </article> </main> - <nav class="nav"> - <div class="nav__panel" id="menu" tabindex="0"> - <div class="nav__panel__content layout"> - <h2 class="visuallyhidden">Navigation</h2> - - <ul class="nav__list" role="menubar"> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc" rel="index"> - Page d'accueil - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/note"> - Notes - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/txt"> - Textes - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/file/curriculum-vitae"> - Curriculum vitae - </a> - </li> - </ul> - </div> + <script id="cuttingTheMustard"> + var cuttingTheMustard = ('querySelector' in document); + var bottomjs; - <a class="nav__close" href="#" role="button"> - <span class="nav__close__text"> - Fermer <span class="visuallyhidden">le menu</span> - </span> + if (cuttingTheMustard) { + bottomjs = document.createElement('script'); + bottomjs.src = 'http://hugo.soucy.cc/js/script.min.js'; + bottomjs.id = 'bottomjs'; - <span class="nav__x"> - <i class="nav__x__ico"></i> - </span> - </a> - </div> - </nav> - - <!-- <script src="http://hugo.soucy.cc/js/vendor/atomic.min.js"></script> - <script src="http://hugo.soucy.cc/js/script.js"></script> --> + document.body.appendChild(bottomjs); + document.querySelector('html').classList.remove('no-js'); + document.querySelector('html').classList.add('js'); + } + </script> </body> </html> diff --git a/public_html/note/2016/08/m4-as-css-pre-processor.html b/public_html/note/2016/08/m4-as-css-pre-processor.html @@ -1,5 +1,5 @@ <!DOCTYPE html> -<html lang="fr"> +<html class="no-js" lang="fr"> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> @@ -20,13 +20,12 @@ <link rel="me" href="https://github.com/hs0ucy" /> <link rel="me" href="sms:+15819966481" /> - <link href="http://hugo.soucy.cc/feed.note.atom.xml" type="application/atom+xml" rel="alternate" title="Feed des notes" /> - <link href="http://hugo.soucy.cc/feed.txt.atom.xml" type="application/atom+xml" rel="alternate" title="Feed des textes" /> + <link href="http://hugo.soucy.cc/feed.atom.xml" type="application/atom+xml" rel="alternate" title="Feed de tous les contenus" /> - <meta name="robots" content="noindex, nofollow" /> + <meta name="robots" content="index, follow" /> <meta name="description" content="Développeur Web frontend ayant plus de 10 ans d'expérience dans le milieu des technologies de l'information. Il habite dans le quartier Limoilou à Québec." /> <meta name="author" content="Hugo Soucy" /> - <meta name="generator" content="Pandoc + (Mustache + Bash) = Panstash" /> + <meta name="generator" content="FakeStache" /> </head> <body id="note" class="note"> @@ -47,55 +46,26 @@ Publié le <time class="dt-published" datetime="2016-08-03T12:15:45">2016-08-03</time> par <a class="p-author author" href="http://hugo.soucy.cc#hs" rel="author"><i>Hugo Soucy</i></a> - et modifié le <time class="dt-updated">2016-08-03T12:17:56</time>. + et modifié le <time class="dt-updated">2016-11-05T15:54:35</time>. <br/>&crarr; <a href="http://hugo.soucy.cc/note">Retourner aux notes</a>. </footer> </div> </article> </main> - <nav class="nav"> - <div class="nav__panel" id="menu" tabindex="0"> - <div class="nav__panel__content layout"> - <h2 class="visuallyhidden">Navigation</h2> - - <ul class="nav__list" role="menubar"> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc" rel="index"> - Page d'accueil - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/note"> - Notes - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/txt"> - Textes - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/file/curriculum-vitae"> - Curriculum vitae - </a> - </li> - </ul> - </div> + <script id="cuttingTheMustard"> + var cuttingTheMustard = ('querySelector' in document); + var bottomjs; - <a class="nav__close" href="#" role="button"> - <span class="nav__close__text"> - Fermer <span class="visuallyhidden">le menu</span> - </span> + if (cuttingTheMustard) { + bottomjs = document.createElement('script'); + bottomjs.src = 'http://hugo.soucy.cc/js/script.min.js'; + bottomjs.id = 'bottomjs'; - <span class="nav__x"> - <i class="nav__x__ico"></i> - </span> - </a> - </div> - </nav> - - <!-- <script src="http://hugo.soucy.cc/js/vendor/atomic.min.js"></script> - <script src="http://hugo.soucy.cc/js/script.js"></script> --> + document.body.appendChild(bottomjs); + document.querySelector('html').classList.remove('no-js'); + document.querySelector('html').classList.add('js'); + } + </script> </body> </html> diff --git a/public_html/note/2016/08/matane-budget-participatif.html b/public_html/note/2016/08/matane-budget-participatif.html @@ -1,5 +1,5 @@ <!DOCTYPE html> -<html lang="fr"> +<html class="no-js" lang="fr"> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> @@ -20,13 +20,12 @@ <link rel="me" href="https://github.com/hs0ucy" /> <link rel="me" href="sms:+15819966481" /> - <link href="http://hugo.soucy.cc/feed.note.atom.xml" type="application/atom+xml" rel="alternate" title="Feed des notes" /> - <link href="http://hugo.soucy.cc/feed.txt.atom.xml" type="application/atom+xml" rel="alternate" title="Feed des textes" /> + <link href="http://hugo.soucy.cc/feed.atom.xml" type="application/atom+xml" rel="alternate" title="Feed de tous les contenus" /> - <meta name="robots" content="noindex, nofollow" /> + <meta name="robots" content="index, follow" /> <meta name="description" content="Développeur Web frontend ayant plus de 10 ans d'expérience dans le milieu des technologies de l'information. Il habite dans le quartier Limoilou à Québec." /> <meta name="author" content="Hugo Soucy" /> - <meta name="generator" content="Pandoc + (Mustache + Bash) = Panstash" /> + <meta name="generator" content="FakeStache" /> </head> <body id="note" class="note"> @@ -54,55 +53,26 @@ Publié le <time class="dt-published" datetime="2016-08-03T12:25:29">2016-08-03</time> par <a class="p-author author" href="http://hugo.soucy.cc#hs" rel="author"><i>Hugo Soucy</i></a> - et modifié le <time class="dt-updated">2016-08-03T13:32:53</time>. + et modifié le <time class="dt-updated">2016-11-05T15:54:40</time>. <br/>&crarr; <a href="http://hugo.soucy.cc/note">Retourner aux notes</a>. </footer> </div> </article> </main> - <nav class="nav"> - <div class="nav__panel" id="menu" tabindex="0"> - <div class="nav__panel__content layout"> - <h2 class="visuallyhidden">Navigation</h2> - - <ul class="nav__list" role="menubar"> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc" rel="index"> - Page d'accueil - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/note"> - Notes - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/txt"> - Textes - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/file/curriculum-vitae"> - Curriculum vitae - </a> - </li> - </ul> - </div> + <script id="cuttingTheMustard"> + var cuttingTheMustard = ('querySelector' in document); + var bottomjs; - <a class="nav__close" href="#" role="button"> - <span class="nav__close__text"> - Fermer <span class="visuallyhidden">le menu</span> - </span> + if (cuttingTheMustard) { + bottomjs = document.createElement('script'); + bottomjs.src = 'http://hugo.soucy.cc/js/script.min.js'; + bottomjs.id = 'bottomjs'; - <span class="nav__x"> - <i class="nav__x__ico"></i> - </span> - </a> - </div> - </nav> - - <!-- <script src="http://hugo.soucy.cc/js/vendor/atomic.min.js"></script> - <script src="http://hugo.soucy.cc/js/script.js"></script> --> + document.body.appendChild(bottomjs); + document.querySelector('html').classList.remove('no-js'); + document.querySelector('html').classList.add('js'); + } + </script> </body> </html> diff --git a/public_html/note/2016/08/nathalie-normandeau-et-la-radio-de-quebec.html b/public_html/note/2016/08/nathalie-normandeau-et-la-radio-de-quebec.html @@ -1,5 +1,5 @@ <!DOCTYPE html> -<html lang="fr"> +<html class="no-js" lang="fr"> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> @@ -20,13 +20,12 @@ <link rel="me" href="https://github.com/hs0ucy" /> <link rel="me" href="sms:+15819966481" /> - <link href="http://hugo.soucy.cc/feed.note.atom.xml" type="application/atom+xml" rel="alternate" title="Feed des notes" /> - <link href="http://hugo.soucy.cc/feed.txt.atom.xml" type="application/atom+xml" rel="alternate" title="Feed des textes" /> + <link href="http://hugo.soucy.cc/feed.atom.xml" type="application/atom+xml" rel="alternate" title="Feed de tous les contenus" /> - <meta name="robots" content="noindex, nofollow" /> + <meta name="robots" content="index, follow" /> <meta name="description" content="Développeur Web frontend ayant plus de 10 ans d'expérience dans le milieu des technologies de l'information. Il habite dans le quartier Limoilou à Québec." /> <meta name="author" content="Hugo Soucy" /> - <meta name="generator" content="Pandoc + (Mustache + Bash) = Panstash" /> + <meta name="generator" content="FakeStache" /> </head> <body id="note" class="note"> @@ -47,7 +46,7 @@ Publié le <time class="dt-published" datetime="2016-08-06T17:08:28">2016-08-06</time> par <a class="p-author author" href="http://hugo.soucy.cc#hs" rel="author"><i>Hugo Soucy</i></a> - et modifié le <time class="dt-updated">2016-08-07T07:21:22</time>. + et modifié le <time class="dt-updated">2016-11-05T15:54:46</time>. <br/>&crarr; <a href="http://hugo.soucy.cc/note">Retourner aux notes</a>. </footer> </div> @@ -55,48 +54,19 @@ </article> </main> - <nav class="nav"> - <div class="nav__panel" id="menu" tabindex="0"> - <div class="nav__panel__content layout"> - <h2 class="visuallyhidden">Navigation</h2> - - <ul class="nav__list" role="menubar"> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc" rel="index"> - Page d'accueil - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/note"> - Notes - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/txt"> - Textes - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/file/curriculum-vitae"> - Curriculum vitae - </a> - </li> - </ul> - </div> + <script id="cuttingTheMustard"> + var cuttingTheMustard = ('querySelector' in document); + var bottomjs; - <a class="nav__close" href="#" role="button"> - <span class="nav__close__text"> - Fermer <span class="visuallyhidden">le menu</span> - </span> + if (cuttingTheMustard) { + bottomjs = document.createElement('script'); + bottomjs.src = 'http://hugo.soucy.cc/js/script.min.js'; + bottomjs.id = 'bottomjs'; - <span class="nav__x"> - <i class="nav__x__ico"></i> - </span> - </a> - </div> - </nav> - - <!-- <script src="http://hugo.soucy.cc/js/vendor/atomic.min.js"></script> - <script src="http://hugo.soucy.cc/js/script.js"></script> --> + document.body.appendChild(bottomjs); + document.querySelector('html').classList.remove('no-js'); + document.querySelector('html').classList.add('js'); + } + </script> </body> </html> diff --git a/public_html/note/2016/08/openbsd-pour-tous.html b/public_html/note/2016/08/openbsd-pour-tous.html @@ -1,5 +1,5 @@ <!DOCTYPE html> -<html lang="fr"> +<html class="no-js" lang="fr"> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> @@ -20,13 +20,12 @@ <link rel="me" href="https://github.com/hs0ucy" /> <link rel="me" href="sms:+15819966481" /> - <link href="http://hugo.soucy.cc/feed.note.atom.xml" type="application/atom+xml" rel="alternate" title="Feed des notes" /> - <link href="http://hugo.soucy.cc/feed.txt.atom.xml" type="application/atom+xml" rel="alternate" title="Feed des textes" /> + <link href="http://hugo.soucy.cc/feed.atom.xml" type="application/atom+xml" rel="alternate" title="Feed de tous les contenus" /> - <meta name="robots" content="noindex, nofollow" /> + <meta name="robots" content="index, follow" /> <meta name="description" content="Développeur Web frontend ayant plus de 10 ans d'expérience dans le milieu des technologies de l'information. Il habite dans le quartier Limoilou à Québec." /> <meta name="author" content="Hugo Soucy" /> - <meta name="generator" content="Pandoc + (Mustache + Bash) = Panstash" /> + <meta name="generator" content="FakeStache" /> </head> <body id="note" class="note"> @@ -47,7 +46,7 @@ Publié le <time class="dt-published" datetime="2016-08-16T09:55:31">2016-08-16</time> par <a class="p-author author" href="http://hugo.soucy.cc#hs" rel="author"><i>Hugo Soucy</i></a> - et modifié le <time class="dt-updated">2016-08-16T09:57:19</time>. + et modifié le <time class="dt-updated">2016-11-05T15:54:54</time>. <br/>&crarr; <a href="http://hugo.soucy.cc/note">Retourner aux notes</a>. </footer> </div> @@ -55,48 +54,19 @@ </article> </main> - <nav class="nav"> - <div class="nav__panel" id="menu" tabindex="0"> - <div class="nav__panel__content layout"> - <h2 class="visuallyhidden">Navigation</h2> - - <ul class="nav__list" role="menubar"> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc" rel="index"> - Page d'accueil - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/note"> - Notes - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/txt"> - Textes - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/file/curriculum-vitae"> - Curriculum vitae - </a> - </li> - </ul> - </div> + <script id="cuttingTheMustard"> + var cuttingTheMustard = ('querySelector' in document); + var bottomjs; - <a class="nav__close" href="#" role="button"> - <span class="nav__close__text"> - Fermer <span class="visuallyhidden">le menu</span> - </span> + if (cuttingTheMustard) { + bottomjs = document.createElement('script'); + bottomjs.src = 'http://hugo.soucy.cc/js/script.min.js'; + bottomjs.id = 'bottomjs'; - <span class="nav__x"> - <i class="nav__x__ico"></i> - </span> - </a> - </div> - </nav> - - <!-- <script src="http://hugo.soucy.cc/js/vendor/atomic.min.js"></script> - <script src="http://hugo.soucy.cc/js/script.js"></script> --> + document.body.appendChild(bottomjs); + document.querySelector('html').classList.remove('no-js'); + document.querySelector('html').classList.add('js'); + } + </script> </body> </html> diff --git a/public_html/note/2016/08/pokemon-go-et-societe-de-surveillance.html b/public_html/note/2016/08/pokemon-go-et-societe-de-surveillance.html @@ -1,5 +1,5 @@ <!DOCTYPE html> -<html lang="fr"> +<html class="no-js" lang="fr"> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> @@ -20,13 +20,12 @@ <link rel="me" href="https://github.com/hs0ucy" /> <link rel="me" href="sms:+15819966481" /> - <link href="http://hugo.soucy.cc/feed.note.atom.xml" type="application/atom+xml" rel="alternate" title="Feed des notes" /> - <link href="http://hugo.soucy.cc/feed.txt.atom.xml" type="application/atom+xml" rel="alternate" title="Feed des textes" /> + <link href="http://hugo.soucy.cc/feed.atom.xml" type="application/atom+xml" rel="alternate" title="Feed de tous les contenus" /> - <meta name="robots" content="noindex, nofollow" /> + <meta name="robots" content="index, follow" /> <meta name="description" content="Développeur Web frontend ayant plus de 10 ans d'expérience dans le milieu des technologies de l'information. Il habite dans le quartier Limoilou à Québec." /> <meta name="author" content="Hugo Soucy" /> - <meta name="generator" content="Pandoc + (Mustache + Bash) = Panstash" /> + <meta name="generator" content="FakeStache" /> </head> <body id="note" class="note"> @@ -55,7 +54,7 @@ Publié le <time class="dt-published" datetime="2016-08-09T13:13:51">2016-08-09</time> par <a class="p-author author" href="http://hugo.soucy.cc#hs" rel="author"><i>Hugo Soucy</i></a> - et modifié le <time class="dt-updated">2016-08-09T13:29:14</time>. + et modifié le <time class="dt-updated">2016-11-05T15:55:00</time>. <br/>&crarr; <a href="http://hugo.soucy.cc/note">Retourner aux notes</a>. </footer> </div> @@ -63,48 +62,19 @@ </article> </main> - <nav class="nav"> - <div class="nav__panel" id="menu" tabindex="0"> - <div class="nav__panel__content layout"> - <h2 class="visuallyhidden">Navigation</h2> - - <ul class="nav__list" role="menubar"> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc" rel="index"> - Page d'accueil - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/note"> - Notes - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/txt"> - Textes - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/file/curriculum-vitae"> - Curriculum vitae - </a> - </li> - </ul> - </div> + <script id="cuttingTheMustard"> + var cuttingTheMustard = ('querySelector' in document); + var bottomjs; - <a class="nav__close" href="#" role="button"> - <span class="nav__close__text"> - Fermer <span class="visuallyhidden">le menu</span> - </span> + if (cuttingTheMustard) { + bottomjs = document.createElement('script'); + bottomjs.src = 'http://hugo.soucy.cc/js/script.min.js'; + bottomjs.id = 'bottomjs'; - <span class="nav__x"> - <i class="nav__x__ico"></i> - </span> - </a> - </div> - </nav> - - <!-- <script src="http://hugo.soucy.cc/js/vendor/atomic.min.js"></script> - <script src="http://hugo.soucy.cc/js/script.js"></script> --> + document.body.appendChild(bottomjs); + document.querySelector('html').classList.remove('no-js'); + document.querySelector('html').classList.add('js'); + } + </script> </body> </html> diff --git a/public_html/note/2016/08/programming-languages-hyperpolyglot.html b/public_html/note/2016/08/programming-languages-hyperpolyglot.html @@ -1,5 +1,5 @@ <!DOCTYPE html> -<html lang="fr"> +<html class="no-js" lang="fr"> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> @@ -20,13 +20,12 @@ <link rel="me" href="https://github.com/hs0ucy" /> <link rel="me" href="sms:+15819966481" /> - <link href="http://hugo.soucy.cc/feed.note.atom.xml" type="application/atom+xml" rel="alternate" title="Feed des notes" /> - <link href="http://hugo.soucy.cc/feed.txt.atom.xml" type="application/atom+xml" rel="alternate" title="Feed des textes" /> + <link href="http://hugo.soucy.cc/feed.atom.xml" type="application/atom+xml" rel="alternate" title="Feed de tous les contenus" /> - <meta name="robots" content="noindex, nofollow" /> + <meta name="robots" content="index, follow" /> <meta name="description" content="Développeur Web frontend ayant plus de 10 ans d'expérience dans le milieu des technologies de l'information. Il habite dans le quartier Limoilou à Québec." /> <meta name="author" content="Hugo Soucy" /> - <meta name="generator" content="Pandoc + (Mustache + Bash) = Panstash" /> + <meta name="generator" content="FakeStache" /> </head> <body id="note" class="note"> @@ -47,7 +46,7 @@ Publié le <time class="dt-published" datetime="2016-08-05T11:48:05">2016-08-05</time> par <a class="p-author author" href="http://hugo.soucy.cc#hs" rel="author"><i>Hugo Soucy</i></a> - et modifié le <time class="dt-updated">2016-08-05T11:50:29</time>. + et modifié le <time class="dt-updated">2016-11-05T15:55:10</time>. <br/>&crarr; <a href="http://hugo.soucy.cc/note">Retourner aux notes</a>. </footer> </div> @@ -55,48 +54,19 @@ </article> </main> - <nav class="nav"> - <div class="nav__panel" id="menu" tabindex="0"> - <div class="nav__panel__content layout"> - <h2 class="visuallyhidden">Navigation</h2> - - <ul class="nav__list" role="menubar"> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc" rel="index"> - Page d'accueil - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/note"> - Notes - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/txt"> - Textes - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/file/curriculum-vitae"> - Curriculum vitae - </a> - </li> - </ul> - </div> + <script id="cuttingTheMustard"> + var cuttingTheMustard = ('querySelector' in document); + var bottomjs; - <a class="nav__close" href="#" role="button"> - <span class="nav__close__text"> - Fermer <span class="visuallyhidden">le menu</span> - </span> + if (cuttingTheMustard) { + bottomjs = document.createElement('script'); + bottomjs.src = 'http://hugo.soucy.cc/js/script.min.js'; + bottomjs.id = 'bottomjs'; - <span class="nav__x"> - <i class="nav__x__ico"></i> - </span> - </a> - </div> - </nav> - - <!-- <script src="http://hugo.soucy.cc/js/vendor/atomic.min.js"></script> - <script src="http://hugo.soucy.cc/js/script.js"></script> --> + document.body.appendChild(bottomjs); + document.querySelector('html').classList.remove('no-js'); + document.querySelector('html').classList.add('js'); + } + </script> </body> </html> diff --git a/public_html/note/2016/08/quoi-ce-n-est-pas-des-femmes-grenouilles.html b/public_html/note/2016/08/quoi-ce-n-est-pas-des-femmes-grenouilles.html @@ -1,5 +1,5 @@ <!DOCTYPE html> -<html lang="fr"> +<html class="no-js" lang="fr"> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> @@ -20,13 +20,12 @@ <link rel="me" href="https://github.com/hs0ucy" /> <link rel="me" href="sms:+15819966481" /> - <link href="http://hugo.soucy.cc/feed.note.atom.xml" type="application/atom+xml" rel="alternate" title="Feed des notes" /> - <link href="http://hugo.soucy.cc/feed.txt.atom.xml" type="application/atom+xml" rel="alternate" title="Feed des textes" /> + <link href="http://hugo.soucy.cc/feed.atom.xml" type="application/atom+xml" rel="alternate" title="Feed de tous les contenus" /> - <meta name="robots" content="noindex, nofollow" /> + <meta name="robots" content="index, follow" /> <meta name="description" content="Développeur Web frontend ayant plus de 10 ans d'expérience dans le milieu des technologies de l'information. Il habite dans le quartier Limoilou à Québec." /> <meta name="author" content="Hugo Soucy" /> - <meta name="generator" content="Pandoc + (Mustache + Bash) = Panstash" /> + <meta name="generator" content="FakeStache" /> </head> <body id="note" class="note"> @@ -57,7 +56,7 @@ Publié le <time class="dt-published" datetime="2016-08-17T11:26:23">2016-08-17</time> par <a class="p-author author" href="http://hugo.soucy.cc#hs" rel="author"><i>Hugo Soucy</i></a> - et modifié le <time class="dt-updated">2016-09-19T14:23:10</time>. + et modifié le <time class="dt-updated">2016-11-05T15:55:17</time>. <br/>&crarr; <a href="http://hugo.soucy.cc/note">Retourner aux notes</a>. </footer> </div> @@ -65,48 +64,19 @@ </article> </main> - <nav class="nav"> - <div class="nav__panel" id="menu" tabindex="0"> - <div class="nav__panel__content layout"> - <h2 class="visuallyhidden">Navigation</h2> - - <ul class="nav__list" role="menubar"> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc" rel="index"> - Page d'accueil - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/note"> - Notes - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/txt"> - Textes - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/file/curriculum-vitae"> - Curriculum vitae - </a> - </li> - </ul> - </div> + <script id="cuttingTheMustard"> + var cuttingTheMustard = ('querySelector' in document); + var bottomjs; - <a class="nav__close" href="#" role="button"> - <span class="nav__close__text"> - Fermer <span class="visuallyhidden">le menu</span> - </span> + if (cuttingTheMustard) { + bottomjs = document.createElement('script'); + bottomjs.src = 'http://hugo.soucy.cc/js/script.min.js'; + bottomjs.id = 'bottomjs'; - <span class="nav__x"> - <i class="nav__x__ico"></i> - </span> - </a> - </div> - </nav> - - <!-- <script src="http://hugo.soucy.cc/js/vendor/atomic.min.js"></script> - <script src="http://hugo.soucy.cc/js/script.js"></script> --> + document.body.appendChild(bottomjs); + document.querySelector('html').classList.remove('no-js'); + document.querySelector('html').classList.add('js'); + } + </script> </body> </html> diff --git a/public_html/note/2016/08/shipping-is-a-feature.html b/public_html/note/2016/08/shipping-is-a-feature.html @@ -1,5 +1,5 @@ <!DOCTYPE html> -<html lang="fr"> +<html class="no-js" lang="fr"> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> @@ -20,13 +20,12 @@ <link rel="me" href="https://github.com/hs0ucy" /> <link rel="me" href="sms:+15819966481" /> - <link href="http://hugo.soucy.cc/feed.note.atom.xml" type="application/atom+xml" rel="alternate" title="Feed des notes" /> - <link href="http://hugo.soucy.cc/feed.txt.atom.xml" type="application/atom+xml" rel="alternate" title="Feed des textes" /> + <link href="http://hugo.soucy.cc/feed.atom.xml" type="application/atom+xml" rel="alternate" title="Feed de tous les contenus" /> - <meta name="robots" content="noindex, nofollow" /> + <meta name="robots" content="index, follow" /> <meta name="description" content="Développeur Web frontend ayant plus de 10 ans d'expérience dans le milieu des technologies de l'information. Il habite dans le quartier Limoilou à Québec." /> <meta name="author" content="Hugo Soucy" /> - <meta name="generator" content="Pandoc + (Mustache + Bash) = Panstash" /> + <meta name="generator" content="FakeStache" /> </head> <body id="note" class="note"> @@ -55,7 +54,7 @@ Publié le <time class="dt-published" datetime="2016-08-04T16:18:47">2016-08-04</time> par <a class="p-author author" href="http://hugo.soucy.cc#hs" rel="author"><i>Hugo Soucy</i></a> - et modifié le <time class="dt-updated">2016-08-04T16:20:08</time>. + et modifié le <time class="dt-updated">2016-11-05T15:55:23</time>. <br/>&crarr; <a href="http://hugo.soucy.cc/note">Retourner aux notes</a>. </footer> </div> @@ -63,48 +62,19 @@ </article> </main> - <nav class="nav"> - <div class="nav__panel" id="menu" tabindex="0"> - <div class="nav__panel__content layout"> - <h2 class="visuallyhidden">Navigation</h2> - - <ul class="nav__list" role="menubar"> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc" rel="index"> - Page d'accueil - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/note"> - Notes - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/txt"> - Textes - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/file/curriculum-vitae"> - Curriculum vitae - </a> - </li> - </ul> - </div> + <script id="cuttingTheMustard"> + var cuttingTheMustard = ('querySelector' in document); + var bottomjs; - <a class="nav__close" href="#" role="button"> - <span class="nav__close__text"> - Fermer <span class="visuallyhidden">le menu</span> - </span> + if (cuttingTheMustard) { + bottomjs = document.createElement('script'); + bottomjs.src = 'http://hugo.soucy.cc/js/script.min.js'; + bottomjs.id = 'bottomjs'; - <span class="nav__x"> - <i class="nav__x__ico"></i> - </span> - </a> - </div> - </nav> - - <!-- <script src="http://hugo.soucy.cc/js/vendor/atomic.min.js"></script> - <script src="http://hugo.soucy.cc/js/script.js"></script> --> + document.body.appendChild(bottomjs); + document.querySelector('html').classList.remove('no-js'); + document.querySelector('html').classList.add('js'); + } + </script> </body> </html> diff --git a/public_html/note/2016/08/snowden-pardon-petition-on-facebook.html b/public_html/note/2016/08/snowden-pardon-petition-on-facebook.html @@ -1,5 +1,5 @@ <!DOCTYPE html> -<html lang="fr"> +<html class="no-js" lang="fr"> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> @@ -20,13 +20,12 @@ <link rel="me" href="https://github.com/hs0ucy" /> <link rel="me" href="sms:+15819966481" /> - <link href="http://hugo.soucy.cc/feed.note.atom.xml" type="application/atom+xml" rel="alternate" title="Feed des notes" /> - <link href="http://hugo.soucy.cc/feed.txt.atom.xml" type="application/atom+xml" rel="alternate" title="Feed des textes" /> + <link href="http://hugo.soucy.cc/feed.atom.xml" type="application/atom+xml" rel="alternate" title="Feed de tous les contenus" /> - <meta name="robots" content="noindex, nofollow" /> + <meta name="robots" content="index, follow" /> <meta name="description" content="Développeur Web frontend ayant plus de 10 ans d'expérience dans le milieu des technologies de l'information. Il habite dans le quartier Limoilou à Québec." /> <meta name="author" content="Hugo Soucy" /> - <meta name="generator" content="Pandoc + (Mustache + Bash) = Panstash" /> + <meta name="generator" content="FakeStache" /> </head> <body id="note" class="note"> @@ -54,7 +53,7 @@ Publié le <time class="dt-published" datetime="2016-08-08T10:48:25">2016-08-08</time> par <a class="p-author author" href="http://hugo.soucy.cc#hs" rel="author"><i>Hugo Soucy</i></a> - et modifié le <time class="dt-updated">2016-08-08T13:28:33</time>. + et modifié le <time class="dt-updated">2016-11-05T15:55:30</time>. <br/>&crarr; <a href="http://hugo.soucy.cc/note">Retourner aux notes</a>. </footer> </div> @@ -62,48 +61,19 @@ </article> </main> - <nav class="nav"> - <div class="nav__panel" id="menu" tabindex="0"> - <div class="nav__panel__content layout"> - <h2 class="visuallyhidden">Navigation</h2> - - <ul class="nav__list" role="menubar"> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc" rel="index"> - Page d'accueil - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/note"> - Notes - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/txt"> - Textes - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/file/curriculum-vitae"> - Curriculum vitae - </a> - </li> - </ul> - </div> + <script id="cuttingTheMustard"> + var cuttingTheMustard = ('querySelector' in document); + var bottomjs; - <a class="nav__close" href="#" role="button"> - <span class="nav__close__text"> - Fermer <span class="visuallyhidden">le menu</span> - </span> + if (cuttingTheMustard) { + bottomjs = document.createElement('script'); + bottomjs.src = 'http://hugo.soucy.cc/js/script.min.js'; + bottomjs.id = 'bottomjs'; - <span class="nav__x"> - <i class="nav__x__ico"></i> - </span> - </a> - </div> - </nav> - - <!-- <script src="http://hugo.soucy.cc/js/vendor/atomic.min.js"></script> - <script src="http://hugo.soucy.cc/js/script.js"></script> --> + document.body.appendChild(bottomjs); + document.querySelector('html').classList.remove('no-js'); + document.querySelector('html').classList.add('js'); + } + </script> </body> </html> diff --git a/public_html/note/2016/08/ssh-chat-server-written-ingo.html b/public_html/note/2016/08/ssh-chat-server-written-ingo.html @@ -1,5 +1,5 @@ <!DOCTYPE html> -<html lang="fr"> +<html class="no-js" lang="fr"> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> @@ -20,13 +20,12 @@ <link rel="me" href="https://github.com/hs0ucy" /> <link rel="me" href="sms:+15819966481" /> - <link href="http://hugo.soucy.cc/feed.note.atom.xml" type="application/atom+xml" rel="alternate" title="Feed des notes" /> - <link href="http://hugo.soucy.cc/feed.txt.atom.xml" type="application/atom+xml" rel="alternate" title="Feed des textes" /> + <link href="http://hugo.soucy.cc/feed.atom.xml" type="application/atom+xml" rel="alternate" title="Feed de tous les contenus" /> - <meta name="robots" content="noindex, nofollow" /> + <meta name="robots" content="index, follow" /> <meta name="description" content="Développeur Web frontend ayant plus de 10 ans d'expérience dans le milieu des technologies de l'information. Il habite dans le quartier Limoilou à Québec." /> <meta name="author" content="Hugo Soucy" /> - <meta name="generator" content="Pandoc + (Mustache + Bash) = Panstash" /> + <meta name="generator" content="FakeStache" /> </head> <body id="note" class="note"> @@ -47,7 +46,7 @@ Publié le <time class="dt-published" datetime="2016-08-08T09:03:28">2016-08-08</time> par <a class="p-author author" href="http://hugo.soucy.cc#hs" rel="author"><i>Hugo Soucy</i></a> - et modifié le <time class="dt-updated">2016-08-08T09:10:10</time>. + et modifié le <time class="dt-updated">2016-11-05T15:55:36</time>. <br/>&crarr; <a href="http://hugo.soucy.cc/note">Retourner aux notes</a>. </footer> </div> @@ -55,48 +54,19 @@ </article> </main> - <nav class="nav"> - <div class="nav__panel" id="menu" tabindex="0"> - <div class="nav__panel__content layout"> - <h2 class="visuallyhidden">Navigation</h2> - - <ul class="nav__list" role="menubar"> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc" rel="index"> - Page d'accueil - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/note"> - Notes - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/txt"> - Textes - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/file/curriculum-vitae"> - Curriculum vitae - </a> - </li> - </ul> - </div> + <script id="cuttingTheMustard"> + var cuttingTheMustard = ('querySelector' in document); + var bottomjs; - <a class="nav__close" href="#" role="button"> - <span class="nav__close__text"> - Fermer <span class="visuallyhidden">le menu</span> - </span> + if (cuttingTheMustard) { + bottomjs = document.createElement('script'); + bottomjs.src = 'http://hugo.soucy.cc/js/script.min.js'; + bottomjs.id = 'bottomjs'; - <span class="nav__x"> - <i class="nav__x__ico"></i> - </span> - </a> - </div> - </nav> - - <!-- <script src="http://hugo.soucy.cc/js/vendor/atomic.min.js"></script> - <script src="http://hugo.soucy.cc/js/script.js"></script> --> + document.body.appendChild(bottomjs); + document.querySelector('html').classList.remove('no-js'); + document.querySelector('html').classList.add('js'); + } + </script> </body> </html> diff --git a/public_html/note/2016/08/txti.html b/public_html/note/2016/08/txti.html @@ -1,5 +1,5 @@ <!DOCTYPE html> -<html lang="fr"> +<html class="no-js" lang="fr"> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> @@ -20,13 +20,12 @@ <link rel="me" href="https://github.com/hs0ucy" /> <link rel="me" href="sms:+15819966481" /> - <link href="http://hugo.soucy.cc/feed.note.atom.xml" type="application/atom+xml" rel="alternate" title="Feed des notes" /> - <link href="http://hugo.soucy.cc/feed.txt.atom.xml" type="application/atom+xml" rel="alternate" title="Feed des textes" /> + <link href="http://hugo.soucy.cc/feed.atom.xml" type="application/atom+xml" rel="alternate" title="Feed de tous les contenus" /> - <meta name="robots" content="noindex, nofollow" /> + <meta name="robots" content="index, follow" /> <meta name="description" content="Développeur Web frontend ayant plus de 10 ans d'expérience dans le milieu des technologies de l'information. Il habite dans le quartier Limoilou à Québec." /> <meta name="author" content="Hugo Soucy" /> - <meta name="generator" content="Pandoc + (Mustache + Bash) = Panstash" /> + <meta name="generator" content="FakeStache" /> </head> <body id="note" class="note"> @@ -47,55 +46,26 @@ Publié le <time class="dt-published" datetime="2016-08-03T11:47:44">2016-08-03</time> par <a class="p-author author" href="http://hugo.soucy.cc#hs" rel="author"><i>Hugo Soucy</i></a> - et modifié le <time class="dt-updated">2016-08-03T11:52:13</time>. + et modifié le <time class="dt-updated">2016-11-05T15:55:41</time>. <br/>&crarr; <a href="http://hugo.soucy.cc/note">Retourner aux notes</a>. </footer> </div> </article> </main> - <nav class="nav"> - <div class="nav__panel" id="menu" tabindex="0"> - <div class="nav__panel__content layout"> - <h2 class="visuallyhidden">Navigation</h2> - - <ul class="nav__list" role="menubar"> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc" rel="index"> - Page d'accueil - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/note"> - Notes - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/txt"> - Textes - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/file/curriculum-vitae"> - Curriculum vitae - </a> - </li> - </ul> - </div> + <script id="cuttingTheMustard"> + var cuttingTheMustard = ('querySelector' in document); + var bottomjs; - <a class="nav__close" href="#" role="button"> - <span class="nav__close__text"> - Fermer <span class="visuallyhidden">le menu</span> - </span> + if (cuttingTheMustard) { + bottomjs = document.createElement('script'); + bottomjs.src = 'http://hugo.soucy.cc/js/script.min.js'; + bottomjs.id = 'bottomjs'; - <span class="nav__x"> - <i class="nav__x__ico"></i> - </span> - </a> - </div> - </nav> - - <!-- <script src="http://hugo.soucy.cc/js/vendor/atomic.min.js"></script> - <script src="http://hugo.soucy.cc/js/script.js"></script> --> + document.body.appendChild(bottomjs); + document.querySelector('html').classList.remove('no-js'); + document.querySelector('html').classList.add('js'); + } + </script> </body> </html> diff --git a/public_html/note/2016/08/vimgifs-et-emacs_gifs.html b/public_html/note/2016/08/vimgifs-et-emacs_gifs.html @@ -1,5 +1,5 @@ <!DOCTYPE html> -<html lang="fr"> +<html class="no-js" lang="fr"> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> @@ -20,13 +20,12 @@ <link rel="me" href="https://github.com/hs0ucy" /> <link rel="me" href="sms:+15819966481" /> - <link href="http://hugo.soucy.cc/feed.note.atom.xml" type="application/atom+xml" rel="alternate" title="Feed des notes" /> - <link href="http://hugo.soucy.cc/feed.txt.atom.xml" type="application/atom+xml" rel="alternate" title="Feed des textes" /> + <link href="http://hugo.soucy.cc/feed.atom.xml" type="application/atom+xml" rel="alternate" title="Feed de tous les contenus" /> - <meta name="robots" content="noindex, nofollow" /> + <meta name="robots" content="index, follow" /> <meta name="description" content="Développeur Web frontend ayant plus de 10 ans d'expérience dans le milieu des technologies de l'information. Il habite dans le quartier Limoilou à Québec." /> <meta name="author" content="Hugo Soucy" /> - <meta name="generator" content="Pandoc + (Mustache + Bash) = Panstash" /> + <meta name="generator" content="FakeStache" /> </head> <body id="note" class="note"> @@ -47,7 +46,7 @@ Publié le <time class="dt-published" datetime="2016-08-05T14:50:26">2016-08-05</time> par <a class="p-author author" href="http://hugo.soucy.cc#hs" rel="author"><i>Hugo Soucy</i></a> - et modifié le <time class="dt-updated">2016-08-05T15:06:46</time>. + et modifié le <time class="dt-updated">2016-11-05T15:55:52</time>. <br/>&crarr; <a href="http://hugo.soucy.cc/note">Retourner aux notes</a>. </footer> </div> @@ -55,48 +54,19 @@ </article> </main> - <nav class="nav"> - <div class="nav__panel" id="menu" tabindex="0"> - <div class="nav__panel__content layout"> - <h2 class="visuallyhidden">Navigation</h2> - - <ul class="nav__list" role="menubar"> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc" rel="index"> - Page d'accueil - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/note"> - Notes - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/txt"> - Textes - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/file/curriculum-vitae"> - Curriculum vitae - </a> - </li> - </ul> - </div> + <script id="cuttingTheMustard"> + var cuttingTheMustard = ('querySelector' in document); + var bottomjs; - <a class="nav__close" href="#" role="button"> - <span class="nav__close__text"> - Fermer <span class="visuallyhidden">le menu</span> - </span> + if (cuttingTheMustard) { + bottomjs = document.createElement('script'); + bottomjs.src = 'http://hugo.soucy.cc/js/script.min.js'; + bottomjs.id = 'bottomjs'; - <span class="nav__x"> - <i class="nav__x__ico"></i> - </span> - </a> - </div> - </nav> - - <!-- <script src="http://hugo.soucy.cc/js/vendor/atomic.min.js"></script> - <script src="http://hugo.soucy.cc/js/script.js"></script> --> + document.body.appendChild(bottomjs); + document.querySelector('html').classList.remove('no-js'); + document.querySelector('html').classList.add('js'); + } + </script> </body> </html> diff --git a/public_html/note/2016/09/ce-que-le-quebec-gagnerait-a-nationaliser-internet.html b/public_html/note/2016/09/ce-que-le-quebec-gagnerait-a-nationaliser-internet.html @@ -1,5 +1,5 @@ <!DOCTYPE html> -<html lang="fr"> +<html class="no-js" lang="fr"> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> @@ -20,13 +20,12 @@ <link rel="me" href="https://github.com/hs0ucy" /> <link rel="me" href="sms:+15819966481" /> - <link href="http://hugo.soucy.cc/feed.note.atom.xml" type="application/atom+xml" rel="alternate" title="Feed des notes" /> - <link href="http://hugo.soucy.cc/feed.txt.atom.xml" type="application/atom+xml" rel="alternate" title="Feed des textes" /> + <link href="http://hugo.soucy.cc/feed.atom.xml" type="application/atom+xml" rel="alternate" title="Feed de tous les contenus" /> - <meta name="robots" content="noindex, nofollow" /> + <meta name="robots" content="index, follow" /> <meta name="description" content="Développeur Web frontend ayant plus de 10 ans d'expérience dans le milieu des technologies de l'information. Il habite dans le quartier Limoilou à Québec." /> <meta name="author" content="Hugo Soucy" /> - <meta name="generator" content="Pandoc + (Mustache + Bash) = Panstash" /> + <meta name="generator" content="FakeStache" /> </head> <body id="note" class="note"> @@ -57,7 +56,7 @@ Publié le <time class="dt-published" datetime="2016-09-19T15:00:56">2016-09-19</time> par <a class="p-author author" href="http://hugo.soucy.cc#hs" rel="author"><i>Hugo Soucy</i></a> - et modifié le <time class="dt-updated">2016-09-20T14:49:28</time>. + et modifié le <time class="dt-updated">2016-11-05T15:56:05</time>. <br/>&crarr; <a href="http://hugo.soucy.cc/note">Retourner aux notes</a>. </footer> </div> @@ -65,48 +64,19 @@ </article> </main> - <nav class="nav"> - <div class="nav__panel" id="menu" tabindex="0"> - <div class="nav__panel__content layout"> - <h2 class="visuallyhidden">Navigation</h2> - - <ul class="nav__list" role="menubar"> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc" rel="index"> - Page d'accueil - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/note"> - Notes - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/txt"> - Textes - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/file/curriculum-vitae"> - Curriculum vitae - </a> - </li> - </ul> - </div> + <script id="cuttingTheMustard"> + var cuttingTheMustard = ('querySelector' in document); + var bottomjs; - <a class="nav__close" href="#" role="button"> - <span class="nav__close__text"> - Fermer <span class="visuallyhidden">le menu</span> - </span> + if (cuttingTheMustard) { + bottomjs = document.createElement('script'); + bottomjs.src = 'http://hugo.soucy.cc/js/script.min.js'; + bottomjs.id = 'bottomjs'; - <span class="nav__x"> - <i class="nav__x__ico"></i> - </span> - </a> - </div> - </nav> - - <!-- <script src="http://hugo.soucy.cc/js/vendor/atomic.min.js"></script> - <script src="http://hugo.soucy.cc/js/script.js"></script> --> + document.body.appendChild(bottomjs); + document.querySelector('html').classList.remove('no-js'); + document.querySelector('html').classList.add('js'); + } + </script> </body> </html> diff --git a/public_html/note/2016/09/internet-3-0-peut-on-reprendre-le-controle-des-geants.html b/public_html/note/2016/09/internet-3-0-peut-on-reprendre-le-controle-des-geants.html @@ -1,5 +1,5 @@ <!DOCTYPE html> -<html lang="fr"> +<html class="no-js" lang="fr"> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> @@ -20,13 +20,12 @@ <link rel="me" href="https://github.com/hs0ucy" /> <link rel="me" href="sms:+15819966481" /> - <link href="http://hugo.soucy.cc/feed.note.atom.xml" type="application/atom+xml" rel="alternate" title="Feed des notes" /> - <link href="http://hugo.soucy.cc/feed.txt.atom.xml" type="application/atom+xml" rel="alternate" title="Feed des textes" /> + <link href="http://hugo.soucy.cc/feed.atom.xml" type="application/atom+xml" rel="alternate" title="Feed de tous les contenus" /> - <meta name="robots" content="noindex, nofollow" /> + <meta name="robots" content="index, follow" /> <meta name="description" content="Développeur Web frontend ayant plus de 10 ans d'expérience dans le milieu des technologies de l'information. Il habite dans le quartier Limoilou à Québec." /> <meta name="author" content="Hugo Soucy" /> - <meta name="generator" content="Pandoc + (Mustache + Bash) = Panstash" /> + <meta name="generator" content="FakeStache" /> </head> <body id="note" class="note"> @@ -47,7 +46,7 @@ Publié le <time class="dt-published" datetime="2016-09-20T14:46:21">2016-09-20</time> par <a class="p-author author" href="http://hugo.soucy.cc#hs" rel="author"><i>Hugo Soucy</i></a> - et modifié le <time class="dt-updated">2016-09-20T15:02:16</time>. + et modifié le <time class="dt-updated">2016-11-05T15:56:11</time>. <br/>&crarr; <a href="http://hugo.soucy.cc/note">Retourner aux notes</a>. </footer> </div> @@ -55,48 +54,19 @@ </article> </main> - <nav class="nav"> - <div class="nav__panel" id="menu" tabindex="0"> - <div class="nav__panel__content layout"> - <h2 class="visuallyhidden">Navigation</h2> - - <ul class="nav__list" role="menubar"> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc" rel="index"> - Page d'accueil - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/note"> - Notes - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/txt"> - Textes - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/file/curriculum-vitae"> - Curriculum vitae - </a> - </li> - </ul> - </div> + <script id="cuttingTheMustard"> + var cuttingTheMustard = ('querySelector' in document); + var bottomjs; - <a class="nav__close" href="#" role="button"> - <span class="nav__close__text"> - Fermer <span class="visuallyhidden">le menu</span> - </span> + if (cuttingTheMustard) { + bottomjs = document.createElement('script'); + bottomjs.src = 'http://hugo.soucy.cc/js/script.min.js'; + bottomjs.id = 'bottomjs'; - <span class="nav__x"> - <i class="nav__x__ico"></i> - </span> - </a> - </div> - </nav> - - <!-- <script src="http://hugo.soucy.cc/js/vendor/atomic.min.js"></script> - <script src="http://hugo.soucy.cc/js/script.js"></script> --> + document.body.appendChild(bottomjs); + document.querySelector('html').classList.remove('no-js'); + document.querySelector('html').classList.add('js'); + } + </script> </body> </html> diff --git a/public_html/note/2016/09/ma-vie-obeit-a-l-attraction-des-livres-nikolski-nicolas-dickner.html b/public_html/note/2016/09/ma-vie-obeit-a-l-attraction-des-livres-nikolski-nicolas-dickner.html @@ -1,5 +1,5 @@ <!DOCTYPE html> -<html lang="fr"> +<html class="no-js" lang="fr"> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> @@ -20,13 +20,12 @@ <link rel="me" href="https://github.com/hs0ucy" /> <link rel="me" href="sms:+15819966481" /> - <link href="http://hugo.soucy.cc/feed.note.atom.xml" type="application/atom+xml" rel="alternate" title="Feed des notes" /> - <link href="http://hugo.soucy.cc/feed.txt.atom.xml" type="application/atom+xml" rel="alternate" title="Feed des textes" /> + <link href="http://hugo.soucy.cc/feed.atom.xml" type="application/atom+xml" rel="alternate" title="Feed de tous les contenus" /> - <meta name="robots" content="noindex, nofollow" /> + <meta name="robots" content="index, follow" /> <meta name="description" content="Développeur Web frontend ayant plus de 10 ans d'expérience dans le milieu des technologies de l'information. Il habite dans le quartier Limoilou à Québec." /> <meta name="author" content="Hugo Soucy" /> - <meta name="generator" content="Pandoc + (Mustache + Bash) = Panstash" /> + <meta name="generator" content="FakeStache" /> </head> <body id="note" class="note"> @@ -55,7 +54,7 @@ Publié le <time class="dt-published" datetime="2016-09-22T15:10:01">2016-09-22</time> par <a class="p-author author" href="http://hugo.soucy.cc#hs" rel="author"><i>Hugo Soucy</i></a> - et modifié le <time class="dt-updated">2016-09-29T15:07:42</time>. + et modifié le <time class="dt-updated">2016-11-05T15:56:17</time>. <br/>&crarr; <a href="http://hugo.soucy.cc/note">Retourner aux notes</a>. </footer> </div> @@ -63,48 +62,19 @@ </article> </main> - <nav class="nav"> - <div class="nav__panel" id="menu" tabindex="0"> - <div class="nav__panel__content layout"> - <h2 class="visuallyhidden">Navigation</h2> - - <ul class="nav__list" role="menubar"> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc" rel="index"> - Page d'accueil - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/note"> - Notes - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/txt"> - Textes - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/file/curriculum-vitae"> - Curriculum vitae - </a> - </li> - </ul> - </div> + <script id="cuttingTheMustard"> + var cuttingTheMustard = ('querySelector' in document); + var bottomjs; - <a class="nav__close" href="#" role="button"> - <span class="nav__close__text"> - Fermer <span class="visuallyhidden">le menu</span> - </span> + if (cuttingTheMustard) { + bottomjs = document.createElement('script'); + bottomjs.src = 'http://hugo.soucy.cc/js/script.min.js'; + bottomjs.id = 'bottomjs'; - <span class="nav__x"> - <i class="nav__x__ico"></i> - </span> - </a> - </div> - </nav> - - <!-- <script src="http://hugo.soucy.cc/js/vendor/atomic.min.js"></script> - <script src="http://hugo.soucy.cc/js/script.js"></script> --> + document.body.appendChild(bottomjs); + document.querySelector('html').classList.remove('no-js'); + document.querySelector('html').classList.add('js'); + } + </script> </body> </html> diff --git a/public_html/note/2016/09/radio-canada-publicitaire-pour-apple.html b/public_html/note/2016/09/radio-canada-publicitaire-pour-apple.html @@ -1,5 +1,5 @@ <!DOCTYPE html> -<html lang="fr"> +<html class="no-js" lang="fr"> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> @@ -20,13 +20,12 @@ <link rel="me" href="https://github.com/hs0ucy" /> <link rel="me" href="sms:+15819966481" /> - <link href="http://hugo.soucy.cc/feed.note.atom.xml" type="application/atom+xml" rel="alternate" title="Feed des notes" /> - <link href="http://hugo.soucy.cc/feed.txt.atom.xml" type="application/atom+xml" rel="alternate" title="Feed des textes" /> + <link href="http://hugo.soucy.cc/feed.atom.xml" type="application/atom+xml" rel="alternate" title="Feed de tous les contenus" /> - <meta name="robots" content="noindex, nofollow" /> + <meta name="robots" content="index, follow" /> <meta name="description" content="Développeur Web frontend ayant plus de 10 ans d'expérience dans le milieu des technologies de l'information. Il habite dans le quartier Limoilou à Québec." /> <meta name="author" content="Hugo Soucy" /> - <meta name="generator" content="Pandoc + (Mustache + Bash) = Panstash" /> + <meta name="generator" content="FakeStache" /> </head> <body id="note" class="note"> @@ -47,7 +46,7 @@ Publié le <time class="dt-published" datetime="2016-09-08T15:50:12">2016-09-08</time> par <a class="p-author author" href="http://hugo.soucy.cc#hs" rel="author"><i>Hugo Soucy</i></a> - et modifié le <time class="dt-updated">2016-09-08T15:55:40</time>. + et modifié le <time class="dt-updated">2016-11-05T15:56:23</time>. <br/>&crarr; <a href="http://hugo.soucy.cc/note">Retourner aux notes</a>. </footer> </div> @@ -55,48 +54,19 @@ </article> </main> - <nav class="nav"> - <div class="nav__panel" id="menu" tabindex="0"> - <div class="nav__panel__content layout"> - <h2 class="visuallyhidden">Navigation</h2> - - <ul class="nav__list" role="menubar"> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc" rel="index"> - Page d'accueil - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/note"> - Notes - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/txt"> - Textes - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/file/curriculum-vitae"> - Curriculum vitae - </a> - </li> - </ul> - </div> + <script id="cuttingTheMustard"> + var cuttingTheMustard = ('querySelector' in document); + var bottomjs; - <a class="nav__close" href="#" role="button"> - <span class="nav__close__text"> - Fermer <span class="visuallyhidden">le menu</span> - </span> + if (cuttingTheMustard) { + bottomjs = document.createElement('script'); + bottomjs.src = 'http://hugo.soucy.cc/js/script.min.js'; + bottomjs.id = 'bottomjs'; - <span class="nav__x"> - <i class="nav__x__ico"></i> - </span> - </a> - </div> - </nav> - - <!-- <script src="http://hugo.soucy.cc/js/vendor/atomic.min.js"></script> - <script src="http://hugo.soucy.cc/js/script.js"></script> --> + document.body.appendChild(bottomjs); + document.querySelector('html').classList.remove('no-js'); + document.querySelector('html').classList.add('js'); + } + </script> </body> </html> diff --git a/public_html/note/2016/09/why-we-use-progressive-enhancement-to-build-gov-uk.html b/public_html/note/2016/09/why-we-use-progressive-enhancement-to-build-gov-uk.html @@ -1,5 +1,5 @@ <!DOCTYPE html> -<html lang="fr"> +<html class="no-js" lang="fr"> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> @@ -20,13 +20,12 @@ <link rel="me" href="https://github.com/hs0ucy" /> <link rel="me" href="sms:+15819966481" /> - <link href="http://hugo.soucy.cc/feed.note.atom.xml" type="application/atom+xml" rel="alternate" title="Feed des notes" /> - <link href="http://hugo.soucy.cc/feed.txt.atom.xml" type="application/atom+xml" rel="alternate" title="Feed des textes" /> + <link href="http://hugo.soucy.cc/feed.atom.xml" type="application/atom+xml" rel="alternate" title="Feed de tous les contenus" /> - <meta name="robots" content="noindex, nofollow" /> + <meta name="robots" content="index, follow" /> <meta name="description" content="Développeur Web frontend ayant plus de 10 ans d'expérience dans le milieu des technologies de l'information. Il habite dans le quartier Limoilou à Québec." /> <meta name="author" content="Hugo Soucy" /> - <meta name="generator" content="Pandoc + (Mustache + Bash) = Panstash" /> + <meta name="generator" content="FakeStache" /> </head> <body id="note" class="note"> @@ -47,7 +46,7 @@ Publié le <time class="dt-published" datetime="2016-09-21T11:27:37">2016-09-21</time> par <a class="p-author author" href="http://hugo.soucy.cc#hs" rel="author"><i>Hugo Soucy</i></a> - et modifié le <time class="dt-updated">2016-09-21T11:31:28</time>. + et modifié le <time class="dt-updated">2016-11-05T15:56:29</time>. <br/>&crarr; <a href="http://hugo.soucy.cc/note">Retourner aux notes</a>. </footer> </div> @@ -55,48 +54,19 @@ </article> </main> - <nav class="nav"> - <div class="nav__panel" id="menu" tabindex="0"> - <div class="nav__panel__content layout"> - <h2 class="visuallyhidden">Navigation</h2> - - <ul class="nav__list" role="menubar"> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc" rel="index"> - Page d'accueil - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/note"> - Notes - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/txt"> - Textes - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/file/curriculum-vitae"> - Curriculum vitae - </a> - </li> - </ul> - </div> + <script id="cuttingTheMustard"> + var cuttingTheMustard = ('querySelector' in document); + var bottomjs; - <a class="nav__close" href="#" role="button"> - <span class="nav__close__text"> - Fermer <span class="visuallyhidden">le menu</span> - </span> + if (cuttingTheMustard) { + bottomjs = document.createElement('script'); + bottomjs.src = 'http://hugo.soucy.cc/js/script.min.js'; + bottomjs.id = 'bottomjs'; - <span class="nav__x"> - <i class="nav__x__ico"></i> - </span> - </a> - </div> - </nav> - - <!-- <script src="http://hugo.soucy.cc/js/vendor/atomic.min.js"></script> - <script src="http://hugo.soucy.cc/js/script.js"></script> --> + document.body.appendChild(bottomjs); + document.querySelector('html').classList.remove('no-js'); + document.querySelector('html').classList.add('js'); + } + </script> </body> </html> diff --git a/public_html/note/2016/10/how-can-i-handle-command-line-arguments-options-to-my-script-easily.html b/public_html/note/2016/10/how-can-i-handle-command-line-arguments-options-to-my-script-easily.html @@ -1,5 +1,5 @@ <!DOCTYPE html> -<html lang="fr"> +<html class="no-js" lang="fr"> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> @@ -20,13 +20,12 @@ <link rel="me" href="https://github.com/hs0ucy" /> <link rel="me" href="sms:+15819966481" /> - <link href="http://hugo.soucy.cc/feed.note.atom.xml" type="application/atom+xml" rel="alternate" title="Feed des notes" /> - <link href="http://hugo.soucy.cc/feed.txt.atom.xml" type="application/atom+xml" rel="alternate" title="Feed des textes" /> + <link href="http://hugo.soucy.cc/feed.atom.xml" type="application/atom+xml" rel="alternate" title="Feed de tous les contenus" /> - <meta name="robots" content="noindex, nofollow" /> + <meta name="robots" content="index, follow" /> <meta name="description" content="Développeur Web frontend ayant plus de 10 ans d'expérience dans le milieu des technologies de l'information. Il habite dans le quartier Limoilou à Québec." /> <meta name="author" content="Hugo Soucy" /> - <meta name="generator" content="Pandoc + (Mustache + Bash) = Panstash" /> + <meta name="generator" content="FakeStache" /> </head> <body id="note" class="note"> @@ -47,7 +46,7 @@ Publié le <time class="dt-published" datetime="2016-10-24T09:10:36">2016-10-24</time> par <a class="p-author author" href="http://hugo.soucy.cc#hs" rel="author"><i>Hugo Soucy</i></a> - et modifié le <time class="dt-updated">2016-10-24T09:16:51</time>. + et modifié le <time class="dt-updated">2016-11-05T15:56:36</time>. <br/>&crarr; <a href="http://hugo.soucy.cc/note">Retourner aux notes</a>. </footer> </div> @@ -55,48 +54,19 @@ </article> </main> - <nav class="nav"> - <div class="nav__panel" id="menu" tabindex="0"> - <div class="nav__panel__content layout"> - <h2 class="visuallyhidden">Navigation</h2> - - <ul class="nav__list" role="menubar"> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc" rel="index"> - Page d'accueil - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/note"> - Notes - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/txt"> - Textes - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/file/curriculum-vitae"> - Curriculum vitae - </a> - </li> - </ul> - </div> + <script id="cuttingTheMustard"> + var cuttingTheMustard = ('querySelector' in document); + var bottomjs; - <a class="nav__close" href="#" role="button"> - <span class="nav__close__text"> - Fermer <span class="visuallyhidden">le menu</span> - </span> + if (cuttingTheMustard) { + bottomjs = document.createElement('script'); + bottomjs.src = 'http://hugo.soucy.cc/js/script.min.js'; + bottomjs.id = 'bottomjs'; - <span class="nav__x"> - <i class="nav__x__ico"></i> - </span> - </a> - </div> - </nav> - - <!-- <script src="http://hugo.soucy.cc/js/vendor/atomic.min.js"></script> - <script src="http://hugo.soucy.cc/js/script.js"></script> --> + document.body.appendChild(bottomjs); + document.querySelector('html').classList.remove('no-js'); + document.querySelector('html').classList.add('js'); + } + </script> </body> </html> diff --git a/public_html/note/2016/10/linux-foundation-takes-javascript-under-its-wings.html b/public_html/note/2016/10/linux-foundation-takes-javascript-under-its-wings.html @@ -1,5 +1,5 @@ <!DOCTYPE html> -<html lang="fr"> +<html class="no-js" lang="fr"> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> @@ -20,13 +20,12 @@ <link rel="me" href="https://github.com/hs0ucy" /> <link rel="me" href="sms:+15819966481" /> - <link href="http://hugo.soucy.cc/feed.note.atom.xml" type="application/atom+xml" rel="alternate" title="Feed des notes" /> - <link href="http://hugo.soucy.cc/feed.txt.atom.xml" type="application/atom+xml" rel="alternate" title="Feed des textes" /> + <link href="http://hugo.soucy.cc/feed.atom.xml" type="application/atom+xml" rel="alternate" title="Feed de tous les contenus" /> - <meta name="robots" content="noindex, nofollow" /> + <meta name="robots" content="index, follow" /> <meta name="description" content="Développeur Web frontend ayant plus de 10 ans d'expérience dans le milieu des technologies de l'information. Il habite dans le quartier Limoilou à Québec." /> <meta name="author" content="Hugo Soucy" /> - <meta name="generator" content="Pandoc + (Mustache + Bash) = Panstash" /> + <meta name="generator" content="FakeStache" /> </head> <body id="note" class="note"> @@ -47,7 +46,7 @@ Publié le <time class="dt-published" datetime="2016-10-21T11:00:18">2016-10-21</time> par <a class="p-author author" href="http://hugo.soucy.cc#hs" rel="author"><i>Hugo Soucy</i></a> - et modifié le <time class="dt-updated">2016-10-21T11:09:14</time>. + et modifié le <time class="dt-updated">2016-11-05T15:56:44</time>. <br/>&crarr; <a href="http://hugo.soucy.cc/note">Retourner aux notes</a>. </footer> </div> @@ -55,48 +54,19 @@ </article> </main> - <nav class="nav"> - <div class="nav__panel" id="menu" tabindex="0"> - <div class="nav__panel__content layout"> - <h2 class="visuallyhidden">Navigation</h2> - - <ul class="nav__list" role="menubar"> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc" rel="index"> - Page d'accueil - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/note"> - Notes - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/txt"> - Textes - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/file/curriculum-vitae"> - Curriculum vitae - </a> - </li> - </ul> - </div> + <script id="cuttingTheMustard"> + var cuttingTheMustard = ('querySelector' in document); + var bottomjs; - <a class="nav__close" href="#" role="button"> - <span class="nav__close__text"> - Fermer <span class="visuallyhidden">le menu</span> - </span> + if (cuttingTheMustard) { + bottomjs = document.createElement('script'); + bottomjs.src = 'http://hugo.soucy.cc/js/script.min.js'; + bottomjs.id = 'bottomjs'; - <span class="nav__x"> - <i class="nav__x__ico"></i> - </span> - </a> - </div> - </nav> - - <!-- <script src="http://hugo.soucy.cc/js/vendor/atomic.min.js"></script> - <script src="http://hugo.soucy.cc/js/script.js"></script> --> + document.body.appendChild(bottomjs); + document.querySelector('html').classList.remove('no-js'); + document.querySelector('html').classList.add('js'); + } + </script> </body> </html> diff --git a/public_html/note/2016/10/who-pays-for-the-decentralized-web.html b/public_html/note/2016/10/who-pays-for-the-decentralized-web.html @@ -1,5 +1,5 @@ <!DOCTYPE html> -<html lang="fr"> +<html class="no-js" lang="fr"> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> @@ -20,13 +20,12 @@ <link rel="me" href="https://github.com/hs0ucy" /> <link rel="me" href="sms:+15819966481" /> - <link href="http://hugo.soucy.cc/feed.note.atom.xml" type="application/atom+xml" rel="alternate" title="Feed des notes" /> - <link href="http://hugo.soucy.cc/feed.txt.atom.xml" type="application/atom+xml" rel="alternate" title="Feed des textes" /> + <link href="http://hugo.soucy.cc/feed.atom.xml" type="application/atom+xml" rel="alternate" title="Feed de tous les contenus" /> - <meta name="robots" content="noindex, nofollow" /> + <meta name="robots" content="index, follow" /> <meta name="description" content="Développeur Web frontend ayant plus de 10 ans d'expérience dans le milieu des technologies de l'information. Il habite dans le quartier Limoilou à Québec." /> <meta name="author" content="Hugo Soucy" /> - <meta name="generator" content="Pandoc + (Mustache + Bash) = Panstash" /> + <meta name="generator" content="FakeStache" /> </head> <body id="note" class="note"> @@ -47,7 +46,7 @@ Publié le <time class="dt-published" datetime="2016-10-17T08:37:17">2016-10-17</time> par <a class="p-author author" href="http://hugo.soucy.cc#hs" rel="author"><i>Hugo Soucy</i></a> - et modifié le <time class="dt-updated">2016-10-21T10:42:18</time>. + et modifié le <time class="dt-updated">2016-11-05T15:56:50</time>. <br/>&crarr; <a href="http://hugo.soucy.cc/note">Retourner aux notes</a>. </footer> </div> @@ -55,48 +54,19 @@ </article> </main> - <nav class="nav"> - <div class="nav__panel" id="menu" tabindex="0"> - <div class="nav__panel__content layout"> - <h2 class="visuallyhidden">Navigation</h2> - - <ul class="nav__list" role="menubar"> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc" rel="index"> - Page d'accueil - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/note"> - Notes - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/txt"> - Textes - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/file/curriculum-vitae"> - Curriculum vitae - </a> - </li> - </ul> - </div> + <script id="cuttingTheMustard"> + var cuttingTheMustard = ('querySelector' in document); + var bottomjs; - <a class="nav__close" href="#" role="button"> - <span class="nav__close__text"> - Fermer <span class="visuallyhidden">le menu</span> - </span> + if (cuttingTheMustard) { + bottomjs = document.createElement('script'); + bottomjs.src = 'http://hugo.soucy.cc/js/script.min.js'; + bottomjs.id = 'bottomjs'; - <span class="nav__x"> - <i class="nav__x__ico"></i> - </span> - </a> - </div> - </nav> - - <!-- <script src="http://hugo.soucy.cc/js/vendor/atomic.min.js"></script> - <script src="http://hugo.soucy.cc/js/script.js"></script> --> + document.body.appendChild(bottomjs); + document.querySelector('html').classList.remove('no-js'); + document.querySelector('html').classList.add('js'); + } + </script> </body> </html> diff --git a/public_html/note/2016/11/browsers-not-apps-are-the-future-of-mobile.html b/public_html/note/2016/11/browsers-not-apps-are-the-future-of-mobile.html @@ -0,0 +1,72 @@ +<!DOCTYPE html> +<html class="no-js" lang="fr"> + <head> + <meta charset="utf-8" /> + <meta http-equiv="X-UA-Compatible" content="IE=edge" /> + <title>Browsers, not apps, are the future of mobile &mdash; hugo.soucy.cc</title> + + <meta name="viewport" content="width=device-width, initial-scale=1" /> + <script src="http://hugo.soucy.cc/js/vendor/modernizr-3.3.1-custom.min.js"></script> + <link rel="stylesheet" href="http://hugo.soucy.cc/css/styles.css" /> + + <!-- webmention.io --> + <link rel="pingback" href="https://webmention.io/hugo.soucy.cc/xmlrpc" /> + <link rel="webmention" href="https://webmention.io/hugo.soucy.cc/webmention" /> + + <link rel="me" href="http://shr.soucy.cc/" /> + <link rel="me" href="https://bandcamp.com/hs0ucy" /> + <link rel="me" href="https://framasphere.org/u/hs0ucy" /> + <link rel="me" href="http://twitter.com/hs0ucy" /> + <link rel="me" href="https://github.com/hs0ucy" /> + <link rel="me" href="sms:+15819966481" /> + + <link href="http://hugo.soucy.cc/feed.atom.xml" type="application/atom+xml" rel="alternate" title="Feed de tous les contenus" /> + + <meta name="robots" content="index, follow" /> + <meta name="description" content="Développeur Web frontend ayant plus de 10 ans d'expérience dans le milieu des technologies de l'information. Il habite dans le quartier Limoilou à Québec." /> + <meta name="author" content="Hugo Soucy" /> + <meta name="generator" content="FakeStache" /> + </head> + +<body id="note" class="note"> + <main> + <article class="layout h-entry hentry as-note"> + <div class="layout__vcenter"> + <h1 class="visuallyhidden">Browsers, not apps, are the future of mobile</h1> + + <div class="note__blocknote p-name e-content"> + <p>«Browsers, not apps, are the future of mobile» ~ <a href="http://x.soucy.cc/ck" class="uri">http://x.soucy.cc/ck</a> #WebDev</p> + </div> + + <footer class="note__footer"> + <a class="note__link u-url u-uid u-syndication bookmark" + href="http://hugo.soucy.cc/note/2016/11/browsers-not-apps-are-the-future-of-mobile.html" + rel="bookmark">#</a> + + + Publié le <time class="dt-published" datetime="2016-11-04T09:47:45">2016-11-04</time> + par <a class="p-author author" href="http://hugo.soucy.cc#hs" rel="author"><i>Hugo Soucy</i></a> + et modifié le <time class="dt-updated">2016-11-05T15:56:58</time>. + <br/>&crarr; <a href="http://hugo.soucy.cc/note">Retourner aux notes</a>. + </footer> + </div> + <a class="visuallyhidden" href="https://brid.gy/publish/twitter"></a> + </article> + </main> + + <script id="cuttingTheMustard"> + var cuttingTheMustard = ('querySelector' in document); + var bottomjs; + + if (cuttingTheMustard) { + bottomjs = document.createElement('script'); + bottomjs.src = 'http://hugo.soucy.cc/js/script.min.js'; + bottomjs.id = 'bottomjs'; + + document.body.appendChild(bottomjs); + document.querySelector('html').classList.remove('no-js'); + document.querySelector('html').classList.add('js'); + } + </script> +</body> +</html> diff --git a/public_html/note/2016/11/indieweb-make-your-social-media-posts-open-first.html b/public_html/note/2016/11/indieweb-make-your-social-media-posts-open-first.html @@ -1,5 +1,5 @@ <!DOCTYPE html> -<html lang="fr"> +<html class="no-js" lang="fr"> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> @@ -20,13 +20,12 @@ <link rel="me" href="https://github.com/hs0ucy" /> <link rel="me" href="sms:+15819966481" /> - <link href="http://hugo.soucy.cc/feed.note.atom.xml" type="application/atom+xml" rel="alternate" title="Feed des notes" /> - <link href="http://hugo.soucy.cc/feed.txt.atom.xml" type="application/atom+xml" rel="alternate" title="Feed des textes" /> + <link href="http://hugo.soucy.cc/feed.atom.xml" type="application/atom+xml" rel="alternate" title="Feed de tous les contenus" /> - <meta name="robots" content="noindex, nofollow" /> + <meta name="robots" content="index, follow" /> <meta name="description" content="Développeur Web frontend ayant plus de 10 ans d'expérience dans le milieu des technologies de l'information. Il habite dans le quartier Limoilou à Québec." /> <meta name="author" content="Hugo Soucy" /> - <meta name="generator" content="Pandoc + (Mustache + Bash) = Panstash" /> + <meta name="generator" content="FakeStache" /> </head> <body id="note" class="note"> @@ -47,7 +46,7 @@ Publié le <time class="dt-published" datetime="2016-11-03T15:14:25">2016-11-03</time> par <a class="p-author author" href="http://hugo.soucy.cc#hs" rel="author"><i>Hugo Soucy</i></a> - et modifié le <time class="dt-updated">2016-11-03T15:17:00</time>. + et modifié le <time class="dt-updated">2016-11-05T15:57:06</time>. <br/>&crarr; <a href="http://hugo.soucy.cc/note">Retourner aux notes</a>. </footer> </div> @@ -55,48 +54,19 @@ </article> </main> - <nav class="nav"> - <div class="nav__panel" id="menu" tabindex="0"> - <div class="nav__panel__content layout"> - <h2 class="visuallyhidden">Navigation</h2> - - <ul class="nav__list" role="menubar"> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc" rel="index"> - Page d'accueil - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/note"> - Notes - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/txt"> - Textes - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/file/curriculum-vitae"> - Curriculum vitae - </a> - </li> - </ul> - </div> + <script id="cuttingTheMustard"> + var cuttingTheMustard = ('querySelector' in document); + var bottomjs; - <a class="nav__close" href="#" role="button"> - <span class="nav__close__text"> - Fermer <span class="visuallyhidden">le menu</span> - </span> + if (cuttingTheMustard) { + bottomjs = document.createElement('script'); + bottomjs.src = 'http://hugo.soucy.cc/js/script.min.js'; + bottomjs.id = 'bottomjs'; - <span class="nav__x"> - <i class="nav__x__ico"></i> - </span> - </a> - </div> - </nav> - - <!-- <script src="http://hugo.soucy.cc/js/vendor/atomic.min.js"></script> - <script src="http://hugo.soucy.cc/js/script.js"></script> --> + document.body.appendChild(bottomjs); + document.querySelector('html').classList.remove('no-js'); + document.querySelector('html').classList.add('js'); + } + </script> </body> </html> diff --git a/public_html/note/2016/11/the-average-american-now-downloads-zero-apps-per-month.html b/public_html/note/2016/11/the-average-american-now-downloads-zero-apps-per-month.html @@ -0,0 +1,79 @@ +<!DOCTYPE html> +<html class="no-js" lang="fr"> + <head> + <meta charset="utf-8" /> + <meta http-equiv="X-UA-Compatible" content="IE=edge" /> + <title>the average American now downloads zero apps per month &mdash; hugo.soucy.cc</title> + + <meta name="viewport" content="width=device-width, initial-scale=1" /> + <script src="http://hugo.soucy.cc/js/vendor/modernizr-3.3.1-custom.min.js"></script> + <link rel="stylesheet" href="http://hugo.soucy.cc/css/styles.css" /> + + <!-- webmention.io --> + <link rel="pingback" href="https://webmention.io/hugo.soucy.cc/xmlrpc" /> + <link rel="webmention" href="https://webmention.io/hugo.soucy.cc/webmention" /> + + <link rel="me" href="http://shr.soucy.cc/" /> + <link rel="me" href="https://bandcamp.com/hs0ucy" /> + <link rel="me" href="https://framasphere.org/u/hs0ucy" /> + <link rel="me" href="http://twitter.com/hs0ucy" /> + <link rel="me" href="https://github.com/hs0ucy" /> + <link rel="me" href="sms:+15819966481" /> + + <link href="http://hugo.soucy.cc/feed.atom.xml" type="application/atom+xml" rel="alternate" title="Feed de tous les contenus" /> + + <meta name="robots" content="index, follow" /> + <meta name="description" content="Développeur Web frontend ayant plus de 10 ans d'expérience dans le milieu des technologies de l'information. Il habite dans le quartier Limoilou à Québec." /> + <meta name="author" content="Hugo Soucy" /> + <meta name="generator" content="FakeStache" /> + </head> + +<body id="note" class="note"> + <main> + <article class="layout h-entry hentry as-note"> + <div class="layout__vcenter"> + <h1 class="visuallyhidden">the average American now downloads zero apps per month</h1> + + <blockquote class="note__blockquote p-name e-content"> + <div class="note__blockquote__quote"><p>«[...] the average American now downloads zero apps per month.»</p></div> + <footer class="note__blockquote__footer"> + &mdash; + <cite class="note__blockquote__cite"> + <a href="https://blog.intercom.com/browsers-not-apps-are-the-future-of-mobile/" rel="external nofollow"> + Hugh Durkin + </a> + </cite> + </footer> + </blockquote> + + <footer class="note__footer"> + <a class="note__link u-url u-uid u-syndication bookmark" + href="http://hugo.soucy.cc/note/2016/11/the-average-american-now-downloads-zero-apps-per-month.html" + rel="bookmark">#</a> + + + Publié le <time class="dt-published" datetime="2016-11-04T09:51:43">2016-11-04</time> + par <a class="p-author author" href="http://hugo.soucy.cc#hs" rel="author"><i>Hugo Soucy</i></a> + et modifié le <time class="dt-updated">2016-11-05T15:57:21</time>. + <br/>&crarr; <a href="http://hugo.soucy.cc/note">Retourner aux notes</a>. + </footer> + </div> + </article> + </main> + + <script id="cuttingTheMustard"> + var cuttingTheMustard = ('querySelector' in document); + var bottomjs; + + if (cuttingTheMustard) { + bottomjs = document.createElement('script'); + bottomjs.src = 'http://hugo.soucy.cc/js/script.min.js'; + bottomjs.id = 'bottomjs'; + + document.body.appendChild(bottomjs); + document.querySelector('html').classList.remove('no-js'); + document.querySelector('html').classList.add('js'); + } + </script> +</body> +</html> diff --git a/public_html/note/index.html b/public_html/note/index.html @@ -1,5 +1,5 @@ <!DOCTYPE html> -<html lang="fr"> +<html class="no-js" lang="fr"> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> @@ -20,13 +20,12 @@ <link rel="me" href="https://github.com/hs0ucy" /> <link rel="me" href="sms:+15819966481" /> - <link href="http://hugo.soucy.cc/feed.note.atom.xml" type="application/atom+xml" rel="alternate" title="Feed des notes" /> - <link href="http://hugo.soucy.cc/feed.txt.atom.xml" type="application/atom+xml" rel="alternate" title="Feed des textes" /> + <link href="http://hugo.soucy.cc/feed.atom.xml" type="application/atom+xml" rel="alternate" title="Feed de tous les contenus" /> - <meta name="robots" content="noindex, nofollow" /> + <meta name="robots" content="index, follow" /> <meta name="description" content="Développeur Web frontend ayant plus de 10 ans d'expérience dans le milieu des technologies de l'information. Il habite dans le quartier Limoilou à Québec." /> <meta name="author" content="Hugo Soucy" /> - <meta name="generator" content="Pandoc + (Mustache + Bash) = Panstash" /> + <meta name="generator" content="FakeStache" /> </head> <body id="note" class="note"> @@ -43,13 +42,34 @@ </span> </a> </div> - + <main> <div class="layout"> <h1 id="notes">Notes</h1> - + <ol class="note__list"> <li class="note__item h-entry hentry as-note"> + <blockquote> + <div class="note__blockquote__quote"> + <p>«[...] the average American now downloads zero apps per month.»</p> + </div> + <footer class="note__blockquote__footer"> + — <cite class="note__blockquote__cite"> <a href="https://blog.intercom.com/browsers-not-apps-are-the-future-of-mobile/">Hugh Durkin</a> </cite> + </footer> + </blockquote> + <footer class="note__footer"> + <p>Publié le <a href="http://hugo.soucy.cc/note/2016/11/the-average-american-now-downloads-zero-apps-per-month.html" class="note__link u-url u-uid u-syndication"><time class="dt-published dt-updated" datetime="2016-11-04T09:51:43">2016-11-04</time></a>. <span class="visuallyhidden">par <em>Hugo Soucy</em></span></p> + </footer> + </li> + <li class="note__item h-entry hentry as-note"> + <div class="note__blocknote p-name e-content"> + <p>«Browsers, not apps, are the future of mobile» ~ <a href="http://x.soucy.cc/ck" class="uri" class="uri">http://x.soucy.cc/ck</a> #WebDev</p> + </div> + <footer class="note__footer"> + <p>Publié le <a href="http://hugo.soucy.cc/note/2016/11/browsers-not-apps-are-the-future-of-mobile.html" class="note__link u-url u-uid u-syndication"><time class="dt-published dt-updated" datetime="2016-11-04T09:47:45">2016-11-04</time></a>. <span class="visuallyhidden">par <em>Hugo Soucy</em></span></p> + </footer> + </li> + <li class="note__item h-entry hentry as-note"> <div class="note__blocknote p-name e-content"> <p>«#IndieWeb: Make your social media posts open first» ~ <a href="http://x.soucy.cc/cj" class="uri" class="uri">http://x.soucy.cc/cj</a> #WebDev</p> </div> @@ -422,7 +442,7 @@ </a> </li> <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/file/curriculum-vitae"> + <a class="nav__link" href="http://hugo.soucy.cc/file/curriculum-vitae.html"> Curriculum vitae </a> </li> @@ -440,5 +460,20 @@ </a> </div> </nav> + <script id="cuttingTheMustard"> + var cuttingTheMustard = ('querySelector' in document); + var bottomjs; + + if (cuttingTheMustard) { + bottomjs = document.createElement('script'); + bottomjs.src = 'http://hugo.soucy.cc/js/script.min.js'; + bottomjs.id = 'bottomjs'; + + document.body.appendChild(bottomjs); + document.querySelector('html').classList.remove('no-js'); + document.querySelector('html').classList.add('js'); + } +</script> + </body> </html> diff --git a/public_html/txt/2014/02/les-partis-politiques-nuisent-ils-a-la-democratie.html b/public_html/txt/2014/02/les-partis-politiques-nuisent-ils-a-la-democratie.html @@ -1,5 +1,5 @@ <!DOCTYPE html> -<html lang="fr"> +<html class="no-js" lang="fr"> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> @@ -20,13 +20,12 @@ <link rel="me" href="https://github.com/hs0ucy" /> <link rel="me" href="sms:+15819966481" /> - <link href="http://hugo.soucy.cc/feed.note.atom.xml" type="application/atom+xml" rel="alternate" title="Feed des notes" /> - <link href="http://hugo.soucy.cc/feed.txt.atom.xml" type="application/atom+xml" rel="alternate" title="Feed des textes" /> + <link href="http://hugo.soucy.cc/feed.atom.xml" type="application/atom+xml" rel="alternate" title="Feed de tous les contenus" /> - <meta name="robots" content="noindex, nofollow" /> + <meta name="robots" content="index, follow" /> <meta name="description" content="Développeur Web frontend ayant plus de 10 ans d'expérience dans le milieu des technologies de l'information. Il habite dans le quartier Limoilou à Québec." /> <meta name="author" content="Hugo Soucy" /> - <meta name="generator" content="Pandoc + (Mustache + Bash) = Panstash" /> + <meta name="generator" content="FakeStache" /> </head> <body id="single"> @@ -82,7 +81,7 @@ </a> </li> <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/file/curriculum-vitae"> + <a class="nav__link" href="http://hugo.soucy.cc/file/curriculum-vitae.html"> Curriculum vitae </a> </li> @@ -110,5 +109,20 @@ </address> </footer> </article> + + <script id="cuttingTheMustard"> + var cuttingTheMustard = ('querySelector' in document); + var bottomjs; + + if (cuttingTheMustard) { + bottomjs = document.createElement('script'); + bottomjs.src = 'http://hugo.soucy.cc/js/script.min.js'; + bottomjs.id = 'bottomjs'; + + document.body.appendChild(bottomjs); + document.querySelector('html').classList.remove('no-js'); + document.querySelector('html').classList.add('js'); + } + </script> </body> </html> diff --git a/public_html/txt/2014/04/bronto-politiciens-de-silos.html b/public_html/txt/2014/04/bronto-politiciens-de-silos.html @@ -1,5 +1,5 @@ <!DOCTYPE html> -<html lang="fr"> +<html class="no-js" lang="fr"> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> @@ -20,13 +20,12 @@ <link rel="me" href="https://github.com/hs0ucy" /> <link rel="me" href="sms:+15819966481" /> - <link href="http://hugo.soucy.cc/feed.note.atom.xml" type="application/atom+xml" rel="alternate" title="Feed des notes" /> - <link href="http://hugo.soucy.cc/feed.txt.atom.xml" type="application/atom+xml" rel="alternate" title="Feed des textes" /> + <link href="http://hugo.soucy.cc/feed.atom.xml" type="application/atom+xml" rel="alternate" title="Feed de tous les contenus" /> - <meta name="robots" content="noindex, nofollow" /> + <meta name="robots" content="index, follow" /> <meta name="description" content="Développeur Web frontend ayant plus de 10 ans d'expérience dans le milieu des technologies de l'information. Il habite dans le quartier Limoilou à Québec." /> <meta name="author" content="Hugo Soucy" /> - <meta name="generator" content="Pandoc + (Mustache + Bash) = Panstash" /> + <meta name="generator" content="FakeStache" /> </head> <body id="single"> @@ -75,7 +74,7 @@ </a> </li> <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/file/curriculum-vitae"> + <a class="nav__link" href="http://hugo.soucy.cc/file/curriculum-vitae.html"> Curriculum vitae </a> </li> @@ -103,5 +102,20 @@ </address> </footer> </article> + + <script id="cuttingTheMustard"> + var cuttingTheMustard = ('querySelector' in document); + var bottomjs; + + if (cuttingTheMustard) { + bottomjs = document.createElement('script'); + bottomjs.src = 'http://hugo.soucy.cc/js/script.min.js'; + bottomjs.id = 'bottomjs'; + + document.body.appendChild(bottomjs); + document.querySelector('html').classList.remove('no-js'); + document.querySelector('html').classList.add('js'); + } + </script> </body> </html> diff --git a/public_html/txt/2014/09/mes-logiciels-libres-preferes.html b/public_html/txt/2014/09/mes-logiciels-libres-preferes.html @@ -1,5 +1,5 @@ <!DOCTYPE html> -<html lang="fr"> +<html class="no-js" lang="fr"> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> @@ -20,13 +20,12 @@ <link rel="me" href="https://github.com/hs0ucy" /> <link rel="me" href="sms:+15819966481" /> - <link href="http://hugo.soucy.cc/feed.note.atom.xml" type="application/atom+xml" rel="alternate" title="Feed des notes" /> - <link href="http://hugo.soucy.cc/feed.txt.atom.xml" type="application/atom+xml" rel="alternate" title="Feed des textes" /> + <link href="http://hugo.soucy.cc/feed.atom.xml" type="application/atom+xml" rel="alternate" title="Feed de tous les contenus" /> - <meta name="robots" content="noindex, nofollow" /> + <meta name="robots" content="index, follow" /> <meta name="description" content="Développeur Web frontend ayant plus de 10 ans d'expérience dans le milieu des technologies de l'information. Il habite dans le quartier Limoilou à Québec." /> <meta name="author" content="Hugo Soucy" /> - <meta name="generator" content="Pandoc + (Mustache + Bash) = Panstash" /> + <meta name="generator" content="FakeStache" /> </head> <body id="single"> @@ -83,7 +82,7 @@ </a> </li> <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/file/curriculum-vitae"> + <a class="nav__link" href="http://hugo.soucy.cc/file/curriculum-vitae.html"> Curriculum vitae </a> </li> @@ -111,5 +110,20 @@ </address> </footer> </article> + + <script id="cuttingTheMustard"> + var cuttingTheMustard = ('querySelector' in document); + var bottomjs; + + if (cuttingTheMustard) { + bottomjs = document.createElement('script'); + bottomjs.src = 'http://hugo.soucy.cc/js/script.min.js'; + bottomjs.id = 'bottomjs'; + + document.body.appendChild(bottomjs); + document.querySelector('html').classList.remove('no-js'); + document.querySelector('html').classList.add('js'); + } + </script> </body> </html> diff --git a/public_html/txt/emacs/2015/06/emacs-101-l-introduction.html b/public_html/txt/emacs/2015/06/emacs-101-l-introduction.html @@ -1,5 +1,5 @@ <!DOCTYPE html> -<html lang="fr"> +<html class="no-js" lang="fr"> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> @@ -20,13 +20,12 @@ <link rel="me" href="https://github.com/hs0ucy" /> <link rel="me" href="sms:+15819966481" /> - <link href="http://hugo.soucy.cc/feed.note.atom.xml" type="application/atom+xml" rel="alternate" title="Feed des notes" /> - <link href="http://hugo.soucy.cc/feed.txt.atom.xml" type="application/atom+xml" rel="alternate" title="Feed des textes" /> + <link href="http://hugo.soucy.cc/feed.atom.xml" type="application/atom+xml" rel="alternate" title="Feed de tous les contenus" /> - <meta name="robots" content="noindex, nofollow" /> + <meta name="robots" content="index, follow" /> <meta name="description" content="Développeur Web frontend ayant plus de 10 ans d'expérience dans le milieu des technologies de l'information. Il habite dans le quartier Limoilou à Québec." /> <meta name="author" content="Hugo Soucy" /> - <meta name="generator" content="Pandoc + (Mustache + Bash) = Panstash" /> + <meta name="generator" content="FakeStache" /> </head> <body id="single"> @@ -219,7 +218,7 @@ </a> </li> <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/file/curriculum-vitae"> + <a class="nav__link" href="http://hugo.soucy.cc/file/curriculum-vitae.html"> Curriculum vitae </a> </li> @@ -247,5 +246,20 @@ </address> </footer> </article> + + <script id="cuttingTheMustard"> + var cuttingTheMustard = ('querySelector' in document); + var bottomjs; + + if (cuttingTheMustard) { + bottomjs = document.createElement('script'); + bottomjs.src = 'http://hugo.soucy.cc/js/script.min.js'; + bottomjs.id = 'bottomjs'; + + document.body.appendChild(bottomjs); + document.querySelector('html').classList.remove('no-js'); + document.querySelector('html').classList.add('js'); + } + </script> </body> </html> diff --git a/public_html/txt/emacs/2015/06/emacs-101-l-introduction.html.orig b/public_html/txt/emacs/2015/06/emacs-101-l-introduction.html.orig @@ -1,252 +0,0 @@ -<!DOCTYPE html> -<html lang="fr"> - <head> - <meta charset="utf-8" /> - <meta http-equiv="X-UA-Compatible" content="IE=edge" /> - <title>Emacs 101 - l'introduction &mdash; hugo.soucy.cc</title> - - <meta name="viewport" content="width=device-width, initial-scale=1" /> - <script src="http://localhost:8181/js/vendor/modernizr-3.3.1-custom.min.js"></script> - <link rel="stylesheet" href="http://localhost:8181/css/styles.css" /> - - <!-- webmention.io --> - <link rel="pingback" href="https://webmention.io/hugo.soucy.cc/xmlrpc" /> - <link rel="webmention" href="https://webmention.io/hugo.soucy.cc/webmention" /> - - <link rel="me" href="http://shr.soucy.cc/" /> - <link rel="me" href="https://bandcamp.com/hs0ucy" /> - <link rel="me" href="https://framasphere.org/u/hs0ucy" /> - <link rel="me" href="http://twitter.com/hs0ucy" /> - <link rel="me" href="https://github.com/hs0ucy" /> - <link rel="me" href="sms:+15819966481" /> - - <meta name="robots" content="noindex, nofollow" /> - <meta name="description" content="Développeur Web frontend ayant plus de 10 ans d'expérience dans le milieu des technologies de l'information. Il habite dans le quartier Limoilou à Québec." /> - <meta name="author" content="Hugo Soucy" /> - <meta name="generator" content="Pandoc + (Mustache + Bash) = Panstash" /> - </head> - -<body id="single"> - - - <div class="layout"> - <a class="nav-button" href="#menu"> - <span class="nav-button__text"> - Menu <span class="visuallyhidden">principal</span> - </span> - - <span class="nav-button__burger"> - <i class="nav-button__burger__ico"></i> - </span> - </a> - </div> - - <article class="h-entry hentry"> - <div class="layout e-content p-name single"> - <!-- Pandoc var --> - <h1 id="emacs-101---lintroduction">Emacs 101 - l'introduction</h1> -<p>Apprendre <a href="http://www.gnu.org/software/emacs/">Emacs</a> peut être perçu comme quelque chose de difficile. Pour ma part, je ne considère pas cela comme difficile, non. Mais cela demande certainement du temps.</p> -<p>Premièrement, il faut du temps pour découvrir cet envrionnement et apprendre les concepts qui le compose. Il faut aussi du temps pour connaître par coeur les commandes de base. Notre tête et nos doigts doivent s'y habituer pour sortir du joug de la souris. Car c'est bien cela l'avantage de maîtriser son éditeur texte : gagner en productivité.</p> -<p>Et passer moins de temps à faire des aller-retours entre la souris et le clavier apporte définitivement un gain en productivité.</p> -<p>Comme par exemple, si je veux sélectionner un paragraphe, le couper et le coller à fin du document. Je peux utiliser le clavier et la souris ... ou seulement la souris. Toutefois avec Emacs je ferais la série de commandes suivantes (<code>C-</code> correspond à la touche <code>Ctrl</code> et <code>M-</code> correspond à la touche <code>Alt</code>) :</p> -<ol style="list-style-type: decimal"> -<li><code>M-a</code>, pour placer mon curseur au début au paragraphe;</li> -<li><code>M-k</code>, pour couper une paragraphe vers l'avant (l'inverse serait <code>C-x &lt;DEL&gt;</code>);</li> -<li><code>M-&gt;</code>, pour me rendre à la fin du document;</li> -<li><code>C-y</code>, pour finalement coller le paragraphe.</li> -</ol> -<p>Dans les premiers temps ce type de séquence vous paraîtra beaucoup moins efficace que vos anciennes habitudes, mais si vous persévérez dans l'apprentissage d'Emacs, après quelques semaines vous exécuterez ce genre de tâche avec rapidité et fluidité.</p> -<p>Selon-moi le meilleur moyen d'apprendre les commandes de base, est de suivre le tutoriel officiel qui est directement intégrer dans Emacs. Pour y accéder, tapez <code>M-x</code>, puis entrez la commande <code>help-with-tutorial-spec-language</code>; un choix de langue vous sera offert.</p> -<p>Ce tutoriel interactif vous apprendra les bases pour atteindre le bonheur et le confort dans votre nouvel éditeur texte préféré :</p> -<ul> -<li>Démarrer et fermer Emacs.</li> -<li>Les commandes de bases pour vous déplacer dans le texte et l'éditer.</li> -<li>Ouvrir et sauvegarder des fichiers.</li> -<li>Les concepts qui composent Emacs : windows, frames, files, buffers, etc.</li> -<li>Invoquer des fonctions avec la commande <code>M-x</code>.</li> -<li>Etc.</li> -</ul> -<h2 id="buffers-windows-et-frames">Buffers, windows et frames</h2> -<p>Avant d'enter dans les commandes de déplacement et d'édition, je crois qu'il faut d'abord que je vous explique ce qu'est un <strong>buffer</strong>, une <strong>window</strong> et un <strong>frame</strong>. Ces concepts sont parfois un peu déroutant pour le nouveau venu dans Emacs ...</p> -<h3 id="buffers">Buffers</h3> -<p>Premièrement, on peut avoir plusieurs buffers ouverts en même temps. Habituellement un buffer représente le contenu d'un fichier, mais il peut être aussi de l'information en provenance de l'application, comme par exemple le buffer <em>Messages</em>, toujours présent à l'ouverture d'Emacs.</p> -<p>Les buffers sont visibles travers les fenêtres (windows). Pour passer à un autre buffer et l'afficher dans la fenêtre courante vous devez faire la commande <code>C-x b</code>. Cela a pour conséquence de déplacer le curseur vers le <strong>minibuffer</strong> et d'afficher un message qui ressemble à &quot;Switch to buffer (default <em>scratch</em>)&quot;.</p> -<p>À partir de là, vous pouvez taper le nom du buffer vers lequel vous voulez basculer. Pour afficher la liste de ceux qui sont ouverts appuyez sur la touche <code>Tab</code>.</p> -<p>Pour quitter le minibuffer, annuler la commande en cours et retourner le curseur dans le buffer faîtes <code>C-g</code>.</p> -<p>Il est aussi possible de lister directement tous les buffers qui sont actifs en tapant <code>C-x C-b</code>.</p> -<h3 id="windows-et-frames">Windows et frames</h3> -<p>Dans Emacs une fenêtre (window) n'est pas une fenêtre comme on l'entend dans un contexte de système d'exploitation; dans ce cas on parlerait plutôt d'un cadre (frame). La fenêtre est une vue sur un buffer, et il est possible d'avoir plusieurs fenêtres dans un seul cadre, ce qui permet d'afficher de multiple buffers en même temps.</p> -<p>Bien sûr il y des commandes pour créer ou supprimer des fenêtres, se déplacer dans chacune d'elle, <a href="http://www.gnu.org/software/emacs/manual/html_node/emacs/Change-Window.html">modifier leur taille, etc</a>.</p> -<ul> -<li>Nouvelle fenêtre horizontale : <code>C-x 2</code>.</li> -<li>Nouvelle fenêtre verticale : <code>C-x 3</code>.</li> -<li>Fermer toutes les fenêtres sauf la fenêtre courante : <code>C-x 1</code>.</li> -<li>Fermer la fenêtre courante : <code>C-x 0</code>.</li> -<li>Naviguer d'une fenêtre à l'autre : <code>C-x o</code>.</li> -</ul> -<p>Si vous voulez un nouveau cadre et non une nouvelle fenêtre, la commande est <code>C-x 5 2</code>.</p> -<h3 id="minibuffer">Minibuffer</h3> -<p>Le <strong>minibuffer</strong> quant à lui est l'espace, sous la barre de status, où vous interagissez avec Emacs : entrer une commande, donner un valeur à un argument, recevoir de l'info, etc. Dans le minibuffer vous avez accès aux mêmes fonctionnalités que dans n'importe quel buffer.</p> -<p><em>Rappel : Pour quitter le minibuffer, annuler la commande en cours et retourner le curseur dans le buffer faîtes <code>C-g</code>.</em></p> -<h2 id="les-commandes-de-base">Les commandes de base</h2> -<p>Voici une liste des commandes que vous devez maîtriser pour être efficace dans Emacs. Il est aussi intéressant de savoir que, plusieurs commandes Emacs de base fonctionneront dans n'importe quel terminal Linux ou BSD. Donc en les apprenant, vous devenez également un meilleur utilisateur UNIX.</p> -<p>D'abord, rappelons que <code>C-</code> correspond à la touche <code>Ctrl</code> et que <code>M-</code> correspond à la touche <code>Alt</code>. Donc <code>C-k</code> est semblable à <code>Ctrl + k</code>.</p> -<h3 id="ouvrir-créer-sauvegarder-et-fermer-des-buffers">Ouvrir, créer, sauvegarder et fermer des buffers</h3> -<ul> -<li>Ouvir ou créer un fichier : <code>C-x C-f</code>.</li> -<li>Sauvegarder le buffer courant : <code>C-x C-s</code>.</li> -<li>Sauvegarder tous les buffers ouverts : <code>C-x s</code>.</li> -<li>Enregistrer-sous : <code>C-x C-w</code>.</li> -<li>Fermer un buffer : <code>C-x k</code>.</li> -</ul> -<h3 id="se-déplacer-dans-un-buffer">Se déplacer dans un buffer</h3> -<ul> -<li>Caratère suivant : <code>C-f</code>.</li> -<li>Caratère précédent : <code>C-b</code>.</li> -<li>Ligne suivante : <code>C-n</code>.</li> -<li>Ligne précédente : <code>C-p</code>.</li> -<li>Début d'une ligne : <code>C-a</code>.</li> -<li>Début d'une ligne indentée : <code>M-m</code>.</li> -<li>Fin d'une ligne : <code>C-e</code>.</li> -<li>Mot suivant : <code>M-f</code>.</li> -<li>Mot précédent : <code>M-b</code>.</li> -<li>Phrase précédente : <code>M-a</code>.</li> -<li>Phrase suivante : <code>M-e</code>.</li> -<li>Page précédente : <code>M-v</code>.</li> -<li>Page suivante : <code>C-v</code>.</li> -<li>Début du buffer : <code>M-&lt;</code>.</li> -<li>Fin du buffer : <code>M-&gt;</code>.</li> -<li>Aller à une ligne en particulier : <code>M-g g</code>.</li> -</ul> -<h3 id="chercher-remplacer">Chercher / Remplacer</h3> -<ul> -<li>Recherche vers la fin du fichier : <code>C-s</code> (répéter la commande pour l'occurrence suivante).</li> -<li>Recherche vers le début du fichier : <code>C-r</code> (répéter la commande pour l'occurrence précédente).</li> -<li>Remplacer : <code>M-%</code>,</li> -<li><code>y</code> pour remplacer la correspondance en cours;</li> -<li><code>n</code> pour aller à la prohcaine correspondance sans remplacer;</li> -<li><code>q</code> pour sortir du processus de remplacement courant;</li> -<li><code>.</code> pour remplacer la correspondance en cours puis quitter le processus;</li> -<li><code>!</code> pour tout remplacer sans aucune autre question.</li> -<li>Chercher dans plusieurs fichiers : <code>M-x rgrep</code>.</li> -</ul> -<h3 id="effacer">Effacer</h3> -<ul> -<li>Effacer le mot suivant : <code>M-d</code>.</li> -<li>Effacer le mot précédant : <code>M-Backspace</code>.</li> -</ul> -<h3 id="sélectionner">Sélectionner</h3> -<ul> -<li>Indiquer le début (point) d'une sélection (mark) : <code>C-Spacebar</code>.</li> -<li>Sélectionner tout le paragraphe : <code>M-h</code>.</li> -<li>Sélectionner tout le buffer : <code>C-x h</code>.</li> -<li>Sélectionner une fonction : <code>C-M-h</code>.</li> -<li>Modifier une sélection : <code>C-x C-x</code>.</li> -</ul> -<p>Notez que l'on peut faire des actions spécifiques à une région qui est marquée. Ex.: Des undo, des trouver/remplacer, des recherches, etc.</p> -<h3 id="couper-copier-coller">Couper / Copier / Coller</h3> -<p>Dans le jargon Emacs les termes couper et coller sont remplacé par &quot;kill&quot; et &quot;yank&quot;.</p> -<ul> -<li>Couper : <code>C-w</code>.</li> -<li>Copier : <code>M-w</code>.</li> -<li>Coller : <code>C-y</code>.</li> -<li>Couper une ligne : <code>C-k</code>.</li> -<li>Couper une phrase (vers l'avant) : <code>M-k</code>.</li> -<li>Couper une phrase (vers l'arrière) : <code>C-x &lt;DEL&gt;</code>.</li> -<li>Couper une région : <code>C-w</code>.</li> -</ul> -<p>Emacs garde en mémoire tout ce qui a été couper et copier et lorsque vous collez vous avez accès à cet historique. Pour cela il suffit de coller une première fois avec <code>C-y</code>, puis ensuite faire <code>M-y</code> pour coller l'item de l'historique suivant. Cette &quot;mémoire&quot; se nomme <strong>kill ring</strong>. Cette fonctionnalité est une particularité très puissante et très utile de Emacs.</p> -<h3 id="undo">Undo</h3> -<p>Il y a trois combinaisons possibles pour invoquer la fonction undo ...</p> -<ul> -<li>Undo : <code>C-x u</code> ou <code>C-/</code> ou <code>C-_</code>.</li> -</ul> -<p>À la base Emacs n'offre pas de fonction &quot;redo&quot; je crois. Mais il y a une extension qui s'appelle <strong>undo-tree</strong> qui étend les fonctionnalités de base à ce niveau.</p> -<h3 id="changements-de-casse">Changements de casse</h3> -<ul> -<li>Premier caractère en majuscule : <code>M-c</code>.</li> -<li>Mot en majuscule : <code>M-u</code>.</li> -<li>Mot en minuscule : <code>M-l</code>.</li> -</ul> -<h3 id="permutations">Permutations</h3> -<ul> -<li>Intervertir deux lettres : <code>C-t</code>.</li> -<li>Intervertir deux mots : <code>M-t</code>.</li> -<li>Intervertir deux lignes : <code>C-x C-t</code>.</li> -</ul> -<h3 id="auto-complétion">Auto-Complétion</h3> -<ul> -<li>Auto-complétion d'un mot se trouvant déjà dans un buffer : <code>M-/</code>.</li> -</ul> -<h3 id="aide">Aide</h3> -<ul> -<li>Tutorial Emacs : <code>F1 t</code>.</li> -<li>Documentation : <code>F1 r</code>.</li> -<li>Description d'une commande : <code>F1 k</code> ou <code>C-h k</code>.</li> -<li>Description d'une fonction : <code>F1 f</code> ou <code>C-h f</code>.</li> -</ul> -<h2 id="conclusion-à-cette-introduction">Conclusion à cette introduction</h2> -<p>Vous vous doûtez bien qu'il s'agit ici que d'un survol très sommaire des commandes et des fonctionnalités d'Emacs. D'autres billets viendront complétés celui-ci, en choisissant d'explorer des aspects plus précis.</p> -<p>Ceci dit, j'espère que vous allez essayer et aimer Emacs. Au départ, je vous suggère d'expérimenter et appliquer les notions que vous avez apprisent dans des fichiers de configuration ou sur des projets personnels, avant d'en faire votre éditeur de tous les jours ... Si vous percévérez vous ne pourrez plus vous en passer.</p> -<p>Lire la suite de ce billet :</p> -<ul> -<li><a href="http://hugo.soucy.cc/txt/emacs/2015/06/emacs-101-la-configuration.html">Emacs 101 - la configuration</a>.</li> -</ul> - </div> - - <nav class="nav"> - <div class="nav__panel" id="menu" tabindex="0"> - <div class="nav__panel__content layout"> - <h2 class="visuallyhidden">Navigation</h2> - - <ul class="nav__list" role="menubar"> - <li class="nav__item"> - <a class="nav__link" href="http://localhost:8181" rel="index"> - Page d'accueil - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="http://localhost:8181/note"> - Notes - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="http://localhost:8181/txt"> - Textes - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="http://localhost:8181/file/curriculum-vitae"> - Curriculum vitae - </a> - </li> - </ul> - </div> - - <a class="nav__close" href="#" role="button"> - <span class="nav__close__text"> - Fermer <span class="visuallyhidden">le menu</span> - </span> - - <span class="nav__x"> - <i class="nav__x__ico"></i> - </span> - </a> - </div> - </nav> - - <footer> - <address class="layout"> - <hr/> - -<<<<<<< HEAD - <p><a class="note__link u-url u-uid u-syndication" href="#" rel="bookmark">#</a> Créé à Québec le <time class="dt-published" datetime="2015-06-28T19:12:02">2015-06-28</time> par <a class="p-author author" href="http://localhost:8181#hs" rel="author"><i>Hugo Soucy</i></a>. Modifié le <time class="dt-updated">2016-07-26T20:02:23</time>. -======= - <p><a class="note__link u-url u-uid u-syndication" href="#" rel="bookmark">#</a> Créé à Québec le <time class="dt-published" datetime="2015-06-28T19:12:02">2015-06-28</time> par <a class="p-author author" href="http://hugo.soucy.cc#hs" rel="author"><i>Hugo Soucy</i></a>. Modifié le <time class="dt-updated">2016-08-16T10:05:56</time>. ->>>>>>> 08e9fdbe2e618632a9ca5451dadb1046913db11c - </p> - </address> - </footer> - </article> -</body> -</html> diff --git a/public_html/txt/emacs/2015/06/emacs-101-la-configuration.html b/public_html/txt/emacs/2015/06/emacs-101-la-configuration.html @@ -1,5 +1,5 @@ <!DOCTYPE html> -<html lang="fr"> +<html class="no-js" lang="fr"> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> @@ -20,13 +20,12 @@ <link rel="me" href="https://github.com/hs0ucy" /> <link rel="me" href="sms:+15819966481" /> - <link href="http://hugo.soucy.cc/feed.note.atom.xml" type="application/atom+xml" rel="alternate" title="Feed des notes" /> - <link href="http://hugo.soucy.cc/feed.txt.atom.xml" type="application/atom+xml" rel="alternate" title="Feed des textes" /> + <link href="http://hugo.soucy.cc/feed.atom.xml" type="application/atom+xml" rel="alternate" title="Feed de tous les contenus" /> - <meta name="robots" content="noindex, nofollow" /> + <meta name="robots" content="index, follow" /> <meta name="description" content="Développeur Web frontend ayant plus de 10 ans d'expérience dans le milieu des technologies de l'information. Il habite dans le quartier Limoilou à Québec." /> <meta name="author" content="Hugo Soucy" /> - <meta name="generator" content="Pandoc + (Mustache + Bash) = Panstash" /> + <meta name="generator" content="FakeStache" /> </head> <body id="single"> @@ -145,7 +144,7 @@ Archive">ELPA</abbr>. Pour avoir la description complète d'un paquet déplacez </a> </li> <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/file/curriculum-vitae"> + <a class="nav__link" href="http://hugo.soucy.cc/file/curriculum-vitae.html"> Curriculum vitae </a> </li> @@ -173,5 +172,20 @@ Archive">ELPA</abbr>. Pour avoir la description complète d'un paquet déplacez </address> </footer> </article> + + <script id="cuttingTheMustard"> + var cuttingTheMustard = ('querySelector' in document); + var bottomjs; + + if (cuttingTheMustard) { + bottomjs = document.createElement('script'); + bottomjs.src = 'http://hugo.soucy.cc/js/script.min.js'; + bottomjs.id = 'bottomjs'; + + document.body.appendChild(bottomjs); + document.querySelector('html').classList.remove('no-js'); + document.querySelector('html').classList.add('js'); + } + </script> </body> </html> diff --git a/public_html/txt/index.html b/public_html/txt/index.html @@ -1,5 +1,5 @@ <!DOCTYPE html> -<html lang="fr"> +<html class="no-js" lang="fr"> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> @@ -20,13 +20,12 @@ <link rel="me" href="https://github.com/hs0ucy" /> <link rel="me" href="sms:+15819966481" /> - <link href="http://hugo.soucy.cc/feed.note.atom.xml" type="application/atom+xml" rel="alternate" title="Feed des notes" /> - <link href="http://hugo.soucy.cc/feed.txt.atom.xml" type="application/atom+xml" rel="alternate" title="Feed des textes" /> + <link href="http://hugo.soucy.cc/feed.atom.xml" type="application/atom+xml" rel="alternate" title="Feed de tous les contenus" /> - <meta name="robots" content="noindex, nofollow" /> + <meta name="robots" content="index, follow" /> <meta name="description" content="Développeur Web frontend ayant plus de 10 ans d'expérience dans le milieu des technologies de l'information. Il habite dans le quartier Limoilou à Québec." /> <meta name="author" content="Hugo Soucy" /> - <meta name="generator" content="Pandoc + (Mustache + Bash) = Panstash" /> + <meta name="generator" content="FakeStache" /> </head> <body id="list" class="list"> @@ -43,7 +42,7 @@ </span> </a> </div> - + <main> <div class="layout"> <h1 id="textes">Textes</h1> @@ -90,7 +89,7 @@ </a> </li> <li class="nav__item"> - <a class="nav__link" href="http://hugo.soucy.cc/file/curriculum-vitae"> + <a class="nav__link" href="http://hugo.soucy.cc/file/curriculum-vitae.html"> Curriculum vitae </a> </li> @@ -108,5 +107,20 @@ </a> </div> </nav> + <script id="cuttingTheMustard"> + var cuttingTheMustard = ('querySelector' in document); + var bottomjs; + + if (cuttingTheMustard) { + bottomjs = document.createElement('script'); + bottomjs.src = 'http://hugo.soucy.cc/js/script.min.js'; + bottomjs.id = 'bottomjs'; + + document.body.appendChild(bottomjs); + document.querySelector('html').classList.remove('no-js'); + document.querySelector('html').classList.add('js'); + } +</script> + </body> </html>