Initial commit

web/frontend/src/App.vue

@@ -0,0 +1,63 @@
+<template>
+  <div id="app">
+    <div id="apiary-navbar">
+      <b-navbar type="dark" variant="dark">
+        <b-navbar-brand href="#">
+          <img
+            alt="logo"
+            src="logo192.png"
+            width="29"
+            height="29"
+            class="d-inline-block align-top"
+          />
+          apiary.t-juice.club
+        </b-navbar-brand>
+        <b-navbar-nav>
+          <b-nav-item :to="'/'">Home</b-nav-item>
+          <b-nav-item :to="'/hello'">Hello</b-nav-item>
+          <b-nav-item :to="'/stats'">Stats</b-nav-item>
+          <b-nav-item :to="'/attempts'">Attempts</b-nav-item>
+        </b-navbar-nav>
+      </b-navbar>
+    </div>
+    <router-view></router-view>
+    <!-- <img alt="Vue logo" src="./assets/logo.png" /> -->
+    <!-- <HelloWorld msg="Welcome to Your Vue.js + TypeScript App" /> -->
+    <!-- <AttemptList items="{ testAttempts }" /> -->
+  </div>
+</template>
+
+<script lang="ts">
+import { Component, Vue } from 'vue-property-decorator';
+import HelloWorld from '@/components/HelloWorld.vue';
+import AttemptList from '@/components/AttemptList.vue';
+import Stats from '@/components/Stats.vue';
+
+@Component({
+  components: {
+    HelloWorld,
+    AttemptList,
+    Stats,
+  },
+})
+export default class App extends Vue {}
+</script>
+
+<style lang="scss">
+$font-stack: 'Secular One';
+#app {
+  font-family: Avenir, Helvetica, Arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-align: center;
+  color: #2c3e50;
+  margin-top: 0;
+}
+
+.navbar-brand {
+  font-family: 'Secular One', sans-serif;
+}
+.navbar-nav a {
+  font-family: 'Rubik';
+}
+</style>