commit f770991c36c6728e4c45529a07c0d6d9d768fb22
parent bd4750d40f9cc2ce8448f16aefb5a8b4d79d3ca2
Author: Hugo Soucy <hugo@soucy.cc>
Date: Sun, 2 May 2021 22:59:06 -0400
Change the color of the logo and navigation
Diffstat:
9 files changed, 99 insertions(+), 19 deletions(-)
diff --git a/content/hs0ucy.png b/content/hs0ucy.png
Binary files differ.
diff --git a/content/hs0ucy.svg b/content/hs0ucy.svg
@@ -0,0 +1,66 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ width="185.987"
+ height="58.243"
+ viewBox="0 0 49.209 15.41"
+ version="1.1"
+ id="svg87"
+ sodipodi:docname="hs0ucy.svg"
+ inkscape:export-filename="/home/hs0ucy/.hs0ucy/Code/hscc/content/hs0ucy.png"
+ inkscape:export-xdpi="72"
+ inkscape:export-ydpi="72"
+ inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)">
+ <metadata
+ id="metadata93">
+ <rdf:RDF>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <defs
+ id="defs91" />
+ <sodipodi:namedview
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1"
+ objecttolerance="10"
+ gridtolerance="10"
+ guidetolerance="10"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ inkscape:window-width="1598"
+ inkscape:window-height="882"
+ id="namedview89"
+ showgrid="false"
+ inkscape:zoom="5.5003844"
+ inkscape:cx="90.448223"
+ inkscape:cy="29.1215"
+ inkscape:window-x="0"
+ inkscape:window-y="16"
+ inkscape:window-maximized="0"
+ inkscape:current-layer="svg87" />
+ <g
+ aria-label="hs0ucy"
+ fill="#ffffff"
+ id="g85"
+ style="fill:#7fffd4;fill-opacity:1"
+ inkscape:export-xdpi="72"
+ inkscape:export-ydpi="72">
+ <path
+ stroke-width=".07"
+ d="M3.848 0L.752.666l-.059.45c.227 0 .388.04.485.122.106.087.16.221.16.405 0 .154-.017.346-.05.578L0 11.41h2.373l.441-3.184c.063-.459.19-.914.383-1.368.198-.453.417-.82.658-1.1.246-.284.469-.427.666-.427.184 0 .3.064.348.19a.902.902 0 01.035.289c0 .115-.01.252-.029.412L4.369 9.78c-.02.135-.03.261-.03.377 0 .372.096.677.284.918.246.318.679.479 1.3.479.367 0 .689-.054.964-.16.275-.107.507-.262.695-.47.188-.211.34-.434.455-.665.12-.237.23-.52.332-.848l-.52-.223c-.187.463-.338.776-.449.94-.11.164-.23.246-.36.246-.088 0-.166-.048-.233-.145-.068-.096-.089-.246-.065-.449l.514-3.703c.034-.241.05-.46.05-.658 0-.439-.085-.781-.26-1.027-.255-.357-.648-.536-1.179-.536-.545 0-1.061.186-1.549.557-.482.367-.875.87-1.18 1.512H3.11L3.971 0zm16.771 1.629c-.608 0-1.182.14-1.723.42-.535.28-.993.653-1.375 1.12a6.705 6.705 0 00-.939 1.585 7.332 7.332 0 00-.514 1.838 9.363 9.363 0 00-.058 1.54c.029.488.122.94.281 1.36.164.415.372.777.623 1.086.256.304.581.543.977.717.395.174.84.26 1.332.26.607 0 1.18-.14 1.715-.42.54-.28.996-.653 1.373-1.121.38-.468.698-.996.949-1.584.25-.589.422-1.202.513-1.838a9.115 9.115 0 00.051-1.485 4.264 4.264 0 00-.283-1.345 4.146 4.146 0 00-.623-1.106 2.595 2.595 0 00-.977-.754 3.103 3.103 0 00-1.322-.273zm-.11.744c.502 0 .807.353.913 1.057.106.699.05 1.753-.166 3.162-.208 1.47-.457 2.543-.746 3.219-.29.67-.683 1.005-1.18 1.005-.502 0-.806-.352-.912-1.056-.106-.704-.05-1.76.168-3.168.207-1.471.455-2.543.744-3.213.29-.67.683-1.006 1.18-1.006zm27.464 1.455c-.348 0-.645.116-.891.348a.87.87 0 00-.295.65c0 .116.021.236.065.361.212.599.373 1.15.484 1.65a7.379 7.379 0 01.195 1.475c0 .27-.024.514-.072.731-.063.27-.148.488-.254.652a1.378 1.378 0 01-.396.405 1.433 1.433 0 01-.463.216c-.15.039-.313.059-.487.059-.395 0-.687-.11-.875-.332a.982.982 0 01-.23-.666c0-.063.004-.125.014-.188l.5-3.56c.019-.13.029-.255.029-.375 0-.376-.095-.684-.283-.92-.246-.318-.68-.477-1.303-.477-.367 0-.686.053-.961.159a1.764 1.764 0 00-.695.478 3.049 3.049 0 00-.463.664 5.57 5.57 0 00-.326.84l.521.225c.183-.463.33-.778.441-.942.116-.164.242-.246.377-.246.087 0 .163.048.23.145.068.096.09.246.065.449l-.52 3.705a3.66 3.66 0 00-.044.541c0 .506.133.893.398 1.158.352.347.9.522 1.643.522 1.22 0 2.285-.374 3.191-1.121l.014.013a6.37 6.37 0 01-.658 1.164 5.532 5.532 0 01-.81.928c-.28.256-.578.482-.891.68a5.022 5.022 0 01-.918.47 5.479 5.479 0 01-.868.26c-.26.053-.502.08-.724.08h-.059a1.917 1.917 0 01-.613-.101.642.642 0 00-.21-.037c-.208 0-.377.105-.507.312a.837.837 0 00-.13.434c0 .091.02.185.058.281.14.328.468.492.984.492.589 0 1.186-.13 1.793-.39a6.981 6.981 0 001.737-1.07 8.38 8.38 0 001.52-1.673c.467-.656.858-1.362 1.171-2.119.314-.757.533-1.59.658-2.496a10.334 10.334 0 00.008-2.726 1.704 1.704 0 00-.166-.543c-.198-.357-.506-.546-.926-.565zm-35.623.03c-.922 0-1.65.199-2.186.599-.53.4-.839.914-.926 1.541a2.87 2.87 0 00-.037.441c0 .415.1.762.297 1.041.26.372.75.72 1.463 1.043.27.126.49.25.658.375.169.121.283.243.346.364a.927.927 0 01.123.302c.02.087.022.183.008.29-.044.313-.16.552-.354.716a.981.981 0 01-.666.246.89.89 0 01-.313-.05.429.429 0 01-.171-.102 1.998 1.998 0 01-.131-.187.595.595 0 01-.059-.305c.01-.12.027-.265.051-.434a.61.61 0 00-.107-.527c-.116-.164-.344-.246-.682-.246a1.66 1.66 0 00-.541.08.75.75 0 00-.34.201.927.927 0 00-.168.233.939.939 0 00-.072.224c-.01.077-.014.15-.014.217 0 .424.193.79.578 1.1.454.356 1.125.535 2.012.535.859 0 1.596-.22 2.213-.658.622-.44.988-1.008 1.094-1.708.02-.144.03-.283.03-.414 0-.27-.045-.507-.132-.714-.13-.31-.356-.585-.68-.827-.323-.24-.798-.502-1.425-.787-.3-.135-.522-.275-.666-.42a.622.622 0 01-.18-.47l.014-.145c.038-.275.148-.48.332-.615a1.015 1.015 0 01.877-.166.473.473 0 01.158.064c.048.03.1.07.152.123a.41.41 0 01.108.196c.019.077.035.172.045.283.01.106-.007.23-.045.375a.855.855 0 00-.014.152.58.58 0 00.123.377c.116.164.342.246.68.246.207 0 .385-.024.535-.072a.85.85 0 00.348-.203c.077-.087.132-.166.166-.238a1.104 1.104 0 00.096-.441c-.006-.425-.203-.792-.589-1.1-.453-.357-1.122-.536-2.01-.536zm14.455 0c-.367 0-.688.052-.963.158a1.764 1.764 0 00-.696.478 3.049 3.049 0 00-.462.664 5.582 5.582 0 00-.325.84l.52.225c.188-.463.338-.778.45-.942.11-.164.23-.246.36-.246.087 0 .165.048.233.145.067.096.088.246.064.449l-.513 3.705c-.034.241-.051.46-.051.658 0 .44.086.782.26 1.028.255.356.649.535 1.18.535.544 0 1.058-.185 1.54-.551.487-.371.884-.878 1.188-1.52h.03l-.06.327a2.1 2.1 0 00-.042.412c.004.342.098.626.28.853.252.319.69.479 1.317.479.367 0 .688-.054.963-.16.275-.107.507-.262.695-.47.189-.211.34-.434.456-.665.12-.237.23-.52.332-.848l-.52-.223c-.188.463-.338.776-.45.94-.11.164-.23.246-.36.246-.087 0-.165-.048-.233-.145-.067-.096-.089-.246-.064-.449l.795-5.779h-2.366l-.449 3.184a5.16 5.16 0 01-.39 1.367c-.193.453-.41.82-.651 1.105-.241.28-.46.42-.658.42-.188 0-.307-.062-.356-.187a.75.75 0 01-.035-.305c0-.111.01-.242.03-.397l.505-3.56c.02-.135.03-.26.03-.375 0-.371-.095-.679-.284-.92-.246-.318-.678-.477-1.3-.477zm11.357 0c-.347 0-.7.055-1.062.165-.357.107-.707.27-1.05.493a4.9 4.9 0 00-.94.795c-.28.303-.52.67-.723 1.1-.198.424-.331.88-.399 1.366a4.123 4.123 0 00-.058.971c.019.318.066.617.138.897a2.485 2.485 0 00.918 1.375c.222.168.496.299.819.39a3.78 3.78 0 001.084.145c.443 0 .865-.082 1.265-.246.4-.164.746-.38 1.035-.645.29-.27.54-.554.747-.853.207-.3.371-.605.492-.918h-.442c-.453.641-1.14.96-2.062.96-.564.005-.992-.198-1.281-.613-.203-.29-.303-.7-.303-1.23 0-.232.018-.485.057-.76.115-.844.317-1.498.601-1.96.29-.464.619-.696.99-.696.323 0 .549.102.674.304.068.111.099.266.094.463 0 .17-.024.371-.072.608a.498.498 0 00-.008.254c.02.091.05.176.094.254a.548.548 0 00.253.195c.121.048.268.072.442.072.752 0 1.177-.345 1.273-1.035.01-.068.014-.133.014-.195 0-.42-.195-.79-.586-1.108-.453-.366-1.121-.549-2.004-.549z"
+ id="path83"
+ style="fill:#7fffd4;fill-opacity:1" />
+ </g>
+</svg>
diff --git a/src/css/modules/footer-banner.css b/src/css/modules/footer-banner.css
@@ -21,7 +21,7 @@
.footer-banner a {
background: linear-gradient(180deg,transparent 70%, var(--base-link-fg) 0);
color: var(--base-brightest);
- display: inline-block;
+ display: inline;
font-weight: 400;
}
diff --git a/src/css/modules/header-banner.css b/src/css/modules/header-banner.css
@@ -2,7 +2,7 @@
.header-banner {
background: var(--base-darkest);
color: var(--base-brightest);
- margin-top: 0;
+ margin: 0;
}
.header-banner a {
color: var(--base-brightest);
@@ -11,10 +11,17 @@
.header-banner [rel="index"] {
background: none;
color: var(--base-aqua);
+ flex: 0 0 auto;
font-size: 1.5rem;
font-weight: 700;
line-height: 1;
margin-right: 0.25rem;
+ padding: 0;
+}
+
+.header-banner [rel="index"] img {
+ height: 40px;
+ width: 126px;
}
.header-banner > div {
diff --git a/src/css/modules/nav.css b/src/css/modules/nav.css
@@ -2,7 +2,7 @@
.nav {
background: var(--base-fg);
- margin-bottom: 0;
+ margin: 0;
}
.nav > div {
@@ -50,14 +50,10 @@
text-decoration: none;
}
-/* .nav__link { */
-/* padding: 1rem; */
-/* } */
-
-/* .nav__link[aria-current] { */
-/* background: var(--base-link-bg); */
-/* color: var(--base-fg); */
-/* } */
+.nav__link[aria-current] {
+ background: var(--base-link-bg);
+ color: var(--base-fg);
+}
.nav__link:focus,
.nav__link:hover {
diff --git a/templates/footer.html b/templates/footer.html
@@ -10,8 +10,8 @@
src="https://webring.xxiivv.com/icon.white.svg"
width="20px" />
</a> |
- <a href="/biscuits.html">Site sans biscuit</a>
- <a href="https://1mb.club/" rel="external">qui ne drainera pas votre batterie</a>. |
+ <a href="/biscuits.html">Ce site sans biscuit</a>
+ <a href="https://1mb.club/" rel="external">qui ne drainera pas votre batterie</a> est propulsé par <a href="https://luarocks.org/modules/hs0ucy/satelito" rel="external">Satelito</a>. |
<a
href="https://creativecommons.org/licenses/by-sa/2.5/ca/deed.fr"
rel="external license"
diff --git a/templates/head.html b/templates/head.html
@@ -19,12 +19,12 @@
<meta name="generator" content="<%= metas.generator -%>" />
<% if description then %>
- <meta content="<%= description -%>" name="description" />
+ <meta content="<%= description -%>" name="description" />
<% end %>
<% if keywords then %>
- <% local _keywords = table.concat(keywords,',') %>
- <meta name="keywords" content="<%= _keywords -%>" />
+ <% local _keywords = table.concat(keywords,',') %>
+ <meta name="keywords" content="<%= _keywords -%>" />
<% end %>
<!-- Feed Atom -->
<link
@@ -39,9 +39,10 @@
<link href="https://webmention.herokuapp.com/api/webmention" rel="webmention" />
<link href="https://webmention.io/hugo.soucy.cc/webmention" rel="webmention" />
<link href="https://webmention.io/hugo.soucy.cc/xmlrpc" rel="pingback" />
+
<!-- Me elsewhere -->
<% for _, relme in ipairs(author.relme) do %>
- <link href="<%= relme -%>" rel="me" />
+ <link href="<%= relme -%>" rel="me" />
<% end %>
<link href="/humans.txt" rel="author" type="text/plain" />
</head>
diff --git a/templates/layout.html b/templates/layout.html
@@ -13,8 +13,13 @@
</svg>
<header class="header-banner" role="banner">
<div>
- <a href="/" rel="index">hs0ucy</a>
- <a class="go-to-nav" href="#n">
+ <a href="/" rel="index">
+ <picture>
+ <source srcset="/hs0ucy.svg" type="image/svg+xml">
+ <img alt="hs0ucy" src="/hs0ucy.png" height="40" width="126" />
+ </picture>
+ </a>
+ <a class="go-to-nav" href="#n" id="t">
<svg aria-hidden="true" class="ico" height="24" role="image" width="24"><use href="#ico_nav"></use></svg>
<span class="visuallyhidden">Aller au </span>menu<span class="visuallyhidden"> de navigation</span>
</a>
diff --git a/templates/navigation.html b/templates/navigation.html
@@ -54,6 +54,11 @@
class="nav__link"
href="/abonnement.html">S'abonner</a>
</li>
+ <li class="nav__item">
+ <a
+ class="nav__link"
+ href="#t">Retour en-haut</a>
+ </li>
</ol>
</div>
</nav>
