zoe/hugo-battheme
1
0
Fork 0
mirror of https://git.kittycat.homes/zoe/hugo-battheme.git synced 2024-08-15 03:25:18 +00:00
Code Issues Projects Releases Wiki Activity

Compare commits

base: zoe:4c7695dac2334d702b5633d39cca0d1981767f53
Branches Tags
zoe:main
..
compare: zoe:8c62a099ccbab393800f459c844c5ee94fd7a414
Branches Tags
zoe:main

No commits in common. "4c7695dac2334d702b5633d39cca0d1981767f53" and "8c62a099ccbab393800f459c844c5ee94fd7a414" have entirely different histories.
4c7695dac2 ... 8c62a099cc

5 changed files with 18 additions and 44 deletions
Download patch file Download diff file Expand all files Collapse all files

29
assets/scss/font.scss
View file

@ -5,34 +5,29 @@ $medium: 16pt;
$small: 12pt;
@font-face {
font-family: CaskaydiaCove;
src: url(/font/CaskaydiaCove.ttf);
font-family: CaskaydiaCove;
src: url(/font/CaskaydiaCove.ttf);
}
@font-face {
font-family: CaskaydiaCoveMono;
src: url(/font/CaskaydiaCoveMono.ttf);
font-family: CaskaydiaCoveMono;
src: url(/font/CaskaydiaCoveMono.ttf);
}
* {
font-family: CaskaydiaCove;
font-size: $small;
}
h1 {
font-size: $huge;
}
font-family: CaskaydiaCove;
font-size: $small;
}
h1 {font-size: $huge;}
a {
text-decoration: none;
text-decoration: none;
}
footer * {
font-size: $large;
font-family: CaskaydiaCoveMono;
font-size: $big;
}
label::after {
font-family: CaskaydiaCoveMono;
font-size: $big;
label::after{
font-family: CaskaydiaCoveMono;
}

25
assets/scss/layout.scss
View file

@ -5,8 +5,8 @@ body {
}
footer {
height: 6%;
min-height: 42pt;
height: 10%;
min-height: 24pt;
position: sticky;
display: flex;
align-items: center;
@ -15,37 +15,28 @@ footer {
}
#content {
min-height: 94%;
min-height: 90%;
right: auto;
}
#footer-left {
margin-top: auto;
margin-bottom: auto;
margin-left: 24pt;
justify-self: left;
margin-right: auto;
display: inline-flex;
}
#footer-right {
margin-top: auto;
margin-bottom: auto;
margin-left: auto;
justify-self: right;
margin-right: 24pt;
align-content: center;
display: inline-flex;
}
#footer-center {
margin-top: auto;
margin-bottom: auto;
margin-left: auto;
margin-right: auto;
justify-content: center;
justify-self: center;
display: inline-flex;
}
* {
@ -55,15 +46,5 @@ footer {
#footer-right *{
display: flex;
margin-top: auto;
margin-bottom: auto;
}
#footer-center *{
display: flex;
margin-right: 8pt;
margin-left: 8pt;
margin-top: auto;
margin-bottom: auto;
}

4
assets/scss/style.scss
View file

@ -6,9 +6,7 @@ input[type="checkbox"]{
cursor: pointer;
}
.toggleinput{
opacity: 0;
max-height: 0;
overflow: hidden;
visibility: hidden;
}
.togglelabel{

2
layouts/partials/footer.html
View file

@ -10,7 +10,7 @@
</span>
<span id="footer-right">
<input type="checkbox" id="darkmode-toggle" aria-label="darkmode toggle" class="toggleinput">
<label class="togglelabel colorswitch" for="darkmode-toggle" aria-label="darkmode toggle" role="checkbox"></label>
<label class="togglelabel colorswitch" for="darkmode-toggle"></label>
</span>
</footer>
<script src="/js/darkmode.js"></script>

2
static/js/darkmode.js
View file

@ -8,7 +8,7 @@ if (localStorage.getItem("dark")) {
}
checkbox.checked = localStorage.getItem("dark");
checkbox.addEventListener("change", function () {
checkbox.addEventListener("click", function () {
localStorage.setItem("dark", this.checked);
if (this.checked) {
switchToDark();