{#each links as link}
-
+
{link.title}
@@ -12,6 +70,20 @@
{link.description}
+
+
{/each}
diff --git a/src/lib/Navbar.svelte b/src/lib/Navbar.svelte
new file mode 100644
index 0000000..251c788
--- /dev/null
+++ b/src/lib/Navbar.svelte
@@ -0,0 +1,33 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/lib/Posts.svelte b/src/lib/Posts.svelte
index 95b0de7..d00ed82 100644
--- a/src/lib/Posts.svelte
+++ b/src/lib/Posts.svelte
@@ -1,53 +1,13 @@
-{#if blueskyPosts}
- {#each blueskyPosts as post}
-
hello
- {/each}
-{/if}
+ {#if posts}
+ {#each posts as post}
+
hello
+ {/each}
+ {/if}
\ No newline at end of file
diff --git a/src/lib/SelectTheme.svelte b/src/lib/SelectTheme.svelte
new file mode 100644
index 0000000..ae87d80
--- /dev/null
+++ b/src/lib/SelectTheme.svelte
@@ -0,0 +1,106 @@
+
+
+
+
+{#if showTitle}
+
Select Theme
+{/if}
+
+
Accent Color
+
{
+ if (typeof previous === 'string' || typeof color === 'string') {
+ return;
+ }
+
+ document.documentElement.classList.remove(previous.label.toLowerCase());
+ document.documentElement.classList.add(color.label.toLowerCase());
+
+ localStorage.setItem('accentColor', JSON.stringify(color.label));
+
+ window.dispatchEvent(
+ new CustomEvent('theme-changed', { detail: { accentColor: color.label } })
+ );
+ }}
+ class="w-64"
+/>
+
+Base Color
+ {
+ if (typeof previous === 'string' || typeof color === 'string') {
+ return;
+ }
+
+ document.documentElement.classList.remove(previous.label.toLowerCase());
+ document.documentElement.classList.add(color.label.toLowerCase());
+
+ localStorage.setItem('baseColor', JSON.stringify(color.label));
+
+ window.dispatchEvent(new CustomEvent('theme-changed', { detail: { baseColor: color.label } }));
+ }}
+/>
diff --git a/src/lib/ThemeSelectDropdown.svelte b/src/lib/ThemeSelectDropdown.svelte
new file mode 100644
index 0000000..6dbefbb
--- /dev/null
+++ b/src/lib/ThemeSelectDropdown.svelte
@@ -0,0 +1,25 @@
+
+
+
+ {#snippet child({ props })}
+
+ {/snippet}
+
+
+
\ No newline at end of file
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index b0e2709..e4bbd96 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1,47 +1,62 @@
-
+
{#if !data.user}
{
@@ -68,9 +83,9 @@
{:else}
-
-
+
+
{#if editingState.active === 'about'}
{:else if editingState.active === 'links'}
{:else if editingState.active === 'feed'}
-
+
{/if}
+
{/if}
+
+
+
+