code refactoring

clean up index.astro
add files needs for primary layout
This commit is contained in:
emma 2025-02-19 19:48:12 -05:00
parent 36d6c2b6ed
commit 1597f9cdc2
4 changed files with 31 additions and 31 deletions

View File

View File

View File

View File

@ -1,10 +1,11 @@
---
import "../styles/global.css";
const pageTitle = "emma's place";
const backgroundColor = "#ffd4de";
const backgroundColorNightMode = "#240046";
const textColor = "#f1dac4";
const linkColor = "#4cc9f0";
const textColorNightMode = "#f1dac4";
const linkColorNightMode = "#4cc9f0";
---
<html lang="en">
@ -12,52 +13,51 @@ const linkColor = "#4cc9f0";
<meta charset="utf-8" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="generator" content={Astro.generator} />
<title>{pageTitle}</title>
<style is:global define:vars={{backgroundColor, backgroundColorNightMode, textColor, linkColor}}>
<style is:global define:vars={{backgroundColor, backgroundColorNightMode, textColorNightMode, linkColorNightMode}}>
.status .statuslol_container .statuslol {
background: var(--backgroundColor) !important;
}
@media (prefers-color-scheme: dark) {
.status .statuslol_content p {
color: var(--textColor);
color: var(--textColorNightMode);
}
.status .statuslol_container .statuslol {
background: var(--backgroundColorNightMode) !important;
}
.status .statuslol_content .statuslol_time a {
color: var(--linkColor) !important;
color: var(--linkColorNightMode) !important;
}
}
</style>
</head>
<body>
<main>
<section>
<h1>welcome to {pageTitle}</h1>
<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 eveything 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>
<main>
<section>
<h1>welcome to {pageTitle}</h1>
<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 eveything 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>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>
<li>
12-25-2024 - i'm going to try to get back into the swing of learning javascript. i had taken a little break due to life. but this wonderful home of mine on the web came out of that break so i'm happy about that too!
</li>
<li>
01-16-2025 - i'm focusing on studying and trying to get used to the idea of pursuing interests because i can. i wrote a blog post today about how hard the concept is to me
</li>
<li>
01-23-2025 - i'm working on moving my blog to <a href="https://blog.emmas.place" target="_blank">blog.emmas.place</a> it is hosted on weblog.lol, a part of the <a href="https://omg.lol" target="_blank">omg.lol</a> service
</li>
</ul>
</section>
<h3>news about emma</h3>
<ul>
<li>
12-25-2024 - i'm going to try to get back into the swing of learning javascript. i had taken a little break due to life. but this wonderful home of mine on the web came out of that break so i'm happy about that too!
</li>
<li>
01-16-2025 - i'm focusing on studying and trying to get used to the idea of pursuing interests because i can. i wrote a blog post today about how hard the concept is to me
</li>
<li>
01-23-2025 - i'm working on moving my blog to <a href="https://blog.emmas.place" target="_blank">blog.emmas.place</a> it is hosted on weblog.lol, a part of the <a href="https://omg.lol" target="_blank">omg.lol</a> service
</li>
</ul>
</section>
</main>
</body>
</html>