zepp/emmas.place
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

code refactoring

Browse Source 
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

0
src/components/Footer.astro Normal file
View File

0
src/components/Header.astro Normal file
View File

0
src/components/Navigation.astro Normal file
View File

12
src/pages/index.astro
View File

@ -1,10 +1,11 @@
--- ---
import "../styles/global.css"; import "../styles/global.css";
const pageTitle = "emma's place"; const pageTitle = "emma's place";
const backgroundColor = "#ffd4de"; const backgroundColor = "#ffd4de";
const backgroundColorNightMode = "#240046"; const backgroundColorNightMode = "#240046";
const textColor = "#f1dac4"; const textColorNightMode = "#f1dac4";
const linkColor = "#4cc9f0"; const linkColorNightMode = "#4cc9f0";
--- ---
<html lang="en"> <html lang="en">
@ -12,22 +13,21 @@ const linkColor = "#4cc9f0";
<meta charset="utf-8" /> <meta charset="utf-8" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" /> <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="generator" content={Astro.generator} />
<title>{pageTitle}</title> <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 { .status .statuslol_container .statuslol {
background: var(--backgroundColor) !important; background: var(--backgroundColor) !important;
} }
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
.status .statuslol_content p { .status .statuslol_content p {
color: var(--textColor); color: var(--textColorNightMode);
} }
.status .statuslol_container .statuslol { .status .statuslol_container .statuslol {
background: var(--backgroundColorNightMode) !important; background: var(--backgroundColorNightMode) !important;
} }
.status .statuslol_content .statuslol_time a { .status .statuslol_content .statuslol_time a {
color: var(--linkColor) !important; color: var(--linkColorNightMode) !important;
} }
} }
</style> </style>