diff options
Diffstat (limited to 'app/components')
| -rw-r--r-- | app/components/author/author.svelte | 0 | ||||
| -rw-r--r-- | app/components/error_block/error_block.svelte | 31 | ||||
| -rw-r--r-- | app/components/footer/footer.svelte | 47 | ||||
| -rw-r--r-- | app/components/forum_list/forum_list.svelte | 52 | ||||
| -rw-r--r-- | app/components/glyph/glyph.svelte | 38 | ||||
| -rw-r--r-- | app/components/header/header.svelte | 42 | ||||
| -rw-r--r-- | app/components/home/home.svelte | 3 | ||||
| -rw-r--r-- | app/components/invalid_route/invalid_route.svelte | 2 | ||||
| -rw-r--r-- | app/components/language_selector/language_selector.svelte | 28 | ||||
| -rw-r--r-- | app/components/post/post.svelte | 25 | ||||
| -rw-r--r-- | app/components/topic/topic.svelte | 57 | ||||
| -rw-r--r-- | app/components/topic_index/topic_index.svelte | 8 |
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> |