john/runtimeterror
1
0
Fork 0
mirror of https://github.com/jbowdre/runtimeterror.git synced 2024-11-22 06:52:18 +00:00
Code Issues Projects Releases Packages Wiki Activity

Merge branch 'main' into drafts

Browse source
This commit is contained in:
John Bowdre 2024-06-19 19:15:52 -05:00
commit 6c08e4cf8a
2 changed files with 26 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
layouts/partials/tagline.html
View file

@ -11,4 +11,4 @@
} }
window.addEventListener("pageshow", getTagline); window.addEventListener("pageshow", getTagline);
</script> </script>
<div style="height: 3.5rem;"><i id="tagline" data-typo-chance="2" data-typing-delay="40" data-typing-jitter="20"></i></div> <div id="tagline_container"><i id="tagline" data-typo-chance="2" data-typing-delay="40" data-typing-jitter="20"></i></div>

31
static/css/custom.css
View file

@ -14,10 +14,17 @@
url('https://cdn.runtimeterror.dev/fonts/BerkeleyMono-Regular.woff2') format('woff2'), url('https://cdn.runtimeterror.dev/fonts/BerkeleyMono-Regular.woff2') format('woff2'),
} }
/* override page max-width */ /* minor layout tweaks */
.page { .page {
max-width: 72rem; max-width: 72rem;
grid-template-columns: minmax(0, 1fr) 16rem; }
.page__body {
margin: 1rem;
}
.page__aside {
margin: 0 1rem 0 0;
} }
@ -246,11 +253,15 @@ input {
background-color: var(--off-bg); background-color: var(--off-bg);
color: var(--off-fg); color: var(--off-fg);
height: 1.5rem; height: 1.5rem;
border-radius: 0.25rem; border-radius: 0.25rem 0 0 0.25rem;
padding-left: 0.5rem; padding-left: 0.5rem;
font-family: var(--font-monospace); font-family: var(--font-monospace);
} }
form {
width:auto;
}
input:focus { input:focus {
outline: none; outline: none;
} }
@ -273,7 +284,6 @@ form button {
grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr)); grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
grid-gap: 0.5rem; grid-gap: 0.5rem;
margin: 0.5rem 0; margin: 0.5rem 0;
} }
.tagsArchive sup { .tagsArchive sup {
@ -357,11 +367,20 @@ p:has(+ ul) {
margin-bottom: 0; margin-bottom: 0;
} }
/* tagline cursor animation */ /* tagline tweaks */
#tagline_container {
height: 3rem;
}
#tagline {
font-size: 0.8rem;
line-height: 0.8rem;
}
#tagline::after { #tagline::after {
content: ""; content: "";
width: 0.5rem; width: 0.5rem;
height: 1.2rem; height: 1rem;
background: var(--muted); background: var(--muted);
display: inline-block; display: inline-block;
margin-left: 0.2rem; margin-left: 0.2rem;