hugo.soucy.cc

The personnal website source code of Hugo Soucy. Creates from an homebrewed static website generator (Ferron).
Log | Files | Refs

commit 65fbc918fb0b04c9baa85379b7734db3b199e4ed
parent 38d32c960c25d083b75b64c78435fabde5218dc9
Author: Hugo Soucy <hugo.soucy@equisoft.com>
Date:   Sun, 15 Sep 2019 15:03:14 -0400

Almost finish the rebranding

Diffstat:
Mcontent/a-propos.json | 4----
Mcontent/file/curriculum-vitae.json | 2+-
Mcontent/index.md | 8++++----
Mcontent/note/2019/04/essaie-du-theme-cyberpunk2019.md | 2+-
Mcontent/note/index.json | 5++++-
Dcontent/txt/index.json | 7-------
Mcontent/txt/index.lua | 2+-
Mdata/shortlinks.json | 327++++++++++++++++++++++++++++++++++++++++---------------------------------------
Mstatic/src/css/global/_base.scss | 47+++++++++++++++++++++++++++++++++++++++++++++--
Mstatic/src/css/global/_nav.scss | 1+
Mstatic/src/css/global/abstractions/_root.scss | 5+++++
Mstatic/src/css/modules/_as-note.scss | 2++
Mstatic/src/css/modules/_h-card.scss | 8+++++++-
Astatic/src/css/modules/_webmentions.scss | 31+++++++++++++++++++++++++++++++
Mstatic/src/css/styles.scss | 1+
Mtemplates/index.mustache | 19-------------------
Mtemplates/note.mustache | 17+++++++++--------
17 files changed, 276 insertions(+), 212 deletions(-)

diff --git a/content/a-propos.json b/content/a-propos.json @@ -5,8 +5,4 @@ "shortlink":"25", "template":"default", "title":"À propos de ce site Web", - "navigation": { - "label": "À propos", - "order": 2, - } } diff --git a/content/file/curriculum-vitae.json b/content/file/curriculum-vitae.json @@ -6,6 +6,6 @@ "template":"curriculum-vitae", "title":"Curriculum vitae de Hugo Soucy, développeur Web frontend", "navigation": { - "label": "Curriculum vitae", + "label": "CV", } } diff --git a/content/index.md b/content/index.md @@ -1,11 +1,11 @@ -Bonjour ! je m'appelle -<strong class="p-name" property="name">Hugo Soucy</strong>, +Bonjour ! Je m'appelle <strong class="p-name" property="name">Hugo Soucy</strong>, +================================================================================== <img alt="Hugo Soucy à l'été 2018" class="hs0ucy-photo u-photo" src="hs0ucy-2018.png" /> Je suis un <a class="p-job-title" property="jobTitle" href="./file/curriculum-vitae.html">développeur front-end</a> -&amp; un <a href="https://justinjackson.ca/webmaster/" rel="nofollow external">webmestre</a>. Ici, se trouve mon port d'attache en ligne où, je me manifeste généralement sous le pseudo <strong class="p-nickname" property="foaf:nick">hs0ucy</strong>. Je suis surtout présent sur <span typeof="foaf:OnlineAccount" property="foaf:account"><a href="https://bandcamp.com/hs0ucy" property="foaf:accountProfilePage" rel="external nofollow me"><span property="dc:title">Bandcamp</span></a></span>, Freenode, <span typeof="foaf:OnlineAccount" property="foaf:account"><a href="https://mastodon.sdf.org/@hs0ucy" property="foaf:accountProfilePage" rel="external nofollow me"><span property="dc:title">Mastodon</span></a></span> et <span typeof="foaf:OnlineAccount" property="foaf:account"><a href="http://twitter.com/hs0ucy" property="foaf:accountProfilePage" rel="external nofollow me"><span property="dc:title">Twitter</span></a></span>; j'ai quelques commits sur <span typeof="foaf:OnlineAccount" property="foaf:account"><a href="https://github.com/hs0ucy" property="foaf:accountProfilePage" rel="external nofollow me"><span property="dc:title">GitHub</span></a></span>, et bien sûr, j'ai un compte <span typeof="foaf:OnlineAccount" property="foaf:account"><a href="https://www.linkedin.com/in/hs0ucy/" property="foaf:accountProfilePage" rel="external nofollow me"><span property="dc:title">LinkedIn</span></a></span>. +&amp; un <a href="https://justinjackson.ca/webmaster/" rel="nofollow external">webmestre</a>. Ici, se trouve mon port d'attache en ligne, où je me manifeste généralement sous le pseudo <strong class="p-nickname" property="foaf:nick">hs0ucy</strong>. Je suis surtout présent sur <span typeof="foaf:OnlineAccount" property="foaf:account"><a href="https://bandcamp.com/hs0ucy" property="foaf:accountProfilePage" rel="external nofollow me"><span property="dc:title">Bandcamp</span></a></span>, Freenode, <span typeof="foaf:OnlineAccount" property="foaf:account"><a href="https://mastodon.sdf.org/@hs0ucy" property="foaf:accountProfilePage" rel="external nofollow me"><span property="dc:title">Mastodon</span></a></span> et <span typeof="foaf:OnlineAccount" property="foaf:account"><a href="http://twitter.com/hs0ucy" property="foaf:accountProfilePage" rel="external nofollow me"><span property="dc:title">Twitter</span></a></span>; j'ai quelques commits sur <span typeof="foaf:OnlineAccount" property="foaf:account"><a href="https://github.com/hs0ucy" property="foaf:accountProfilePage" rel="external nofollow me"><span property="dc:title">GitHub</span></a></span>, et bien sûr, j'ai un compte <span typeof="foaf:OnlineAccount" property="foaf:account"><a href="https://www.linkedin.com/in/hs0ucy/" property="foaf:accountProfilePage" rel="external nofollow me"><span property="dc:title">LinkedIn</span></a></span>. Hors ligne, on peut me croiser dans les rues de <span typeof="http://schema.org/PostalAddress" property="address"><strong class="p-locality" property="addressLocality">Lévis</strong></span> ou Québec. Sinon, vous pouvez communiquer avec moi par courriel à l'adresse <a href="mailto:hugo@soucy.cc" property="email" rel="me"> <span class="u-email">hugo@soucy.cc</span></a>. -<span class="p-note">[Dans ma soupe](http://shr.soucy.cc/) je vois les <strong property="foaf:interest" resource="http://dbpedia.org/resource/FLOSS" title="FLOSS">logiciels libres et open-source</strong>, comme <strong property="foaf:interest" resource="http://dbpedia.org/resource/Emacs">Emacs</strong>, <strong property="foaf:interest" resource="http://dbpedia.org/resource/OpenBSD">OpenBSD</strong>, <strong property="foaf:interest" resource="http://dbpedia.org/resource/Debian">Debian</strong>, <strong property="foaf:interest" resource="http://dbpedia.org/resource/Nextcloud">Nextcloud</strong>, etc</span>; les <strong property="foaf:interest" resource="http://dbpedia.org/resource/Shell_script">shell scripts</strong>, le <strong property="foaf:interest" resource="http://dbpedia.org/page/Lua_(programming_language)">Lua</strong> script, le <strong property="foaf:interest" resource="http://dbpedia.org/resource/JavaScript">JavaScript</strong>; les <strong property="foaf:interest" resource="http://dbpedia.org/page/Web_standards">standards du Web</strong> et tout ce qui touche à l'indépendance numérique des utilisateurs. J'aime la <strong property="foaf:interest" resource="http://dbpedia.org/resource/Politics">politique</strong> sans les politiciens, la <strong property="foaf:interest" resource="http://dbpedia.org/resource/Reading_(process)">lecture</strong>, le <strong property="foaf:interest" resource="http://dbpedia.org/resource/Bicycle">vélo</strong>, la <strong property="foaf:interest" resource="http://dbpedia.org/page/Pizza">pizza</strong> et les <strong property="foaf:interest" resource="http://dbpedia.org/resource/Sandwich">sandwichs</strong></span>. +<span class="p-note">[Dans ma soupe](http://shr.soucy.cc/) je vois les <strong property="foaf:interest" resource="http://dbpedia.org/resource/FLOSS" title="FLOSS">logiciels libres et open-source</strong>, comme <strong property="foaf:interest" resource="http://dbpedia.org/resource/Emacs">Emacs</strong>, <strong property="foaf:interest" resource="http://dbpedia.org/page/Dwm">dwm</strong>, <strong property="foaf:interest" resource="http://dbpedia.org/resource/OpenBSD">OpenBSD</strong>, <strong property="foaf:interest" resource="http://dbpedia.org/resource/Debian">Debian</strong>, <strong property="foaf:interest" resource="http://dbpedia.org/resource/Nextcloud">Nextcloud</strong>, etc</span>; les <strong property="foaf:interest" resource="http://dbpedia.org/resource/Shell_script">shell scripts</strong>, le <strong property="foaf:interest" resource="http://dbpedia.org/page/Lua_(programming_language)">Lua</strong> script, le <strong property="foaf:interest" resource="http://dbpedia.org/resource/JavaScript">JavaScript</strong>; les <strong property="foaf:interest" resource="http://dbpedia.org/page/Web_standards">standards du Web</strong> et tout ce qui touche à l'indépendance numérique des utilisateurs. J'aime la <strong property="foaf:interest" resource="http://dbpedia.org/resource/Politics">politique</strong> sans les politiciens, la <strong property="foaf:interest" resource="http://dbpedia.org/resource/Reading_(process)">lecture</strong>, le <strong property="foaf:interest" resource="http://dbpedia.org/resource/Bicycle">vélo</strong>, la <strong property="foaf:interest" resource="http://dbpedia.org/page/Pizza">pizza</strong> et les <strong property="foaf:interest" resource="http://dbpedia.org/resource/Sandwich">sandwichs</strong></span>. diff --git a/content/note/2019/04/essaie-du-theme-cyberpunk2019.md b/content/note/2019/04/essaie-du-theme-cyberpunk2019.md @@ -1,6 +1,6 @@ Ces jours-ci, je laisse de coté le thème -[Dragula](https://draculatheme.com/) pour tester [Cyberpunk +[Dracula](https://draculatheme.com/) pour tester [Cyberpunk 2019](https://github.com/the-frey/cyberpunk-2019) dans #Emacs et #iTerm. <img alt="Cyberpunk 2019 theme for Emacs & iTerm" class="u-photo" src="theme-cyberpunk2019.png" /> diff --git a/content/note/index.json b/content/note/index.json @@ -5,5 +5,8 @@ "template":"note-index", "title":"Notes", "length":50, - "navigation": {}, + "navigation": { + "order": 2, + }, + "description": "Une note est un post qui est typiquement un texte court et simple, écrit et posté rapidement, qui a son propre permalien.", } diff --git a/content/txt/index.json b/content/txt/index.json @@ -1,6 +0,0 @@ -{ - "date":"0000-00-00", - "datetime":"12:22:16", - "template":"default-index", - "title":"Textes" -}- \ No newline at end of file diff --git a/content/txt/index.lua b/content/txt/index.lua @@ -4,7 +4,7 @@ return { template = "default-index", title = "Textes", navigation = { - order = 5 + order = 3, }, filter = function(self) return #self.entries diff --git a/data/shortlinks.json b/data/shortlinks.json @@ -1,185 +1,186 @@ { - "/note/2019/08/react.html":"4C", - "/note/2017/04/fait-le-respirer-un-peu-ton-code.html":"2", - "/note/2019/04/rss-is-better-than-twitter.html":"4t", - "/note/2016/09/why-we-use-progressive-enhancement-to-build-gov-uk.html":"2G", - "/note/2018/08/publier-sur-le-web-avec-simplicite.html":"3Z", - "/txt/2014/09/mes-logiciels-libres-preferes.html":"3h", - "/txt/2014/04/bronto-politiciens-de-silos.html":"3j", - "/note/2018/11/plusieurs-remote-origin-avec-git.html":"4d", - "/note/2017/12/halt-and-catch-fire-soundtrack.html":"h", - "/note/2017/06/le-velo-cest-dangereux.html":"P", - "/note/2018/03/thanks-to-qb1t-about-cabal.html":"3v", - "/note/2018/06/cotoyer-l-art-vivant-statique.html":"3S", - "/note/2017/06/petite-contribution-bash-au-task-runner-manuel.html":"M", - "/note/2018/04/test-de-rponse-sur-mastodonsocial.html":"3F", - "/note/2019/06/coreens-pour-enfer-russe.html":"4z", - "/note/2018/01/premier-pullrequest-lua-accepte.html":"4", + "/note/2019/09/dit-moi-de-quoi.html":"4D", + "/note/2018/07/une-autre-balade-aux-chutes.html":"3T", + "/note/2018/06/youre-not-that-big-a-deal.html":"3P", + "/note/2017/01/because-protest-is-an-industry.html":"2n", + "/note/2016/10/how-can-i-handle-command-line-arguments-options-to-my-script-easily.html":"2B", + "/note/2018/05/location-api-surveillance.html":"3L", "/note/2018/09/concretiser-mastodonquebec-et-mammouthquebec.html":"43", - "/note/2017/11/les-voyants-riront-de-ne-plus-avoir-de-pieds.html":"p", - "/note/2018/04/le-temps-dune-chasse.html":"3C", - "/note/2018/10/design-of-lua.html":"4b", - "/note/2018/10/now-i-get-it-emacs-is-the-best.html":"49", - "/a-propos.html":"25", - "/txt/2014/02/les-partis-politiques-nuisent-ils-a-la-democratie.html":"3k", - "/note/2016/08/snowden-pardon-petition-on-facebook.html":"2Q", - "/note/2016/08/nathalie-normandeau-et-la-radio-de-quebec.html":"2S", - "/note/2016/08/add-key-bindings-to-moving-faster-between-emacs-windows.html":"2M", - "/note/2016/01/tiens-un-article-sur-le-darknet-que-plusieurs-devraient-lire.html":"3d", - "/note/2016/11/indieweb-make-your-social-media-posts-open-first.html":"2z", - "/note/2017/03/vuejs-templates-a-maintenant-son-mode-dans-emacs.html":"2d", - "/note/2018/10/pleroma-less-moving-parts.html":"48", - "/note/2019/02/born-from-stardust.html":"4r", - "/note/2018/09/omg-quelquun-a-structure-ma-pensee.html":"47", - "/note/2016/06/nous-sommes-eduques-a-croire.html":"32", + "/note/2018/12/surveillance-capitalism-has-led-us-into-a-dystopia.html":"4k", + "/note/2018/01/activitypub-is-now-a-w3c-recommendation.html":"5", + "/note/2018/01/orbots-16th-makes-using-tor-on-android-better.html":"f", + "/note/2018/12/goodbye-edgehtml.html":"4h", + "/note/2018/11/plusieurs-remote-origin-avec-git.html":"4d", + "/note/2016/09/internet-3-0-peut-on-reprendre-le-controle-des-geants.html":"2H", + "/note/2016/08/quoi-ce-n-est-pas-des-femmes-grenouilles.html":"2L", "/note/2018/05/blockchain-and-the-future-of-the-internet.html":"3N", - "/note/2016/05/jeunes-liberaux-ringards.html":"35", - "/txt/emacs/2015/06/emacs-101-l-introduction.html":"3g", - "/txt/emacs/2015/06/emacs-101-la-configuration.html":"3f", - "/note/2019/01/hi-noorul.html":"4m", - "/note/2016/02/encryption-is-the-nsas-friend-20160127nsa_loves_it_when_you_use_pgp.html":"3b", - "/note/2018/04/yo-yoyo.html":"3B", - "/note/2016/04/tiens-tiens-tiens-le-projet-gnu-revamp-la-page-web.html":"37", - "/note/2017/05/pandoc-for-openbsd.html":"T", + "/txt/2014/09/mes-logiciels-libres-preferes.html":"3h", + "/note/2017/03/appnet-is-another-silo-who-is-shutting-down.html":"27", + "/note/2016/08/nathalie-normandeau-et-la-radio-de-quebec.html":"2S", "/txt/2019/04/flux-atom-rss-de-firefox-a-elfeed.html":"4x", - "/note/2018/04/est-ce-que-facil-a-une-canal-irc.html":"3z", - "/note/2018/05/location-api-surveillance.html":"3L", - "/note/2016/10/how-can-i-handle-command-line-arguments-options-to-my-script-easily.html":"2B", - "/note/2019/01/for-the-love-of-pipes.html":"4p", - "/note/2017/10/test-de-repost-en-posse-3.html":"v", - "/note/2016/10/linux-foundation-takes-javascript-under-its-wings.html":"2C", - "/note/2017/09/barbares-se-substitus-aux-piliers.html":"F", - "/note/2017/03/presentation-de-manuel-un-task-runner-bash.html":"2b", - "/note/2018/09/expect-to-be-tracked-anyway.html":"4", - "/file/pgp.html":"3m", - "/note/2017/01/3-500-proces-au-cours-des-30-dernieres-annees.html":"2k", - "/note/2018/02/ah-zut-va-falloir-que-je-m-assume.html":"3s", - "/note/2018/01/orbots-16th-makes-using-tor-on-android-better.html":"f", - "/note/2018/07/madeleine-et-ses-vetements.html":"3V", - "/note/2018/12/please-support-mozilla.html":"4j", - "/note/2017/06/100-millions-de-certificats-pour-lets-encrypt.html":"J", + "/note/2018/05/robespierre-les-subsistances-1792.html":"3H", "/note/2018/07/does-meditation-work.html":"3X", - "/note/2016/08/everybody-should-be-twitter-verified.html":"2W", - "/note/2018/01/nos-courriels-pistes.html":"d", - "/note/2017/01/because-protest-is-an-industry.html":"2n", - "/note/2017/10/openbsd-6.2-sen-vient-a-la-mi-octobre.html":"x", - "/note/2018/05/bandes-cyclables-limoilou.html":"3K", - "/note/2018/06/velo-chutes-polices-et-escargots.html":"3Q", - "/note/2019/04/essaie-du-theme-cyberpunk-2019.html":"4v", - "/note/2018/01/alec-helps-companies-activate-onion-services.html":"7", + "/file/curriculum-vitae.html":"3n", + "/note/2017/03/animista-css-animations-on-demand.html":"23", + "/note/2018/02/m4-bakery-make-and-m4-static-website-generator.html":"3r", + "/note/2018/04/le-temps-dune-chasse.html":"3C", "/note/2016/12/le-peuple-nest-pas-juridiquement-souverain.html":"2s", - "/note/2017/12/betty-davis-is-wonderwoman.html":"m", - "/note/2019/08/our-deficiencies.html":"4B", - "/note/2017/12/openbsd-mise-a-jour-reussie.html":"n", - "/note/2018/01/what-emacs-theme-is-that-3.html":"6", + "/note/2017/11/rip-au-capitaine-crochet-de-la-pop-quebecoise.html":"q", + "/note/2019/01/for-the-love-of-pipes.html":"4p", "/note/2017/10/setup-a-desktop-environment-under-openbsd-with-xfce.html":"s", - "/note/2016/05/firefox-print-background-color.html":"33", - "/note/2018/12/goodbye-edgehtml.html":"4h", - "/note/2018/04/cryptoqc-temoignage-de-zuckerberg.html":"3G", - "/note/2017/03/poutine-et-bal-masque.html":"2g", - "/note/2018/09/what-is-activitypub.html":"42", - "/note/2016/08/openbsd-pour-tous.html":"2N", - "/note/2016/09/internet-3-0-peut-on-reprendre-le-controle-des-geants.html":"2H", + "/note/2018/01/what-emacs-theme-is-that-3.html":"6", + "/note/2018/10/now-i-get-it-emacs-is-the-best.html":"49", + "/note/2016/12/larnaque-de-la-dictature-bancaire-continue.html":"2v", + "/note/2018/05/bandes-cyclables-limoilou.html":"3K", + "/albums-preferes.html":"22", + "/note/2016/08/shipping-is-a-feature.html":"2X", + "/note/2016/02/what-is-it-about-society-that-disappoints-you-so-much.html":"3c", + "/note/2018/09/abonnement-a-distance-a-rezodevfacilservices.html":"44", + "/note/2016/01/tiens-un-article-sur-le-darknet-que-plusieurs-devraient-lire.html":"3d", + "/note/2017/04/duckduckgo-hacks-for-developers.html":"Z", + "/note/2018/02/ceci-est-le-test-2.html":"3q", + "/note/2018/12/please-support-mozilla.html":"4j", "/note/2018/09/merci-pierasselin-pour-le-retweet.html":"45", - "/note/2017/03/moi-jaime-pas-les-courriels-juste-en-html.html":"24", - "/file/curriculum-vitae.html":"3n", - "/note/2017/01/la-ville-facteur-majeur-d-evolution-des-especes.html":"2q", + "/txt/bash/2017/03/manuel-taskrunner.html":"2c", + "/txt/emacs/2015/06/emacs-101-la-configuration.html":"3f", + "/note/2016/03/javascript-vanille-underscorejs-font-selon-moi-une-excellente-quipe-youmightnotneedjquery-webdev.html":"39", + "/note/2017/06/le-velo-cest-dangereux.html":"P", + "/note/2018/07/madeleine-et-ses-vetements.html":"3V", "/note/2017/09/lesbricodeurs-replyto-status-909427743573577728.html":"C", + "/note/2016/08/add-key-bindings-to-moving-faster-between-emacs-windows.html":"2M", + "/note/2017/03/github-and-copyleft.html":"26", + "/note/2018/01/premier-pullrequest-lua-accepte.html":"4", + "/note/2016/11/would-the-web-s-inventor-give-up-on-free-standards.html":"2w", + "/note/2018/04/est-ce-que-facil-a-une-canal-irc.html":"3z", + "/note/2018/02/return-of-the-decentralized-web.html":"3t", + "/note/2019/08/react.html":"4C", + "/note/2019/02/born-from-stardust.html":"4r", + "/note/2016/10/linux-foundation-takes-javascript-under-its-wings.html":"2C", + "/note/2017/03/revanche-des-librairies-independantes.html":"2h", + "/note/2016/08/txti.html":"2-", + "/note/2016/08/everybody-should-be-twitter-verified.html":"2W", + "/note/2018/03/thanks-to-qb1t-about-cabal.html":"3v", + "/note/2017/09/bacteries-communiqueraient-avec-des-decharges-electriques.html":"G", + "/note/2016/11/indieweb-make-your-social-media-posts-open-first.html":"2z", "/note/2017/05/fai-associatifs-au-canada.html":"W", + "/note/2018/10/design-of-lua.html":"4b", + "/note/2016/05/firefox-print-background-color.html":"33", + "/note/2018/06/cotoyer-l-art-vivant-statique.html":"3S", + "/note/2016/04/tiens-tiens-tiens-le-projet-gnu-revamp-la-page-web.html":"37", + "/note/2019/06/coreens-pour-enfer-russe.html":"4z", + "/note/2017/04/updating-all-packages-in-go.html":"-", + "/note/2016/02/encryption-is-the-nsas-friend-20160127nsa_loves_it_when_you_use_pgp.html":"3b", + "/note/2017/09/lesbricodeurs-jaime-votre-nom.html":"D", + "/note/2017/06/petite-contribution-bash-au-task-runner-manuel.html":"M", + "/note/2017/01/est-ce-une-fausse-nouvelle-car-trop-beau-pour-etre-vrai.html":"2m", + "/note/2016/12/le-travail-aujourdhui-est-en-voie-de-disparition.html":"2t", + "/note/2016/09/ma-vie-obeit-a-l-attraction-des-livres-nikolski-nicolas-dickner.html":"2F", + "/note/2016/09/why-we-use-progressive-enhancement-to-build-gov-uk.html":"2G", + "/note/2018/01/an-introduction-to-the-indieweb.html":"c", + "/note/2017/01/lemprise-de-wallstreet-sur-trump.html":"2p", + "/note/2016/05/indieweb-in-a-nutshellown-your-identity-domain-website-content-uiux.html":"36", + "/note/2017/12/mother-s-maiden-name-not-secure.html":"g", + "/note/2018/04/presentation-openbsd-concise-et-exhaustive.html":"3y", + "/note/2016/09/radio-canada-publicitaire-pour-apple.html":"2K", + "/txt/2018/02/un-raccourcisseur-d-url-pour-site-statique.html":"3w", + "/note/2018/04/parti-rhinoceros-sur-wikipedia.html":"3D", + "/a-propos.html":"25", + "/note/2016/08/vimgifs-et-emacs_gifs.html":"2T", + "/note/2018/04/test-de-rponse-sur-mastodonsocial.html":"3F", "/note/2016/08/matane-budget-participatif.html":"2Y", - "/note/2018/02/ceci-est-le-test-2.html":"3q", - "/note/2016/08/shipping-is-a-feature.html":"2X", + "/note/2017/07/why-the-indie-web-movement-is-so-important.html":"H", + "/note/2016/06/nous-sommes-eduques-a-croire.html":"32", + "/note/2018/11/trunk-to-massfollow-on-the-fediverse.html":"4c", + "/note/2017/11/les-voyants-riront-de-ne-plus-avoir-de-pieds.html":"p", + "/note/2017/03/moi-jaime-pas-les-courriels-juste-en-html.html":"24", + "/note/2018/02/ah-zut-va-falloir-que-je-m-assume.html":"3s", + "/file/pgp.html":"3m", + "/note/2018/04/yo-yoyo.html":"3B", + "/note/2016/08/m4-as-css-pre-processor.html":"2Z", + "/note/2017/05/switching-to-openbsd.html":"Y", + "/note/2017/03/vider-le-filelist-dun-input-type-file.html":"28", + "/note/2016/05/justin-jackson-is-a-fucking-webmaster.html":"34", + "/note/2017/10/why-we-sleep.html":"z", + "/note/2018/06/velo-chutes-polices-et-escargots.html":"3Q", + "/note/2017/04/fait-le-respirer-un-peu-ton-code.html":"2", + "/note/2016/08/pokemon-go-et-societe-de-surveillance.html":"2P", + "/note/2017/12/halt-and-catch-fire-soundtrack.html":"h", + "/note/2018/01/ceci-n-est-qu-un-test-de-publication-websub.html":"8", + "/note/2017/05/why-i-love-openbsd.html":"X", + "/note/2018/05/gratuite-pour-l-indispensable.html":"3J", + "/note/2018/10/pleroma-less-moving-parts.html":"48", + "/note/2017/09/le-poil-de-la-bete.html":"B", + "/note/2016/10/who-pays-for-the-decentralized-web.html":"2D", + "/note/2017/06/politique-numerique-que-jaimerais.html":"N", + "/note/2018/06/cotoyer-art-vivant-et-art-statique.html":"3R", + "/note/2017/03/vuejs-templates-a-maintenant-son-mode-dans-emacs.html":"2d", + "/note/2019/01/why-im-worried-about-google.html":"4n", "/note/2017/05/twitter-partage-vos-donnees-personnelles.html":"Q", + "/note/2019/04/essaie-du-theme-cyberpunk-2019.html":"4v", + "/note/2018/01/reflechissez-avant-de-poster.html":"3", + "/txt/openbsd/2017/11/aide-memoire-openbsd.html":"r", + "/note/2017/12/normaliser-la-meute.html":"k", "/note/2017/10/reply-to-saralfddin93-for-status-914965952898457600.html":"w", - "/albums-preferes.html":"22", - "/note/2016/08/programming-languages-hyperpolyglot.html":"2V", - "/note/2018/03/les-pods-diaspora-communiquent.html":"3x", - "/note/2019/04/essaie-du-theme-cyberpunk2019.html":"4w", - "/note/2018/04/presentation-openbsd-concise-et-exhaustive.html":"3y", - "/note/2016/05/justin-jackson-is-a-fucking-webmaster.html":"34", - "/note/2017/04/duckduckgo-hacks-for-developers.html":"Z", + "/note/2018/12/laisse-le-fatbike-a-la-maison.html":"4f", "/ce-site-web-explique-markdown.html":"t", - "/note/2016/12/larnaque-de-la-dictature-bancaire-continue.html":"2v", - "/note/2018/01/test-vers-mastodon.html":"b", - "/note/2017/06/sesame-street-lgbt-pride.html":"L", - "/note/2018/07/une-autre-balade-aux-chutes.html":"3T", - "/note/2016/02/what-is-it-about-society-that-disappoints-you-so-much.html":"3c", - "/note/2016/08/quoi-ce-n-est-pas-des-femmes-grenouilles.html":"2L", - "/note/2017/03/si-les-etats-unis-envahissaient-le-canada.html":"2f", - "/note/2018/05/robespierre-les-subsistances-1792.html":"3H", - "/note/2017/05/retirer-la-couche-pandoc-de-fakestache-ssg.html":"S", - "/note/2019/02/follow-a-style-guide.html":"4q", - "/note/2017/03/why-apple-avoid-the-gpl-3.html":"29", - "/txt/2018/02/un-raccourcisseur-d-url-pour-site-statique.html":"3w", - "/note/2018/07/tant-de-manieres-de-fuire.html":"3W", - "/note/2017/10/ghandi-je-suis-pret-a-mourir-pour-plusieurs-causes-a-tuer-pour-aucune.html":"y", - "/note/2018/12/lisp-is-ugly-not.html":"4g", - "/note/2019/06/je-me-souviens-la.html":"4y", + "/note/2016/04/encore-une-fois-je-viens-de-supprimer-mon-compte-facebook.html":"38", + "/note/2018/07/vive-le-quebec-vive-la-creation-vive-luniversel.html":"3Y", + "/note/2019/04/rss-is-better-than-twitter.html":"4t", + "/note/2016/05/jeunes-liberaux-ringards.html":"35", + "/note/2018/08/demission-de-nicolas-hulot.html":"3-", + "/note/2018/01/nos-courriels-pistes.html":"d", + "/note/2018/03/les-pods-diaspora-communiquent.html":"3x", + "/note/2016/08/snowden-pardon-petition-on-facebook.html":"2Q", + "/note/2016/08/programming-languages-hyperpolyglot.html":"2V", + "/note/2017/10/test-de-repost-en-posse-3.html":"v", + "/note/2017/12/betty-davis-is-wonderwoman.html":"m", + "/note/2018/09/omg-quelquun-a-structure-ma-pensee.html":"47", + "/note/2016/08/ssh-chat-server-written-ingo.html":"2R", "/note/2018/02/ceci-est-le-test-1.html":"3p", - "/note/2017/03/revanche-des-librairies-independantes.html":"2h", - "/note/2017/12/salut-bien-bas-aux-infimieres-et-infirmiers.html":"j", - "/note/2016/09/radio-canada-publicitaire-pour-apple.html":"2K", - "/note/2017/04/updating-all-packages-in-go.html":"-", - "/note/2017/01/how-machines-learned-to-speak-human-language.html":"2j", - "/note/2018/05/linkedin-un-ramassi-tout-et-nimporte-quoi.html":"3M", + "/note/2017/05/mg-is-micro-gnu-emacs.html":"V", + "/note/2018/01/alec-helps-companies-activate-onion-services.html":"7", + "/note/2016/11/browsers-not-apps-are-the-future-of-mobile.html":"2y", + "/note/2017/01/3-500-proces-au-cours-des-30-dernieres-annees.html":"2k", + "/note/2019/03/passe-a-openbsd-64.html":"4s", "/note/2018/01/test-vers-mastodon-v2.html":"9", "/note/2016/11/the-average-american-now-downloads-zero-apps-per-month.html":"2x", - "/note/2018/06/youre-not-that-big-a-deal.html":"3P", - "/note/2019/03/passe-a-openbsd-64.html":"4s", - "/note/2017/09/bacteries-communiqueraient-avec-des-decharges-electriques.html":"G", - "/note/2016/11/browsers-not-apps-are-the-future-of-mobile.html":"2y", - "/note/2017/03/animista-css-animations-on-demand.html":"23", - "/note/2017/05/mg-is-micro-gnu-emacs.html":"V", - "/note/2017/01/est-ce-une-fausse-nouvelle-car-trop-beau-pour-etre-vrai.html":"2m", - "/note/2017/11/rip-au-capitaine-crochet-de-la-pop-quebecoise.html":"q", + "/note/2017/09/barbares-se-substitus-aux-piliers.html":"F", + "/note/2018/12/lisp-is-ugly-not.html":"4g", + "/txt/2014/04/bronto-politiciens-de-silos.html":"3j", + "/note/2018/07/tant-de-manieres-de-fuire.html":"3W", + "/note/2017/12/salut-bien-bas-aux-infimieres-et-infirmiers.html":"j", + "/note/2018/09/reponse-au-tweet-1043158958469537794.html":"46", "/note/2018/02/the-radical-idea-of-a-world-without-jobs.html":"2", - "/note/2017/10/why-we-sleep.html":"z", - "/note/2017/09/le-poil-de-la-bete.html":"B", - "/note/2016/12/michel-chartrand-aurait-eu-cent-ans-hier.html":"2r", + "/note/2017/01/how-machines-learned-to-speak-human-language.html":"2j", + "/note/2019/06/je-me-souviens-la.html":"4y", + "/note/2018/05/linkedin-un-ramassi-tout-et-nimporte-quoi.html":"3M", + "/note/2017/12/openbsd-mise-a-jour-reussie.html":"n", + "/note/2018/09/what-is-activitypub.html":"42", "/note/2016/09/ce-que-le-quebec-gagnerait-a-nationaliser-internet.html":"2J", - "/note/2018/09/reponse-au-tweet-1043158958469537794.html":"46", - "/note/2018/08/demission-de-nicolas-hulot.html":"3-", - "/note/2016/08/m4-as-css-pre-processor.html":"2Z", - "/note/2017/06/using-css-variables-correctly.html":"K", - "/note/2018/07/vive-le-quebec-vive-la-creation-vive-luniversel.html":"3Y", - "/txt/bash/2017/03/manuel-taskrunner.html":"2c", - "/note/2016/09/ma-vie-obeit-a-l-attraction-des-livres-nikolski-nicolas-dickner.html":"2F", - "/note/2016/04/encore-une-fois-je-viens-de-supprimer-mon-compte-facebook.html":"38", + "/note/2018/08/publier-sur-le-web-avec-simplicite.html":"3Z", + "/txt/2014/02/les-partis-politiques-nuisent-ils-a-la-democratie.html":"3k", + "/note/2019/02/follow-a-style-guide.html":"4q", + "/note/2019/01/hi-noorul.html":"4m", + "/note/2016/12/michel-chartrand-aurait-eu-cent-ans-hier.html":"2r", + "/note/2017/03/why-apple-avoid-the-gpl-3.html":"29", + "/note/2018/09/expect-to-be-tracked-anyway.html":"4", + "/note/2017/05/retirer-la-couche-pandoc-de-fakestache-ssg.html":"S", + "/note/2017/03/si-les-etats-unis-envahissaient-le-canada.html":"2f", + "/note/2017/06/100-millions-de-certificats-pour-lets-encrypt.html":"J", + "/note/2017/03/presentation-de-manuel-un-task-runner-bash.html":"2b", + "/note/2017/03/poutine-et-bal-masque.html":"2g", + "/note/2017/01/la-ville-facteur-majeur-d-evolution-des-especes.html":"2q", + "/note/2017/10/openbsd-6.2-sen-vient-a-la-mi-octobre.html":"x", "/note/2016/07/emacs-sort-delete-matching-duplicate-lines.html":"3", - "/note/2017/03/appnet-is-another-silo-who-is-shutting-down.html":"27", - "/txt/openbsd/2017/11/aide-memoire-openbsd.html":"r", - "/note/2017/12/normaliser-la-meute.html":"k", - "/note/2018/02/m4-bakery-make-and-m4-static-website-generator.html":"3r", - "/note/2018/09/abonnement-a-distance-a-rezodevfacilservices.html":"44", - "/note/2018/12/laisse-le-fatbike-a-la-maison.html":"4f", - "/note/2018/01/reflechissez-avant-de-poster.html":"3", - "/note/2019/01/why-im-worried-about-google.html":"4n", - "/note/2018/06/cotoyer-art-vivant-et-art-statique.html":"3R", - "/note/2017/06/politique-numerique-que-jaimerais.html":"N", - "/note/2016/08/txti.html":"2-", - "/note/2016/10/who-pays-for-the-decentralized-web.html":"2D", - "/note/2016/08/ssh-chat-server-written-ingo.html":"2R", - "/note/2018/05/gratuite-pour-l-indispensable.html":"3J", - "/note/2017/05/switching-to-openbsd.html":"Y", - "/note/2018/01/ceci-n-est-qu-un-test-de-publication-websub.html":"8", - "/note/2016/11/would-the-web-s-inventor-give-up-on-free-standards.html":"2w", - "/note/2016/08/pokemon-go-et-societe-de-surveillance.html":"2P", - "/note/2017/03/vider-le-filelist-dun-input-type-file.html":"28", - "/note/2017/05/why-i-love-openbsd.html":"X", + "/note/2017/05/pandoc-for-openbsd.html":"T", + "/note/2019/04/essaie-du-theme-cyberpunk2019.html":"4w", + "/note/2017/06/using-css-variables-correctly.html":"K", + "/note/2017/06/sesame-street-lgbt-pride.html":"L", "/note/2017/05/utilisation-des-variables-css.html":"R", - "/note/2018/11/trunk-to-massfollow-on-the-fediverse.html":"4c", - "/note/2018/01/activitypub-is-now-a-w3c-recommendation.html":"5", - "/note/2017/07/why-the-indie-web-movement-is-so-important.html":"H", - "/note/2016/08/vimgifs-et-emacs_gifs.html":"2T", - "/note/2018/04/parti-rhinoceros-sur-wikipedia.html":"3D", - "/note/2017/03/github-and-copyleft.html":"26", - "/note/2018/12/surveillance-capitalism-has-led-us-into-a-dystopia.html":"4k", - "/note/2017/09/lesbricodeurs-jaime-votre-nom.html":"D", - "/note/2017/12/mother-s-maiden-name-not-secure.html":"g", - "/note/2016/03/javascript-vanille-underscorejs-font-selon-moi-une-excellente-quipe-youmightnotneedjquery-webdev.html":"39", - "/note/2016/05/indieweb-in-a-nutshellown-your-identity-domain-website-content-uiux.html":"36", - "/note/2017/01/lemprise-de-wallstreet-sur-trump.html":"2p", - "/note/2018/01/an-introduction-to-the-indieweb.html":"c", - "/note/2018/02/return-of-the-decentralized-web.html":"3t", - "/note/2016/12/le-travail-aujourdhui-est-en-voie-de-disparition.html":"2t" + "/txt/emacs/2015/06/emacs-101-l-introduction.html":"3g", + "/note/2016/08/openbsd-pour-tous.html":"2N", + "/note/2018/04/cryptoqc-temoignage-de-zuckerberg.html":"3G", + "/note/2017/10/ghandi-je-suis-pret-a-mourir-pour-plusieurs-causes-a-tuer-pour-aucune.html":"y", + "/note/2019/08/our-deficiencies.html":"4B", + "/note/2018/01/test-vers-mastodon.html":"b" } \ No newline at end of file diff --git a/static/src/css/global/_base.scss b/static/src/css/global/_base.scss @@ -12,7 +12,12 @@ input, select, textarea { color: var(--base-fg-color); - font: 1rem/1.6 var(--base-font-family); + font: 16px/1.6 var(--base-font-family); + + @media screen and (min-width: 40rem) { + font: 1rem/1.6 var(--base-font-family); + + } } body { @@ -35,6 +40,37 @@ a { } } +h1 { + font-size: 2.25rem; +} + +h2 { + font-size: 1.6875rem; +} + +h3 { + font-size: 1.3125rem; +} + +h4 { + font-size: 1.125rem; +} + +h5 { + font-size: 1rem; +} + +h6 { + font-size: 0.875rem; +} + +// --size-h1: calc(1rem * (36 / var(--base-size))); +// --size-h2: calc(1rem * (27 / var(--base-size))); +// --size-h3: calc(1rem * (21 / var(--base-size))); +// --size-h4: calc(1rem * (18 / var(--base-size))); +// --size-h5: calc(1rem * (16 / var(--base-size))); +// --size-h6: calc(1rem * (14 / var(--base-size))); + p, pre { margin: 1.25rem 0 1.25rem; @@ -52,7 +88,14 @@ code { font-size: .85rem; } +iframe, img { max-width: 100%; - width: auto; +} + +blockquote { + border-left: 0.75rem solid var(--quote-br-color); + display:block; + margin: 1rem 0; + padding-left: 1.5rem; } diff --git a/static/src/css/global/_nav.scss b/static/src/css/global/_nav.scss @@ -19,6 +19,7 @@ &:focus, &:hover { background: var(--nav-bg-color-hover); + color: var(--nav-fg-color-hover); } &:focus { diff --git a/static/src/css/global/abstractions/_root.scss b/static/src/css/global/abstractions/_root.scss @@ -7,15 +7,20 @@ --base-fg-color: #{$color-alpha}; --base-link-color: #{$color-beta}; --base-visited-color: #{$color-zeta}; + --code-bg-color: #{$color-omega}; --code-fg-color: #{$color-zeta}; + --shadow-color: #{$color-epsilon}; --nav-bg-color: #{$color-alpha}; --nav-bg-color-hover: #{$color-beta}; --nav-fg-color: #{$color-omega}; + --nav-fg-color-hover: #{$color-omega}; --nav-outline-color: #{$color-omega}; + --quote-br-color: #{$color-epsilon}; + /* Fonts */ --base-font-family: #{map-get(map-get($fonts, 'iso'), 'name')}, #{map-get(map-get($fonts, 'iso'), 'fallback')}; --logo-font-family: #{map-get(map-get($fonts, 'leitura'), 'name')}, #{map-get(map-get($fonts, 'leitura'), 'fallback')}; diff --git a/static/src/css/modules/_as-note.scss b/static/src/css/modules/_as-note.scss @@ -1,5 +1,7 @@ // AS-NOTE .as-note { + overflow: hidden; + .note-index & { border-bottom: 1px solid var(--shadow-color); margin-bottom: 4rem; diff --git a/static/src/css/modules/_h-card.scss b/static/src/css/modules/_h-card.scss @@ -1,7 +1,12 @@ // H-CARD µFORMAT -.h-card { +main.h-card { padding: 2rem; + h1 { + font-size: 1rem; + font-weight: 400; + } + footer { font-size: 0.75rem; } @@ -14,6 +19,7 @@ clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%); float: right; height: auto; + margin: 1rem; mix-blend-mode: hard-light; shape-outside: polygon(50% 0, 100% 50%, 50% 100%, 0 50%); width: 15rem; diff --git a/static/src/css/modules/_webmentions.scss b/static/src/css/modules/_webmentions.scss @@ -0,0 +1,31 @@ +// Webmentions + +.webmention-container { + background: rgba(9,9,9,0.1); + font-size: 0.75rem; + margin-top: 1.5rem; + padding: 1rem; +} + +.webmention-mention { + margin-bottom: 1rem; +} + +.webmention-mention:last-child { + margin-bottom: 0; +} + +.webmention-author a { + display: inline; +} + +.webmention-author img { + display: inline-block; + margin-right: 0.5rem; + max-width: 2rem; + height: auto; +} + +.webmention-summary { + margin: 0.5rem 0 0; +} diff --git a/static/src/css/styles.scss b/static/src/css/styles.scss @@ -16,3 +16,4 @@ @import "modules/_as-note.scss"; @import "modules/_cv.scss"; @import "modules/_note.scss"; +@import "modules/_webmentions.scss"; diff --git a/templates/index.mustache b/templates/index.mustache @@ -12,26 +12,7 @@ resource="#hs" typeof="Person" vocab="http://schema.org/"> - <!-- <header> - <h1 class="logo p-name" property="name">{{ site.author.name }}</h1> - <h2 class="visuallyhidden p-job-title" property="jobTitle">{{ site.author.jobtitle }}</h2> - <a class="u-url visuallyhidden" - href="{{{ site.baseurl }}}" - rel="me" - property="url">{{{ site.baseurl }}}</a> - </header> --> - {{{ content }}} - - <!-- <footer> - <address> - <hr/> - Vous pouvez communiquer avec moi par courriel à - l'adresse <a href="mailto:{{ site.author.email }}" property="email" rel="me"> - <span class="u-email">{{ site.author.email }}</span> - </a> - </address> - </footer> --> </main> {{> bottom_script }} </body> diff --git a/templates/note.mustache b/templates/note.mustache @@ -36,17 +36,18 @@ <p> {{# permalink }} <a class="u-url u-uid u-syndication bookmark" - href="{{{ permalink }}}" - rel="bookmark" - title="Permalink">#</a> + href="{{{ permalink }}}" + rel="bookmark" + title="Permalink">#</a> {{/ permalink }} <!-- {{# shortlink }} - (<a href="{{{ site.url }}}/{{{ shortlink }}}" - type="text/html" - rel="shortlink" - title="Shortlink">{{{ shortlink }}}</a>) - {{/ shortlink }} --> + (<a href="{{{ site.url }}}/{{{ shortlink }}}" + type="text/html" + rel="shortlink" + title="Shortlink">{{{ shortlink }}}</a>) + {{/ shortlink }} --> + {{/ replyto }} {{# repostof }} <p>