Add link to source code to footer

This commit is contained in:
Ondřej Nývlt 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,5 +1,6 @@
<footer class="footer">
<div class="container footer-container">
<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">
@ -12,5 +13,7 @@
<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>