hugosoucycc

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

commit 34817a16245fd1c06a39ea986298a20a5dccd224
parent 447a3b9eb43873516ccc8e639ebe2e18ee1736ee
Author: Hugo Soucy <hugo@soucy.cc>
Date:   Tue, 26 Jul 2016 21:44:57 -0400

Autogenerate public site.

Diffstat:
Mpublic_html/css/styles.css | 2+-
Mpublic_html/file/curriculum-vitae/index.html | 7++++---
Mpublic_html/file/pgp.html | 117+++++++++++++++++++++++++++++++++++++++-----------------------------------------
Mpublic_html/note/2016/05/firefox-print-background-color.html | 12+++++++-----
Mpublic_html/note/2016/05/jeunes-liberaux-ringards.html | 12+++++++-----
Mpublic_html/note/2016/05/justin-jackson-is-a-fucking-webmaster.html | 12+++++++-----
Mpublic_html/note/2016/06/nous-sommes-eduques-a-croire.html | 12+++++++-----
Mpublic_html/note/index.html | 39++++++++++++++++++++-------------------
Mpublic_html/txt/2014/02/les-partis-politiques-nuisent-ils-a-la-democratie.html | 117+++++++++++++++++++++++++++++++++++++++-----------------------------------------
Mpublic_html/txt/2014/04/bronto-politiciens-de-silos.html | 117+++++++++++++++++++++++++++++++++++++++-----------------------------------------
Mpublic_html/txt/2014/09/mes-logiciels-libres-preferes.html | 117+++++++++++++++++++++++++++++++++++++++-----------------------------------------
Mpublic_html/txt/emacs/2015/06/emacs-101-l-introduction.html | 117+++++++++++++++++++++++++++++++++++++++-----------------------------------------
Mpublic_html/txt/emacs/2015/06/emacs-101-la-configuration.html | 117+++++++++++++++++++++++++++++++++++++++-----------------------------------------
Mpublic_html/txt/index.html | 5+++--
14 files changed, 398 insertions(+), 405 deletions(-)

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}.nav__button,.nav__close{border:0;display:inline-block;position:absolute;right:.83333rem;text-align:center;top:.83333rem}@media (min-width: 48em){.nav__button,.nav__close{right:1.11111rem}}.nav__button:active,.nav__close:active,.nav__button:hover,.nav__close:hover,.nav__button:focus,.nav__close:focus,.nav__button:visited,.nav__close:visited{background:transparent;border-bottom:0;color:#111}.nav__button__text,.nav__close__text{font-size:.66667rem;display:block}.nav__burger,.nav__x{background:#111;display:block;height:50px;margin:0 auto;position:relative;width:50px}.nav__button:hover .nav__burger,.nav__close:hover .nav__burger,.nav__button:hover .nav__x,.nav__close:hover .nav__x,.nav__button:focus .nav__burger,.nav__close:focus .nav__burger,.nav__button:focus .nav__x,.nav__close:focus .nav__x{background:blue}.nav__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__burger__ico:after,.nav__x__ico:after,.nav__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__burger__ico:before,.nav__x__ico:before{transform:translateY(-8px) rotate(0deg)}.nav__burger__ico:after,.nav__x__ico:after{transform:translateY(8px) rotate(0deg)}.nav__panel{background:#111;color:#f1f1f1;height:auto;left:0;min-height:1em;position:absolute;top:-100%;transition:top 0.35s ease-in-out;width:100%}.nav__panel:target{top: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}.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}.single{text-align:left}.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}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{border:0;display:inline-block;position:absolute;right:.83333rem;text-align:center;top:.83333rem}@media (min-width: 48em){.nav__button,.nav__close{right:1.11111rem}}.nav__button:active,.nav__close:active,.nav__button:hover,.nav__close:hover,.nav__button:focus,.nav__close:focus,.nav__button:visited,.nav__close:visited{background:transparent;border-bottom:0;color:#111}.nav__button__text,.nav__close__text{font-size:.66667rem;display:block}.nav__burger,.nav__x{background:#111;display:block;height:50px;margin:0 auto;position:relative;width:50px}.nav__button:hover .nav__burger,.nav__close:hover .nav__burger,.nav__button:hover .nav__x,.nav__close:hover .nav__x,.nav__button:focus .nav__burger,.nav__close:focus .nav__burger,.nav__button:focus .nav__x,.nav__close:focus .nav__x{background:blue}.nav__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__burger__ico:after,.nav__x__ico:after,.nav__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__burger__ico:before,.nav__x__ico:before{transform:translateY(-8px) rotate(0deg)}.nav__burger__ico:after,.nav__x__ico:after{transform:translateY(8px) rotate(0deg)}.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%}.nav__panel:target{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}.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}.single{text-align:left}.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}footer{font-size:.7619em} diff --git a/public_html/file/curriculum-vitae/index.html b/public_html/file/curriculum-vitae/index.html @@ -23,7 +23,7 @@ </head> <body class="cv" id="cv"> - <header class="cv__banner" role="banner"> + <header class="cv__banner"> <div class="layout"> <h1 class="cv__title"> <span class="visuallyhidden">Curriculum vitæ de</span> @@ -187,13 +187,14 @@ </div> </nav> - <hr> <footer id="footer"> <address class="layout"> + <hr> + <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-20T22:12">2016-07-20</time>.</p> + modification à Québec le <time datetime="2016-07-26T21:30">2016-07-26</time>.</p> </address> </footer> </body> diff --git a/public_html/file/pgp.html b/public_html/file/pgp.html @@ -23,8 +23,8 @@ </head> <body id="single"> - <div class="layout"> - <article class="single"> + <article class="h-entry hentry"> + <div class="layout e-content p-name single"> <!-- Pandoc var --> <h1 id="clé-publique-pgp">Clé publique PGP</h1> <pre><code>-----BEGIN PGP PUBLIC KEY BLOCK----- @@ -58,71 +58,68 @@ 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> + </div> - </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> - <span class="nav__x"> - <i class="nav__x__ico"></i> - </span> - </a> - </div> - </nav> - - <hr> + <footer> + <address class="layout"> + <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-20T22:12">2016-07-20</time>.</p> - </address> - </footer> + <p>Créé à Québec le <time class="dt-published dt-updated" ></time> par <a class="p-author author" href="http://hugo.soucy.cc#hs" rel="author"><i>Hugo Soucy</i></a>. <a class="note__link u-url u-uid u-syndication" href="#">#</a></p> + </address> + </footer> + </article> </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 @@ -24,19 +24,21 @@ <body id="note" class="note"> <main> - <article class="layout h-entry hentry as-note"> + <div class="layout h-entry hentry as-note"> <div class="layout__vcenter"> <div class="note__blocknote p-name e-content"> <p>Firefox ne veut pas imprimer les <code>background-color</code>, tant pis! Pour hacker le problème, il suffit d'ajouter un <code>::before</code> en <code>position:absolute</code>, puis mettre un <code>box-shadow</code> <code>inset</code> avec un <code>spread-radius</code> de <code>100em</code> et la couleur désirée. Voilà!</p> </div> - <footer class="dt-published dt-updated"> + <footer> + <a class="note__link u-url u-uid u-syndication" + href="#">#</a> Publié le - <time class="value">2016-05-18</time> - par <em class="p-author author">hs0ucy</em> + <time class="dt-published dt-updated" 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> </footer> </div> - </article> + </div> </main> <nav class="nav"> diff --git a/public_html/note/2016/05/jeunes-liberaux-ringards.html b/public_html/note/2016/05/jeunes-liberaux-ringards.html @@ -24,19 +24,21 @@ <body id="note" class="note"> <main> - <article class="layout h-entry hentry as-note"> + <div class="layout h-entry hentry as-note"> <div class="layout__vcenter"> <div class="note__blocknote p-name e-content"> <p>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!</p> </div> - <footer class="dt-published dt-updated"> + <footer> + <a class="note__link u-url u-uid u-syndication" + href="#">#</a> Publié le - <time class="value">2016-05-16</time> - par <em class="p-author author">hs0ucy</em> + <time class="dt-published dt-updated" 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> </footer> </div> - </article> + </div> </main> <nav class="nav"> 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 @@ -24,7 +24,7 @@ <body id="note" class="note"> <main> - <article class="layout h-entry hentry as-note"> + <div class="layout h-entry hentry as-note"> <div class="layout__vcenter"> <blockquote class="note__blockquote p-name e-content"> <div class="note__blockquote__quote"><p>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.</p></div> @@ -38,13 +38,15 @@ </footer> </blockquote> - <footer class="dt-published dt-updated"> + <footer> + <a class="note__link u-url u-uid u-syndication" + href="#">#</a> Publié le - <time class="value">2016-05-17</time> - par <em class="p-author author">hs0ucy</em> + <time class="dt-published dt-updated" 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> </footer> </div> - </article> + </div> </main> <nav class="nav"> 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 @@ -24,7 +24,7 @@ <body id="note" class="note"> <main> - <article class="layout h-entry hentry as-note"> + <div class="layout h-entry hentry as-note"> <div class="layout__vcenter"> <blockquote class="note__blockquote p-name e-content"> <div class="note__blockquote__quote"><p>Ils sont éduqués à croire, et non à savoir. La croyance peut être manipulée. Seul le savoir est dangereux.</p></div> @@ -38,13 +38,15 @@ </footer> </blockquote> - <footer class="dt-published dt-updated"> + <footer> + <a class="note__link u-url u-uid u-syndication" + href="#">#</a> Publié le - <time class="value">2016-06-09</time> - par <em class="p-author author">hs0ucy</em> + <time class="dt-published dt-updated" 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> </footer> </div> - </article> + </div> </main> <nav class="nav"> diff --git a/public_html/note/index.html b/public_html/note/index.html @@ -27,8 +27,8 @@ <div class="layout"> <h1 id="notes">Notes</h1> - <div class="note__list"> - <article class="note__item h-entry hentry as-note"> + <ol class="note__list"> + <li class="note__item h-entry hentry as-note"> <div class="note__blocknote p-name e-content"> <p>Playing with lines in #Emacs:</p> <ul> @@ -38,10 +38,10 @@ </ul> </div> <footer> - <p>Publié le <a href="http://hugo.soucy.cc/note/2016/07/emacs-sort-delete-matching-duplicate-lines.html" class="note__link dt-published dt-updated u-url u-uid"><time class="value">2016-07-13</time></a> par <em>hs0ucy</em></p> + <p>Publié le <a href="http://hugo.soucy.cc/note/2016/07/emacs-sort-delete-matching-duplicate-lines.html" class="note__link u-url u-uid u-syndication"><time class="dt-published dt-updated" datetime="2016-07-13T21:49:21">2016-07-13</time></a> par <em>Hugo Soucy</em></p> </footer> - </article> - <article class="note__item h-entry hentry as-note"> + </li> + <li class="note__item h-entry hentry as-note"> <blockquote> <div class="note__blockquote__quote"> <p>Ils sont éduqués à croire, et non à savoir. La croyance peut être manipulée. Seul le savoir est dangereux.</p> @@ -51,18 +51,18 @@ </footer> </blockquote> <footer> - <p>Publié le <a href="http://hugo.soucy.cc/note/2016/06/nous-sommes-eduques-a-croire.html" class="note__link dt-published dt-updated u-url u-uid"><time class="value">2016-06-09</time></a> par <em>hs0ucy</em></p> + <p>Publié le <a href="http://hugo.soucy.cc/note/2016/06/nous-sommes-eduques-a-croire.html" class="note__link u-url u-uid u-syndication"><time class="dt-published dt-updated" datetime="2016-06-09T22:51:04">2016-06-09</time></a> par <em>Hugo Soucy</em></p> </footer> - </article> - <article class="note__item h-entry hentry as-note"> + </li> + <li class="note__item h-entry hentry as-note"> <div class="note__blocknote p-name e-content"> <p>Firefox ne veut pas imprimer les <code>background-color</code>, tant pis! Pour hacker le problème, il suffit d'ajouter un <code>::before</code> en <code>position:absolute</code>, puis mettre un <code>box-shadow</code> <code>inset</code> avec un <code>spread-radius</code> de <code>100em</code> et la couleur désirée. Voilà!</p> </div> <footer> - <p>Publié le <a href="http://hugo.soucy.cc/note/2016/05/firefox-print-background-color.html" class="note__link dt-published dt-updated u-url u-uid"><time class="value">2016-05-18</time></a> par <em>hs0ucy</em></p> + <p>Publié le <a href="http://hugo.soucy.cc/note/2016/05/firefox-print-background-color.html" class="note__link u-url u-uid u-syndication"><time class="dt-published dt-updated" datetime="2016-05-18T23:33:01">2016-05-18</time></a> par <em>Hugo Soucy</em></p> </footer> - </article> - <article class="note__item h-entry hentry as-note"> + </li> + <li class="note__item h-entry hentry as-note"> <blockquote> <div class="note__blockquote__quote"> <p>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.</p> @@ -72,18 +72,18 @@ </footer> </blockquote> <footer> - <p>Publié le <a href="http://hugo.soucy.cc/note/2016/05/justin-jackson-is-a-fucking-webmaster.html" class="note__link dt-published dt-updated u-url u-uid"><time class="value">2016-05-17</time></a> par <em>hs0ucy</em></p> + <p>Publié le <a href="http://hugo.soucy.cc/note/2016/05/justin-jackson-is-a-fucking-webmaster.html" class="note__link u-url u-uid u-syndication"><time class="dt-published dt-updated" datetime="2016-05-17T16:13:12">2016-05-17</time></a> par <em>Hugo Soucy</em></p> </footer> - </article> - <article class="note__item h-entry hentry as-note"> + </li> + <li class="note__item h-entry hentry as-note"> <div class="note__blocknote p-name e-content"> <p>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!</p> </div> <footer> - <p>Publié le <a href="http://hugo.soucy.cc/note/2016/05/jeunes-liberaux-ringards.html" class="note__link dt-published dt-updated u-url u-uid"><time class="value">2016-05-16</time></a> par <em>hs0ucy</em></p> + <p>Publié le <a href="http://hugo.soucy.cc/note/2016/05/jeunes-liberaux-ringards.html" class="note__link u-url u-uid u-syndication"><time class="dt-published dt-updated" datetime="2016-05-16T12:49:12">2016-05-16</time></a> par <em>Hugo Soucy</em></p> </footer> - </article> - </div> + </li> + </ol> </div> </main> @@ -140,13 +140,14 @@ </div> </nav> - <hr> <footer id="footer"> <address class="layout"> + <hr> + <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-20T22:12">2016-07-20</time>.</p> + modification à Québec le <time datetime="2016-07-26T21:30">2016-07-26</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 @@ -23,8 +23,8 @@ </head> <body id="single"> - <div class="layout"> - <article class="single"> + <article class="h-entry hentry"> + <div class="layout e-content p-name 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> @@ -37,71 +37,68 @@ <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> + </div> - </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> - <span class="nav__x"> - <i class="nav__x__ico"></i> - </span> - </a> - </div> - </nav> - - <hr> + <footer> + <address class="layout"> + <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-20T22:12">2016-07-20</time>.</p> - </address> - </footer> + <p>Créé à Québec le <time class="dt-published dt-updated" datetime="2014-02-19T18:00:11">2014-02-19</time> par <a class="p-author author" href="http://hugo.soucy.cc#hs" rel="author"><i>Hugo Soucy</i></a>. <a class="note__link u-url u-uid u-syndication" href="#">#</a></p> + </address> + </footer> + </article> </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 @@ -23,78 +23,75 @@ </head> <body id="single"> - <div class="layout"> - <article class="single"> + <article class="h-entry hentry"> + <div class="layout e-content p-name 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> + </div> - </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> - <span class="nav__x"> - <i class="nav__x__ico"></i> - </span> - </a> - </div> - </nav> - - <hr> + <footer> + <address class="layout"> + <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-20T22:12">2016-07-20</time>.</p> - </address> - </footer> + <p>Créé à Québec le <time class="dt-published dt-updated" datetime="2014-04-03T20:00:00">2014-04-03</time> par <a class="p-author author" href="http://hugo.soucy.cc#hs" rel="author"><i>Hugo Soucy</i></a>. <a class="note__link u-url u-uid u-syndication" href="#">#</a></p> + </address> + </footer> + </article> </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 @@ -23,8 +23,8 @@ </head> <body id="single"> - <div class="layout"> - <article class="single"> + <article class="h-entry hentry"> + <div class="layout e-content p-name 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> @@ -38,71 +38,68 @@ <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> + </div> - </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> - <span class="nav__x"> - <i class="nav__x__ico"></i> - </span> - </a> - </div> - </nav> - - <hr> + <footer> + <address class="layout"> + <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-20T22:12">2016-07-20</time>.</p> - </address> - </footer> + <p>Créé à Québec le <time class="dt-published dt-updated" datetime="2014-09-24T09:10:55">2014-09-24</time> par <a class="p-author author" href="http://hugo.soucy.cc#hs" rel="author"><i>Hugo Soucy</i></a>. <a class="note__link u-url u-uid u-syndication" href="#">#</a></p> + </address> + </footer> + </article> </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 @@ -23,8 +23,8 @@ </head> <body id="single"> - <div class="layout"> - <article class="single"> + <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> @@ -170,71 +170,68 @@ <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> + </div> - </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> - <span class="nav__x"> - <i class="nav__x__ico"></i> - </span> - </a> - </div> - </nav> - - <hr> + <footer> + <address class="layout"> + <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-20T22:12">2016-07-20</time>.</p> - </address> - </footer> + <p>Créé à Québec le <time class="dt-published dt-updated" 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>. <a class="note__link u-url u-uid u-syndication" href="#">#</a></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 @@ -23,8 +23,8 @@ </head> <body id="single"> - <div class="layout"> - <article class="single"> + <article class="h-entry hentry"> + <div class="layout e-content p-name single"> <!-- Pandoc var --> <h1 id="emacs-101---la-configuration">Emacs 101 - la configuration</h1> <p>Un apsect essentiel et extrèmement puissant d'<a href="http://www.gnu.org/software/emacs">Emacs</a>, est sa capacité à être personnalisé et à être étendu en fonctionnalité. La configuration et l'ajout de nouvelles fonctions se fait avec un langage de programmation qui s'appelle le <strong>Emacs lisp</strong> ou <strong>elisp</strong>. Les fichiers écris en elisp se termine par l'extension <code>.el</code>.</p> @@ -100,71 +100,68 @@ Archive">ELPA</abbr>. Pour avoir la description complète d'un paquet déplacez <ul> <li><a href="http://hugo.soucy.cc/txt/emacs/2015/06/emacs-101-l-introduction">Emacs 101 - l'introduction</a>.</li> </ul> - </article> + </div> - </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> - <span class="nav__x"> - <i class="nav__x__ico"></i> - </span> - </a> - </div> - </nav> - - <hr> + <footer> + <address class="layout"> + <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-20T22:12">2016-07-20</time>.</p> - </address> - </footer> + <p>Créé à Québec le <time class="dt-published dt-updated" datetime="2015-06-30T12:22:16">2015-06-30</time> par <a class="p-author author" href="http://hugo.soucy.cc#hs" rel="author"><i>Hugo Soucy</i></a>. <a class="note__link u-url u-uid u-syndication" href="#">#</a></p> + </address> + </footer> + </article> </body> </html> diff --git a/public_html/txt/index.html b/public_html/txt/index.html @@ -100,13 +100,14 @@ </div> </nav> - <hr> <footer id="footer"> <address class="layout"> + <hr> + <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-20T22:12">2016-07-20</time>.</p> + modification à Québec le <time datetime="2016-07-26T21:30">2016-07-26</time>.</p> </address> </footer> </body>