From 890274a7b3ac70848ba9973ef33d53ed58ff88a8 Mon Sep 17 00:00:00 2001
From: Ben Beltran <ben@nsovocal.com>
Date: Mon, 23 Dec 2019 00:24:21 +0100
Subject: Add svelte frontend

---
 app/components/forum_list/forum_list.svelte | 21 +++++++++++++++++++++
 app/components/header/header.svelte         | 11 +++++++++++
 2 files changed, 32 insertions(+)
 create mode 100644 app/components/forum_list/forum_list.svelte
 create mode 100644 app/components/header/header.svelte

(limited to 'app/components')

diff --git a/app/components/forum_list/forum_list.svelte b/app/components/forum_list/forum_list.svelte
new file mode 100644
index 0000000..905421e
--- /dev/null
+++ b/app/components/forum_list/forum_list.svelte
@@ -0,0 +1,21 @@
+<script>
+  import {forums, addForum} from '../../models/forums.js'
+
+  import { fade } from 'svelte/transition';
+</script>
+
+<aside>
+  <button on:click="{addForum}">Add a Forum</button>
+  <nav>
+    <ul>
+      {#each $forums as forum}
+        <li transition:fade>
+          <a href="/f/{forum.id}">
+            <span class="navigation-kanji">{forum.kanji}</span>
+            <span class="navigation-label">{forum.label}</span>
+          </a>
+        </li>
+      {/each}
+    </ul>
+  </nav>
+</aside>
diff --git a/app/components/header/header.svelte b/app/components/header/header.svelte
new file mode 100644
index 0000000..15b75b8
--- /dev/null
+++ b/app/components/header/header.svelte
@@ -0,0 +1,11 @@
+<header>
+  <nav class="top-navigation">
+    <ul>
+      <li><strong><a href="/">Forum v1.0.0</a></strong></li>
+      <li><a href="/new"><u class="action-key">N</u>ew Post</a></li>
+      <li><a href="/reply"><u class="action-key">R</u>eply</a></li>
+      <li><a href="/search"><u class="action-key">S</u>earch</a></li>
+      <li><a href="/logout">Log <u class="action-key">O</u>ut</a></li>
+    </ul>
+  </nav>
+</header>
-- 
cgit