nologcz/headline
2
1
Fork 0
mirror of https://git.nolog.cz/NoLog.cz/headline.git synced 2025-01-31 11:53:35 +01:00
Code Issues Projects Releases Packages Wiki Activity

Add link to source code to footer

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

27
view/static/main.css
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 {

27
view/templates/parts/footer.html
View file

@ -1,16 +1,19 @@
<footer class="footer"> <footer class="footer">
<div class="container footer-container"> <div class="container footer-container">
<span>created by</span> <span class="footer-item footer-colophon">
<a href="https://nolog.cz"> <span>created by</span>
<svg class="footer-nologo" width="120" viewBox="0 0 400 60" fill-rule="evenodd"> <a href="https://nolog.cz">
<title>NoLog</title> <svg class="footer-nologo" width="120" viewBox="0 0 400 60" fill-rule="evenodd">
<path d="M60,0l-60,0l0,60l20,0l0,-41l20,0l-0,41l20,0l-0,-60Z"></path> <title>NoLog</title>
<path d="M140,60l50,0l-0,-19l-30,0l0,-41l-20,0l0,60Z"></path> <path d="M60,0l-60,0l0,60l20,0l0,-41l20,0l-0,41l20,0l-0,-60Z"></path>
<path d="M130,0l-60,0l0,60l60,0l0,-60Zm-40,19l0,22l20,0l0,-22l-20,0Z"></path> <path d="M140,60l50,0l-0,-19l-30,0l0,-41l-20,0l0,60Z"></path>
<path d="M260,0l-60,0l-0,60l60,0l-0,-60Zm-40,19l-0,22l20,0l-0,-22l-20,0Z"></path> <path d="M130,0l-60,0l0,60l60,0l0,-60Zm-40,19l0,22l20,0l0,-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="M260,0l-60,0l-0,60l60,0l-0,-60Zm-40,19l-0,22l20,0l-0,-22l-20,0Z"></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> <path d="M270,60l60,-0l-0,-35l-20,0l-0,16l-20,0l-0,-22l40,-0l-0,-19l-60,-0l-0,60Z"></path>
</svg> <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>
</a> </svg>
</a>
</span>
<a class="footer-item" href="https://git.nolog.cz/mdivecky/headline">Source code</a>
</div> </div>
</footer> </footer>