Add new footer

src/app.scss

@@ -46,4 +46,16 @@ pre {
 button.sc-carousel-arrow__circle {
     width: 30px !important;
     height: 30px !important;
+}
+
+html, body {
+    height: 100%;
+    width: 100%;
+    margin: 0;
+    display: table;
+}
+
+#footer {
+    display: table-row;
+    height: 100px;
 }

src/routes/+page.svelte

@@ -2,6 +2,7 @@
     import { onMount } from "svelte";
 
     import Header from "./header.svelte";
+    import Footer from "./footer.svelte";
 
     import Highlight from 'svelte-highlight';
     import bash from 'svelte-highlight/languages/bash';
@@ -105,3 +106,5 @@
     </svelte:component>
 
 </section>
+
+<Footer/>

src/routes/faq/+page.svelte

@@ -1,5 +1,6 @@
 <script>
     import Header from "../header.svelte";
+    import Footer from "../footer.svelte";
 </script>
 
 <Header/>
@@ -49,4 +50,6 @@
         Take a look at the documentation for <a href="https://github.com/Arsen6331/lure/blob/master/docs/build-scripts.md">Build Scripts</a>
         and <a href="https://github.com/Arsen6331/lure/blob/master/docs/adding-packages.md">Adding Packages to LURE's repo</a>.
     </p>
-</div>
+</div>
+
+<Footer/>

src/routes/footer.svelte

@@ -0,0 +1,15 @@
+<script>
+    import Icon from '@iconify/svelte';
+</script>
+
+<br style="margin-top: 20px">
+<div class="hero is-primary is-small" id="footer">
+    <div class="hero-body has-text-centered">
+        <p>Copyright &copy; {new Date().getFullYear()} LURE Web Contributors. Licensed under the <a class="has-text-link" href="https://www.gnu.org/licenses/agpl-3.0-standalone.html">AGPLv3</a>.</p>
+        <div class="is-size-4">
+            <a href="https://gitea.arsenm.dev/Arsen6331/lure-web"><Icon icon="cib:gitea"/></a>
+            <a href="https://github.com/Arsen6331/lure-web"><Icon icon="mdi:github"/></a>
+            <a href="https://reddit.com/r/linux_user_repository"><Icon icon="ic:round-reddit"/></a>
+        </div>
+    </div>
+</div>

src/routes/pkg/[repo]/[name]/+page.svelte

@@ -6,6 +6,7 @@
     import { DoubleBounce } from 'svelte-loading-spinners';
 
     import Header from "../../../header.svelte";
+    import Footer from "../../../footer.svelte";
 
     import Icon from '@iconify/svelte';
 
@@ -117,4 +118,6 @@
             Error: {err.msg}
         </div>
     {/await}
-</section>
+</section>
+
+<Footer/>

src/routes/pkg/[repo]/[name]/lure.sh/+page.svelte

@@ -10,6 +10,7 @@
     import agate from 'svelte-highlight/styles/agate';
 
     import Header from "../../../../header.svelte";
+    import Footer from "../../../../footer.svelte";
 
     import Icon from '@iconify/svelte';
 
@@ -42,3 +43,4 @@
     {/await}
 </section>
 
+<Footer/>

src/routes/pkgs/+page.svelte

@@ -5,6 +5,7 @@
     import { LURE_WEB_API_URL } from '$env/static/public';
 
     import Header from "../header.svelte";
+    import Footer from "../footer.svelte";
     import { DoubleBounce } from 'svelte-loading-spinners';
     import Icon from '@iconify/svelte';
 
@@ -123,4 +124,6 @@
         </div>
     {/await}
 
-</section>
+</section>
+
+<Footer/>