home page is modified

GDG-Addis · Dec 20, 2018 · d3d243e · d3d243e
1 parent 08837e6
commit d3d243e
Show file tree

Hide file tree

Showing 4 changed files with 23 additions and 432 deletions.
diff --git a/index.html b/index.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1">
-    <title>ethiopia_hacks</title>
+    <title>Ethiopia Hacks</title>
     <link rel="icon" type="image/png" sizes="32x32" href="<%= htmlWebpackPlugin.files.publicPath %>static/img/icons/favicon-32x32.png">
     <link rel="icon" type="image/png" sizes="16x16" href="<%= htmlWebpackPlugin.files.publicPath %>static/img/icons/favicon-16x16.png">
     <!--[if IE]><link rel="shortcut icon" href="/static/img/icons/favicon.ico"><![endif]-->
@@ -15,7 +15,7 @@
     <!-- Add to home screen for Safari on iOS -->
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
-    <meta name="apple-mobile-web-app-title" content="ethiopia_hacks">
+    <meta name="apple-mobile-web-app-title" content="Ethiopia Hacks">
     <link rel="apple-touch-icon" href="<%= htmlWebpackPlugin.files.publicPath %>static/img/icons/apple-touch-icon-152x152.png">
     <link rel="mask-icon" href="<%= htmlWebpackPlugin.files.publicPath %>static/img/icons/safari-pinned-tab.svg" color="#4DBA87">
     <!-- Add to home screen for Windows -->
@@ -29,7 +29,7 @@
   </head>
   <body>
     <noscript>
-      This is your fallback content in case JavaScript fails to load.
+      Unable to load content. Please Try Again!
     </noscript>
     <div id="app"></div>
     <!-- Todo: only include in production -->

diff --git a/src/App.vue b/src/App.vue
@@ -2,6 +2,15 @@
   <v-app :dark="isDark">
     <v-navigation-drawer :mini-variant="miniVariant" :clipped="clipped" v-model="drawer" fixed app>
       <v-list>
+        <v-list-tile avatar>
+          <v-btn icon @click.native.stop="miniVariant = !miniVariant">
+            <v-icon v-html="miniVariant ? 'chevron_right' : 'chevron_left'"></v-icon>
+          </v-btn>
+
+          <v-btn icon @click.native.stop="clipped = !clipped">
+            <v-icon>web</v-icon>
+          </v-btn>
+        </v-list-tile>
         <v-list-tile router :to="item.to" :key="i" v-for="(item, i) in items" exact>
           <v-list-tile-action>
             <v-icon v-html="item.icon"></v-icon>
@@ -15,12 +24,7 @@
 
     <v-toolbar fixed app :clipped-left="clipped" dense>
       <v-toolbar-side-icon @click.stop="drawer = !drawer"></v-toolbar-side-icon>
-      <v-btn icon @click.native.stop="miniVariant = !miniVariant">
-        <v-icon v-html="miniVariant ? 'chevron_right' : 'chevron_left'"></v-icon>
-      </v-btn>
-      <v-btn icon @click.native.stop="clipped = !clipped">
-        <v-icon>web</v-icon>
-      </v-btn>
+
       <v-toolbar-title v-text="title"></v-toolbar-title>
       <v-spacer></v-spacer>
       <v-switch hide-details label="Dark theme" v-model="isDark"></v-switch>
@@ -47,11 +51,11 @@
     </v-content>
     <v-navigation-drawer temporary :right="right" v-model="rightDrawer" fixed>
       <v-list>
-        <v-list-tile @click.native="right = !right">
+        <v-list-tile>
           <v-list-tile-action>
             <v-icon light>compare_arrows</v-icon>
           </v-list-tile-action>
-          <v-list-tile-title>Switch drawer (click me)</v-list-tile-title>
+          <v-list-tile-title>Announcements</v-list-tile-title>
         </v-list-tile>
       </v-list>
     </v-navigation-drawer>
@@ -64,10 +68,7 @@
 </template>
 
 <script>
-
-
-import * as easings from 'vuetify/es5/util/easing-patterns'
-
+import * as easings from "vuetify/es5/util/easing-patterns";
 
 export default {
   computed: {
@@ -93,7 +94,7 @@ export default {
       easing: "easeInOutCubic",
       easings: Object.keys(easings),
 
-      isDark: true,
+      isDark: false,
       currentDate: new Date().getFullYear(),
       clipped: false,
       drawer: false,
@@ -115,7 +116,7 @@ export default {
           to: "/gallery"
         }
       ],
-      miniVariant: true,
+      miniVariant: false,
       right: true,
       rightDrawer: false,
       title: "Ethiopia Hacks"
@@ -126,9 +127,9 @@ export default {
       this.isDark = !this.isDark;
     },
 
-    scroll:function(dest) {
+    scroll: function(dest) {
       this.selector = dest;
-      this.$vuetify.goTo(this.target, this.options)
+      this.$vuetify.goTo(this.target, this.options);
     }
   }
 };