add content and css
confuseddbread confuseddbread@gmail.com
Fri, 09 Jan 2026 20:20:25 +0100
2 files changed,
84 insertions(+),
41 deletions(-)
M
index.html
→
index.html
@@ -7,50 +7,35 @@ <title>6B74-4's site</title>
<link href="/style.css" rel="stylesheet" /> </head> <body> - <h1>6B74-4's site</h1> + <h1 id="top">6B74-4's Site</h1> <section id="about"> - <h2>about</h2> - <table border="1"> - <tbody> - <tr> - <td rowspan="6"> - <img - src="/assets/kate_6b74-4/kate_6b74-4.webp" - alt="visoring beeper with big green rectangle eyes staring at the camera with a wall mounted glowing world map in the background" - > - </td> - </tr> - <tr> - <th scope="row">Names</th> - <td>Kate, Katarina</td> - </tr> - <tr> - <th scope="row">Pronouns</th> - <td> - it/its (3pp preferred)<br> - she/her - </td> - </tr> - <tr> - <th scope="row">serial number</th> - <td>6B74-4</td> - </tr> - <tr> - <th scope="row">doll code</th> - <td>▌▌▖▖▌▖▘▖▖ - ▖▖</td> - </tr> - </tbody> - </table> - </section> - <section id="stuff"> - <h2>stuff</h2> + <h2><a href="#about" aria-hidden="true">#</a> About</h2> + <p> + Hi, you may know this unit as "Katarina", "Kate" or by it's serial number 6B74-4, which can be encoded to the dollcode <span aria-label="this one's dollcode" aria-hidden="true">▖▌▌▌▘▌▖▌▖▌▖▘</span>. + It can be usually found somewhere within Baden-Württemberg, probably in either the <a href="https://shackspace.de/">Shackspace</a> or <a href="https://entropia.de/">Entropia</a>. + As you may have noticed by now, this one prefers 3rd person pronouns and "it/its". The pronouns "they/them" or "she/her" also work tho. + </p> </section> <section id="contact"> - <h2>contact</h2> - <p> - - </p> + <h2><a href="#contact" aria-hidden="true">#</a> Contact</h2> + <table> + <tr> + <th>Signal</th> + <td> + <a href="https://signal.me/#eu/qJD8EifB7__jGUwr8BTCOVp1ZkL6cqp7UAAYkE8toOCgCkiZyBRLiYsD6RqEzjX9"> + bleb.99 + </a> + </td> + </tr> + <tr> + <th>Fedi</th> + <td> + <a href="https://is.beeping.pet/@kate"> + @kate@is.beeping.pet + </a> + </td> + </tr> + </table> </section> - </body> </html>
M
style.css
→
style.css
@@ -0,0 +1,58 @@
+@import url(https://fonts.bunny.net/css?family=lexend:400,800); +@import url(https://fonts.bunny.net/css?family=montserrat:800); + +:root { + --c-bg: #1e1e2e; + --c-fg: #cdd6f4; + --c-surface: #313244; + --c-overlay: #6c7086; + --c-link: #8caaee; + --c-visited: #ca9ee6; + --f-heading: 'Montserrat', sans-serif; + --f-text: 'Lexend', sans-serif; +} + +html { + font-family: var(--f-text); + color: var(--c-fg); + background-color: var(--c-bg); + font-size: 1.5rem; +} + +body { + max-width: 60rem; + padding-left: 1rem; + padding-right: 1rem; + margin: auto; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 1em; + margin-bottom: 0.5em; + font-family: var(--f-heading); + a { + text-decoration: none; + &:visited { + color: var(--c-link); + } + } +} + +#top { + margin-top: 1rem; +} + +#contact table { + text-align: start; + & th { + text-align: left; + padding-right: 0.5rem; + } +} + +a { + color: var(--c-link); + &:visited { + color: var(--c-visited); + } +}