68 lines
2.3 KiB
Plaintext
68 lines
2.3 KiB
Plaintext
---
|
|
import BasicLayout from "../layouts/BasicLayout.astro";
|
|
|
|
const pageTitle = "emma's place";
|
|
|
|
const backgroundColor = "#E0D1ED";
|
|
const backgroundColorNightMode = "#240046";
|
|
const textColorNightMode = "#f1dac4";
|
|
const linkColorNightMode = "#4cc9f0";
|
|
|
|
const emmaNews = [
|
|
`<li>02-20-2025 - i've been spending time learning how to use astro instead of hand coding my site. with time there will be a lot here. i like the way content is managed in astro</li>`,
|
|
'<li>03-10-2025 - the site is functionally where it was at pre astro migration. now i get to add the new things i\'ve been planning to add</li>',
|
|
'<li>03-18-2025 - i recently had the chance to buy gender affirming clothing and beauty products. i\'m doing so much better than i previously was</li>',
|
|
];
|
|
---
|
|
<BasicLayout pageTitle={pageTitle}>
|
|
<p>
|
|
you're at emma's place. coffee or tea of your choice are
|
|
waiting for you. my cat baxter loves pets if you'd like to say
|
|
hello. there's a little bit of everything that is me here.
|
|
there's no rush, you can be here for as little or as long as
|
|
you'd like. you can just take it easy here. if all of this
|
|
somehow brings you some happiness or makes you feel like
|
|
maybe there's another human on the other side of your screen
|
|
then i've done my job. have a look around, don't forget to
|
|
grab a beverage
|
|
</p>
|
|
|
|
<h3>latest status</h3>
|
|
<div class="status">
|
|
<script src="https://status.lol/emma.js?time&link&fluent&pretty" defer></script>
|
|
</div>
|
|
|
|
<h3>news about emma</h3>
|
|
<ul>
|
|
<Fragment set:html={emmaNews.map((news) => news)} />
|
|
</ul>
|
|
|
|
<h3>directories and webrings</h3>
|
|
<p>this website is part of the <a href="https://zacharykai.net/lists/queer">Queer Web Directory</a></p>
|
|
|
|
<p>this website is not part of any webrings yet!</p>
|
|
</BasicLayout>
|
|
|
|
<style is:global define:vars={{backgroundColor, backgroundColorNightMode, textColorNightMode, linkColorNightMode}}>
|
|
.status {
|
|
height: 120px;
|
|
margin-top: 0.5rem;
|
|
margin-bottom: 0.5rem;
|
|
}
|
|
|
|
.status .statuslol_container .statuslol {
|
|
background: var(--backgroundColor) !important;
|
|
}
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
.status .statuslol_content p {
|
|
color: var(--textColorNightMode);
|
|
}
|
|
.status .statuslol_container .statuslol {
|
|
background: var(--backgroundColorNightMode) !important;
|
|
}
|
|
.status .statuslol_content .statuslol_time a {
|
|
color: var(--linkColorNightMode) !important;
|
|
}
|
|
}
|
|
</style> |