Add skeleton for topic

Tested with VoiceOver

1 files changed, 85 insertions, 0 deletions

diff --git a/app/stores/forums.js b/app/stores/forums.js
new file mode 100644
index 0000000..adc8758
--- /dev/null
+++ b/app/stores/forums.js
@@ -0,0 +1,85 @@
+import { writable } from 'svelte/store';
+
+const internals = {};
+
+internals.forums = [
+  {
+    id: 'life',
+    glyph: '☆',
+    label: 'Life'
+  },
+  {
+    id: 'the-world',
+    glyph: '◯',
+    label: 'The World'
+  },
+  {
+    id: 'online',
+    glyph: '⏀',
+    label: 'Online'
+  },
+  {
+    id: 'experience',
+    glyph: '♢',
+    label: 'Experience'
+  },
+  {
+    id: 'belief',
+    glyph: '⏃',
+    label: 'Belief'
+  },
+  {
+    id: 'movement',
+    glyph: '▷',
+    label: 'Movement'
+  },
+  {
+    id: 'emotion',
+    glyph: '☽',
+    label: 'Emotion'
+  },
+  {
+    id: 'interaction',
+    glyph: '〒',
+    label: 'Interaction'
+  },
+  {
+    id: 'structure',
+    glyph: '▢',
+    label: 'Structure'
+  },
+  {
+    id: 'sound',
+    glyph: '〰',
+    label: 'Sound'
+  },
+  {
+    id: 'words',
+    glyph: '╳',
+    label: 'Words'
+  },
+  {
+    id: 'us',
+    glyph: '╱',
+    label: 'Us'
+  },
+  {
+    id: 'everything',
+    glyph: '♡',
+    label: 'Everything'
+  }
+];
+
+export const forums = writable(internals.forums);
+
+export function addForum() {
+  const id = Math.random();
+
+  forums.update((forums) => ([...forums,
+    {
+      id,
+      glyph: 'の',
+      label: `Woah ${id}`
+    }
+  ]));
+};