Update / use typescript

[rbdr/forum] / src / lib / components / footer / footer.svelte

diff --git a/src/lib/components/footer/footer.svelte b/src/lib/components/footer/footer.svelte
new file mode 100644 (file)
index 0000000..5c171d2
--- /dev/null
+++ b/src/lib/components/footer/footer.svelte
@@ -0,0 +1,30 @@
+<script lang="ts">
+       import { _ } from 'svelte-i18n';
+
+       import LanguageSelector from '$lib/components/language_selector/language_selector.svelte';
+
+       const licenseUrl = 'https://gitlab.com/rbdr/forum/';
+</script>
+
+<footer title={$_('footer.title')}>
+       <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;
+       }
+
+       li {
+               display: inline;
+               margin: 5px;
+       }
+</style>