hugo.soucy.cc

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

commit 50d59d0debd705f8ea563ad2e1c525a7bcd176cd
parent 557f03e412ccdb3c1dfcfeb20f24236529f19dc0
Author: Hugo Soucy <hugo.soucy@equisoft.com>
Date:   Tue, 10 Sep 2019 18:21:48 -0400

Continue rebranding

Diffstat:
Acontent/hs0ucy-2018.png | 0
Mcontent/index.md | 65++++++-----------------------------------------------------------
Mstatic/src/css/global/_base.scss | 4++++
Astatic/src/css/modules/_h-card.scss | 21+++++++++++++++++++++
Mstatic/src/css/styles.scss | 3++-
Mtemplates/index.mustache | 47+++++++++++++++++++++--------------------------
6 files changed, 54 insertions(+), 86 deletions(-)

diff --git a/content/hs0ucy-2018.png b/content/hs0ucy-2018.png Binary files differ. diff --git a/content/index.md b/content/index.md @@ -1,62 +1,9 @@ +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" id="hs0ucy-photo" src="hs0ucy-2018.png" /> +Je suis un <strong class="p-job-title" property="jobTitle">développeur front-end</strong> +&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. - -Bonjour et bienvenue, ici se trouve le port d'attache d'un -[ouvrier numérique](file/curriculum-vitae.html), un endroit où il n'y a -rien à vendre; pas de photo de mon manger foody; pas de liste des 10 -meilleurs je-ne-sais-quoi; pas de conseil pour lancer une startup et -devenir milliardaire en deux coups de cuillière à pot ... que du -[datalove](note/). <span class="img-cache"><img alt="" class="u-photo" -height="173" width="150" -src="https://assets.soucy.cc/images/hugosoucy/hs-automne-2012-372x430.jpg"/></span> - -En ligne, 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">Québec</strong></span>. - -<span class="p-note">[Dans ma soupe](http://shr.soucy.cc/) je vois le -<strong property="foaf:interest" -resource="http://dbpedia.org/resource/FLOSS">FLOSS</strong>, l'<strong -property="foaf:interest" -resource="http://dbpedia.org/resource/IndieWeb">IndieWeb</strong>, le -<strong property="foaf:interest" -resource="http://dbpedia.org/resource/Peer-to-peer">Peer-to-peer</strong>, -<strong property="foaf:interest" -resource="http://dbpedia.org/resource/Emacs">Emacs</strong>, les <strong -property="foaf:interest" -resource="http://dbpedia.org/resource/Shell_script">shell scripts</strong>, -<strong property="foaf:interest" -resource="http://dbpedia.org/resource/Syncthing">Syncthing</strong>, le -<strong property="foaf:interest" -resource="http://dbpedia.org/resource/JavaScript">JavaScript</strong>, -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> 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 le <strong property="foaf:interest" resource="http://dbpedia.org/resource/FLOSS">FLOSS</strong>, l'<strong property="foaf:interest" resource="http://dbpedia.org/resource/IndieWeb">IndieWeb</strong>, le <strong property="foaf:interest" resource="http://dbpedia.org/resource/Peer-to-peer">Peer-to-peer</strong>, <strong property="foaf:interest" resource="http://dbpedia.org/resource/Emacs">Emacs</strong>, les <strong property="foaf:interest" resource="http://dbpedia.org/resource/Shell_script">shell scripts</strong>, <strong property="foaf:interest" resource="http://dbpedia.org/resource/Syncthing">Syncthing</strong>, le <strong property="foaf:interest" resource="http://dbpedia.org/resource/JavaScript">JavaScript</strong>, 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> et les <strong property="foaf:interest" resource="http://dbpedia.org/resource/Sandwich">sandwichs</strong></span>. 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>. diff --git a/static/src/css/global/_base.scss b/static/src/css/global/_base.scss @@ -46,3 +46,7 @@ img { max-width: 100%; width: auto; } + +h1 { + text-shadow:2px 2px var(--shadow-color); +} diff --git a/static/src/css/modules/_h-card.scss b/static/src/css/modules/_h-card.scss @@ -0,0 +1,21 @@ +// H-CARD µFORMAT +.h-card { + padding: 2rem; + + footer { + font-size: 0.75rem; + } + + .p-name { + font-size: 1.35rem; + } + + .u-photo { + clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%); + float: right; + height: auto; + mix-blend-mode: hard-light; + shape-outside: polygon(50% 0, 100% 50%, 50% 100%, 0 50%); + width: 15rem; + } +} diff --git a/static/src/css/styles.scss b/static/src/css/styles.scss @@ -10,8 +10,9 @@ /* Modules */ @import "modules/_index.scss"; -@import "modules/_h-feed.scss"; +@import "modules/_h-card.scss"; @import "modules/_h-entry.scss"; +@import "modules/_h-feed.scss"; @import "modules/_as-note.scss"; @import "modules/_cv.scss"; @import "modules/_note.scss"; diff --git a/templates/index.mustache b/templates/index.mustache @@ -6,38 +6,33 @@ class="index" id="index" prefix="foaf: http://xmlns.com/foaf/0.1/ dc: http://purl.org/dc/terms/"> - <div class="h-card" + {{> nav }} + <main class="h-card" id="hs" resource="#hs" typeof="Person" vocab="http://schema.org/"> - <header role="banner"> - <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> - - <main> - {{{ content }}} - </main> + <!-- <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> --> - <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>; - sinon vous pouvez également vous connecter au réseau Freenode <abbr title="Inter Relay Chat">IRC</abbr> et faire <code>/msg - {{ site.author.nickname }} [votremessage]</code>, - pour me parler en direct. - </address> - </footer> - </div> + {{{ content }}} - {{> nav }} + <!-- <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> </html>