char
/
char.lt-old
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Add lavender.software webring

main
Charlotte Som 2022-03-08 04:09:02 +00:00
parent f52bff3c9e
commit 34383a4b22
3 changed files with 124 additions and 89 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
static/css/layout.css
View File

@ -6,6 +6,7 @@ body {
body { body {
display: flex; display: flex;
flex-direction: row;
min-height: 100vh; min-height: 100vh;
align-items: center; align-items: center;
@ -19,7 +20,9 @@ body {
width: 60ch; width: 60ch;
margin: 0 auto; margin: 0 auto;
}
.about-me {
padding: 1em; padding: 1em;
border: 2px solid white; border: 2px solid white;
border-radius: 1em; border-radius: 1em;
@ -67,3 +70,7 @@ h3 {
p { p {
margin: 0.5em 0; margin: 0.5em 0;
} }
.webring-container {
margin-top: 1em;
}

6
static/css/styles.css
View File

@ -34,10 +34,14 @@ code {
} }
.inline-list li + li { .inline-list li + li {
border-inline-start: 1px solid white; border-inline-start: 2px solid white;
padding-inline-start: 0.5ch; padding-inline-start: 0.5ch;
} }
abbr { abbr {
text-decoration: none; text-decoration: none;
} }
.lavender-webring-container {
font-family: "Inter", sans-serif !important;
}

200
static/index.html
View File

@ -15,6 +15,11 @@
<link rel="stylesheet" href="/inter/inter.css" /> <link rel="stylesheet" href="/inter/inter.css" />
<link
rel="stylesheet"
href="https://lavender.software/webring/webring-0.2.0.css"
/>
<meta property="og:type" content="website" /> <meta property="og:type" content="website" />
<meta property="og:url" content="https://char.lt" /> <meta property="og:url" content="https://char.lt" />
<meta property="og:title" content="charlotte ✨" /> <meta property="og:title" content="charlotte ✨" />
@ -34,105 +39,124 @@
<body> <body>
<div class="page-wrapper"> <div class="page-wrapper">
<header> <article class="about-me">
<aside> <header>
<h1><abbr title="charlotte athena som">charlotte ✨</abbr></h1> <aside>
<h1><abbr title="charlotte athena som">charlotte ✨</abbr></h1>
<ul id="traits" class="inline-list"> <ul id="traits" class="inline-list">
<li id="age">21</li> <li id="age">21</li>
<li>trans</li> <li>trans</li>
<li>catgirl bunnygirl enby</li> <li>catgirl bunnygirl enby</li>
<li>lesbian</li> <li>lesbian</li>
<li>anarchist</li> <li>anarchist</li>
<li>communist</li> <li>communist</li>
</ul> </ul>
</aside> </aside>
<img <img
class="hero-image" class="hero-image"
alt="charlotte's profile picture" alt="charlotte's profile picture"
src="/pfp.jpg" src="/pfp.jpg"
/> />
</header> </header>
<main> <main>
<p>welcome to <code>char.lt</code>: the domain, is, like, my name!!</p> <p>
welcome to <code>char.lt</code>: the domain, is, like, my name!!
</p>
<p> <p>
hey, i'm charlotte! i like music and videogames and programming and hey, i'm charlotte! i like music and videogames and programming and
being hot and i speak multiple languages being hot and i speak multiple languages
</p> </p>
<p> <p>
i like breaking the rules, so i enjoy software piracy, videogame cheat i like breaking the rules, so i enjoy software piracy, videogame
development, hyperpop production, anticonventional programming, and cheat development, hyperpop production, anticonventional
being obnoxiously queer everywhere i go &lt;3 programming, and being obnoxiously queer everywhere i go &lt;3
</p> </p>
<section> <section>
my pronouns are: my pronouns are:
<ul id="pronouns" class="inline-list"> <ul id="pronouns" class="inline-list">
<li><a href="https://pronoun.is/she">she/her</a></li> <li><a href="https://pronoun.is/she">she/her</a></li>
<li><a href="https://pronoun.is/fae">fae/faer</a></li> <li><a href="https://pronoun.is/fae">fae/faer</a></li>
<li> <li>
<a href="https://pronoun.is/bun/bun/buns/buns/bunself"> <a href="https://pronoun.is/bun/bun/buns/buns/bunself">
bun/buns bun/buns
</a> </a>
</li> </li>
<li>(and <a href="https://pronoun.is/they">they/them</a>)</li> <li>(and <a href="https://pronoun.is/they">they/them</a>)</li>
</ul> </ul>
</section> </section>
<section> <section>
talk to me in: talk to me in:
<ul id="languages" class="inline-list"> <ul id="languages" class="inline-list">
<li>english</li> <li>english</li>
<li>french</li> <li>french</li>
<li>spanish</li> <li>spanish</li>
<li>korean</li> <li>korean</li>
<li>toki pona</li> <li>toki pona</li>
</ul> </ul>
</section> </section>
<section> <section>
<ul id="links" class="inline-list"> <ul id="links" class="inline-list">
<li> <li>
<a rel="me" href="https://som.codes">som.codes</a> <a rel="me" href="https://som.codes">som.codes</a>
</li> </li>
<li> <li>
<a rel="me" href="https://hackery.site">hackery.site</a> <a rel="me" href="https://hackery.site">hackery.site</a>
</li> </li>
<li> <li>
<a rel="me" href="https://trans.enby.town/charlotte"> <a rel="me" href="https://trans.enby.town/charlotte">
trans.enby.town trans.enby.town
</a> </a>
</li> </li>
<li> <li>
<a rel="me" href="https://github.com/videogame-hacker">github</a> <a rel="me" href="https://github.com/videogame-hacker"
</li> >github</a
<li> >
<a rel="me" href="https://twitter.com/half_kh_hacker">twitter</a> </li>
</li> <li>
<li> <a rel="me" href="https://twitter.com/half_kh_hacker"
<a rel="me" href="https://last.fm/user/half-kh-hacker">last.fm</a> >twitter</a
</li> >
<li> </li>
<a rel="me" href="https://soundcloud.com/charlotte-athena"> <li>
soundcloud <a rel="me" href="https://last.fm/user/half-kh-hacker"
</a> >last.fm</a
</li> >
<li> </li>
<a rel="me" href="https://git.lavender.software/charlotte"> <li>
git.lavender.software <a rel="me" href="https://soundcloud.com/charlotte-athena">
</a> soundcloud
</li> </a>
</ul> </li>
</section> <li>
</main> <a rel="me" href="https://git.lavender.software/charlotte">
git.lavender.software
</a>
</li>
</ul>
</section>
</main>
<footer>a site by <a href="https://som.codes">charlotte som</a></footer> <footer>a site by <a href="https://som.codes">charlotte som</a></footer>
</article>
<article class="webring-container">
<script
src="https://lavender.software/webring/webring-0.2.0.js"
data-site-id="charlotte"
crossorigin="anonymous"
integrity="sha512-wWgLGI60d62wrvLSoSeA3zLAUl8QeWjwVshCY7QYaWai6Mrt/4ar1E5ET4SvJ8yFU3Vmb5uVsmA8auRNQQyEXg=="
></script>
</article>
</div> </div>
</body> </body>
</html> </html>