Add svelte frontend

[rbdr/forum] / app / forum.svelte

diff --git a/app/forum.svelte b/app/forum.svelte
new file mode 100644 (file)
index 0000000..99ce5a8
--- /dev/null
+++ b/app/forum.svelte
@@ -0,0 +1,35 @@
+<script>
+  import ForumList from './components/forum_list/forum_list.svelte';
+  import Header from './components/header/header.svelte';
+
+</script>
+
+<main class="topic">
+  <h1>Is this really what the forum looks like?</h1>
+  <p class="topic-meta">
+    <span class="topic-location">Posted on <a href="/f/interaction">Interaction</a>.</span>
+    <span class="topic-ttl"><a href="/t/2a3fc567af8c897ca6f55fb5fj">3 days remaining</a>.</span>
+  </p>
+  <p class="topic-tags">
+    Tags:
+    <a href="/t/question">question<span class="tag-weight">(5)</span></a>
+    <a href="/t/meta">meta<span class="tag-weight">(34)</span></a>
+    <a href="/t/carrots">carrots<span class="tag-weight">(1)</span></a>
+    <a href="/t/tpbo">tpbo<span class="tag-weight">(2)</span></a>
+  </p>
+  <article class="post">
+    <footer>
+      <span class="post-author">By: <a href="/a/rbdr">rbdr</a>.</span>
+      <span class="post-date"><a href="/p/a80c70ea0120387123097ce1907ff">2018-08-14 03:32:10</a></span>
+      <p>So, I’m new here and I had heard a lot about the forums.<br><br>Is this really it??<br><br>It has barely any features, also I think I accidentaally created a post without a board? what’s up with that??</p>
+    </footer>
+  </article>
+</main>
+<Header />
+<ForumList />
+
+<style>
+  h1 {
+    color: magenta;
+  }
+</style>