code refactoring
clean up index.astro add files needs for primary layout
This commit is contained in:
parent
36d6c2b6ed
commit
1597f9cdc2
0
src/components/Footer.astro
Normal file
0
src/components/Footer.astro
Normal file
0
src/components/Header.astro
Normal file
0
src/components/Header.astro
Normal file
0
src/components/Navigation.astro
Normal file
0
src/components/Navigation.astro
Normal 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,22 +13,21 @@ 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>
|
||||
|
Loading…
x
Reference in New Issue
Block a user