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

View file

@ -1,5 +1,6 @@
<footer class="footer"> <footer class="footer">
<div class="container footer-container"> <div class="container footer-container">
<span class="footer-item footer-colophon">
<span>created by</span> <span>created by</span>
<a href="https://nolog.cz"> <a href="https://nolog.cz">
<svg class="footer-nologo" width="120" viewBox="0 0 400 60" fill-rule="evenodd"> <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> <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> </svg>
</a> </a>
</span>
<a class="footer-item" href="https://git.nolog.cz/mdivecky/headline">Source code</a>
</div> </div>
</footer> </footer>