X-Git-Url: https://git.auder.net/js/img/rock_paper_scissors_lizard_spock.gif?a=blobdiff_plain;f=client%2Fsrc%2FApp.vue;h=592861d7ddcfcf9d8f0b000aaf3b43715fe56c59;hb=5b852870cf90a96d1a2a16ce158e57ee5dd52681;hp=311abb0813cf762e61831b462ac1c93ecbf05a2d;hpb=8c5f5390efed4753d6ac1b7bf84dc9922dd0df7e;p=vchess.git

diff --git a/client/src/App.vue b/client/src/App.vue
index 311abb08..592861d7 100644
--- a/client/src/App.vue
+++ b/client/src/App.vue
@@ -4,6 +4,7 @@
   Settings
   ContactForm
   UpsertUser
+  Welcome
   .container
     .row
       .col-sm-12.col-md-10.col-md-offset-1.col-lg-8.col-lg-offset-2
@@ -45,6 +46,7 @@ import ContactForm from "@/components/ContactForm.vue";
 import Language from "@/components/Language.vue";
 import Settings from "@/components/Settings.vue";
 import UpsertUser from "@/components/UpsertUser.vue";
+import Welcome from "@/components/Welcome.vue";
 import { store } from "./store.js";
 import { processModalClick } from "./utils/modalClick.js";
 export default {
@@ -53,6 +55,7 @@ export default {
     Language,
     Settings,
     UpsertUser,
+    Welcome,
   },
   data: function() {
     return {
@@ -69,6 +72,8 @@ export default {
     dialogs.forEach(d => {
       d.addEventListener("click", processModalClick);
     });
+    if (!localStorage.getItem("welcomed"))
+      setTimeout( () => { doClick("modalWelcome"); }, 2000);
   },
   methods: {
     hideDrawer: function(e) {
@@ -82,18 +87,17 @@ export default {
 </script>
 
 <style lang="sass">
-//html, *
-//  font-family: "Open Sans", Arial, sans-serif
-//  --back-color: #f2f2f2
-//  --a-link-color: black
-//  --a-visited-color: black
+html, *
+  font-family: "Open Sans", Arial, sans-serif
+  --back-color: #f2f2f2
+  --a-link-color: black
+  --a-visited-color: black
 
 body
   padding: 0
   min-width: 320px
 
 #app
-  font-family: "Avenir", Helvetica, Arial, sans-serif
   -webkit-font-smoothing: antialiased
   -moz-osx-font-smoothing: grayscale
 
@@ -195,7 +199,11 @@ nav
 
 @media screen and (max-width: 767px)
   nav
+    height: 32px
     border: none
+    & > label.drawer-toggle
+      font-size: 1.2rem
+      //padding: 0 0 0 10px
 
 [type="checkbox"].drawer+*
   right: -767px