hugosoucycc

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

commit fb816b185b3a6c36c02dca64278dc3a7de70cb47
parent c891e8a6050bdd36dec5c8234f798d3b2b08f057
Author: Hugo Soucy <hugo@soucy.cc>
Date:   Mon, 11 Jul 2016 19:57:23 -0400

Merge branch 'master' of github.com:hs0ucy/hugosoucycc

Diffstat:
Mpublic_html/file/curriculum-vitae/index.html | 2+-
Mpublic_html/file/pgp.html | 2+-
Mpublic_html/note/index.html | 2+-
Mpublic_html/txt/2014/02/les-partis-politiques-nuisent-ils-a-la-democratie.html | 138++++++++++++++++++++++++++++++++++++-------------------------------------------
Mpublic_html/txt/2014/04/bronto-politiciens-de-silos.html | 124++++++++++++++++++++++++++++++++++++-------------------------------------------
Mpublic_html/txt/2014/09/mes-logiciels-libres-preferes.html | 140++++++++++++++++++++++++++++++++++++-------------------------------------------
Mpublic_html/txt/emacs/2015/06/emacs-101-l-introduction.html | 2+-
Mpublic_html/txt/emacs/2015/06/emacs-101-la-configuration.html | 2+-
Atemplates/mustache/default-index.inc.mustache | 8++++++++
Atemplates/mustache/default-index.mustache | 20++++++++++++++++++++
Mtemplates/pandoc/curriculum-vitae.html | 2+-
Mtemplates/pandoc/default.html | 2+-
Mtemplates/pandoc/note-index.html | 2+-
Atemplates/pandoc/txt.html | 79+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
14 files changed, 298 insertions(+), 227 deletions(-)

diff --git a/public_html/file/curriculum-vitae/index.html b/public_html/file/curriculum-vitae/index.html @@ -187,7 +187,7 @@ <address class="layout"> <p>Page Web conçue par <a rel="author" href="http://hugo.soucy.cc#hs">Hugo Soucy</a> &amp; propulsée par HTML 5, <a href="https://www.w3.org/2012/pyRdfa/extract?uri=http%3A%2F%2Fhugo.soucy.cc%2F%23hs&format=xml&rdfagraph=output&vocab_expansion=false&rdfa_lite=false&embedded_rdf=true&space_preserve=true&vocab_cache=true&vocab_cache_report=false&vocab_cache_refresh=false">RDFa</a> &amp; un générateur de site statique fait maison. <br>Dernière - modification à Québec le <time datetime="2016-07-09T21:00">2016-07-09</time>.</p> + modification à Québec le <time datetime="2016-07-11T13:20">2016-07-11</time>.</p> </address> </footer> </body> diff --git a/public_html/file/pgp.html b/public_html/file/pgp.html @@ -115,7 +115,7 @@ TOogzsJCuCLj1l3RYuW8sW/TZcO375A9 <address class="layout"> <p>Page Web conçue par <a rel="author" href="http://hugo.soucy.cc#hs">Hugo Soucy</a> &amp; propulsée par HTML 5, <a href="https://www.w3.org/2012/pyRdfa/extract?uri=http%3A%2F%2Fhugo.soucy.cc%2F%23hs&format=xml&rdfagraph=output&vocab_expansion=false&rdfa_lite=false&embedded_rdf=true&space_preserve=true&vocab_cache=true&vocab_cache_report=false&vocab_cache_refresh=false">RDFa</a> &amp; un générateur de site statique fait maison. <br>Dernière - modification à Québec le <time datetime="2016-07-09T21:00">2016-07-09</time>.</p> + modification à Québec le <time datetime="2016-07-11T13:20">2016-07-11</time>.</p> </address> </footer> </body> diff --git a/public_html/note/index.html b/public_html/note/index.html @@ -127,7 +127,7 @@ <address class="layout"> <p>Page Web conçue par <a rel="author" href="http://hugo.soucy.cc#hs">Hugo Soucy</a> &amp; propulsée par HTML 5, <a href="https://www.w3.org/2012/pyRdfa/extract?uri=http%3A%2F%2Fhugo.soucy.cc%2F%23hs&format=xml&rdfagraph=output&vocab_expansion=false&rdfa_lite=false&embedded_rdf=true&space_preserve=true&vocab_cache=true&vocab_cache_report=false&vocab_cache_refresh=false">RDFa</a> &amp; un générateur de site statique fait maison. <br>Dernière - modification à Québec le <time datetime="2016-07-09T21:00">2016-07-09</time>.</p> + modification à Québec le <time datetime="2016-07-11T13:20">2016-07-11</time>.</p> </address> </footer> </body> 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 @@ -16,86 +16,74 @@ <meta name="generator" content="Panstash : Pandoc + Mustache + Bash"> </head> -<body id="single"> - <div class="layout"> - <article class="single"> - <!-- Pandoc var --> - <h1 id="les-partis-politiques-nuisent-ils-à-la-democratie">Les partis politiques nuisent-ils à la democratie?</h1> -<p>La ligne de parti, l'antagonisme obligé par les règles tacites de la joute politique. Avoir le dessus sur ses adversaires semble plus important que la résolution de problème et l'avancement du bien commun. Les partis idéologiques qui prennent en otage tout l'appareil gouvernemental pour imposer leurs agendas cachés ou non. Les députés qui, une fois élus se font imposés les décisions du conseil des ministres, ou pire, les ordres du premier ministre et de sa garde rapprochée, composée bien souvent par des gens non désignés par le processus démocratique.</p> -<p>Tous ces députés que l'on qualifie <a href="http://www.assnat.qc.ca/en/patrimoine/lexique/depute-de-l-arriere-ban.html">d'arrière-ban</a>, sont pourtant les représentants élus par les citoyens d'une démocratie; il serait donc légitime de croire que chacun de ces députés aient droit au chapitre et que la voix de chacun possède un poids équivalent. Mais dans notre système parlementaire de type britannique il n'en n'est rien. Ici le premier ministre est comme un suzerain dont les membres de son parti seraient comme des vassaux. Et quand vient le temps de voter en chambre, la volonté du chef et de son cocus s'impose à l'ensemble.</p> -<p>En plus ça a l'avantage de faciliter la tâche de ceux qui veulent influencer les politiques en leur faveur, car cela fait moins de gens à convaincre si l'on permet à une minorité de commander à la majorité.</p> -<p>Et comment sont choisi les chefs d'un parti? L'argent est ce qui fait indéniablement la différence. Comment une personne choisit par une poignée de citoyens et des collecteurs de fonds peut-il avoir la légitimité de parler en faveur de toute la population? C'est un concours de popularité qui n'a que peu de valeur politique. En plus dans certains partis il n'est pas question de courses à la cheffrie, mais bel et bien de courrenement. La plupart du temps le chef du gouvernement n'a eu l'appui que de 40% de la population et il détient presque tous les pouvoirs!</p> -<p>À part le suffrage universel, il n'y pas grand chose de démocratique dans ce type de régime.</p> -<p>Un premier ministre ou un président devrait être seulement un porte-parole pour l'état et l'assemblée nationale; il ne devrait pas avoir plus de pouvoir que n'importe quel autre député. Même s'il n'est pas d'accord il devrait se plier aux décisions de l'ensemble des élus. Point barre. Il n'a pas à être un César ou un Napoléon.</p> -<p>Des élections à dates fixes, pas de gouvernement majoritaires ou minoritaires... Seulement des élus qui gouvernent pour le bien de la nation et non celui d'un parti ou de groupes d'intérêts.</p> -<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> +<body id="txt" class="txt"> + <main> + <article class="layout h-entry hentry"> + <h1 id="les-partis-politiques-nuisent-ils-à-la-democratie">Les partis politiques nuisent-ils à la democratie?</h1> + <p>La ligne de parti, l'antagonisme obligé par les règles tacites de la joute politique. Avoir le dessus sur ses adversaires semble plus important que la résolution de problème et l'avancement du bien commun. Les partis idéologiques qui prennent en otage tout l'appareil gouvernemental pour imposer leurs agendas cachés ou non. Les députés qui, une fois élus se font imposés les décisions du conseil des ministres, ou pire, les ordres du premier ministre et de sa garde rapprochée, composée bien souvent par des gens non désignés par le processus démocratique.</p> + <p>Tous ces députés que l'on qualifie <a href="http://www.assnat.qc.ca/en/patrimoine/lexique/depute-de-l-arriere-ban.html">d'arrière-ban</a>, sont pourtant les représentants élus par les citoyens d'une démocratie; il serait donc légitime de croire que chacun de ces députés aient droit au chapitre et que la voix de chacun possède un poids équivalent. Mais dans notre système parlementaire de type britannique il n'en n'est rien. Ici le premier ministre est comme un suzerain dont les membres de son parti seraient comme des vassaux. Et quand vient le temps de voter en chambre, la volonté du chef et de son cocus s'impose à l'ensemble.</p> + <p>En plus ça a l'avantage de faciliter la tâche de ceux qui veulent influencer les politiques en leur faveur, car cela fait moins de gens à convaincre si l'on permet à une minorité de commander à la majorité.</p> + <p>Et comment sont choisi les chefs d'un parti? L'argent est ce qui fait indéniablement la différence. Comment une personne choisit par une poignée de citoyens et des collecteurs de fonds peut-il avoir la légitimité de parler en faveur de toute la population? C'est un concours de popularité qui n'a que peu de valeur politique. En plus dans certains partis il n'est pas question de courses à la cheffrie, mais bel et bien de courrenement. La plupart du temps le chef du gouvernement n'a eu l'appui que de 40% de la population et il détient presque tous les pouvoirs!</p> + <p>À part le suffrage universel, il n'y pas grand chose de démocratique dans ce type de régime.</p> + <p>Un premier ministre ou un président devrait être seulement un porte-parole pour l'état et l'assemblée nationale; il ne devrait pas avoir plus de pouvoir que n'importe quel autre député. Même s'il n'est pas d'accord il devrait se plier aux décisions de l'ensemble des élus. Point barre. Il n'a pas à être un César ou un Napoléon.</p> + <p>Des élections à dates fixes, pas de gouvernement majoritaires ou minoritaires... Seulement des élus qui gouvernent pour le bien de la nation et non celui d'un parti ou de groupes d'intérêts.</p> + <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> + </main> - </div> + <nav class="nav"> + <h2 class="visuallyhidden">Navigation</h2> - <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> - <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> - <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> - <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> - <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 id="footer"> - <address class="layout"> - <p>Page Web conçue par <a rel="author" href="http://hugo.soucy.cc#hs">Hugo Soucy</a> &amp; - propulsée par HTML 5, <a href="https://www.w3.org/2012/pyRdfa/extract?uri=http%3A%2F%2Fhugo.soucy.cc%2F%23hs&format=xml&rdfagraph=output&vocab_expansion=false&rdfa_lite=false&embedded_rdf=true&space_preserve=true&vocab_cache=true&vocab_cache_report=false&vocab_cache_refresh=false">RDFa</a> &amp; un générateur de site statique fait maison. <br>Dernière - modification à Québec le <time datetime="2016-07-09T21:00">2016-07-09</time>.</p> - </address> - </footer> + <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 @@ -16,79 +16,67 @@ <meta name="generator" content="Panstash : Pandoc + Mustache + Bash"> </head> -<body id="single"> - <div class="layout"> - <article class="single"> - <!-- Pandoc var --> - <h1 id="bronto-politiciens-de-silos">Bronto-politiciens de silos</h1> -<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> +<body id="txt" class="txt"> + <main> + <article class="layout h-entry hentry"> + <h1 id="bronto-politiciens-de-silos">Bronto-politiciens de silos</h1> + <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> + </main> - </div> + <nav class="nav"> + <h2 class="visuallyhidden">Navigation</h2> - <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> - <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> - <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> - <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> - <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 id="footer"> - <address class="layout"> - <p>Page Web conçue par <a rel="author" href="http://hugo.soucy.cc#hs">Hugo Soucy</a> &amp; - propulsée par HTML 5, <a href="https://www.w3.org/2012/pyRdfa/extract?uri=http%3A%2F%2Fhugo.soucy.cc%2F%23hs&format=xml&rdfagraph=output&vocab_expansion=false&rdfa_lite=false&embedded_rdf=true&space_preserve=true&vocab_cache=true&vocab_cache_report=false&vocab_cache_refresh=false">RDFa</a> &amp; un générateur de site statique fait maison. <br>Dernière - modification à Québec le <time datetime="2016-07-09T21:00">2016-07-09</time>.</p> - </address> - </footer> + <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 @@ -16,87 +16,75 @@ <meta name="generator" content="Panstash : Pandoc + Mustache + Bash"> </head> -<body id="single"> - <div class="layout"> - <article class="single"> - <!-- Pandoc var --> - <h1 id="mes-logiciels-libres-préférés">Mes logiciels libres préférés</h1> -<p>Voici une courte liste des logiciels libres que j'aime et que j'utilise :</p> -<ul> -<li><a href="//www.archlinux.org/">Arch Linux</a> — Jusqu'à maintenant c'est la distribution GNU/Linux que je préfère.</li> -<li><a href="//www.gnu.org/software/emacs/">Emacs</a> — L'outil parfait pour manipuler du texte, donc par ricochet, du code. Avec mon navigateur, c'est mon principal outil de travail. Selon moi, tous les développeurs devraient apprendre Emacs et/ou Vim ;) D'ailleurs, voici mes <a href="https://github.com/hs0ucy/emacs-notes">notes personnelles à propos d'Emacs</a>.</li> -<li><a href="//www.mozilla.org/en-US/firefox/new/">Firefox</a> — Cela fait plus de 10 ans que j'utilise ce navigateur. Nous sommes un vieux couple que Google Chrome n'a pas sû séparer.</li> -<li><a href="//code.google.com/p/jessies/wiki/Terminator">Terminator</a> — Terminal virtuel qui permet d'avoir plusieurs terminals dans une même fenêtre.</li> -<li><a href="//www.washington.edu/alpine/">Alpine</a> — Client de messagerie électronique pour terminal. Vraiment bien foutu et très plaisant à utiliser.</li> -<li><a href="//weechat.org/">WeeChat</a> — Client de clavardage IRC pour terminal, léger et rapide.</li> -<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> +<body id="txt" class="txt"> + <main> + <article class="layout h-entry hentry"> + <h1 id="mes-logiciels-libres-préférés">Mes logiciels libres préférés</h1> + <p>Voici une courte liste des logiciels libres que j'aime et que j'utilise :</p> + <ul> + <li><a href="//www.archlinux.org/">Arch Linux</a> — Jusqu'à maintenant c'est la distribution GNU/Linux que je préfère.</li> + <li><a href="//www.gnu.org/software/emacs/">Emacs</a> — L'outil parfait pour manipuler du texte, donc par ricochet, du code. Avec mon navigateur, c'est mon principal outil de travail. Selon moi, tous les développeurs devraient apprendre Emacs et/ou Vim ;) D'ailleurs, voici mes <a href="https://github.com/hs0ucy/emacs-notes">notes personnelles à propos d'Emacs</a>.</li> + <li><a href="//www.mozilla.org/en-US/firefox/new/">Firefox</a> — Cela fait plus de 10 ans que j'utilise ce navigateur. Nous sommes un vieux couple que Google Chrome n'a pas sû séparer.</li> + <li><a href="//code.google.com/p/jessies/wiki/Terminator">Terminator</a> — Terminal virtuel qui permet d'avoir plusieurs terminals dans une même fenêtre.</li> + <li><a href="//www.washington.edu/alpine/">Alpine</a> — Client de messagerie électronique pour terminal. Vraiment bien foutu et très plaisant à utiliser.</li> + <li><a href="//weechat.org/">WeeChat</a> — Client de clavardage IRC pour terminal, léger et rapide.</li> + <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> + </main> - </div> + <nav class="nav"> + <h2 class="visuallyhidden">Navigation</h2> - <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> - <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> - <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> - <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> - <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 id="footer"> - <address class="layout"> - <p>Page Web conçue par <a rel="author" href="http://hugo.soucy.cc#hs">Hugo Soucy</a> &amp; - propulsée par HTML 5, <a href="https://www.w3.org/2012/pyRdfa/extract?uri=http%3A%2F%2Fhugo.soucy.cc%2F%23hs&format=xml&rdfagraph=output&vocab_expansion=false&rdfa_lite=false&embedded_rdf=true&space_preserve=true&vocab_cache=true&vocab_cache_report=false&vocab_cache_refresh=false">RDFa</a> &amp; un générateur de site statique fait maison. <br>Dernière - modification à Québec le <time datetime="2016-07-09T21:00">2016-07-09</time>.</p> - </address> - </footer> + <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 @@ -227,7 +227,7 @@ <address class="layout"> <p>Page Web conçue par <a rel="author" href="http://hugo.soucy.cc#hs">Hugo Soucy</a> &amp; propulsée par HTML 5, <a href="https://www.w3.org/2012/pyRdfa/extract?uri=http%3A%2F%2Fhugo.soucy.cc%2F%23hs&format=xml&rdfagraph=output&vocab_expansion=false&rdfa_lite=false&embedded_rdf=true&space_preserve=true&vocab_cache=true&vocab_cache_report=false&vocab_cache_refresh=false">RDFa</a> &amp; un générateur de site statique fait maison. <br>Dernière - modification à Québec le <time datetime="2016-07-09T21:00">2016-07-09</time>.</p> + modification à Québec le <time datetime="2016-07-11T13:20">2016-07-11</time>.</p> </address> </footer> </body> 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 @@ -160,7 +160,7 @@ Archive">ELPA</abbr>. Pour avoir la description complète d'un paquet déplacez <address class="layout"> <p>Page Web conçue par <a rel="author" href="http://hugo.soucy.cc#hs">Hugo Soucy</a> &amp; propulsée par HTML 5, <a href="https://www.w3.org/2012/pyRdfa/extract?uri=http%3A%2F%2Fhugo.soucy.cc%2F%23hs&format=xml&rdfagraph=output&vocab_expansion=false&rdfa_lite=false&embedded_rdf=true&space_preserve=true&vocab_cache=true&vocab_cache_report=false&vocab_cache_refresh=false">RDFa</a> &amp; un générateur de site statique fait maison. <br>Dernière - modification à Québec le <time datetime="2016-07-09T21:00">2016-07-09</time>.</p> + modification à Québec le <time datetime="2016-07-11T13:20">2016-07-11</time>.</p> </address> </footer> </body> diff --git a/templates/mustache/default-index.inc.mustache b/templates/mustache/default-index.inc.mustache @@ -0,0 +1,8 @@ +<li class="list__item h-entry hentry"> + <a class="list__link dt-published dt-updated u-url u-uid" + href="$url$" + rel="permalink"> + $title$ + <!-- <time class="value">$date$</time> --> + </a> +</li> diff --git a/templates/mustache/default-index.mustache b/templates/mustache/default-index.mustache @@ -0,0 +1,20 @@ +{{> partials/head.mustache }} + +<body id="list" class="list"> + <main> + <div class="layout"> + $body$ + + <ol class="list__list"> + $for(include-after)$ + $include-after$ + $endfor$ + </ol> + </div> + </main> + + {{> partials/nav.mustache }} + + {{> partials/footer.mustache }} +</body> +</html> diff --git a/templates/pandoc/curriculum-vitae.html b/templates/pandoc/curriculum-vitae.html @@ -104,7 +104,7 @@ <address class="layout"> <p>Page Web conçue par <a rel="author" href="http://hugo.soucy.cc#hs">Hugo Soucy</a> &amp; propulsée par HTML 5, <a href="https://www.w3.org/2012/pyRdfa/extract?uri=http%3A%2F%2Fhugo.soucy.cc%2F%23hs&format=xml&rdfagraph=output&vocab_expansion=false&rdfa_lite=false&embedded_rdf=true&space_preserve=true&vocab_cache=true&vocab_cache_report=false&vocab_cache_refresh=false">RDFa</a> &amp; un générateur de site statique fait maison. <br>Dernière - modification à Québec le <time datetime="2016-07-09T21:00">2016-07-09</time>.</p> + modification à Québec le <time datetime="2016-07-11T13:20">2016-07-11</time>.</p> </address> </footer> </body> diff --git a/templates/pandoc/default.html b/templates/pandoc/default.html @@ -84,7 +84,7 @@ <address class="layout"> <p>Page Web conçue par <a rel="author" href="http://hugo.soucy.cc#hs">Hugo Soucy</a> &amp; propulsée par HTML 5, <a href="https://www.w3.org/2012/pyRdfa/extract?uri=http%3A%2F%2Fhugo.soucy.cc%2F%23hs&format=xml&rdfagraph=output&vocab_expansion=false&rdfa_lite=false&embedded_rdf=true&space_preserve=true&vocab_cache=true&vocab_cache_report=false&vocab_cache_refresh=false">RDFa</a> &amp; un générateur de site statique fait maison. <br>Dernière - modification à Québec le <time datetime="2016-07-09T21:00">2016-07-09</time>.</p> + modification à Québec le <time datetime="2016-07-11T13:20">2016-07-11</time>.</p> </address> </footer> </body> diff --git a/templates/pandoc/note-index.html b/templates/pandoc/note-index.html @@ -88,7 +88,7 @@ <address class="layout"> <p>Page Web conçue par <a rel="author" href="http://hugo.soucy.cc#hs">Hugo Soucy</a> &amp; propulsée par HTML 5, <a href="https://www.w3.org/2012/pyRdfa/extract?uri=http%3A%2F%2Fhugo.soucy.cc%2F%23hs&format=xml&rdfagraph=output&vocab_expansion=false&rdfa_lite=false&embedded_rdf=true&space_preserve=true&vocab_cache=true&vocab_cache_report=false&vocab_cache_refresh=false">RDFa</a> &amp; un générateur de site statique fait maison. <br>Dernière - modification à Québec le <time datetime="2016-07-09T21:00">2016-07-09</time>.</p> + modification à Québec le <time datetime="2016-07-11T13:20">2016-07-11</time>.</p> </address> </footer> </body> diff --git a/templates/pandoc/txt.html b/templates/pandoc/txt.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>$pagetitle$ &mdash; hugo.soucy.cc</title> + + <meta name="viewport" content="width=device-width, initial-scale=1"> + + <link rel="stylesheet" href="http://hugo.soucy.cc/css/styles.css"> + <link rel="me" href="http://shr.soucy.cc/"> + + <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="Panstash : Pandoc + Mustache + Bash"> + </head> + +<body id="txt" class="txt"> + <main> + <article class="layout h-entry hentry"> + $body$ + </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>