ch0ccyra1n/defiance-ng
1
0
Fork 0
forked from planex/defiance
Code Pull requests Activity

Add navbar and basic support for dark mode

Browse source
This commit is contained in:
ch0ccyra1n 2022-07-20 15:45:04 -07:00
parent 842856bef9
commit 2f96ce98c2
2 changed files with 31 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
layouts/partials/header.html
View file

@ -1,7 +1,7 @@
<div> <div>
<nav> <nav id="nav">
{{ range .Site.Menus.main }} {{ range .Site.Menus.main }}
<a href="{{ .URL }}"> <a id="nav-button" href="{{ .URL }}">
{{ $text := print .Name | safeHTML }} {{ $text := print .Name | safeHTML }}
{{ $text }} {{ $text }}
</a> </a>

31
static/css/style.css
View file

@ -1,7 +1,31 @@
/* Dark Mode */
@media (prefers-color-scheme: dark) {
body {
background-color: black;
color: white;
}
a {
color: #f9e6e1;
}
}
/* Light Mode */
@media (prefers-color-scheme: light) {
body {
background-color: white;
}
}
/* Universal */
body { body {
justify-content: center; justify-content: center;
} }
a {
text-decoration: none;
}
header h1 { header h1 {
text-align: center; text-align: center;
} }
@ -19,10 +43,13 @@ footer {
} }
/* For header.html */ /* For header.html */
#nav-button { #nav {
background-color: #da644a; background-color: #da644a;
}
#nav-button {
color: white; color: white;
padding: 15px 25px; padding: 0px 25px;
text-decoration: none; text-decoration: none;
} }