feat: add better dividers and flavor to footer/header

This commit is contained in:
Daniel Alejandro Gallegos 2024-07-08 09:14:04 -04:00
parent 8cff48c120
commit 91ed81729b
Signed by: taco
SSH key fingerprint: SHA256:YgoAbZ3x1d1kTGKEmT8elbjEvK/mn0hc4ATFgWhykR0
3 changed files with 32 additions and 7 deletions

View file

@ -1,7 +1,12 @@
@import url(https://fonts.bunny.net/css?family=assistant:500|balsamiq-sans:400,400i,700,700i); @import url(https://fonts.bunny.net/css?family=assistant:500|balsamiq-sans:400,400i,700,700i);
$dark-green: #238e23;
$brown: #b68024;
$background: #eeeeee;
$foreground: #151515;
html { html {
background: #238e23; background: $dark-green;
display: flex; display: flex;
justify-content: center; justify-content: center;
} }
@ -13,18 +18,18 @@ body {
margin: 0.666rem; margin: 0.666rem;
max-width: 666px; max-width: 666px;
padding: 1rem; padding: 1rem;
border: 0.42rem solid #b68024; border: 0.42rem solid $brown;
background: #eee; background: #eee;
border-radius: 1rem; border-radius: 1rem;
} }
header { header {
padding-bottom: 1rem; padding-bottom: 1rem;
border-bottom: 0.24rem solid #b68024;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
font-weight: bold;
h1 { h1 {
color: #ee871c; color: $brown;
} }
nav { nav {
max-width: 80vw; max-width: 80vw;
@ -46,10 +51,25 @@ header {
overflow-x: scroll; overflow-x: scroll;
} }
} }
.bird {
color: #F0B441;
}
.cat {
color: #653931;
}
.online {
color: #69BD30;
}
}
header, footer {
hr {
width: 100%;
border: 0.2rem solid $brown;
border-radius: 1rem;
}
} }
footer { footer {
border-top: 0.24rem solid #b68024;
margin-top: 1rem; margin-top: 1rem;
} }
@ -67,7 +87,7 @@ h6 {
} }
a { a {
color: #238e23; color: $dark-green;
text-decoration: none; text-decoration: none;
} }

View file

@ -1,3 +1,4 @@
<hr>
<small> <small>
<a rel="noreferrer noopener" href="https://birdcat.online" target="_blank" <a rel="noreferrer noopener" href="https://birdcat.online" target="_blank"
><img ><img

View file

@ -1,2 +1,6 @@
<h1>{{ site.Title }}</h1> <h1>
🐥😺 <span class="bird">bird</span><span class="cat">cat</span> dot <span class="online">online</span> 🌐
</h1>
<hr />
{{ partial "menu.html" (dict "menuID" "main" "page" .) }} {{ partial "menu.html" (dict "menuID" "main" "page" .) }}
<hr />