diff --git a/src/components/Navigation.astro b/src/components/Navigation.astro
index d9a3503..6e56104 100644
--- a/src/components/Navigation.astro
+++ b/src/components/Navigation.astro
@@ -7,13 +7,13 @@ const backgroundColorNightMode = "#240046";
life of emma
site information
diff --git a/src/pages/life/interests/index.astro b/src/pages/life/interests/index.astro
new file mode 100644
index 0000000..99b7147
--- /dev/null
+++ b/src/pages/life/interests/index.astro
@@ -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}));
+---
+
+
+
+
+
+
+ {pageTitle}
+
+
+
+
+ {pageTitle}
+
+
+
+
\ No newline at end of file
diff --git a/src/pages/life/self/index.astro b/src/pages/life/self/index.astro
new file mode 100644
index 0000000..5228d1d
--- /dev/null
+++ b/src/pages/life/self/index.astro
@@ -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}));
+---
+
+
+
+
+
+
+ {pageTitle}
+
+
+
+
+ {pageTitle}
+
+
+
+
\ No newline at end of file
diff --git a/src/pages/life/sunshine/index.astro b/src/pages/life/sunshine/index.astro
new file mode 100644
index 0000000..fe3702f
--- /dev/null
+++ b/src/pages/life/sunshine/index.astro
@@ -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}));
+---
+
+
+
+
+
+
+ {pageTitle}
+
+
+
+
+ {pageTitle}
+
+
+
+
\ No newline at end of file
diff --git a/src/styles/global.css b/src/styles/global.css
index 82313d0..a713dd7 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -7,7 +7,6 @@
--link-hover: #ff1493;
--link-visited: #8a2be2;
--link-color: #4b0082;
- --border-color: #db7093;
}
*,
@@ -78,7 +77,6 @@ section {
--link-color: #4cc9f0;
--link-hover: #f72585;
--link-visited: #4cc9f0;
- --border-color: #474973;
}
body {
@@ -176,24 +174,6 @@ main section ul li {
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 {
text-align: center;
}
diff --git a/src/styles/picrew.css b/src/styles/picrew.css
new file mode 100644
index 0000000..f87e953
--- /dev/null
+++ b/src/styles/picrew.css
@@ -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;
+}