diff --git a/docs/assets/screenshot-dark.png b/docs/assets/screenshot-dark.png
index 0ba0d0e..b20825e 100644
Binary files a/docs/assets/screenshot-dark.png and b/docs/assets/screenshot-dark.png differ
diff --git a/docs/assets/screenshot-light.png b/docs/assets/screenshot-light.png
index 266ad56..91e66df 100644
Binary files a/docs/assets/screenshot-light.png and b/docs/assets/screenshot-light.png differ
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 6589cd8..1ee2cf9 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -6,7 +6,7 @@
}
onMount(() => {
- document.getElementById('banner').src = document.getElementById('banner').src.replace("pic0", `pic${rand(1,30)}`);
+ document.getElementById('banner').src = document.getElementById('banner').src.replace("pic0", `pic${rand(1,14)}`);
console.log(document.getElementById('banner').src);
})
diff --git a/src/routes/Header.svelte b/src/routes/Header.svelte
index 0ed2bf7..b73f698 100644
--- a/src/routes/Header.svelte
+++ b/src/routes/Header.svelte
@@ -94,6 +94,7 @@
font-weight: 400;
font-size: 1em;
text-decoration: none;
+ transition: font-style;
}
[data-theme="dark"] .navigation-bar a {
@@ -102,6 +103,7 @@
font-weight: 300;
font-size: 1em;
text-decoration: none;
+ transition: font-style;
}
.navigation-bar a.current-page {
@@ -113,12 +115,11 @@
display: block;
width: 20px;
height: 4px;
- background-color: #1b2832;
+ background-color: #000;
border-radius: 2px;
margin-top: 4px;
margin-left: auto;
margin-right: auto;
- transition: ease-in-out 0.05s;
}
[data-theme="dark"] .navigation-bar a.current-page {
@@ -126,7 +127,15 @@
}
[data-theme="dark"] .navigation-bar a.current-page::after {
+ content: "";
+ display: block;
+ width: 20px;
+ height: 4px;
background-color: #fff;
+ border-radius: 2px;
+ margin-top: 4px;
+ margin-left: auto;
+ margin-right: auto;
}
diff --git a/src/routes/Switcher.svelte b/src/routes/Switcher.svelte
index 34e15fb..873510a 100644
--- a/src/routes/Switcher.svelte
+++ b/src/routes/Switcher.svelte
@@ -21,59 +21,36 @@
});
-
-
+
\ No newline at end of file
+ /* Dark theme styles */
+ :global(.dark) {
+ --bg-color: #111;
+ --text-color: #fff;
+ }
+
diff --git a/src/routes/celebrate/+page.js b/src/routes/celebrate/+page.js
new file mode 100644
index 0000000..e739ef4
--- /dev/null
+++ b/src/routes/celebrate/+page.js
@@ -0,0 +1,9 @@
+import { dev } from '$app/environment';
+
+// we don't need any JS on this page, though we'll load
+// it in dev so that we get hot module replacement
+export const csr = dev;
+
+// since there's no dynamic data here, we can prerender
+// it so that it gets served as a static asset in production
+export const prerender = true;
diff --git a/src/routes/gallery/+page.svelte b/src/routes/gallery/+page.svelte
index 91dab37..cc65d41 100644
--- a/src/routes/gallery/+page.svelte
+++ b/src/routes/gallery/+page.svelte
@@ -32,7 +32,7 @@
-
-
-
-
-
-
-
