hugosoucycc

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

commit c83033bfb10f97fa093f8792dd769b774daf596c
parent b69fa6e56b15fa0f911aafd061fa1eb881d9df83
Author: Hugo Soucy <hugo@soucy.cc>
Date:   Sat,  9 Jul 2016 15:17:45 -0400

Autogenerate the site.

Diffstat:
Mpublic_html/file/curriculum-vitae/index.html | 70+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++-------
Mpublic_html/file/pgp.html | 58++++++++++++++++++++++++++++++++++++++++++++++++++++++++--
Mpublic_html/index.html | 50+++++++++++++++++++++++++++++++++++++++++++++++++-
Mpublic_html/note/2016/05/firefox-print-background-color.html | 55++++++++++++++++++++++++++++++++++++++++++++++++++++++-
Mpublic_html/note/2016/05/jeunes-liberaux-ringards.html | 55++++++++++++++++++++++++++++++++++++++++++++++++++++++-
Mpublic_html/note/2016/05/justin-jackson-is-a-fucking-webmaster.html | 55++++++++++++++++++++++++++++++++++++++++++++++++++++++-
Mpublic_html/note/2016/06/nous-sommes-eduques-a-croire.html | 55++++++++++++++++++++++++++++++++++++++++++++++++++++++-
Mpublic_html/note/index.html | 57+++++++++++++++++++++++++++++++++++++++++++++++++++++++--
Mpublic_html/txt/2014/02/les-partis-politiques-nuisent-ils-a-la-democratie.html | 58++++++++++++++++++++++++++++++++++++++++++++++++++++++++--
Mpublic_html/txt/2014/04/bronto-politiciens-de-silos.html | 58++++++++++++++++++++++++++++++++++++++++++++++++++++++++--
Mpublic_html/txt/2014/09/mes-logiciels-libres-preferes.html | 58++++++++++++++++++++++++++++++++++++++++++++++++++++++++--
Mpublic_html/txt/emacs/2015/06/emacs-101-l-introduction.html | 58++++++++++++++++++++++++++++++++++++++++++++++++++++++++--
Mpublic_html/txt/emacs/2015/06/emacs-101-la-configuration.html | 58++++++++++++++++++++++++++++++++++++++++++++++++++++++++--
Mtemplates/pandoc/curriculum-vitae.html | 70+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++-------
Mtemplates/pandoc/default.html | 58++++++++++++++++++++++++++++++++++++++++++++++++++++++++--
Mtemplates/pandoc/index.html | 50+++++++++++++++++++++++++++++++++++++++++++++++++-
Mtemplates/pandoc/note-index.html | 57+++++++++++++++++++++++++++++++++++++++++++++++++++++++--
Mtemplates/pandoc/note.html | 55++++++++++++++++++++++++++++++++++++++++++++++++++++++-
18 files changed, 996 insertions(+), 39 deletions(-)

diff --git a/public_html/file/curriculum-vitae/index.html b/public_html/file/curriculum-vitae/index.html @@ -13,12 +13,12 @@ <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="Bash + Mustache + Pandoc"> + <meta name="generator" content="Panstash : Pandoc + Mustache + Bash"> </head> <body class="cv" id="cv"> - <div class="layout"> - <header class="cv__banner" role="banner"> + <header class="cv__banner" role="banner"> + <div class="layout"> <h1 class="cv__title"> <span class="visuallyhidden">Curriculum vitæ de</span> <span class="logo">Hugo Soucy,</span> @@ -30,9 +30,11 @@ 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> - </header> + </div> + </header> - <main class="cv__main"> + <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 /> @@ -123,7 +125,61 @@ <div class="cv__list"> </div> - </main> - </div> + </div> + </main> + + <nav class="nav"> + <h2 class="visuallyhidden">Navigation</h2> + + <div class="layout"> + <a class="nav__button" href="#menu"> + <span class="nav__button__text"> + Menu <span class="visuallyhidden">principal</span> + </span> + + <span class="nav__burger"> + <i class="nav__burger__ico"></i> + </span> + </a> + </div> + + <div class="nav__panel" id="menu" tabindex="0"> + <div class="nav__panel__content layout"> + <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> + </div> </body> </html> diff --git a/public_html/file/pgp.html b/public_html/file/pgp.html @@ -13,7 +13,7 @@ <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="Bash + Mustache + Pandoc"> + <meta name="generator" content="Panstash : Pandoc + Mustache + Bash"> </head> <body id="single"> @@ -52,7 +52,61 @@ TOogzsJCuCLj1l3RYuW8sW/TZcO375A9 =0QA5 -----END PGP PUBLIC KEY BLOCK-----</code></pre> <!-- [Télécharger ma clé publique PGP](http://198.199.122.108:8000/f/5e5b2894e5/). --> - </article> + </article> + </div> + + <nav class="nav"> + <h2 class="visuallyhidden">Navigation</h2> + + <div class="layout"> + <a class="nav__button" href="#menu"> + <span class="nav__button__text"> + Menu <span class="visuallyhidden">principal</span> + </span> + + <span class="nav__burger"> + <i class="nav__burger__ico"></i> + </span> + </a> + </div> + + <div class="nav__panel" id="menu" tabindex="0"> + <div class="nav__panel__content layout"> + <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/index.html b/public_html/index.html @@ -13,7 +13,7 @@ <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="Bash + Mustache + Pandoc"> + <meta name="generator" content="Panstash : Pandoc + Mustache + Bash"> </head> <body id="index" prefix="foaf: http://xmlns.com/foaf/0.1/ dc: http://purl.org/dc/terms/"> @@ -60,6 +60,54 @@ resource="http://dbpedia.org/resource/Sandwich">sandwichs</strong></span> </span </div> </main> + <nav class="nav"> + <h2 class="visuallyhidden">Navigation</h2> + + <div class="layout"> + <a class="nav__button" href="#menu"> + <span class="nav__button__text"> + Menu <span class="visuallyhidden">principal</span> + </span> + + <span class="nav__burger"> + <i class="nav__burger__ico"></i> + </span> + </a> + </div> + + <div class="nav__panel" id="menu" tabindex="0"> + <div class="nav__panel__content layout"> + <ul class="nav__list" role="menubar"> + <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> + <hr/> <footer> diff --git a/public_html/note/2016/05/firefox-print-background-color.html b/public_html/note/2016/05/firefox-print-background-color.html @@ -13,7 +13,7 @@ <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="Bash + Mustache + Pandoc"> + <meta name="generator" content="Panstash : Pandoc + Mustache + Bash"> </head> <body id="note" class="note"> @@ -32,5 +32,58 @@ </div> </article> </main> + + <nav class="nav"> + <h2 class="visuallyhidden">Navigation</h2> + + <div class="layout"> + <a class="nav__button" href="#menu"> + <span class="nav__button__text"> + Menu <span class="visuallyhidden">principal</span> + </span> + + <span class="nav__burger"> + <i class="nav__burger__ico"></i> + </span> + </a> + </div> + + <div class="nav__panel" id="menu" tabindex="0"> + <div class="nav__panel__content layout"> + <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/note/2016/05/jeunes-liberaux-ringards.html b/public_html/note/2016/05/jeunes-liberaux-ringards.html @@ -13,7 +13,7 @@ <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="Bash + Mustache + Pandoc"> + <meta name="generator" content="Panstash : Pandoc + Mustache + Bash"> </head> <body id="note" class="note"> @@ -32,5 +32,58 @@ </div> </article> </main> + + <nav class="nav"> + <h2 class="visuallyhidden">Navigation</h2> + + <div class="layout"> + <a class="nav__button" href="#menu"> + <span class="nav__button__text"> + Menu <span class="visuallyhidden">principal</span> + </span> + + <span class="nav__burger"> + <i class="nav__burger__ico"></i> + </span> + </a> + </div> + + <div class="nav__panel" id="menu" tabindex="0"> + <div class="nav__panel__content layout"> + <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/note/2016/05/justin-jackson-is-a-fucking-webmaster.html b/public_html/note/2016/05/justin-jackson-is-a-fucking-webmaster.html @@ -13,7 +13,7 @@ <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="Bash + Mustache + Pandoc"> + <meta name="generator" content="Panstash : Pandoc + Mustache + Bash"> </head> <body id="note" class="note"> @@ -40,5 +40,58 @@ </div> </article> </main> + + <nav class="nav"> + <h2 class="visuallyhidden">Navigation</h2> + + <div class="layout"> + <a class="nav__button" href="#menu"> + <span class="nav__button__text"> + Menu <span class="visuallyhidden">principal</span> + </span> + + <span class="nav__burger"> + <i class="nav__burger__ico"></i> + </span> + </a> + </div> + + <div class="nav__panel" id="menu" tabindex="0"> + <div class="nav__panel__content layout"> + <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/note/2016/06/nous-sommes-eduques-a-croire.html b/public_html/note/2016/06/nous-sommes-eduques-a-croire.html @@ -13,7 +13,7 @@ <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="Bash + Mustache + Pandoc"> + <meta name="generator" content="Panstash : Pandoc + Mustache + Bash"> </head> <body id="note" class="note"> @@ -40,5 +40,58 @@ </div> </article> </main> + + <nav class="nav"> + <h2 class="visuallyhidden">Navigation</h2> + + <div class="layout"> + <a class="nav__button" href="#menu"> + <span class="nav__button__text"> + Menu <span class="visuallyhidden">principal</span> + </span> + + <span class="nav__burger"> + <i class="nav__burger__ico"></i> + </span> + </a> + </div> + + <div class="nav__panel" id="menu" tabindex="0"> + <div class="nav__panel__content layout"> + <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/note/index.html b/public_html/note/index.html @@ -13,7 +13,7 @@ <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="Bash + Mustache + Pandoc"> + <meta name="generator" content="Panstash : Pandoc + Mustache + Bash"> </head> <body id="note" class="note"> @@ -66,6 +66,59 @@ </article> </div> </div> - </main> + </main> + + <nav class="nav"> + <h2 class="visuallyhidden">Navigation</h2> + + <div class="layout"> + <a class="nav__button" href="#menu"> + <span class="nav__button__text"> + Menu <span class="visuallyhidden">principal</span> + </span> + + <span class="nav__burger"> + <i class="nav__burger__ico"></i> + </span> + </a> + </div> + + <div class="nav__panel" id="menu" tabindex="0"> + <div class="nav__panel__content layout"> + <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/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 @@ -13,7 +13,7 @@ <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="Bash + Mustache + Pandoc"> + <meta name="generator" content="Panstash : Pandoc + Mustache + Bash"> </head> <body id="single"> @@ -31,7 +31,61 @@ <p>Les partis politiques peuvent être inféodés et avalés par d'autres partis. C'est ce qui est arrivé à l'ADQ qui a été fusionné avec la CAQ. C'est également ce qui s'est passé avec le parti progressite conservateur, avalé lui aussi par le reform party et qui a changé l'idéologie de l'ancien parti conservateur.</p> <p>Bien sûr je sais que les droits humains permettent à toute personne de s'associer librement. Qui alors empêcherait les gens de s'associer endehors du processus politique? D'abord il faudrait que le pouvoir ne soit plus influençable par les ploutocrates.</p> <p>Voulons-nous encore de la démocratie? Est-ce que les élites médiatiques, économiques, académiques et syndicales croient ou veulent vraiment de la démocratie? Voient-ils en elle un processus en constante évolution? Un idéal à atteindre? Ou considèrent-ils qu'au-delà des urnes et des sondages le peuple ne peut réclamer plus de pouvoir? Peut-être que je me trompe, mais je ne vois pas beaucoup les élites que j'ai nommé plus haut, demander la décentralisation de la gouvernance. Le statu quo est à leur avantage.</p> - </article> + </article> + </div> + + <nav class="nav"> + <h2 class="visuallyhidden">Navigation</h2> + + <div class="layout"> + <a class="nav__button" href="#menu"> + <span class="nav__button__text"> + Menu <span class="visuallyhidden">principal</span> + </span> + + <span class="nav__burger"> + <i class="nav__burger__ico"></i> + </span> + </a> + </div> + + <div class="nav__panel" id="menu" tabindex="0"> + <div class="nav__panel__content layout"> + <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/txt/2014/04/bronto-politiciens-de-silos.html b/public_html/txt/2014/04/bronto-politiciens-de-silos.html @@ -13,7 +13,7 @@ <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="Bash + Mustache + Pandoc"> + <meta name="generator" content="Panstash : Pandoc + Mustache + Bash"> </head> <body id="single"> @@ -24,7 +24,61 @@ <p>Les politiciens traitent les sujets comme s'ils étaient en silos; comme si il n'y avait pas de rapport en eux. Mais tout est tissé dans la même trame: la trame de la société. Comment peut-on mettre l'emphase sur le système de santé et faire abstraction du sport, de l'alimentation, de l'environnement? On s'attaque au traitement en faisant fi des causes. On veut combattre la corruption sans miser sur la transparence des données gouvernementales.</p> <p>On parle d'économie, mais on ne s'applique pas à diversifier l'économie des régions comme la Gaspésie, la Côte-Nord, l'Abitibi, le Lac-Saint-Jean, etc. Loin des grands centres les services sont souvent compromis, les jeunes quittent pour étudier et ne reviennent jamais. Est-ce qu'on maintient ces régions faibles économiquement et démographiquement pour les rendre moins résistantes aux grosses compagnies minières, pétrolières, forestières, lorsque celles-ci ont besoins de faire des milliards avec les ressources de notre territoire?!</p> <p>Les politiciens disent qu'ils ont de de la vision. Pour ma part, je crois que cette vision se résume à regarder un agenda dans lequel est écrit quelques directives pour maintenir les citoyens dans un statu quo. De cette façon, les brontosores politiques et économiques peuvent continuer à s'engraisser pour maintenir leur stature éléphantesque, et ainsi cacher la forêt qui se meurt. Tandis que les moyens et petits s'agitent pour survivre à l'ombre des mastodontes.</p> - </article> + </article> + </div> + + <nav class="nav"> + <h2 class="visuallyhidden">Navigation</h2> + + <div class="layout"> + <a class="nav__button" href="#menu"> + <span class="nav__button__text"> + Menu <span class="visuallyhidden">principal</span> + </span> + + <span class="nav__burger"> + <i class="nav__burger__ico"></i> + </span> + </a> + </div> + + <div class="nav__panel" id="menu" tabindex="0"> + <div class="nav__panel__content layout"> + <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/txt/2014/09/mes-logiciels-libres-preferes.html b/public_html/txt/2014/09/mes-logiciels-libres-preferes.html @@ -13,7 +13,7 @@ <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="Bash + Mustache + Pandoc"> + <meta name="generator" content="Panstash : Pandoc + Mustache + Bash"> </head> <body id="single"> @@ -32,7 +32,61 @@ <li><a href="//www.keepassx.org/">KeepassX</a> — Gérer simplement des mots de passe.</li> <li><a href="//owncloud.org/">ownCloud</a> — Alternative à Dropbox, qu'on peut installer sur son serveur VPS.</li> </ul> - </article> + </article> + </div> + + <nav class="nav"> + <h2 class="visuallyhidden">Navigation</h2> + + <div class="layout"> + <a class="nav__button" href="#menu"> + <span class="nav__button__text"> + Menu <span class="visuallyhidden">principal</span> + </span> + + <span class="nav__burger"> + <i class="nav__burger__ico"></i> + </span> + </a> + </div> + + <div class="nav__panel" id="menu" tabindex="0"> + <div class="nav__panel__content layout"> + <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/txt/emacs/2015/06/emacs-101-l-introduction.html b/public_html/txt/emacs/2015/06/emacs-101-l-introduction.html @@ -13,7 +13,7 @@ <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="Bash + Mustache + Pandoc"> + <meta name="generator" content="Panstash : Pandoc + Mustache + Bash"> </head> <body id="single"> @@ -164,7 +164,61 @@ <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> - </article> + </article> + </div> + + <nav class="nav"> + <h2 class="visuallyhidden">Navigation</h2> + + <div class="layout"> + <a class="nav__button" href="#menu"> + <span class="nav__button__text"> + Menu <span class="visuallyhidden">principal</span> + </span> + + <span class="nav__burger"> + <i class="nav__burger__ico"></i> + </span> + </a> + </div> + + <div class="nav__panel" id="menu" tabindex="0"> + <div class="nav__panel__content layout"> + <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/txt/emacs/2015/06/emacs-101-la-configuration.html b/public_html/txt/emacs/2015/06/emacs-101-la-configuration.html @@ -13,7 +13,7 @@ <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="Bash + Mustache + Pandoc"> + <meta name="generator" content="Panstash : Pandoc + Mustache + Bash"> </head> <body id="single"> @@ -97,7 +97,61 @@ Archive">ELPA</abbr>. Pour avoir la description complète d'un paquet déplacez <!-- * Ediff --> <!-- * Git avec Magit. --> <!-- * Projectile. --> - </article> + </article> + </div> + + <nav class="nav"> + <h2 class="visuallyhidden">Navigation</h2> + + <div class="layout"> + <a class="nav__button" href="#menu"> + <span class="nav__button__text"> + Menu <span class="visuallyhidden">principal</span> + </span> + + <span class="nav__burger"> + <i class="nav__burger__ico"></i> + </span> + </a> + </div> + + <div class="nav__panel" id="menu" tabindex="0"> + <div class="nav__panel__content layout"> + <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/templates/pandoc/curriculum-vitae.html b/templates/pandoc/curriculum-vitae.html @@ -13,12 +13,12 @@ <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="Bash + Mustache + Pandoc"> + <meta name="generator" content="Panstash : Pandoc + Mustache + Bash"> </head> <body class="cv" id="cv"> - <div class="layout"> - <header class="cv__banner" role="banner"> + <header class="cv__banner" role="banner"> + <div class="layout"> <h1 class="cv__title"> <span class="visuallyhidden">Curriculum vitæ de</span> <span class="logo">Hugo Soucy,</span> @@ -30,9 +30,11 @@ 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> - </header> + </div> + </header> - <main class="cv__main"> + <main class="cv__main"> + <div class="layout"> $body$ <div class="cv__list"> @@ -40,7 +42,61 @@ $include-after$ $endfor$ </div> - </main> - </div> + </div> + </main> + + <nav class="nav"> + <h2 class="visuallyhidden">Navigation</h2> + + <div class="layout"> + <a class="nav__button" href="#menu"> + <span class="nav__button__text"> + Menu <span class="visuallyhidden">principal</span> + </span> + + <span class="nav__burger"> + <i class="nav__burger__ico"></i> + </span> + </a> + </div> + + <div class="nav__panel" id="menu" tabindex="0"> + <div class="nav__panel__content layout"> + <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> + </div> </body> </html> diff --git a/templates/pandoc/default.html b/templates/pandoc/default.html @@ -13,7 +13,7 @@ <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="Bash + Mustache + Pandoc"> + <meta name="generator" content="Panstash : Pandoc + Mustache + Bash"> </head> <body id="single"> @@ -21,7 +21,61 @@ <article class="single"> <!-- Pandoc var --> $body$ - </article> + </article> + </div> + + <nav class="nav"> + <h2 class="visuallyhidden">Navigation</h2> + + <div class="layout"> + <a class="nav__button" href="#menu"> + <span class="nav__button__text"> + Menu <span class="visuallyhidden">principal</span> + </span> + + <span class="nav__burger"> + <i class="nav__burger__ico"></i> + </span> + </a> + </div> + + <div class="nav__panel" id="menu" tabindex="0"> + <div class="nav__panel__content layout"> + <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/templates/pandoc/index.html b/templates/pandoc/index.html @@ -13,7 +13,7 @@ <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="Bash + Mustache + Pandoc"> + <meta name="generator" content="Panstash : Pandoc + Mustache + Bash"> </head> <body id="index" prefix="foaf: http://xmlns.com/foaf/0.1/ dc: http://purl.org/dc/terms/"> @@ -36,6 +36,54 @@ </div> </main> + <nav class="nav"> + <h2 class="visuallyhidden">Navigation</h2> + + <div class="layout"> + <a class="nav__button" href="#menu"> + <span class="nav__button__text"> + Menu <span class="visuallyhidden">principal</span> + </span> + + <span class="nav__burger"> + <i class="nav__burger__ico"></i> + </span> + </a> + </div> + + <div class="nav__panel" id="menu" tabindex="0"> + <div class="nav__panel__content layout"> + <ul class="nav__list" role="menubar"> + <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> + <hr/> <footer> diff --git a/templates/pandoc/note-index.html b/templates/pandoc/note-index.html @@ -13,7 +13,7 @@ <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="Bash + Mustache + Pandoc"> + <meta name="generator" content="Panstash : Pandoc + Mustache + Bash"> </head> <body id="note" class="note"> @@ -27,6 +27,59 @@ $endfor$ </div> </div> - </main> + </main> + + <nav class="nav"> + <h2 class="visuallyhidden">Navigation</h2> + + <div class="layout"> + <a class="nav__button" href="#menu"> + <span class="nav__button__text"> + Menu <span class="visuallyhidden">principal</span> + </span> + + <span class="nav__burger"> + <i class="nav__burger__ico"></i> + </span> + </a> + </div> + + <div class="nav__panel" id="menu" tabindex="0"> + <div class="nav__panel__content layout"> + <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/templates/pandoc/note.html b/templates/pandoc/note.html @@ -13,7 +13,7 @@ <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="Bash + Mustache + Pandoc"> + <meta name="generator" content="Panstash : Pandoc + Mustache + Bash"> </head> <body id="note" class="note"> @@ -48,5 +48,58 @@ </div> </article> </main> + + <nav class="nav"> + <h2 class="visuallyhidden">Navigation</h2> + + <div class="layout"> + <a class="nav__button" href="#menu"> + <span class="nav__button__text"> + Menu <span class="visuallyhidden">principal</span> + </span> + + <span class="nav__burger"> + <i class="nav__burger__ico"></i> + </span> + </a> + </div> + + <div class="nav__panel" id="menu" tabindex="0"> + <div class="nav__panel__content layout"> + <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>