improve tagline handling

This commit is contained in:
John Bowdre 2024-06-19 14:20:28 -05:00
parent 7b238e1dfe
commit d6957236a6
2 changed files with 12 additions and 3 deletions

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>

View file

@ -368,11 +368,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;