X-Git-Url: https://git.r.bdr.sh/rbdr/forum/blobdiff_plain/7372fe18d4fb901d3ebb86e7a73443d4dc3afb70..862a5f9cdbbda522c608ea63c1e296e81f44de10:/app/components/footer/footer.svelte?ds=sidebyside

diff --git a/app/components/footer/footer.svelte b/app/components/footer/footer.svelte
new file mode 100644
index 0000000..2d45cef
--- /dev/null
+++ b/app/components/footer/footer.svelte
@@ -0,0 +1,47 @@
+<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>
