frontend: add /login and /register forms

frontend/src/components/BaseLayout.vue

@@ -0,0 +1,110 @@
+<template>
+    <div class="wrapper">
+        <div class="main">
+            <nav class="navbar navbar-expand navbar-light navbar-bg">
+                <a class="sidebar-toggle d-flex" @click="toggleSidebar">
+                    <i class="hamburger align-self-center"></i>
+                </a>
+            </nav>
+            <slot></slot>
+            <Footer/>
+        </div>
+    </div>
+</template>
+
+<script>
+import Footer from "@/components/Footer.vue";
+
+export default {
+    name: 'BaseLayout',
+    components: {
+        Footer
+    },
+    props: {
+        hideSearch: {
+            type: Boolean,
+            required: false,
+            default: false
+        }
+    },
+    methods: {
+        toggleSidebar() {
+        },
+    },
+}
+</script>
+
+<style scoped>
+
+.wrapper {
+    align-items: stretch;
+    display: flex;
+    width: 100%;
+}
+
+.main {
+    display: flex;
+    width: 100%;
+    min-width: 0;
+    min-height: 100vh;
+    transition: margin-left .35s ease-in-out, left .35s ease-in-out, margin-right .35s ease-in-out, right .35s ease-in-out;
+    flex-direction: column;
+    overflow: hidden;
+}
+
+.navbar-expand {
+    flex-wrap: nowrap;
+    justify-content: flex-start;
+}
+
+.navbar {
+    border-bottom: 0;
+    padding: .875rem 1.375rem;
+    box-shadow: 0 0 2rem var(--bs-shadow)
+}
+
+.navbar-bg {
+    background: var(--bs-white);
+}
+
+.sidebar-toggle {
+    cursor: pointer;
+    width: 26px;
+    height: 26px;
+    margin-right: 1rem;
+}
+
+.hamburger {
+    position: relative;
+
+    &, &:after, &:before {
+        cursor: pointer;
+        border-radius: 1px;
+        height: 3px;
+        width: 24px;
+        background: var(--bs-gray-700);
+        display: block;
+        content: "";
+        transition: background .1s ease-in-out, color .1s ease-in-out
+    }
+
+    &:before {
+        top: -7.5px;
+        width: 24px;
+        position: absolute
+    }
+
+    &:after {
+        bottom: -7.5px;
+        width: 16px;
+        position: absolute
+    }
+}
+
+.sidebar-toggle:hover {
+    .hamburger, .hamburger:after, .hamburger:before {
+        background: var(--bs-primary);
+    }
+}
+
+</style>

frontend/src/components/Footer.vue

@@ -0,0 +1,53 @@
+<template>
+    <footer class="footer">
+        <div class="container-fluid">
+            <div class="row text-muted">
+                <div class="col-6 text-left">
+                    <p class="mb-0">
+                        <a target="_blank" href="https://www.gnu.org/licenses/gpl-3.0.de.html"
+                           class="text-muted">
+                            License: <strong>GPL-3.0</strong>
+                        </a>
+                    </p>
+                </div>
+                <div class="col-6 text-right">
+                    <ul class="list-inline">
+                        <li class="list-inline-item">
+                            <a class="text-muted"
+                               target="_blank" href="/docs/">API Docs</a>
+                        </li>
+                        <li class="list-inline-item">
+                            <a class="text-muted"
+                               target="_blank" href="/wiki/">Wiki</a>
+                        </li>
+                        <li class="list-inline-item">
+                            <a class="text-muted"
+                               target="_blank" href="https://github.com/gr4yj3d1/toolshed">Sources</a>
+                        </li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+    </footer>
+</template>
+
+<script>
+
+export default {
+    name: "Footer"
+}
+</script>
+
+<style scoped>
+
+
+.footer {
+    padding: 1rem .875rem;
+    direction: ltr;
+    background: var(--bs-background-1)
+}
+
+.footer ul {
+    margin-bottom: 0;
+}
+</style>