routing

src/api/GlobalApi.js

@@ -26,7 +26,7 @@ export default class GlobalApi {
 
     builddate = process.env.BUILDDATE === undefined ? null : process.env.BUILDDATE;
 
-    current_window = "";
+    current_window = location.hash.length > 1?location.hash.slice(1):'mainView';
 
     load_stages = new Stages();
 

src/components/TabsMenu.vue

@@ -1,7 +1,7 @@
 <template>
 <div>
   <BackgroundImage/>
-  <md-tabs md-alignment="centered" :md-active-tab="current_tab">
+  <md-tabs md-alignment="centered" :md-active-tab="$API.current_window">
     <MainView/>
     <RulesView/>
     <ServersView/>

src/components/TabsMenuElements/MainView/Components/LogoWithCharacters.vue

@@ -1,10 +1,10 @@
 <template>
   <div>
-    <div class="md-layout md-alignment-bottom-center">
+    <div class="md-layout md-alignment-bottom-center md-small-hide">
-      <div class="md-layout-item md-large-size-20 md-small-hide"/>
+      <div class="md-layout-item md-large-size-20"/>
       <CharacterImage :size="20" :hide_if_small="true" :img_src="require(`@/assets/images/characters/pootisd.png`)" :audio_src="require(`@/assets/sounds/pootis.mp3`)"/>
       <div class="md-layout-item md-size-20 md-small-size-100">
-        <div class="md-layout md-alignment-bottom-center md-small-hide">
+        <div class="md-layout md-alignment-bottom-center">
           <CharacterImage :size="25" :img_src="require(`@/assets/images/characters/pyro.png`)" :audio_src="require(`@/assets/sounds/alertmgs.mp3`)"/>
           <CharacterImage :size="50" :img_src="require(`@/assets/images/characters/toilet.png`)" :audio_src="require(`@/assets/sounds/puk.mp3`)"/>
           <CharacterImage :size="25" :img_src="require(`@/assets/images/characters/engi_n.png`)" :audio_src="require(`@/assets/sounds/nigger.mp3`)"/>
@@ -16,7 +16,7 @@
         </div>
       </div>
       <CharacterImage :size="20" :hide_if_small="true" :img_src="require(`@/assets/images/characters/mgesold.png`)" :audio_src="require(`@/assets/sounds/soldier_laughevil03.mp3`)"/>
-      <div class="md-layout-item md-size-large-20 md-small-hide"/>
+      <div class="md-layout-item md-size-large-20"/>
     </div>
     <div class="md-layout">
       <div class="md-layout-item md-size"/>