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

initial work for page migration to astro

Browse Source
This commit is contained in:
emma 2025-03-01 07:37:07 -05:00
parent ccff1f3bc0
commit c24bcd54d8
6 changed files with 96 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/Navigation.astro
View File

@ -7,13 +7,13 @@ const backgroundColorNightMode = "#240046";
<h3>life of emma</h3> <h3>life of emma</h3>
<ul> <ul>
<li> <li>
emma's self <a href="/life/self/">emma's self</a>
</li> </li>
<li> <li>
emma's interests <a href="/life/interests/">emma's interests</a>
</li> </li>
<li> <li>
emma's rays of sunshine <a href="/life/sunshine/">emma's rays of sunshine</a>
</li> </li>
</ul> </ul>
<h3>site information</h3> <h3>site information</h3>

22
src/pages/life/interests/index.astro Normal file
View File

@ -0,0 +1,22 @@
---
import BasicLayout from "../../../layouts/BasicLayout.astro";
const pageTitle = "emma's interests - category"
const allPosts = Object.values(import.meta.glob('./entires/*.md', {eager: true}));
---
<html lang="en">
<head>
<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">
<title>{pageTitle}</title>
</head>
<body>
<BasicLayout>
<h1>{pageTitle}</h1>
</BasicLayout>
</body>
</html>

22
src/pages/life/self/index.astro Normal file
View File

@ -0,0 +1,22 @@
---
import BasicLayout from "../../../layouts/BasicLayout.astro";
const pageTitle = "emma's self - category"
const allPosts = Object.values(import.meta.glob('./entires/*.md', {eager: true}));
---
<html lang="en">
<head>
<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">
<title>{pageTitle}</title>
</head>
<body>
<BasicLayout>
<h1>{pageTitle}</h1>
</BasicLayout>
</body>
</html>

22
src/pages/life/sunshine/index.astro Normal file
View File

@ -0,0 +1,22 @@
---
import BasicLayout from "../../../layouts/BasicLayout.astro";
const pageTitle = "emma's rays of sunshine - category"
const allPosts = Object.values(import.meta.glob('./entires/*.md', {eager: true}));
---
<html lang="en">
<head>
<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">
<title>{pageTitle}</title>
</head>
<body>
<BasicLayout>
<h1>{pageTitle}</h1>
</BasicLayout>
</body>
</html>

20
src/styles/global.css
View File

@ -7,7 +7,6 @@
--link-hover: #ff1493; --link-hover: #ff1493;
--link-visited: #8a2be2; --link-visited: #8a2be2;
--link-color: #4b0082; --link-color: #4b0082;
--border-color: #db7093;
} }
*, *,
@ -78,7 +77,6 @@ section {
--link-color: #4cc9f0; --link-color: #4cc9f0;
--link-hover: #f72585; --link-hover: #f72585;
--link-visited: #4cc9f0; --link-visited: #4cc9f0;
--border-color: #474973;
} }
body { body {
@ -176,24 +174,6 @@ main section ul li {
padding-bottom: 0.25rem; padding-bottom: 0.25rem;
} }
.picrew-gallery {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 2rem;
margin: 1.75rem;
}
.picrew-gallery img {
border: 4px solid var(--border-color);
border-radius: 5%;
}
.picrew-gallery,
.picrew-gallery-header {
text-align: center;
}
.photo-gallery-header { .photo-gallery-header {
text-align: center; text-align: center;
} }

27
src/styles/picrew.css Normal file
View File

@ -0,0 +1,27 @@
:root {
--border-color: #db7093;
}
@media (prefers-color-scheme: dark) {
:root {
--border-color: #474973;
}
}
.picrew-gallery {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 2rem;
margin: 1.75rem;
}
.picrew-gallery img {
border: 4px solid var(--border-color);
border-radius: 5%;
}
.picrew-gallery,
.picrew-gallery-header {
text-align: center;
}