aboutsummaryrefslogtreecommitdiff
path: root/app/components
diff options
context:
space:
mode:
Diffstat (limited to 'app/components')
-rw-r--r--app/components/author/author.svelte0
-rw-r--r--app/components/error_block/error_block.svelte31
-rw-r--r--app/components/footer/footer.svelte47
-rw-r--r--app/components/forum_list/forum_list.svelte52
-rw-r--r--app/components/glyph/glyph.svelte38
-rw-r--r--app/components/header/header.svelte42
-rw-r--r--app/components/home/home.svelte3
-rw-r--r--app/components/invalid_route/invalid_route.svelte2
-rw-r--r--app/components/language_selector/language_selector.svelte28
-rw-r--r--app/components/post/post.svelte25
-rw-r--r--app/components/topic/topic.svelte57
-rw-r--r--app/components/topic_index/topic_index.svelte8
12 files changed, 0 insertions, 333 deletions
diff --git a/app/components/author/author.svelte b/app/components/author/author.svelte
deleted file mode 100644
index e69de29..0000000
--- a/app/components/author/author.svelte
+++ /dev/null
diff --git a/app/components/error_block/error_block.svelte b/app/components/error_block/error_block.svelte
deleted file mode 100644
index e46afa1..0000000
--- a/app/components/error_block/error_block.svelte
+++ /dev/null
@@ -1,31 +0,0 @@
-<script>
- import { _ } from 'svelte-i18n';
- export let message;
-</script>
-
-<div>
- <h2>{$_('error.generic.title')}</h2>
- <p>{message || $_('error.generic.message')}</p>
-</div>
-
-<style>
- div {
- background: repeating-linear-gradient( -45deg, red, red 5px, black 5px, black 10px );
- border: 5px solid red;
- color: yellow;
- font-family: 'ヒラギノ角ゴ ProN' , 'Hiragino Kaku Gothic ProN' , '游ゴシック' , '游ゴシック体' , YuGothic , 'Yu Gothic' , 'メイリオ' , Meiryo , 'MS ゴシック' , 'MS Gothic' , HiraKakuProN-W3 , 'TakaoExゴシック' , TakaoExGothic , 'MotoyaLCedar' , 'Droid Sans Japanese' , sans-serif;
- margin: 0 10px 0 0;
- padding: 100px 5px;
- text-align: center;
- }
-
- h2, p {
- background-color: black;
- font-size: 1em;
- }
-
- h2 {
- text-transform: uppercase;
- }
-</style>
-
diff --git a/app/components/footer/footer.svelte b/app/components/footer/footer.svelte
deleted file mode 100644
index 2d45cef..0000000
--- a/app/components/footer/footer.svelte
+++ /dev/null
@@ -1,47 +0,0 @@
-<script>
- import { _ } from 'svelte-i18n';
-
- import LanguageSelector from '../language_selector/language_selector.svelte';
-
- const licenseUrl = 'https://gitlab.com/rbdr/forum/';
-</script>
-
-<footer title="Toolbar">
- <ul>
- <li>{@html $_('footer.license', { values: { licenseUrl } })}</li>
- <li>{$_('footer.choose_language')}: <LanguageSelector /></li>
- </ul>
-</footer>
-
-<style>
- footer {
- grid-column: col-start 1 / span 12;
- border-top: 1px solid black;
- }
-
- ul {
- padding: 0;
- }
-
- .action-key {
- font-weight: bold;
- text-decoration: underline;
- }
-
- li {
- display: inline;
- margin: 5px;
- }
-
- a {
- text-decoration: none;
- line-height: 3em;
- display: inline-block;
- }
-
- strong a {
- color: blue;
- text-decoration: underline;
- }
-
-</style>
diff --git a/app/components/forum_list/forum_list.svelte b/app/components/forum_list/forum_list.svelte
deleted file mode 100644
index 5ce4dc1..0000000
--- a/app/components/forum_list/forum_list.svelte
+++ /dev/null
@@ -1,52 +0,0 @@
-<script>
- import { _ } from 'svelte-i18n';
- import { forums } from '../../stores/forums.js';
- import ErrorBlock from '../error_block/error_block.svelte';
-</script>
-
-<nav title="List of Forums">
- {#if !$forums.length}
- <ErrorBlock message={$_('forum_list.error.unavailable')} />
- {/if}
- <ul>
- {#each $forums as forum}
- <li>
- <a href="/f/{forum.id}">
- <span aria-hidden="true" class="navigation-glyph {forum.glyph}">{forum.glyph}</span>
- <span class="navigation-label">{$_(forum.label)}</span>
- </a>
- </li>
- {/each}
- </ul>
-</nav>
-
-<style>
- nav {
- grid-column: col-start 1;
- grid-row: 2;
- border-right: 1px solid black;
- }
-
- ul {
- padding: 0;
- }
-
- li {
- display: block;
- text-align: left;
- margin-bottom: 20px;
- }
-
- .navigation-glyph {
- font-size: 1.5rem;
- display: block;
- }
-
- .☽ {
- font-size: 2rem;
- }
-
- a {
- text-decoration: none;
- }
-</style>
diff --git a/app/components/glyph/glyph.svelte b/app/components/glyph/glyph.svelte
deleted file mode 100644
index 45a415b..0000000
--- a/app/components/glyph/glyph.svelte
+++ /dev/null
@@ -1,38 +0,0 @@
-<script>
- import { getGlyphHash } from '../../utils/glyph_hash';
-
- export let uuid;
-</script>
-
-<div class="glyphicon" aria-hidden="true" title="User avatar.">
- {#each getGlyphHash(uuid) as fragment}
- <span class="{fragment.glyph}" style="color: {fragment.color} ">
- {fragment.glyph}
- </span>
- {/each}
-</div>
-
-<style>
- .glyphicon {
- border: 1px solid black;
- display: inline-block;
- font-size: 1.4rem;
- height: 48px;
- margin-top: 5px;
- width: 48px;
- }
-
- span {
- display: block;
- float: left;
- width: 24px;
- height: 24px;
- text-align: center;
- line-height: 24px;
- }
-
- .☽ {
- font-size: 2rem;
- line-height: 19px;
- }
-</style>
diff --git a/app/components/header/header.svelte b/app/components/header/header.svelte
deleted file mode 100644
index edcbc79..0000000
--- a/app/components/header/header.svelte
+++ /dev/null
@@ -1,42 +0,0 @@
-<header title="Toolbar">
- <ul>
- <li><strong><a href="/" aria-label="Forum Version 1.0.0">Forum v1.0.0</a></strong></li>
- <li><a href="/new" aria-label="New"><u class="action-key">N</u>ew</a></li>
- <li><a href="/reply" aria-label="Reply"><u class="action-key">R</u>eply</a></li>
- <li><a href="/search" aria-label="Search"><u class="action-key">S</u>earch</a></li>
- <li><a href="/logout" aria-label="Log Out">Log <u class="action-key">O</u>ut</a></li>
- </ul>
-</header>
-
-<style>
- header {
- grid-column: col-start 1 / span 12;
- border-bottom: 1px solid black;
- }
-
- ul {
- padding: 0;
- }
-
- .action-key {
- font-weight: bold;
- text-decoration: underline;
- }
-
- li {
- display: inline;
- margin: 5px;
- }
-
- a {
- text-decoration: none;
- line-height: 3em;
- display: inline-block;
- }
-
- strong a {
- color: blue;
- text-decoration: underline;
- }
-
-</style>
diff --git a/app/components/home/home.svelte b/app/components/home/home.svelte
deleted file mode 100644
index 280bb5d..0000000
--- a/app/components/home/home.svelte
+++ /dev/null
@@ -1,3 +0,0 @@
-<h1>Welcome.</h1>
-<p>You are now in a forum. Select a category from the left or input a
- valid URL.</p>
diff --git a/app/components/invalid_route/invalid_route.svelte b/app/components/invalid_route/invalid_route.svelte
deleted file mode 100644
index 32225f1..0000000
--- a/app/components/invalid_route/invalid_route.svelte
+++ /dev/null
@@ -1,2 +0,0 @@
-<h1> This is not right. </h1>
-<p>This URL is not valid. Try again.</p>
diff --git a/app/components/language_selector/language_selector.svelte b/app/components/language_selector/language_selector.svelte
deleted file mode 100644
index 67c0814..0000000
--- a/app/components/language_selector/language_selector.svelte
+++ /dev/null
@@ -1,28 +0,0 @@
-<script>
- import { locale, locales } from 'svelte-i18n';
- import { getLangNameFromCode } from 'language-name-map';
-
- $: namedLocales = $locales
- .map((locale) => ({
- code: locale,
- ...getLangNameFromCode(locale)
- }))
- .sort((a, b) => a.native - b.native);
-
- let selected = $locale;
-
- $: {
- console.log(`the current locale is ${selected}`);
- locale.set(selected);
- }
-</script>
-
-<select bind:value={selected}>
- {#each namedLocales as namedLocale}
- <option value="{ namedLocale.code }">{ namedLocale.native }</option>
- {/each}
-</select>
-
-<style>
-</style>
-
diff --git a/app/components/post/post.svelte b/app/components/post/post.svelte
deleted file mode 100644
index fad7628..0000000
--- a/app/components/post/post.svelte
+++ /dev/null
@@ -1,25 +0,0 @@
-<script>
- import Glyph from '../glyph/glyph.svelte';
-</script>
-
-<aside class="post-meta" title="Post 2 of 2 metadata">
- <Glyph uuid="b33f0339f7d64d1ca27f1c0aefb7d753" />
- <span class="h-card">
- By: <a href="/a/time4carrots" class="p-nickname u-url">time4carrots</a>.
- </span>
- <time role="presentation" class="dt-published" datetime="2018-08-15T04:10:00.929Z">
- <a href="/p/da9910f3febde91948000ce1535ea">
- 2018-08-15 04:10:00
- </a>
- </time>
-</aside>
-<article class="e-content" title="Post 2 of 2 by time4carrots">
- <p>It's just how it is...</p>
-</article>
-<hr/>
-
-<style>
- .post-meta > * {
- vertical-align: top;
- }
-</style>
diff --git a/app/components/topic/topic.svelte b/app/components/topic/topic.svelte
deleted file mode 100644
index 4a55930..0000000
--- a/app/components/topic/topic.svelte
+++ /dev/null
@@ -1,57 +0,0 @@
-<script>
- import Glyph from '../glyph/glyph.svelte';
-</script>
-
-<div class="h-entry" title="Topic">
- <h1 class="p-name">This is a post in the forum.</h1>
- <aside class="topic-meta" title="Topic metadata">
- <span class="topic-location">Posted on <a href="/f/interaction"
- class="p-category">Interaction</a>.</span>
- <span class="topic-ttl"><a class="u-url u-uid" title="Permalink to topic" href="/t/2a3fc567af8c897ca6f55fb5fj">3 days remaining</a>.</span>
- </aside>
- <aside class="topic-tags" title="Topic Tags">
- Tags:
- <a href="/g/question" class="p-category">question<span class="tag-weight">(5)</span></a>
- <a href="/g/meta" class="p-category">meta<span class="tag-weight">(34)</span></a>
- <a href="/g/carrots" class="p-category">carrots<span class="tag-weight">(1)</span></a>
- <a href="/g/tpbo" class="p-category">tpbo<span class="tag-weight">(2)</span></a>
- </aside>
- <aside class="post-meta" title="Post 1 of 2 metadata">
- <Glyph uuid="3cd8c84e18144a2da71f6bace9392abc" />
- <span class="h-card">
- By: <a href="/a/rbdr" class="p-nickname u-url">rbdr</a>.
- </span>
- <time role="presentation" class="dt-published" datetime="2018-08-14T03:32:10.929Z">
- <a title="Permalink to post" href="/p/a80c70ea0120387123097ce1907ff">
- 2018-08-14 03:32:10
- </a>
- </time>
- </aside>
- <article class="e-content" title="Post 1 of 2 by rbdr">
- <p>This is a main topic in the forum. Does that abstraction still even make sense?</p>
- <p>Is this really it??</p>
- <p>This might all be fake but at least the links look purple when visited</p>
- </article>
- <hr/>
- <aside class="post-meta" title="Post 2 of 2 metadata">
- <Glyph uuid="b33f0339f7d64d1ca27f1c0aefb7d753" />
- <span class="h-card">
- By: <a href="/a/time4carrots" class="p-nickname u-url">time4carrots</a>.
- </span>
- <time role="presentation" class="dt-published" datetime="2018-08-15T04:10:00.929Z">
- <a href="/p/da9910f3febde91948000ce1535ea">
- 2018-08-15 04:10:00
- </a>
- </time>
- </aside>
- <article class="e-content" title="Post 2 of 2 by time4carrots">
- <p>It's just how it is...</p>
- </article>
- <hr/>
-</div>
-
-<style>
- .post-meta > * {
- vertical-align: top;
- }
-</style>
diff --git a/app/components/topic_index/topic_index.svelte b/app/components/topic_index/topic_index.svelte
deleted file mode 100644
index 3de83bb..0000000
--- a/app/components/topic_index/topic_index.svelte
+++ /dev/null
@@ -1,8 +0,0 @@
-<script>
- export let params;
- import ErrorBlock from '../error_block/error_block.svelte';
-</script>
-
-<ErrorBlock />
-<h1>Topic Index.</h1>
-<p>This component lists topics for category or tag with id: {params.id}</p>