wip stuff

src/pages/AuthPage.vue

@@ -1,25 +1,24 @@
-<!-- TODO: get route source in param -->
 <template lang="html">
-  <div class="auth text-white">
+  <b-container>
-    <img src="/static/gamebrary-logo.png" />
-    <h1 class="lead my-3">Welcome to Gamebrary!</h1>
-
     <b-alert
-      v-if="showExpiredAlert"
-      variant="warning"
-      class="my-2 px-4"
       show
+      variant="danger"
+      dismissible
     >
       Your session expired!
     </b-alert>
 
+    <!-- <b-alert v-if="!showExpiredAlert">
+
+    </b-alert> -->
+
     <b-spinner
       v-if="loading"
       label="Spinning"
     />
 
     <section id="auth" />
-  </div>
+  </b-container>
 </template>
 
 <script>
@@ -173,15 +172,3 @@ export default {
   },
 };
 </script>
-
-<style lang="scss" rel="stylesheet/scss" scoped>
-.auth {
-  height: 100vh;
-  margin: 5rem auto 0;
-  color: white;
-  flex-direction: column;
-  text-align: center;
-  display: flex;
-  align-items: center;
-}
-</style>

src/pages/ExplorePage.vue

@@ -3,6 +3,7 @@
     <h2 class="my-2">Explore</h2>
 
     USERS | BOARDS | NEWS (TWITTER)
+    <a class="twitter-timeline" href="https://twitter.com/Wario64?ref_src=twsrc%5Etfw">Tweets by Wario64</a>
 
     <div class="boards">
       <b-card
@@ -40,6 +41,11 @@ export default {
 
   mounted() {
     this.load();
+
+    const plugin = document.createElement("script");
+    plugin.setAttribute('src', 'https://platform.twitter.com/widgets.js');
+    plugin.async = true;
+    document.head.appendChild(plugin);
   },
 
   methods: {