hugo.soucy.cc

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

commit 557f03e412ccdb3c1dfcfeb20f24236529f19dc0
parent 76584baded9c83969923463fd27143ec0bec1ddb
Author: Hugo Soucy <hugo.soucy@equisoft.com>
Date:   Mon,  9 Sep 2019 12:55:01 -0400

Continue the rebranding

Diffstat:
Mcontent/index.md | 3+++
Mstatic/src/css/global/_base.scss | 2+-
Mstatic/src/css/global/_nav.scss | 24++++++++++++++++--------
Mstatic/src/css/global/abstractions/_root.scss | 5+++++
Astatic/src/css/modules/_cv.scss | 6++++++
Mstatic/src/css/modules/_h-entry.scss | 4++++
Astatic/src/css/modules/_h-feed.scss | 4++++
Mstatic/src/css/modules/_note.scss | 3+--
Mstatic/src/css/styles.scss | 2++
Mtemplates/curriculum-vitae.mustache | 27++++++++++++---------------
Mtemplates/default-index.mustache | 41+++++++++++++++++++----------------------
Mtemplates/default.mustache | 75+++++++++++++++++++++++++++++++++++++--------------------------------------
Mtemplates/note-index.mustache | 11+++++------
Mtemplates/partials/nav.mustache | 2--
Dtemplates/test.etlua | 8--------
15 files changed, 115 insertions(+), 102 deletions(-)

diff --git a/content/index.md b/content/index.md @@ -1,4 +1,7 @@ + + + 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 diff --git a/static/src/css/global/_base.scss b/static/src/css/global/_base.scss @@ -18,7 +18,7 @@ textarea { body { background: var(--base-bg-color) url("//assets.soucy.cc/images/noise.png") repeat; margin: 0; - padding: 2rem; + padding: 0; } a { diff --git a/static/src/css/global/_nav.scss b/static/src/css/global/_nav.scss @@ -1,21 +1,29 @@ // Navigation .nav { align-items: center; - background: black; - top: 0; + background: var(--base-fg-color); display: flex; flex-flow: row wrap; - justify-content: space-around; - left: 0; - position: fixed; - right: 0; + justify-content: center; width: 100%; &__link { - color: white; + background: var(--nav-bg-color); + color: var(--nav-fg-color); display: block; line-height: 1; - padding: 1rem; + padding: 0.75rem; text-decoration: none; + transition: all 0.25s ease-in-out; + + &:focus, + &:hover { + background: var(--nav-bg-color-hover); + } + + &:focus { + outline: 2px solid var(--nav-outline-color); + outline-offset: -2px; + } } } diff --git a/static/src/css/global/abstractions/_root.scss b/static/src/css/global/abstractions/_root.scss @@ -11,6 +11,11 @@ --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-outline-color: #{$color-omega}; + /* 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/_cv.scss b/static/src/css/modules/_cv.scss @@ -0,0 +1,6 @@ +// CV +.cv { + > main { + padding: 2rem; + } +} diff --git a/static/src/css/modules/_h-entry.scss b/static/src/css/modules/_h-entry.scss @@ -4,3 +4,7 @@ font-size: 0.75rem; } } + +main.h-entry { + padding: 2rem; +} diff --git a/static/src/css/modules/_h-feed.scss b/static/src/css/modules/_h-feed.scss @@ -0,0 +1,4 @@ +// H-FEED µFORMAT +.h-feed { + padding: 2rem; +} diff --git a/static/src/css/modules/_note.scss b/static/src/css/modules/_note.scss @@ -1,7 +1,6 @@ // NOTE .note { - padding-bottom: 0; - padding-top: 0; + padding: 0 2rem; & > main { align-items: center; diff --git a/static/src/css/styles.scss b/static/src/css/styles.scss @@ -10,6 +10,8 @@ /* Modules */ @import "modules/_index.scss"; +@import "modules/_h-feed.scss"; @import "modules/_h-entry.scss"; @import "modules/_as-note.scss"; +@import "modules/_cv.scss"; @import "modules/_note.scss"; diff --git a/templates/curriculum-vitae.mustache b/templates/curriculum-vitae.mustache @@ -2,32 +2,31 @@ <html lang="{{ site.language }}"> {{> head }} - <body class="cv"> - <main class="cv__main"> - <div class="layout"> - {{{ content }}} - {{> cv }} - </div> + <body class="cv" id="curriculum"> + {{> nav }} + <main> + {{{ content }}} + {{> cv }} - <footer class="cv__footer"> - <address class="layout"> + <footer> + <address> <hr/> <p> <a href="https://github.com/hs0ucy/Curriculum-vitae/raw/master/curriculum-vitae.pdf" - rel="external">Télécharger le PDF</a> (117 Ko). + rel="external">Télécharger le PDF</a> (117 Ko). </p> <p> {{# permalink }} <a class="u-url u-uid u-syndication bookmark" - href="{{{ permalink }}}" - rel="bookmark">#</a> + href="{{{ permalink }}}" + rel="bookmark">#</a> {{/ permalink }} {{# shortlink }} (<a href="{{{ site.url }}}/{{{ shortlink }}}" - type="text/html" - rel="shortlink">{{{ shortlink }}}</a>) + type="text/html" + rel="shortlink">{{{ shortlink }}}</a>) {{/ shortlink }} Créé à {{ site.author.locality }} le <time datetime="{{ date }}T{{ datetime }}">{{ date }}</time> par @@ -39,8 +38,6 @@ </address> </footer> </main> - - {{> nav }} {{> bottom_script }} </body> </html> diff --git a/templates/default-index.mustache b/templates/default-index.mustache @@ -1,28 +1,25 @@ <!DOCTYPE html> <html lang="{{ site.language }}"> - {{> head }} + {{> head }} - <body id="list" class="list"> - <main> - <div class="layout"> - {{{ content }}} + <body class="default-index" id="defaultIndex"> + {{> nav }} + <main class="h-feed"> + {{{ content }}} - <ol class="list__list"> - {{# entries }} - <li class="list__item h-entry hentry" id="id{{{ shortlink }}}"> - <a class="list__link dt-published dt-updated u-url u-uid like-h2" - href="{{{ permalink }}}"> - {{{ title }}} - </a> &mdash; + {{# entries }} + <article class="h-entry hentry" id="id{{{ shortlink }}}"> + <a class="p-name u-url u-uid" + href="{{{ permalink }}}"> + {{{ title }}} + </a> &mdash; - <time class="dt-published" datetime="{{{ date }}}T{{{ datetime }}}">{{{ date }}}</time> - </li> - {{/ entries }} - </ol> - </div> - </main> - - {{> nav }} - {{> bottom_script }} - </body> + <time class="dt-published" datetime="{{{ date }}}T{{{ datetime }}}"> + {{{ date }}} + </time> + </article> + {{/ entries }} + </main> + {{> bottom_script }} + </body> </html> diff --git a/templates/default.mustache b/templates/default.mustache @@ -1,46 +1,45 @@ <!DOCTYPE html> <html lang="{{ site.language }}"> - {{> head }} + {{> head }} - <body id="single" class="single"> - <article class="h-entry hentry"> - <div class="layout e-content p-name single"> - {{{ content }}} - </div> + <body id="default" class="default"> + {{> nav }} + <main class="h-entry hentry"> + <article class="e-content"> + {{{ content }}} + </article> - <footer class="single__footer"> - <address class="layout"> - <hr/> - <p> - {{# permalink }} - <a class="u-url u-uid u-syndication bookmark" - href="{{{ permalink }}}" - rel="bookmark" - title="Permalink">#</a> - {{/ permalink }} + <footer> + <address> + <hr/> + <p> + {{# permalink }} + <a class="u-url u-uid u-syndication bookmark" + href="{{{ permalink }}}" + rel="bookmark" + title="Permalink">#</a> + {{/ permalink }} - {{# shortlink }} - (<a href="{{{ site.url }}}/{{{ shortlink }}}" - type="text/html" - rel="shortlink" - title="Shortlink">{{{ shortlink }}}</a>) - {{/ shortlink }} + {{# shortlink }} + (<a href="{{{ site.url }}}/{{{ shortlink }}}" + type="text/html" + rel="shortlink" + title="Shortlink">{{{ shortlink }}}</a>) + {{/ shortlink }} - Créé à {{ site.author.locality }} le <time class="dt-published" datetime="{{ date }}T{{ datetime }}">{{ date }}</time> par - <a class="p-author author" href="{{{ site.baseurl }}}#hs" rel="author"><i>{{ site.author.name }}</i></a>. - Modifié le <time class="dt-updated">{{ updated }}</time>. - </p> - </address> - </footer> + Créé à {{ site.author.locality }} le <time class="dt-published" datetime="{{ date }}T{{ datetime }}">{{ date }}</time> par + <a class="p-author author" href="{{{ site.baseurl }}}#hs" rel="author"><i>{{ site.author.name }}</i></a>. + Modifié le <time class="dt-updated">{{ updated }}</time>. + </p> + </address> - {{# bridgy }} - <a aria-hidden="true" - class="visuallyhidden" - href="https://brid.gy/publish/twitter"></a> - {{/ bridgy }} - </article> - - {{> nav }} - {{> bottom_script }} - </body> + {{# bridgy }} + <a aria-hidden="true" + class="visuallyhidden" + href="https://brid.gy/publish/twitter"></a> + {{/ bridgy }} + </footer> + </main> + {{> bottom_script }} + </body> </html> diff --git a/templates/note-index.mustache b/templates/note-index.mustache @@ -3,10 +3,11 @@ {{> head }} <body class="note-index"> - <a class="go-to-menu" href="#menu"> - <span class="visuallyhidden">Aller au </span>Menu <span class="visuallyhidden">principal</span> - <span class="go-to-menu__ico"></span> - </a> + <!-- <a class="go-to-menu" href="#menu"> + <span class="visuallyhidden">Aller au </span>Menu <span class="visuallyhidden">principal</span> + <span class="go-to-menu__ico"></span> + </a> --> + {{> nav }} <main class="h-feed"> {{{ content }}} @@ -57,8 +58,6 @@ <a href="{{{ site.baseurl }}}/note/2016"><time>2016</time></a> </p> </footer> - - {{> nav }} {{> bottom_script }} </body> </html> diff --git a/templates/partials/nav.mustache b/templates/partials/nav.mustache @@ -1,6 +1,4 @@ <nav class="nav" id="menu"> - <h2 class="visuallyhidden">Navigation</h2> - {{# navigation }} <a class="nav__link" href="{{{ location }}}" {{# attributes }}{{{ . }}}{{/ attributes }}> diff --git a/templates/test.etlua b/templates/test.etlua @@ -1,8 +0,0 @@ -<!-- templates/test.etlua --> -<html> - <body> - Hello <%= title %> - - <%- content %> - </body> -</html>