Add link to source code to footer

This commit is contained in:
Ondřej 2023-08-17 13:24:41 +02:00
parent f01326fe3a
commit bf852b604f
2 changed files with 37 additions and 17 deletions

View file

@ -82,6 +82,7 @@ a {
color: var(--accent-color);
font-weight: 500;
text-decoration: none;
transition: color 120ms;
}
a:hover {
@ -179,26 +180,42 @@ details[open] summary::before {
margin-top: 4rem;
padding: 1.5rem 0;
color: hsl(0 0% 60%);
font-size: var(--font-size-s);
font-weight: 500;
}
.footer a {
color: inherit;
}
.footer a:hover {
color: hsl(0 0% 40%);
}
.footer-container {
display: flex;
align-items: center;
flex-shrink: 0;
flex-wrap: wrap;
gap: 0.5rem;
}
.footer-colophon {
display: flex;
align-items: center;
gap: 0.5rem;
}
.footer-nologo {
display: inline-block;
fill: hsl(0 0% 60%);
.footer-colophon svg {
display: block;
fill: currentColor;
transition: fill 120ms;
}
.footer-nologo:hover {
fill: hsl(0 0% 40%);
.footer-item:not(:last-child)::after {
content: " · ";
opacity: 0.5;
margin: 0 0.25rem;
}
.container {

View file

@ -1,16 +1,19 @@
<footer class="footer">
<div class="container footer-container">
<span>created by</span>
<a href="https://nolog.cz">
<svg class="footer-nologo" width="120" viewBox="0 0 400 60" fill-rule="evenodd">
<title>NoLog</title>
<path d="M60,0l-60,0l0,60l20,0l0,-41l20,0l-0,41l20,0l-0,-60Z"></path>
<path d="M140,60l50,0l-0,-19l-30,0l0,-41l-20,0l0,60Z"></path>
<path d="M130,0l-60,0l0,60l60,0l0,-60Zm-40,19l0,22l20,0l0,-22l-20,0Z"></path>
<path d="M260,0l-60,0l-0,60l60,0l-0,-60Zm-40,19l-0,22l20,0l-0,-22l-20,0Z"></path>
<path d="M270,60l60,-0l-0,-35l-20,0l-0,16l-20,0l-0,-22l40,-0l-0,-19l-60,-0l-0,60Z"></path>
<path d="M372.164,2.865l6.571,20.729l21.265,0l-17.203,12.812l6.571,20.729l-17.204,-12.811l-17.203,12.811l6.571,-20.729l-17.204,-12.812l21.265,0l6.571,-20.729Z"></path>
</svg>
</a>
<span class="footer-item footer-colophon">
<span>created by</span>
<a href="https://nolog.cz">
<svg class="footer-nologo" width="120" viewBox="0 0 400 60" fill-rule="evenodd">
<title>NoLog</title>
<path d="M60,0l-60,0l0,60l20,0l0,-41l20,0l-0,41l20,0l-0,-60Z"></path>
<path d="M140,60l50,0l-0,-19l-30,0l0,-41l-20,0l0,60Z"></path>
<path d="M130,0l-60,0l0,60l60,0l0,-60Zm-40,19l0,22l20,0l0,-22l-20,0Z"></path>
<path d="M260,0l-60,0l-0,60l60,0l-0,-60Zm-40,19l-0,22l20,0l-0,-22l-20,0Z"></path>
<path d="M270,60l60,-0l-0,-35l-20,0l-0,16l-20,0l-0,-22l40,-0l-0,-19l-60,-0l-0,60Z"></path>
<path d="M372.164,2.865l6.571,20.729l21.265,0l-17.203,12.812l6.571,20.729l-17.204,-12.811l-17.203,12.811l6.571,-20.729l-17.204,-12.812l21.265,0l6.571,-20.729Z"></path>
</svg>
</a>
</span>
<a class="footer-item" href="https://git.nolog.cz/mdivecky/headline">Source code</a>
</div>
</footer>