hugosoucycc

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

commit 6548501e244cf9b2fa5957e7a89418527fbf191f
parent 6900b3f9a29a0dcbf6966bec3ccd9910b7a0dbbf
Author: Hugo Soucy <hugo.soucy@savoirfairelinux.com>
Date:   Fri,  5 Aug 2016 14:31:27 -0400

Autogenerate `public_html/`

Diffstat:
Mpublic_html/css/styles.css | 2+-
Mpublic_html/file/curriculum-vitae/index.html | 55++++++++++++++++++++++++-------------------------------
Mpublic_html/file/pgp.html | 48++++++++++++++++++++++++++----------------------
Mpublic_html/note/2016/05/firefox-print-background-color.html | 128++++++++++++++++++++++++++++++++++++++-----------------------------------------
Mpublic_html/note/2016/05/jeunes-liberaux-ringards.html | 128++++++++++++++++++++++++++++++++++++++-----------------------------------------
Mpublic_html/note/2016/05/justin-jackson-is-a-fucking-webmaster.html | 146++++++++++++++++++++++++++++++++++++++-----------------------------------------
Mpublic_html/note/2016/06/nous-sommes-eduques-a-croire.html | 146++++++++++++++++++++++++++++++++++++++-----------------------------------------
Mpublic_html/note/index.html | 146+++++++++++++++++++++++++++++++++++++++++++++++++++++++------------------------
Mpublic_html/txt/2014/02/les-partis-politiques-nuisent-ils-a-la-democratie.html | 48++++++++++++++++++++++++++----------------------
Mpublic_html/txt/2014/04/bronto-politiciens-de-silos.html | 48++++++++++++++++++++++++++----------------------
Mpublic_html/txt/2014/09/mes-logiciels-libres-preferes.html | 48++++++++++++++++++++++++++----------------------
Mpublic_html/txt/emacs/2015/06/emacs-101-l-introduction.html | 48++++++++++++++++++++++++++----------------------
Mpublic_html/txt/emacs/2015/06/emacs-101-la-configuration.html | 48++++++++++++++++++++++++++----------------------
Mpublic_html/txt/index.html | 65+++++++++++++++++++++++++++++------------------------------------
14 files changed, 574 insertions(+), 530 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}.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} +@font-face{font-family:'Leitura News';src:url("../fonts/leitura/leituranews-italic4-webfont.eot");src:url("../fonts/leitura/leituranews-italic4-webfont.eot?#iefix") format("embedded-opentype"),url("../fonts/leitura/leituranews-italic4-webfont.woff") format("woff"),url("../fonts/leitura/leituranews-italic4-webfont.ttf") format("truetype"),url("../fonts/leitura/leituranews-italic4-webfont.svg#LeituraNewsItalic4Regular") format("svg");font-weight:normal;font-style:normal}@font-face{font-family:'Domine';src:url("../fonts/domine/domine-bold-webfont.eot");src:url("../fonts/domine/domine-bold-webfont.eot?#iefix") format("embedded-opentype"),url("../fonts/domine/domine-bold-webfont.woff2") format("woff2"),url("../fonts/domine/domine-bold-webfont.woff") format("woff"),url("../fonts/domine/domine-bold-webfont.ttf") format("truetype"),url("../fonts/domine/domine-bold-webfont.svg#dominebold") format("svg");font-weight:700;font-style:normal}@font-face{font-family:'Domine';src:url("../fonts/domine/domine-regular-webfont.eot");src:url("../fonts/domine/domine-regular-webfont.eot?#iefix") format("embedded-opentype"),url("../fonts/domine/domine-regular-webfont.woff2") format("woff2"),url("../fonts/domine/domine-regular-webfont.woff") format("woff"),url("../fonts/domine/domine-regular-webfont.ttf") format("truetype"),url("../fonts/domine/domine-regular-webfont.svg#domineregular") format("svg");font-weight:400;font-style:normal}/*! NORMALIZE.CSS V1.1.3 | MIT LICENSE | GIT.IO/NORMALIZE */article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html,body{height:100%;min-height:100%}html{text-size-adjust:100%}body{margin:0;position:relative}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1,.like-h1{font-size:2rem;hyphens:none;margin:0 0 .67em;padding-top:.67em}h2,.like-h2{font-size:1.5em;margin:0.83em 0}h3,.like-h3{font-size:1.17em;margin:1em 0}h4,.like-h4{font-size:1em;margin:1.33em 0}h5,.like-h5{font-size:0.83em;margin:1.67em 0}h6,.like-h6{font-size:0.67em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{border-left:10px solid #cccccc;display:block;margin:1em 0;padding-left:1.5em}blockquote span{display:inline-block}blockquote span:before,blockquote span:after{display:inline}blockquote span:after{content:"\00A0\00BB"}blockquote span:before{content:"\00AB\00A0"}blockquote p{display:inline}dfn{font-style:italic}hr{box-sizing:content-box;height:0}mark{background:#f5871e}p,pre{margin:1em 0}code,kbd,pre,samp{background:#fff;font-family:monospace;font-size:1em}code{display:inline-block;padding:0 3px}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}address{font-style:normal}address,dl,menu,ol,ul{margin:1em 0}dd{margin:0}menu,ol,ul{padding:0}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic;max-width:100%;width:auto}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}html,button,input,select,textarea{color:#111;font-family:"Domine",Georgia,"Times New Roman",times,serif}html{font-size:18px;line-height:1.5}@media (min-width: 62em){html{font-size:24px}}body{background:#f1f1f1 url("http://assets.soucy.cc/images/noise.png") repeat}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}hr{display:block;height:1px;border:0;border-top:1px solid #111;margin:1em 0;padding:0}audio,canvas,img,video{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}a{border-bottom:1px dotted blue;color:blue;text-decoration:none}a:active,a:visited{border-bottom:1px dotted #111;color:#111}a:focus,a:hover{background-color:blue;border:0;color:#f1f1f1}ol,ul{margin-left:1em;padding:0}ul ul{margin-bottom:.5em;margin-top:.5em}li{margin-bottom:.25em}menu ul,menu ol,nav ul,nav ol{margin:0;padding:0}.layout{hyphens:auto;margin-left:auto;margin-right:auto;max-width:992px;padding:0 .88889rem;width:auto}@media (min-width: 48em){.layout{padding:0 1.11111rem;text-align:left}}.layout__vcenter{display:table-cell;height:100vh;vertical-align:middle}.ir{background-color:transparent;border:0;overflow:hidden;*text-indent:-9999px}.ir:before{content:"";display:block;width:0;height:150%}.hidden{display:none !important;visibility:hidden}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.invisible{visibility:hidden}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}.clearfix{*zoom:1}.position--fixed{position:fixed}.position--relative{position:relative}.logo{font:normal 3.33333em/1.1 "Leitura News","Domine",serif;hyphens:none;margin:0 0 .333em;padding-top:.333em;padding-right:1.08333em;text-shadow:3px 3px #ccc}@media (min-width: 22.5em){.logo{line-height:normal}}.logo a[rel="home"]{border:0;color:#111}.logo a[rel="home"]:focus,a[rel="home"]:focus .logo,.cv__title a[rel="home"]:focus,.logo a[rel="home"]:hover,a[rel="home"]:hover .logo,.cv__title a[rel="home"]:hover{color:#fff;text-shadow:none}.cv{color:#000}.cv__title{font-size:1em;line-height:normal}.cv__title a{display:inline-block}.cv__banner .logo{margin-bottom:0}.cv__title a[rel="home"]{border:0;color:#111}.cv__banner,.cv__main{text-align:left}.cv__banner .job{font-size:1.5em;margin-top:0}.img-cache{border:1rem solid transparent;border-radius:100%;display:inline-block;float:right;height:150px;position:relative;overflow:hidden;width:150px}.img-cache>.u-photo{max-width:100%;position:relative;top:-20px}.mod_target .nav-button,.mod_target .nav__close,.mod_target .nav-button--floatright{border:0;display:inline-block;text-align:center}.mod_target .nav-button:active,.mod_target .nav__close:active,.mod_target .nav-button:hover,.mod_target .nav__close:hover,.mod_target .nav-button:focus,.mod_target .nav__close:focus,.mod_target .nav-button:visited,.mod_target .nav__close:visited,.mod_target .nav-button--floatright:active,.mod_target .nav-button--floatright:hover,.mod_target .nav-button--floatright:focus,.mod_target .nav-button--floatright:visited{background:transparent;border-bottom:0;color:#111}.mod_target .nav-button,.mod_target .nav__close{position:absolute;right:.83333rem;top:.83333rem}@media (min-width: 48em){.mod_target .nav-button,.mod_target .nav__close{right:1.11111rem}}.mod_target .nav-button--floatright{float:right}.mod_target .nav-button__text,.mod_target .nav__close__text{font-size:.66667rem;display:block}.mod_target .nav-button__burger,.mod_target .nav__x{background:#111;display:block;height:50px;margin:0 auto;position:relative;width:50px}.nav-button:hover .mod_target .nav-button__burger,.mod_target .nav__close:hover .mod_target .nav-button__burger,.nav-button:hover .mod_target .nav__x,.mod_target .nav__close:hover .mod_target .nav__x,.nav-button:focus .mod_target .nav-button__burger,.mod_target .nav__close:focus .mod_target .nav-button__burger,.nav-button:focus .mod_target .nav__x,.mod_target .nav__close:focus .mod_target .nav__x{background:blue}.mod_target .nav-button__burger__ico,.mod_target .nav__x__ico{background:#f1f1f1;bottom:0;display:block;height:3px;left:0;margin:auto;right:0;position:absolute;top:0;width:50%}.mod_target .nav-button__burger__ico:after,.mod_target .nav__x__ico:after,.mod_target .nav-button__burger__ico:before,.mod_target .nav__x__ico:before{backface-visibility:hidden;background-color:#f1f1f1;content:"";height:100%;position:absolute;right:0;top:0;transform:translateZ(0);transition:transform 0.3s ease 0s;width:100%}.mod_target .nav-button__burger__ico:before,.mod_target .nav__x__ico:before{transform:translateY(-8px) rotate(0deg)}.mod_target .nav-button__burger__ico:after,.mod_target .nav__x__ico:after{transform:translateY(8px) rotate(0deg)}.mod_target .nav__close,.mod_target .nav__close:visited{color:white}.mod_target .nav__x{background:#333}.mod_target .nav__x__ico{height:3px;transform:translateY(0) rotate(-45deg)}.mod_target .nav__x__ico:before{transform:translateY(0) rotate(90deg)}.mod_target .nav__x__ico:after{display:none}.mod_target .nav__panel{background:#111;color:#f1f1f1;height:auto;left:0;min-height:1em;position:absolute;top:0;transform:translateY(-100%);transition:transform .25s ease-in-out;width:100%}.mod_target .nav__panel:target{transform:translateY(0)}.mod_target .nav__panel__content{margin:0 auto;position:relative;text-align:left;width:auto}.mod_target .nav__list{padding:1em 0}.mod_target .nav__link{font-size:.7619em}.mod_target .nav__link,.mod_target .nav__link:visited{color:white}.mod_no-target .nav__close{display:none}.single{text-align:left}.single h1{padding-right:66px}.note__list{list-style-type:none;margin-left:0}.note__item{border-bottom:1px solid #cccccc;margin-bottom:1.5em;padding-bottom:1em}.note__blockquote__footer{margin:1em 0 0}.note__footer{font-size:14px}@media (min-width: 48em){.note__footer{font-size:16px}}footer{font-size:.7619em} diff --git a/public_html/file/curriculum-vitae/index.html b/public_html/file/curriculum-vitae/index.html @@ -1,12 +1,13 @@ <!DOCTYPE html> -<html class="no-js" lang="fr"> +<html lang="fr"> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <title>Curriculum vitae &mdash; hugo.soucy.cc</title> <meta name="viewport" content="width=device-width, initial-scale=1" /> - <link rel="stylesheet" href="/home/hs0ucy/_Projets/hugosoucycc/public_html/css/styles.css" /> + <script src="http://hugo.soucy.cc/js/vendor/modernizr-3.3.1-custom.min.js"></script> + <link rel="stylesheet" href="http://hugo.soucy.cc/css/styles.css" /> <!-- webmention.io --> <link rel="pingback" href="https://webmention.io/hugo.soucy.cc/xmlrpc" /> @@ -26,6 +27,20 @@ </head> <body class="cv" id="cv"> + + + <div class="layout"> + <a class="nav-button" href="#menu"> + <span class="nav-button__text"> + Menu <span class="visuallyhidden">principal</span> + </span> + + <span class="nav-button__burger"> + <i class="nav-button__burger__ico"></i> + </span> + </a> + </div> + <header class="cv__banner"> <div class="layout"> <h1 class="cv__title"> @@ -137,41 +152,29 @@ </div> </main> - <nav class="nav"> - <h2 class="visuallyhidden">Navigation</h2> - - <div class="layout"> - <a class="nav__button" href="#menu"> - <span class="nav__button__text"> - Menu <span class="visuallyhidden">principal</span> - </span> - - <span class="nav__burger"> - <i class="nav__burger__ico"></i> - </span> - </a> - </div> - + <nav class="nav"> <div class="nav__panel" id="menu" tabindex="0"> <div class="nav__panel__content layout"> + <h2 class="visuallyhidden">Navigation</h2> + <ul class="nav__list" role="menubar"> <li class="nav__item"> - <a class="nav__link" href="/home/hs0ucy/_Projets/hugosoucycc/public_html" rel="index"> + <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="/home/hs0ucy/_Projets/hugosoucycc/public_html/note"> + <a class="nav__link" href="http://hugo.soucy.cc/note"> Notes </a> </li> <li class="nav__item"> - <a class="nav__link" href="/home/hs0ucy/_Projets/hugosoucycc/public_html/txt"> + <a class="nav__link" href="http://hugo.soucy.cc/txt"> Textes </a> </li> <li class="nav__item"> - <a class="nav__link" href="/home/hs0ucy/_Projets/hugosoucycc/public_html/file/curriculum-vitae"> + <a class="nav__link" href="http://hugo.soucy.cc/file/curriculum-vitae"> Curriculum vitae </a> </li> @@ -189,15 +192,5 @@ </a> </div> </nav> - - <footer id="footer"> - <address class="layout"> - <hr> - - <p>Page Web conçue par <a rel="author" href="/home/hs0ucy/_Projets/hugosoucycc/public_html#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-28T08:35:14">2016-07-28</time>.</p> - </address> - </footer> </body> </html> diff --git a/public_html/file/pgp.html b/public_html/file/pgp.html @@ -1,12 +1,13 @@ <!DOCTYPE html> -<html class="no-js" lang="fr"> +<html lang="fr"> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <title>Clé publique PGP &mdash; hugo.soucy.cc</title> <meta name="viewport" content="width=device-width, initial-scale=1" /> - <link rel="stylesheet" href="/home/hs0ucy/_Projets/hugosoucycc/public_html/css/styles.css" /> + <script src="http://hugo.soucy.cc/js/vendor/modernizr-3.3.1-custom.min.js"></script> + <link rel="stylesheet" href="http://hugo.soucy.cc/css/styles.css" /> <!-- webmention.io --> <link rel="pingback" href="https://webmention.io/hugo.soucy.cc/xmlrpc" /> @@ -26,6 +27,20 @@ </head> <body id="single"> + + + <div class="layout"> + <a class="nav-button" href="#menu"> + <span class="nav-button__text"> + Menu <span class="visuallyhidden">principal</span> + </span> + + <span class="nav-button__burger"> + <i class="nav-button__burger__ico"></i> + </span> + </a> + </div> + <article class="h-entry hentry"> <div class="layout e-content p-name single"> <!-- Pandoc var --> @@ -63,41 +78,29 @@ TOogzsJCuCLj1l3RYuW8sW/TZcO375A9 <!-- [Télécharger ma clé publique PGP](http://198.199.122.108:8000/f/5e5b2894e5/). --> </div> - <nav class="nav"> - <h2 class="visuallyhidden">Navigation</h2> - - <div class="layout"> - <a class="nav__button" href="#menu"> - <span class="nav__button__text"> - Menu <span class="visuallyhidden">principal</span> - </span> - - <span class="nav__burger"> - <i class="nav__burger__ico"></i> - </span> - </a> - </div> - + <nav class="nav"> <div class="nav__panel" id="menu" tabindex="0"> <div class="nav__panel__content layout"> + <h2 class="visuallyhidden">Navigation</h2> + <ul class="nav__list" role="menubar"> <li class="nav__item"> - <a class="nav__link" href="/home/hs0ucy/_Projets/hugosoucycc/public_html" rel="index"> + <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="/home/hs0ucy/_Projets/hugosoucycc/public_html/note"> + <a class="nav__link" href="http://hugo.soucy.cc/note"> Notes </a> </li> <li class="nav__item"> - <a class="nav__link" href="/home/hs0ucy/_Projets/hugosoucycc/public_html/txt"> + <a class="nav__link" href="http://hugo.soucy.cc/txt"> Textes </a> </li> <li class="nav__item"> - <a class="nav__link" href="/home/hs0ucy/_Projets/hugosoucycc/public_html/file/curriculum-vitae"> + <a class="nav__link" href="http://hugo.soucy.cc/file/curriculum-vitae"> Curriculum vitae </a> </li> @@ -120,7 +123,8 @@ TOogzsJCuCLj1l3RYuW8sW/TZcO375A9 <address class="layout"> <hr/> - <p>Créé à Québec le <time class="dt-published dt-updated" ></time> par <a class="p-author author" href="/home/hs0ucy/_Projets/hugosoucycc/public_html#hs" rel="author"><i>Hugo Soucy</i></a>. <a class="note__link u-url u-uid u-syndication" href="#">#</a></p> + <p><a class="note__link u-url u-uid u-syndication" href="#" rel="bookmark">#</a> Créé à Québec le <time class="dt-published" ></time> par <a class="p-author author" href="http://hugo.soucy.cc#hs" rel="author"><i>Hugo Soucy</i></a>. + </p> </address> </footer> </article> diff --git a/public_html/note/2016/05/firefox-print-background-color.html b/public_html/note/2016/05/firefox-print-background-color.html @@ -1,12 +1,13 @@ <!DOCTYPE html> -<html class="no-js" lang="fr"> +<html lang="fr"> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <title>Firefox imprime pas les background-color &mdash; hugo.soucy.cc</title> <meta name="viewport" content="width=device-width, initial-scale=1" /> - <link rel="stylesheet" href="/home/hs0ucy/_Projets/hugosoucycc/public_html/css/styles.css" /> + <script src="http://hugo.soucy.cc/js/vendor/modernizr-3.3.1-custom.min.js"></script> + <link rel="stylesheet" href="http://hugo.soucy.cc/css/styles.css" /> <!-- webmention.io --> <link rel="pingback" href="https://webmention.io/hugo.soucy.cc/xmlrpc" /> @@ -26,75 +27,68 @@ </head> <body id="note" class="note"> - <main> - <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> - <a class="note__link u-url u-uid u-syndication" - href="#">#</a> - Publié le - <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> - </div> - </main> - - <nav class="nav"> - <h2 class="visuallyhidden">Navigation</h2> + <main> + <article class="layout h-entry hentry as-note"> + <div class="layout__vcenter"> + <h1 class="visuallyhidden">Firefox imprime pas les background-color</h1> - <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 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="note__footer"> + <a class="note__link u-url u-uid u-syndication bookmark" + href="http://hugo.soucy.cc/note/2016/05/firefox-print-background-color.html" + rel="bookmark">#</a> + + Publié le <time class="dt-published" datetime="2016-05-18T23:33:01">2016-05-18</time> + par <a class="p-author author" href="http://hugo.soucy.cc#hs" rel="author"><i>Hugo Soucy</i></a>. + Modifié le <time class="dt-updated">2016-07-27T09:21:53</time>. + <br/>&crarr; <a href="http://hugo.soucy.cc/note">Retourner aux notes</a>. + </footer> + </div> + </article> + </main> - <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="/home/hs0ucy/_Projets/hugosoucycc/public_html" rel="index"> - Page d'accueil - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="/home/hs0ucy/_Projets/hugosoucycc/public_html/note"> - Notes - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="/home/hs0ucy/_Projets/hugosoucycc/public_html/txt"> - Textes - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="/home/hs0ucy/_Projets/hugosoucycc/public_html/file/curriculum-vitae"> - Curriculum vitae - </a> - </li> - </ul> - </div> + <nav class="nav"> + <div class="nav__panel" id="menu" tabindex="0"> + <div class="nav__panel__content layout"> + <h2 class="visuallyhidden">Navigation</h2> + + <ul class="nav__list" role="menubar"> + <li class="nav__item"> + <a class="nav__link" href="http://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> </body> </html> diff --git a/public_html/note/2016/05/jeunes-liberaux-ringards.html b/public_html/note/2016/05/jeunes-liberaux-ringards.html @@ -1,12 +1,13 @@ <!DOCTYPE html> -<html class="no-js" lang="fr"> +<html lang="fr"> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <title>Jeunes liberaux ringards &mdash; hugo.soucy.cc</title> <meta name="viewport" content="width=device-width, initial-scale=1" /> - <link rel="stylesheet" href="/home/hs0ucy/_Projets/hugosoucycc/public_html/css/styles.css" /> + <script src="http://hugo.soucy.cc/js/vendor/modernizr-3.3.1-custom.min.js"></script> + <link rel="stylesheet" href="http://hugo.soucy.cc/css/styles.css" /> <!-- webmention.io --> <link rel="pingback" href="https://webmention.io/hugo.soucy.cc/xmlrpc" /> @@ -26,75 +27,68 @@ </head> <body id="note" class="note"> - <main> - <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> - <a class="note__link u-url u-uid u-syndication" - href="#">#</a> - Publié le - <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> - </div> - </main> - - <nav class="nav"> - <h2 class="visuallyhidden">Navigation</h2> + <main> + <article class="layout h-entry hentry as-note"> + <div class="layout__vcenter"> + <h1 class="visuallyhidden">Jeunes liberaux ringards</h1> - <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 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="note__footer"> + <a class="note__link u-url u-uid u-syndication bookmark" + href="http://hugo.soucy.cc/note/2016/05/jeunes-liberaux-ringards.html" + rel="bookmark">#</a> + + Publié le <time class="dt-published" datetime="2016-05-16T12:49:12">2016-05-16</time> + par <a class="p-author author" href="http://hugo.soucy.cc#hs" rel="author"><i>Hugo Soucy</i></a>. + Modifié le <time class="dt-updated">2016-07-27T09:21:53</time>. + <br/>&crarr; <a href="http://hugo.soucy.cc/note">Retourner aux notes</a>. + </footer> + </div> + </article> + </main> - <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="/home/hs0ucy/_Projets/hugosoucycc/public_html" rel="index"> - Page d'accueil - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="/home/hs0ucy/_Projets/hugosoucycc/public_html/note"> - Notes - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="/home/hs0ucy/_Projets/hugosoucycc/public_html/txt"> - Textes - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="/home/hs0ucy/_Projets/hugosoucycc/public_html/file/curriculum-vitae"> - Curriculum vitae - </a> - </li> - </ul> - </div> + <nav class="nav"> + <div class="nav__panel" id="menu" tabindex="0"> + <div class="nav__panel__content layout"> + <h2 class="visuallyhidden">Navigation</h2> + + <ul class="nav__list" role="menubar"> + <li class="nav__item"> + <a class="nav__link" href="http://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> </body> </html> diff --git a/public_html/note/2016/05/justin-jackson-is-a-fucking-webmaster.html b/public_html/note/2016/05/justin-jackson-is-a-fucking-webmaster.html @@ -1,12 +1,13 @@ <!DOCTYPE html> -<html class="no-js" lang="fr"> +<html lang="fr"> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <title>Justin jackson is a fucking webmaster &mdash; hugo.soucy.cc</title> <meta name="viewport" content="width=device-width, initial-scale=1" /> - <link rel="stylesheet" href="/home/hs0ucy/_Projets/hugosoucycc/public_html/css/styles.css" /> + <script src="http://hugo.soucy.cc/js/vendor/modernizr-3.3.1-custom.min.js"></script> + <link rel="stylesheet" href="http://hugo.soucy.cc/css/styles.css" /> <!-- webmention.io --> <link rel="pingback" href="https://webmention.io/hugo.soucy.cc/xmlrpc" /> @@ -26,83 +27,76 @@ </head> <body id="note" class="note"> - <main> - <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> - <footer class="note__blockquote__footer"> - &mdash; - <cite class="note__blockquote__cite"> - <a href="https://justinjackson.ca/webmaster/" rel="external nofollow"> - Justin Jackson - </a> - </cite> - </footer> - </blockquote> - - <footer> - <a class="note__link u-url u-uid u-syndication" - href="#">#</a> - Publié le - <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> - </div> - </main> + <main> + <article class="layout h-entry hentry as-note"> + <div class="layout__vcenter"> + <h1 class="visuallyhidden">Justin jackson is a fucking webmaster</h1> - <nav class="nav"> - <h2 class="visuallyhidden">Navigation</h2> + <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> + <footer class="note__blockquote__footer"> + &mdash; + <cite class="note__blockquote__cite"> + <a href="https://justinjackson.ca/webmaster/" rel="external nofollow"> + Justin Jackson + </a> + </cite> + </footer> + </blockquote> + + <footer class="note__footer"> + <a class="note__link u-url u-uid u-syndication bookmark" + href="http://hugo.soucy.cc/note/2016/05/justin-jackson-is-a-fucking-webmaster.html" + rel="bookmark">#</a> + + Publié le <time class="dt-published" datetime="2016-05-17T16:13:12">2016-05-17</time> + par <a class="p-author author" href="http://hugo.soucy.cc#hs" rel="author"><i>Hugo Soucy</i></a>. + Modifié le <time class="dt-updated">2016-08-05T08:48:39</time>. + <br/>&crarr; <a href="http://hugo.soucy.cc/note">Retourner aux notes</a>. + </footer> + </div> + </article> + </main> - <div class="layout"> - <a class="nav__button" href="#menu"> - <span class="nav__button__text"> - Menu <span class="visuallyhidden">principal</span> - </span> + <nav class="nav"> + <div class="nav__panel" id="menu" tabindex="0"> + <div class="nav__panel__content layout"> + <h2 class="visuallyhidden">Navigation</h2> + + <ul class="nav__list" role="menubar"> + <li class="nav__item"> + <a class="nav__link" href="http://hugo.soucy.cc" rel="index"> + Page d'accueil + </a> + </li> + <li class="nav__item"> + <a class="nav__link" href="http://hugo.soucy.cc/note"> + Notes + </a> + </li> + <li class="nav__item"> + <a class="nav__link" href="http://hugo.soucy.cc/txt"> + Textes + </a> + </li> + <li class="nav__item"> + <a class="nav__link" href="http://hugo.soucy.cc/file/curriculum-vitae"> + Curriculum vitae + </a> + </li> + </ul> + </div> - <span class="nav__burger"> - <i class="nav__burger__ico"></i> - </span> - </a> - </div> + <a class="nav__close" href="#" role="button"> + <span class="nav__close__text"> + Fermer <span class="visuallyhidden">le menu</span> + </span> - <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="/home/hs0ucy/_Projets/hugosoucycc/public_html" rel="index"> - Page d'accueil - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="/home/hs0ucy/_Projets/hugosoucycc/public_html/note"> - Notes - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="/home/hs0ucy/_Projets/hugosoucycc/public_html/txt"> - Textes - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="/home/hs0ucy/_Projets/hugosoucycc/public_html/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> + <span class="nav__x"> + <i class="nav__x__ico"></i> + </span> + </a> + </div> + </nav> </body> </html> diff --git a/public_html/note/2016/06/nous-sommes-eduques-a-croire.html b/public_html/note/2016/06/nous-sommes-eduques-a-croire.html @@ -1,12 +1,13 @@ <!DOCTYPE html> -<html class="no-js" lang="fr"> +<html lang="fr"> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <title>Nous sommes éduqués a croire &mdash; hugo.soucy.cc</title> <meta name="viewport" content="width=device-width, initial-scale=1" /> - <link rel="stylesheet" href="/home/hs0ucy/_Projets/hugosoucycc/public_html/css/styles.css" /> + <script src="http://hugo.soucy.cc/js/vendor/modernizr-3.3.1-custom.min.js"></script> + <link rel="stylesheet" href="http://hugo.soucy.cc/css/styles.css" /> <!-- webmention.io --> <link rel="pingback" href="https://webmention.io/hugo.soucy.cc/xmlrpc" /> @@ -26,83 +27,76 @@ </head> <body id="note" class="note"> - <main> - <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> - <footer class="note__blockquote__footer"> - &mdash; - <cite class="note__blockquote__cite"> - <a href="https://fr.wikiquote.org/wiki/Le_Messie_de_Dune" rel="external nofollow"> - Frank Herbert, Extrait du Messie de Dune - </a> - </cite> - </footer> - </blockquote> - - <footer> - <a class="note__link u-url u-uid u-syndication" - href="#">#</a> - Publié le - <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> - </div> - </main> + <main> + <article class="layout h-entry hentry as-note"> + <div class="layout__vcenter"> + <h1 class="visuallyhidden">Nous sommes éduqués a croire</h1> - <nav class="nav"> - <h2 class="visuallyhidden">Navigation</h2> + <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> + <footer class="note__blockquote__footer"> + &mdash; + <cite class="note__blockquote__cite"> + <a href="https://fr.wikiquote.org/wiki/Le_Messie_de_Dune" rel="external nofollow"> + Frank Herbert, Extrait du Messie de Dune + </a> + </cite> + </footer> + </blockquote> + + <footer class="note__footer"> + <a class="note__link u-url u-uid u-syndication bookmark" + href="http://hugo.soucy.cc/note/2016/06/nous-sommes-eduques-a-croire.html" + rel="bookmark">#</a> + + Publié le <time class="dt-published" datetime="2016-06-09T22:51:04">2016-06-09</time> + par <a class="p-author author" href="http://hugo.soucy.cc#hs" rel="author"><i>Hugo Soucy</i></a>. + Modifié le <time class="dt-updated">2016-08-05T08:48:39</time>. + <br/>&crarr; <a href="http://hugo.soucy.cc/note">Retourner aux notes</a>. + </footer> + </div> + </article> + </main> - <div class="layout"> - <a class="nav__button" href="#menu"> - <span class="nav__button__text"> - Menu <span class="visuallyhidden">principal</span> - </span> + <nav class="nav"> + <div class="nav__panel" id="menu" tabindex="0"> + <div class="nav__panel__content layout"> + <h2 class="visuallyhidden">Navigation</h2> + + <ul class="nav__list" role="menubar"> + <li class="nav__item"> + <a class="nav__link" href="http://hugo.soucy.cc" rel="index"> + Page d'accueil + </a> + </li> + <li class="nav__item"> + <a class="nav__link" href="http://hugo.soucy.cc/note"> + Notes + </a> + </li> + <li class="nav__item"> + <a class="nav__link" href="http://hugo.soucy.cc/txt"> + Textes + </a> + </li> + <li class="nav__item"> + <a class="nav__link" href="http://hugo.soucy.cc/file/curriculum-vitae"> + Curriculum vitae + </a> + </li> + </ul> + </div> - <span class="nav__burger"> - <i class="nav__burger__ico"></i> - </span> - </a> - </div> + <a class="nav__close" href="#" role="button"> + <span class="nav__close__text"> + Fermer <span class="visuallyhidden">le menu</span> + </span> - <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="/home/hs0ucy/_Projets/hugosoucycc/public_html" rel="index"> - Page d'accueil - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="/home/hs0ucy/_Projets/hugosoucycc/public_html/note"> - Notes - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="/home/hs0ucy/_Projets/hugosoucycc/public_html/txt"> - Textes - </a> - </li> - <li class="nav__item"> - <a class="nav__link" href="/home/hs0ucy/_Projets/hugosoucycc/public_html/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> + <span class="nav__x"> + <i class="nav__x__ico"></i> + </span> + </a> + </div> + </nav> </body> </html> diff --git a/public_html/note/index.html b/public_html/note/index.html @@ -1,12 +1,13 @@ <!DOCTYPE html> -<html class="no-js" lang="fr"> +<html lang="fr"> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <title>Notes &mdash; hugo.soucy.cc</title> <meta name="viewport" content="width=device-width, initial-scale=1" /> - <link rel="stylesheet" href="/home/hs0ucy/_Projets/hugosoucycc/public_html/css/styles.css" /> + <script src="http://hugo.soucy.cc/js/vendor/modernizr-3.3.1-custom.min.js"></script> + <link rel="stylesheet" href="http://hugo.soucy.cc/css/styles.css" /> <!-- webmention.io --> <link rel="pingback" href="https://webmention.io/hugo.soucy.cc/xmlrpc" /> @@ -25,7 +26,21 @@ <meta name="generator" content="Pandoc + (Mustache + Bash) = Panstash" /> </head> -<body id="note" class="note"> +<body id="note" class="note"> + + + <div class="layout"> + <a class="nav-button" href="#menu"> + <span class="nav-button__text"> + Menu <span class="visuallyhidden">principal</span> + </span> + + <span class="nav-button__burger"> + <i class="nav-button__burger__ico"></i> + </span> + </a> + </div> + <main> <div class="layout"> <h1 id="notes">Notes</h1> @@ -33,6 +48,71 @@ <ol class="note__list"> <li class="note__item h-entry hentry as-note"> <div class="note__blocknote p-name e-content"> + <p>«Programming Languages Hyperpolyglot: commonly used features in a side-by-side format» ~ <a href="http://hyperpolyglot.org/" class="uri" class="uri">http://hyperpolyglot.org/</a></p> + </div> + <footer class="note__footer"> + <p>Publié le <a href="http://hugo.soucy.cc/note/2016/08/programming-languages-hyperpolyglot.html" class="note__link u-url u-uid u-syndication"><time class="dt-published dt-updated" datetime="2016-08-05T11:48:05">2016-08-05</time></a> par <em>Hugo Soucy</em></p> + </footer> + </li> + <li class="note__item h-entry hentry as-note"> + <div class="note__blocknote p-name e-content"> + <p><span class="citation" data-cites="snookca">@snookca</span> Everybody should be «twitter verified»!</p> + <blockquote> + <p>My request to be Twitter Verified was denied.<br /> + <br /> + ¯_(ツ)_/¯</p> + <p>— Snook (<span class="citation" data-cites="snookca">@snookca</span>) <a href="https://twitter.com/snookca/status/761540623778197506">5 août 2016</a></p> + </blockquote> + <script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script> + </div> + <footer class="note__footer"> + <p>Publié le <a href="http://hugo.soucy.cc/note/2016/08/everybody-should-be-twitter-verified.html" class="note__link u-url u-uid u-syndication"><time class="dt-published dt-updated" datetime="2016-08-05T08:49:51">2016-08-05</time></a> par <em>Hugo Soucy</em></p> + </footer> + </li> + <li class="note__item h-entry hentry as-note"> + <blockquote> + <div class="note__blockquote__quote"> + <p>«Shipping is a feature. A really important feature. Your product must have it.»</p> + </div> + <footer class="note__blockquote__footer"> + — <cite class="note__blockquote__cite"> <a href="http://www.joelonsoftware.com/items/2009/09/23.html">Joel on Software</a> </cite> + </footer> + </blockquote> + <footer class="note__footer"> + <p>Publié le <a href="http://hugo.soucy.cc/note/2016/08/shipping-is-a-feature.html" class="note__link u-url u-uid u-syndication"><time class="dt-published dt-updated" datetime="2016-08-04T16:18:47">2016-08-04</time></a> par <em>Hugo Soucy</em></p> + </footer> + </li> + <li class="note__item h-entry hentry as-note"> + <div class="note__blocknote p-name e-content"> + <p>Bien sûr mon vote va à la «statue de 100 pieds de haut à l'effigie de Pincette la Crevette» ^^</p> + <blockquote> + <p>Bravo à la ville de <a href="https://twitter.com/hashtag/Matane?src=hash">#Matane</a> pour cette initiative en matière de <a href="https://twitter.com/hashtag/budgetparticipatif?src=hash">#budgetparticipatif</a>! On a hâte de voir la suite ;) <a href="https://t.co/7svB9nhznh" class="uri">https://t.co/7svB9nhznh</a></p> + <p>— Écologie Urbaine (<span class="citation" data-cites="EcologieUrbaine">@EcologieUrbaine</span>) <a href="https://twitter.com/EcologieUrbaine/status/755462339218976768">July 19, 2016</a></p> + </blockquote> + <script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script> + </div> + <footer class="note__footer"> + <p>Publié le <a href="http://hugo.soucy.cc/note/2016/08/matane-budget-participatif.html" class="note__link u-url u-uid u-syndication"><time class="dt-published dt-updated" datetime="2016-08-03T12:25:29">2016-08-03</time></a> par <em>Hugo Soucy</em></p> + </footer> + </li> + <li class="note__item h-entry hentry as-note"> + <div class="note__blocknote p-name e-content"> + <p>«Use the Unix: m4 as a CSS pre-processor» ~ <a href="http://x.soucy.cc/ca" class="uri" class="uri">http://x.soucy.cc/ca</a>.</p> + </div> + <footer class="note__footer"> + <p>Publié le <a href="http://hugo.soucy.cc/note/2016/08/m4-as-css-pre-processor.html" class="note__link u-url u-uid u-syndication"><time class="dt-published dt-updated" datetime="2016-08-03T12:15:45">2016-08-03</time></a> par <em>Hugo Soucy</em></p> + </footer> + </li> + <li class="note__item h-entry hentry as-note"> + <div class="note__blocknote p-name e-content"> + <p><strong>Txti</strong>: Fast web pages for everybody ~ <a href="http://txti.es/" class="uri" class="uri">http://txti.es/</a>.</p> + </div> + <footer class="note__footer"> + <p>Publié le <a href="http://hugo.soucy.cc/note/2016/08/txti.html" class="note__link u-url u-uid u-syndication"><time class="dt-published dt-updated" datetime="2016-08-03T11:47:44">2016-08-03</time></a> par <em>Hugo Soucy</em></p> + </footer> + </li> + <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> <li><code>M-x sort-lines</code></li> @@ -41,91 +121,79 @@ <li><code>M-x delete-duplicate-lines</code></li> </ul> </div> - <footer> - <p>Publié le <a href="/home/hs0ucy/_Projets/hugosoucycc/public_html/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 class="note__footer"> + <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> </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> + <p>«Ils sont éduqués à croire, et non à savoir. La croyance peut être manipulée. Seul le savoir est dangereux.»</p> </div> <footer class="note__blockquote__footer"> — <cite class="note__blockquote__cite"> <a href="https://fr.wikiquote.org/wiki/Le_Messie_de_Dune">Frank Herbert, Extrait du Messie de Dune</a> </cite> </footer> </blockquote> - <footer> - <p>Publié le <a href="/home/hs0ucy/_Projets/hugosoucycc/public_html/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 class="note__footer"> + <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> </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="/home/hs0ucy/_Projets/hugosoucycc/public_html/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 class="note__footer"> + <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> </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> + <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> <footer class="note__blockquote__footer"> — <cite class="note__blockquote__cite"> <a href="https://justinjackson.ca/webmaster/">Justin Jackson</a> </cite> </footer> </blockquote> - <footer> - <p>Publié le <a href="/home/hs0ucy/_Projets/hugosoucycc/public_html/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 class="note__footer"> + <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> </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="/home/hs0ucy/_Projets/hugosoucycc/public_html/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 class="note__footer"> + <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> </li> </ol> </div> </main> - <nav class="nav"> - <h2 class="visuallyhidden">Navigation</h2> - - <div class="layout"> - <a class="nav__button" href="#menu"> - <span class="nav__button__text"> - Menu <span class="visuallyhidden">principal</span> - </span> - - <span class="nav__burger"> - <i class="nav__burger__ico"></i> - </span> - </a> - </div> - + <nav class="nav"> <div class="nav__panel" id="menu" tabindex="0"> <div class="nav__panel__content layout"> + <h2 class="visuallyhidden">Navigation</h2> + <ul class="nav__list" role="menubar"> <li class="nav__item"> - <a class="nav__link" href="/home/hs0ucy/_Projets/hugosoucycc/public_html" rel="index"> + <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="/home/hs0ucy/_Projets/hugosoucycc/public_html/note"> + <a class="nav__link" href="http://hugo.soucy.cc/note"> Notes </a> </li> <li class="nav__item"> - <a class="nav__link" href="/home/hs0ucy/_Projets/hugosoucycc/public_html/txt"> + <a class="nav__link" href="http://hugo.soucy.cc/txt"> Textes </a> </li> <li class="nav__item"> - <a class="nav__link" href="/home/hs0ucy/_Projets/hugosoucycc/public_html/file/curriculum-vitae"> + <a class="nav__link" href="http://hugo.soucy.cc/file/curriculum-vitae"> Curriculum vitae </a> </li> @@ -143,15 +211,5 @@ </a> </div> </nav> - - <footer id="footer"> - <address class="layout"> - <hr> - - <p>Page Web conçue par <a rel="author" href="/home/hs0ucy/_Projets/hugosoucycc/public_html#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-28T08:35:14">2016-07-28</time>.</p> - </address> - </footer> </body> </html> diff --git a/public_html/txt/2014/02/les-partis-politiques-nuisent-ils-a-la-democratie.html b/public_html/txt/2014/02/les-partis-politiques-nuisent-ils-a-la-democratie.html @@ -1,12 +1,13 @@ <!DOCTYPE html> -<html class="no-js" lang="fr"> +<html lang="fr"> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <title>Les partis politiques nuisent-ils à la democratie? &mdash; hugo.soucy.cc</title> <meta name="viewport" content="width=device-width, initial-scale=1" /> - <link rel="stylesheet" href="/home/hs0ucy/_Projets/hugosoucycc/public_html/css/styles.css" /> + <script src="http://hugo.soucy.cc/js/vendor/modernizr-3.3.1-custom.min.js"></script> + <link rel="stylesheet" href="http://hugo.soucy.cc/css/styles.css" /> <!-- webmention.io --> <link rel="pingback" href="https://webmention.io/hugo.soucy.cc/xmlrpc" /> @@ -26,6 +27,20 @@ </head> <body id="single"> + + + <div class="layout"> + <a class="nav-button" href="#menu"> + <span class="nav-button__text"> + Menu <span class="visuallyhidden">principal</span> + </span> + + <span class="nav-button__burger"> + <i class="nav-button__burger__ico"></i> + </span> + </a> + </div> + <article class="h-entry hentry"> <div class="layout e-content p-name single"> <!-- Pandoc var --> @@ -42,41 +57,29 @@ <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> </div> - <nav class="nav"> - <h2 class="visuallyhidden">Navigation</h2> - - <div class="layout"> - <a class="nav__button" href="#menu"> - <span class="nav__button__text"> - Menu <span class="visuallyhidden">principal</span> - </span> - - <span class="nav__burger"> - <i class="nav__burger__ico"></i> - </span> - </a> - </div> - + <nav class="nav"> <div class="nav__panel" id="menu" tabindex="0"> <div class="nav__panel__content layout"> + <h2 class="visuallyhidden">Navigation</h2> + <ul class="nav__list" role="menubar"> <li class="nav__item"> - <a class="nav__link" href="/home/hs0ucy/_Projets/hugosoucycc/public_html" rel="index"> + <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="/home/hs0ucy/_Projets/hugosoucycc/public_html/note"> + <a class="nav__link" href="http://hugo.soucy.cc/note"> Notes </a> </li> <li class="nav__item"> - <a class="nav__link" href="/home/hs0ucy/_Projets/hugosoucycc/public_html/txt"> + <a class="nav__link" href="http://hugo.soucy.cc/txt"> Textes </a> </li> <li class="nav__item"> - <a class="nav__link" href="/home/hs0ucy/_Projets/hugosoucycc/public_html/file/curriculum-vitae"> + <a class="nav__link" href="http://hugo.soucy.cc/file/curriculum-vitae"> Curriculum vitae </a> </li> @@ -99,7 +102,8 @@ <address class="layout"> <hr/> - <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="/home/hs0ucy/_Projets/hugosoucycc/public_html#hs" rel="author"><i>Hugo Soucy</i></a>. <a class="note__link u-url u-uid u-syndication" href="#">#</a></p> + <p><a class="note__link u-url u-uid u-syndication" href="#" rel="bookmark">#</a> Créé à Québec le <time class="dt-published" 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>. Modifié le <time class="dt-updated">2016-07-27T09:21:53</time>. + </p> </address> </footer> </article> diff --git a/public_html/txt/2014/04/bronto-politiciens-de-silos.html b/public_html/txt/2014/04/bronto-politiciens-de-silos.html @@ -1,12 +1,13 @@ <!DOCTYPE html> -<html class="no-js" lang="fr"> +<html lang="fr"> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <title>Bronto politiciens de silos &mdash; hugo.soucy.cc</title> <meta name="viewport" content="width=device-width, initial-scale=1" /> - <link rel="stylesheet" href="/home/hs0ucy/_Projets/hugosoucycc/public_html/css/styles.css" /> + <script src="http://hugo.soucy.cc/js/vendor/modernizr-3.3.1-custom.min.js"></script> + <link rel="stylesheet" href="http://hugo.soucy.cc/css/styles.css" /> <!-- webmention.io --> <link rel="pingback" href="https://webmention.io/hugo.soucy.cc/xmlrpc" /> @@ -26,6 +27,20 @@ </head> <body id="single"> + + + <div class="layout"> + <a class="nav-button" href="#menu"> + <span class="nav-button__text"> + Menu <span class="visuallyhidden">principal</span> + </span> + + <span class="nav-button__burger"> + <i class="nav-button__burger__ico"></i> + </span> + </a> + </div> + <article class="h-entry hentry"> <div class="layout e-content p-name single"> <!-- Pandoc var --> @@ -35,41 +50,29 @@ <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> </div> - <nav class="nav"> - <h2 class="visuallyhidden">Navigation</h2> - - <div class="layout"> - <a class="nav__button" href="#menu"> - <span class="nav__button__text"> - Menu <span class="visuallyhidden">principal</span> - </span> - - <span class="nav__burger"> - <i class="nav__burger__ico"></i> - </span> - </a> - </div> - + <nav class="nav"> <div class="nav__panel" id="menu" tabindex="0"> <div class="nav__panel__content layout"> + <h2 class="visuallyhidden">Navigation</h2> + <ul class="nav__list" role="menubar"> <li class="nav__item"> - <a class="nav__link" href="/home/hs0ucy/_Projets/hugosoucycc/public_html" rel="index"> + <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="/home/hs0ucy/_Projets/hugosoucycc/public_html/note"> + <a class="nav__link" href="http://hugo.soucy.cc/note"> Notes </a> </li> <li class="nav__item"> - <a class="nav__link" href="/home/hs0ucy/_Projets/hugosoucycc/public_html/txt"> + <a class="nav__link" href="http://hugo.soucy.cc/txt"> Textes </a> </li> <li class="nav__item"> - <a class="nav__link" href="/home/hs0ucy/_Projets/hugosoucycc/public_html/file/curriculum-vitae"> + <a class="nav__link" href="http://hugo.soucy.cc/file/curriculum-vitae"> Curriculum vitae </a> </li> @@ -92,7 +95,8 @@ <address class="layout"> <hr/> - <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="/home/hs0ucy/_Projets/hugosoucycc/public_html#hs" rel="author"><i>Hugo Soucy</i></a>. <a class="note__link u-url u-uid u-syndication" href="#">#</a></p> + <p><a class="note__link u-url u-uid u-syndication" href="#" rel="bookmark">#</a> Créé à Québec le <time class="dt-published" 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>. Modifié le <time class="dt-updated">2016-07-27T09:21:53</time>. + </p> </address> </footer> </article> diff --git a/public_html/txt/2014/09/mes-logiciels-libres-preferes.html b/public_html/txt/2014/09/mes-logiciels-libres-preferes.html @@ -1,12 +1,13 @@ <!DOCTYPE html> -<html class="no-js" lang="fr"> +<html lang="fr"> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <title>Mes logiciels libres préférés &mdash; hugo.soucy.cc</title> <meta name="viewport" content="width=device-width, initial-scale=1" /> - <link rel="stylesheet" href="/home/hs0ucy/_Projets/hugosoucycc/public_html/css/styles.css" /> + <script src="http://hugo.soucy.cc/js/vendor/modernizr-3.3.1-custom.min.js"></script> + <link rel="stylesheet" href="http://hugo.soucy.cc/css/styles.css" /> <!-- webmention.io --> <link rel="pingback" href="https://webmention.io/hugo.soucy.cc/xmlrpc" /> @@ -26,6 +27,20 @@ </head> <body id="single"> + + + <div class="layout"> + <a class="nav-button" href="#menu"> + <span class="nav-button__text"> + Menu <span class="visuallyhidden">principal</span> + </span> + + <span class="nav-button__burger"> + <i class="nav-button__burger__ico"></i> + </span> + </a> + </div> + <article class="h-entry hentry"> <div class="layout e-content p-name single"> <!-- Pandoc var --> @@ -43,41 +58,29 @@ </ul> </div> - <nav class="nav"> - <h2 class="visuallyhidden">Navigation</h2> - - <div class="layout"> - <a class="nav__button" href="#menu"> - <span class="nav__button__text"> - Menu <span class="visuallyhidden">principal</span> - </span> - - <span class="nav__burger"> - <i class="nav__burger__ico"></i> - </span> - </a> - </div> - + <nav class="nav"> <div class="nav__panel" id="menu" tabindex="0"> <div class="nav__panel__content layout"> + <h2 class="visuallyhidden">Navigation</h2> + <ul class="nav__list" role="menubar"> <li class="nav__item"> - <a class="nav__link" href="/home/hs0ucy/_Projets/hugosoucycc/public_html" rel="index"> + <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="/home/hs0ucy/_Projets/hugosoucycc/public_html/note"> + <a class="nav__link" href="http://hugo.soucy.cc/note"> Notes </a> </li> <li class="nav__item"> - <a class="nav__link" href="/home/hs0ucy/_Projets/hugosoucycc/public_html/txt"> + <a class="nav__link" href="http://hugo.soucy.cc/txt"> Textes </a> </li> <li class="nav__item"> - <a class="nav__link" href="/home/hs0ucy/_Projets/hugosoucycc/public_html/file/curriculum-vitae"> + <a class="nav__link" href="http://hugo.soucy.cc/file/curriculum-vitae"> Curriculum vitae </a> </li> @@ -100,7 +103,8 @@ <address class="layout"> <hr/> - <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="/home/hs0ucy/_Projets/hugosoucycc/public_html#hs" rel="author"><i>Hugo Soucy</i></a>. <a class="note__link u-url u-uid u-syndication" href="#">#</a></p> + <p><a class="note__link u-url u-uid u-syndication" href="#" rel="bookmark">#</a> Créé à Québec le <time class="dt-published" 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>. Modifié le <time class="dt-updated">2016-07-27T09:21:53</time>. + </p> </address> </footer> </article> diff --git a/public_html/txt/emacs/2015/06/emacs-101-l-introduction.html b/public_html/txt/emacs/2015/06/emacs-101-l-introduction.html @@ -1,12 +1,13 @@ <!DOCTYPE html> -<html class="no-js" lang="fr"> +<html lang="fr"> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <title>Emacs 101 - l'introduction &mdash; hugo.soucy.cc</title> <meta name="viewport" content="width=device-width, initial-scale=1" /> - <link rel="stylesheet" href="/home/hs0ucy/_Projets/hugosoucycc/public_html/css/styles.css" /> + <script src="http://hugo.soucy.cc/js/vendor/modernizr-3.3.1-custom.min.js"></script> + <link rel="stylesheet" href="http://hugo.soucy.cc/css/styles.css" /> <!-- webmention.io --> <link rel="pingback" href="https://webmention.io/hugo.soucy.cc/xmlrpc" /> @@ -26,6 +27,20 @@ </head> <body id="single"> + + + <div class="layout"> + <a class="nav-button" href="#menu"> + <span class="nav-button__text"> + Menu <span class="visuallyhidden">principal</span> + </span> + + <span class="nav-button__burger"> + <i class="nav-button__burger__ico"></i> + </span> + </a> + </div> + <article class="h-entry hentry"> <div class="layout e-content p-name single"> <!-- Pandoc var --> @@ -175,41 +190,29 @@ <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> </div> - <nav class="nav"> - <h2 class="visuallyhidden">Navigation</h2> - - <div class="layout"> - <a class="nav__button" href="#menu"> - <span class="nav__button__text"> - Menu <span class="visuallyhidden">principal</span> - </span> - - <span class="nav__burger"> - <i class="nav__burger__ico"></i> - </span> - </a> - </div> - + <nav class="nav"> <div class="nav__panel" id="menu" tabindex="0"> <div class="nav__panel__content layout"> + <h2 class="visuallyhidden">Navigation</h2> + <ul class="nav__list" role="menubar"> <li class="nav__item"> - <a class="nav__link" href="/home/hs0ucy/_Projets/hugosoucycc/public_html" rel="index"> + <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="/home/hs0ucy/_Projets/hugosoucycc/public_html/note"> + <a class="nav__link" href="http://hugo.soucy.cc/note"> Notes </a> </li> <li class="nav__item"> - <a class="nav__link" href="/home/hs0ucy/_Projets/hugosoucycc/public_html/txt"> + <a class="nav__link" href="http://hugo.soucy.cc/txt"> Textes </a> </li> <li class="nav__item"> - <a class="nav__link" href="/home/hs0ucy/_Projets/hugosoucycc/public_html/file/curriculum-vitae"> + <a class="nav__link" href="http://hugo.soucy.cc/file/curriculum-vitae"> Curriculum vitae </a> </li> @@ -232,7 +235,8 @@ <address class="layout"> <hr/> - <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="/home/hs0ucy/_Projets/hugosoucycc/public_html#hs" rel="author"><i>Hugo Soucy</i></a>. <a class="note__link u-url u-uid u-syndication" href="#">#</a></p> + <p><a class="note__link u-url u-uid u-syndication" href="#" rel="bookmark">#</a> Créé à Québec le <time class="dt-published" datetime="2015-06-28T19:12:02">2015-06-28</time> par <a class="p-author author" href="http://hugo.soucy.cc#hs" rel="author"><i>Hugo Soucy</i></a>. Modifié le <time class="dt-updated">2016-07-27T09:21:53</time>. + </p> </address> </footer> </article> diff --git a/public_html/txt/emacs/2015/06/emacs-101-la-configuration.html b/public_html/txt/emacs/2015/06/emacs-101-la-configuration.html @@ -1,12 +1,13 @@ <!DOCTYPE html> -<html class="no-js" lang="fr"> +<html lang="fr"> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <title>Emacs 101 - la configuration &mdash; hugo.soucy.cc</title> <meta name="viewport" content="width=device-width, initial-scale=1" /> - <link rel="stylesheet" href="/home/hs0ucy/_Projets/hugosoucycc/public_html/css/styles.css" /> + <script src="http://hugo.soucy.cc/js/vendor/modernizr-3.3.1-custom.min.js"></script> + <link rel="stylesheet" href="http://hugo.soucy.cc/css/styles.css" /> <!-- webmention.io --> <link rel="pingback" href="https://webmention.io/hugo.soucy.cc/xmlrpc" /> @@ -26,6 +27,20 @@ </head> <body id="single"> + + + <div class="layout"> + <a class="nav-button" href="#menu"> + <span class="nav-button__text"> + Menu <span class="visuallyhidden">principal</span> + </span> + + <span class="nav-button__burger"> + <i class="nav-button__burger__ico"></i> + </span> + </a> + </div> + <article class="h-entry hentry"> <div class="layout e-content p-name single"> <!-- Pandoc var --> @@ -105,41 +120,29 @@ Archive">ELPA</abbr>. Pour avoir la description complète d'un paquet déplacez </ul> </div> - <nav class="nav"> - <h2 class="visuallyhidden">Navigation</h2> - - <div class="layout"> - <a class="nav__button" href="#menu"> - <span class="nav__button__text"> - Menu <span class="visuallyhidden">principal</span> - </span> - - <span class="nav__burger"> - <i class="nav__burger__ico"></i> - </span> - </a> - </div> - + <nav class="nav"> <div class="nav__panel" id="menu" tabindex="0"> <div class="nav__panel__content layout"> + <h2 class="visuallyhidden">Navigation</h2> + <ul class="nav__list" role="menubar"> <li class="nav__item"> - <a class="nav__link" href="/home/hs0ucy/_Projets/hugosoucycc/public_html" rel="index"> + <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="/home/hs0ucy/_Projets/hugosoucycc/public_html/note"> + <a class="nav__link" href="http://hugo.soucy.cc/note"> Notes </a> </li> <li class="nav__item"> - <a class="nav__link" href="/home/hs0ucy/_Projets/hugosoucycc/public_html/txt"> + <a class="nav__link" href="http://hugo.soucy.cc/txt"> Textes </a> </li> <li class="nav__item"> - <a class="nav__link" href="/home/hs0ucy/_Projets/hugosoucycc/public_html/file/curriculum-vitae"> + <a class="nav__link" href="http://hugo.soucy.cc/file/curriculum-vitae"> Curriculum vitae </a> </li> @@ -162,7 +165,8 @@ Archive">ELPA</abbr>. Pour avoir la description complète d'un paquet déplacez <address class="layout"> <hr/> - <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="/home/hs0ucy/_Projets/hugosoucycc/public_html#hs" rel="author"><i>Hugo Soucy</i></a>. <a class="note__link u-url u-uid u-syndication" href="#">#</a></p> + <p><a class="note__link u-url u-uid u-syndication" href="#" rel="bookmark">#</a> Créé à Québec le <time class="dt-published" datetime="2015-06-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>. Modifié le <time class="dt-updated">2016-07-27T09:21:53</time>. + </p> </address> </footer> </article> diff --git a/public_html/txt/index.html b/public_html/txt/index.html @@ -1,12 +1,13 @@ <!DOCTYPE html> -<html class="no-js" lang="fr"> +<html lang="fr"> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <title>Textes &mdash; hugo.soucy.cc</title> <meta name="viewport" content="width=device-width, initial-scale=1" /> - <link rel="stylesheet" href="/home/hs0ucy/_Projets/hugosoucycc/public_html/css/styles.css" /> + <script src="http://hugo.soucy.cc/js/vendor/modernizr-3.3.1-custom.min.js"></script> + <link rel="stylesheet" href="http://hugo.soucy.cc/css/styles.css" /> <!-- webmention.io --> <link rel="pingback" href="https://webmention.io/hugo.soucy.cc/xmlrpc" /> @@ -26,65 +27,67 @@ </head> <body id="list" class="list"> + + + <div class="layout"> + <a class="nav-button" href="#menu"> + <span class="nav-button__text"> + Menu <span class="visuallyhidden">principal</span> + </span> + + <span class="nav-button__burger"> + <i class="nav-button__burger__ico"></i> + </span> + </a> + </div> + <main> <div class="layout"> <h1 id="textes">Textes</h1> <ol class="list__list"> <li class="list__item h-entry hentry"> - <a href="/home/hs0ucy/_Projets/hugosoucycc/public_html/txt/emacs/2015/06/emacs-101-la-configuration.html" class="list__link dt-published dt-updated u-url u-uid like-h2">Emacs 101 - la configuration</a> — <time class="value">2015-06-30</time> + <a href="http://hugo.soucy.cc/txt/emacs/2015/06/emacs-101-la-configuration.html" class="list__link dt-published dt-updated u-url u-uid like-h2">Emacs 101 - la configuration</a> — <time class="value" datetime="2015-06-30T12:22:16">2015-06-30</time> </li> <li class="list__item h-entry hentry"> - <a href="/home/hs0ucy/_Projets/hugosoucycc/public_html/txt/emacs/2015/06/emacs-101-l-introduction.html" class="list__link dt-published dt-updated u-url u-uid like-h2">Emacs 101 - l'introduction</a> — <time class="value">2015-06-28</time> + <a href="http://hugo.soucy.cc/txt/emacs/2015/06/emacs-101-l-introduction.html" class="list__link dt-published dt-updated u-url u-uid like-h2">Emacs 101 - l'introduction</a> — <time class="value" datetime="2015-06-28T19:12:02">2015-06-28</time> </li> <li class="list__item h-entry hentry"> - <a href="/home/hs0ucy/_Projets/hugosoucycc/public_html/txt/2014/09/mes-logiciels-libres-preferes.html" class="list__link dt-published dt-updated u-url u-uid like-h2">Mes logiciels libres préférés</a> — <time class="value">2014-09-24</time> + <a href="http://hugo.soucy.cc/txt/2014/09/mes-logiciels-libres-preferes.html" class="list__link dt-published dt-updated u-url u-uid like-h2">Mes logiciels libres préférés</a> — <time class="value" datetime="2014-09-24T09:10:55">2014-09-24</time> </li> <li class="list__item h-entry hentry"> - <a href="/home/hs0ucy/_Projets/hugosoucycc/public_html/txt/2014/04/bronto-politiciens-de-silos.html" class="list__link dt-published dt-updated u-url u-uid like-h2">Bronto politiciens de silos</a> — <time class="value">2014-04-03</time> + <a href="http://hugo.soucy.cc/txt/2014/04/bronto-politiciens-de-silos.html" class="list__link dt-published dt-updated u-url u-uid like-h2">Bronto politiciens de silos</a> — <time class="value" datetime="2014-04-03T20:00:00">2014-04-03</time> </li> <li class="list__item h-entry hentry"> - <a href="/home/hs0ucy/_Projets/hugosoucycc/public_html/txt/2014/02/les-partis-politiques-nuisent-ils-a-la-democratie.html" class="list__link dt-published dt-updated u-url u-uid like-h2">Les partis politiques nuisent-ils à la democratie?</a> — <time class="value">2014-02-19</time> + <a href="http://hugo.soucy.cc/txt/2014/02/les-partis-politiques-nuisent-ils-a-la-democratie.html" class="list__link dt-published dt-updated u-url u-uid like-h2">Les partis politiques nuisent-ils à la democratie?</a> — <time class="value" datetime="2014-02-19T18:00:11">2014-02-19</time> </li> </ol> </div> </main> - <nav class="nav"> - <h2 class="visuallyhidden">Navigation</h2> - - <div class="layout"> - <a class="nav__button" href="#menu"> - <span class="nav__button__text"> - Menu <span class="visuallyhidden">principal</span> - </span> - - <span class="nav__burger"> - <i class="nav__burger__ico"></i> - </span> - </a> - </div> - + <nav class="nav"> <div class="nav__panel" id="menu" tabindex="0"> <div class="nav__panel__content layout"> + <h2 class="visuallyhidden">Navigation</h2> + <ul class="nav__list" role="menubar"> <li class="nav__item"> - <a class="nav__link" href="/home/hs0ucy/_Projets/hugosoucycc/public_html" rel="index"> + <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="/home/hs0ucy/_Projets/hugosoucycc/public_html/note"> + <a class="nav__link" href="http://hugo.soucy.cc/note"> Notes </a> </li> <li class="nav__item"> - <a class="nav__link" href="/home/hs0ucy/_Projets/hugosoucycc/public_html/txt"> + <a class="nav__link" href="http://hugo.soucy.cc/txt"> Textes </a> </li> <li class="nav__item"> - <a class="nav__link" href="/home/hs0ucy/_Projets/hugosoucycc/public_html/file/curriculum-vitae"> + <a class="nav__link" href="http://hugo.soucy.cc/file/curriculum-vitae"> Curriculum vitae </a> </li> @@ -102,15 +105,5 @@ </a> </div> </nav> - - <footer id="footer"> - <address class="layout"> - <hr> - - <p>Page Web conçue par <a rel="author" href="/home/hs0ucy/_Projets/hugosoucycc/public_html#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-28T08:35:14">2016-07-28</time>.</p> - </address> - </footer> </body> </html>