changes for iswision21

layouts/default.vue

@@ -31,13 +31,13 @@
         ></v-toolbar-side-icon>
       </mq-layout>
       <mq-layout mq="laptop+"
-        ><nuxt-link
+        ><a
           v-for="item in items"
           :key="item.title"
           class="nav"
-          :to="item.to"
+          :href="item.to"
           ><v-icon class="menu-icon" dark>{{ item.icon }}</v-icon
-          >{{ item.title }}</nuxt-link
+          >{{ item.title }}</a
         >
       </mq-layout>
       <v-spacer></v-spacer>
@@ -46,7 +46,7 @@
       <v-img
         id="headerPicture"
         contain
-        :src="require('@/assets/ISWIsion Website Header.png')"
+        :src="require('@/assets/header.svg')"
       />
       <v-container id="content" grid-list-md text-xs-center>
         <v-layout row wrap>
@@ -54,17 +54,11 @@
             <nuxt />
           </v-flex>
           <v-flex class="aside" xs12 md3>
-            <h2>Mail Us</h2>
+            <h2>CONTACT US</h2>
 
             <a href="mailto:info@iswision.de">info@iswision.de</a>
             <v-divider />
-            <h2>Join Us</h2>
-
-            <nuxt-link to="/location">Ernst-Abbe-Zentrum</nuxt-link><br />
-            Ehrenbergstraße 28<br />
-            98693 Ilmenau<br />
-            <v-divider />
-            <h2>Supporters</h2>
+            <h2>SUPPORTERS</h2>
             <div id="supporter">
               <a
                 v-for="item in supporter"
@@ -78,16 +72,25 @@
                 />
               </a>
             </div>
+            <v-divider/>
+
+            <h2>SOCIAL MEDIA</h2>
+            <a href="https://fem.social/@istuff">MASTODON</a><br>
+            <a href="https://www.facebook.com/istuff.de">FACEBOOK</a><br>
+            <a href="https://twitter.com/iSTUFFde">TWITTER</a><br>
+            <a href="https://www.instagram.com/istuff.de">INSTAGRAM</a><br>
+            <a href="https://www.youtube.com/channel/UC-bK-h5jf5av0OjLuewhOxw">YOUTUBE</a><br>
+
             <v-divider />
 
-            <h2>Twitter #iswision2019</h2>
+            <h2>Twitter #iswision2021</h2>
             <br />
             <a
-              href="https://twitter.com/search?q=%23iswision19%20OR%20%23iswi1*%20OR%20%23iswiradio%20OR%20%23iswision"
-              >Tweets about #iswision19</a
+              href="https://twitter.com/search?q=%23iswision21%20OR%20%23iswi2*%20OR%20%23iswiradio%20OR%20%23iswision"
+              >Tweets about #iswision21</a
             >
             <v-divider />
-            <h2>Former ISWIsion Shows</h2>
+            <h2>FORMER ISWIsions</h2>
             <div v-for="year in shows" :key="year">
               <a :href="'http://www.iswision.de/iswision' + year">{{ year }}</a>
               <br />
@@ -96,18 +99,11 @@
         </v-layout>
       </v-container>
     </v-content>
-    <v-footer id="footer" app>
-      <a href="https://fem.tu-ilmenau.de/" class="logo">
-        <v-img contain :src="require('@/assets/01-femlogo.png')"
-      /></a>
-      <a href="https://istuff.de/" class="logo"
-        ><v-img contain :src="require('@/assets/Logo_iSTUFF_weiss.png')"
-      /></a>
-    </v-footer>
   </v-app>
 </template>
 
 <script>
+
 export default {
   data() {
     return {
@@ -124,52 +120,35 @@ export default {
           to: '/cultural-events'
         },
         {
-          icon: 'ondemand_video',
-          title: 'Trailer',
-          to: '/trailer'
+          icon: 'event',
+          title: 'Schedule',
+          to: 'https://2021.iswi.org/'
         },
         {
           icon: 'bubble_chart',
           title: 'about',
           to: '/about'
         },
-        {
-          icon: 'map',
-          title: 'location',
-          to: '/location'
-        }
       ],
       miniVariant: false,
       right: true,
       rightDrawer: false,
-      title: 'iswision19',
+      title: 'iswision21',
       supporter: [
         {
-          img: 'Arri',
-          url: 'https://www.arri.com/en/'
-        },
-        {
-          img: 'IMT',
-          url: 'https://www.tu-ilmenau.de/mt/'
+          img: 'iSTUFF',
+          url: 'https://istuff.de/'
         },
         {
           img: 'ISWI',
           url: 'https://iswi.org/'
         },
         {
-          img: 'Riedel',
-          url: 'https://www.riedel.net/de/'
-        },
-        {
-          img: 'Robe',
-          url: 'https://www.robelighting.de/'
-        },
-        {
-          img: 'TU',
-          url: 'https://www.tu-ilmenau.de/'
+          img: 'FeM',
+          url: 'https://fem.tu-ilmenau.de/'
         }
       ],
-      shows: [2003, 2005, 2007, 2009, 2011, 2013, 2015, 2017]
+      shows: [2003, 2005, 2007, 2009, 2011, 2013, 2015, 2017, 2019]
     }
   }
 }
@@ -177,16 +156,18 @@ export default {
 
 <style scoped>
 #app {
-  background-color: #3b8d85;
+  background-color: #fff;
   color: #e1ebe7;
+  font-family: 'Fira Sans';
 }
 #toolbar,
-#content,
-#footer {
-  background-color: #2b4d42;
+#content{
+  background-color: #402E5D;
 }
 #toolbar {
   z-index: 1001;
+  top: auto !important;
+  bottom: 0;
 }
 .nav {
   margin-left: 2em;
@@ -200,31 +181,19 @@ export default {
   margin-top: 1vh;
   position: relative;
 }
-#clock {
-  position: absolute;
-  top: 0;
-  left: 0;
-}
 #contentWrapper {
-  margin-top: 3vh;
+  margin-bottom: 3vh;
+  padding-top: 0 !important;
 }
 
 #headerPicture {
-  max-width: 80vw;
-  max-height: 20vh;
+  height: 15vw;
   margin: auto;
 }
 
-#footer {
-  display: flex;
-  align-content: center;
-  align-items: stretch;
-  z-index: 1001;
-}
-
 #nav-drawer {
   z-index: 1002;
-  background-color: #2b4d42;
+  background-color: #402E5D;
 }
 .views {
   padding-left: 3em;
@@ -235,9 +204,10 @@ export default {
 .aside {
   text-align: left;
   padding-left: 1em !important;
+  font-family: 'Fira Sans Light';
 }
 .v-divider {
-  border-color: #7f828b !important;
+  border-color: #C74553 !important;
   margin-top: 2em;
   margin-bottom: 2em;
 }