finally a solution im happy with

This commit is contained in:
2025-08-09 15:19:55 -07:00
parent 7eb752dd1d
commit 111705ccc4
2 changed files with 10 additions and 16 deletions

View File

@@ -16,7 +16,6 @@
<div class="centerer"> <div class="centerer">
<div id="content"> <div id="content">
<div id="title-1"> <div id="title-1">
<img src="lulu.webp" alt="Lulu the dog" />
<div class="h1-container"> <div class="h1-container">
<h1> <h1>
Ted Pier<span class="subtitle"> Ted Pier<span class="subtitle">
@@ -24,6 +23,7 @@
</span> </span>
</h1> </h1>
</div> </div>
<img src="lulu.webp" alt="Lulu the dog" />
</div> </div>
<hr /> <hr />
<section> <section>
@@ -98,9 +98,9 @@
> >
<p> <p>
That's what you're using right now- my website! It's a That's what you're using right now- my website! It's a
classic Nginx webserver. Notice how fast it loaded? My classic Nginx webserver. Notice how fast it loaded?
website is written without any libraries, tracking, or That's what happens when a website is written without
external fonts because ew, bloat. any libraries, tracking, or external fonts.
</p> </p>
<h3>DNS Servers</h3> <h3>DNS Servers</h3>
<p> <p>

View File

@@ -91,18 +91,15 @@ p {
#title-1 { #title-1 {
color: light-dark(white, black); color: light-dark(white, black);
overflow: hidden; overflow: hidden;
position: relative; display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
} }
#title-1 > .h1-container { #title-1 > .h1-container {
margin: 0;
padding: 16px; padding: 16px;
background: light-dark(black, whitesmoke); background: light-dark(black, whitesmoke);
width: max-content; width: max-content;
height: max-content;
z-index: 1; z-index: 1;
display: block;
position: relative;
} }
#title-1 > div > h1 { #title-1 > div > h1 {
@@ -110,13 +107,9 @@ p {
} }
#title-1 > img { #title-1 > img {
position: absolute;
top: 0;
bottom: 0;
right: 0;
z-index: 0; z-index: 0;
display: block; display: block;
height: 100%; max-height: 71px;
} }
.disabled { .disabled {
@@ -135,9 +128,10 @@ body {
#click-to-reveal-prompt { #click-to-reveal-prompt {
color: grey; color: grey;
position: absolute; position: absolute;
left: 0;
right: 0;
top: 8px; top: 8px;
left: 8px; text-align: center;
font-size: 12px;
} }
section { section {