Nabil Pull Request

package.json

@@ -10,50 +10,50 @@
     "build": "node build/build.js"
   },
   "dependencies": {
-    "vuetify": "^1.0.0",
     "vue": "^2.5.2",
-    "vue-router": "^3.0.1"
+    "vue-router": "^3.0.1",
+    "vuetify": "^1.5.19"
   },
   "devDependencies": {
     "autoprefixer": "^7.1.5",
     "babel-core": "^6.26.0",
-    "sw-precache-webpack-plugin": "^0.11.4",
     "babel-loader": "^7.1.2",
     "babel-plugin-transform-imports": "^1.4.1",
     "babel-plugin-transform-runtime": "^6.23.0",
     "babel-preset-env": "^1.6.0",
     "babel-preset-stage-2": "^6.24.1",
     "babel-register": "^6.26.0",
-    "chalk": "^2.1.0",
-    "connect-history-api-fallback": "^1.4.0",
+    "chalk": "^2.4.2",
+    "connect-history-api-fallback": "^1.6.0",
     "copy-webpack-plugin": "^4.1.1",
-    "css-loader": "^0.28.7",
-    "cssnano": "^3.10.0",
+    "css-loader": "^3.2.0",
+    "cssnano": "^4.1.10",
     "eventsource-polyfill": "^0.9.6",
-    "express": "^4.16.2",
+    "express": "^4.17.1",
     "extract-text-webpack-plugin": "^3.0.0",
     "file-loader": "^1.1.5",
     "friendly-errors-webpack-plugin": "^1.6.1",
     "html-webpack-plugin": "^2.30.1",
-    "http-proxy-middleware": "^0.17.4",
-    "webpack-bundle-analyzer": "^2.9.0",
-    "semver": "^5.4.1",
+    "http-proxy-middleware": "^0.20.0",
+    "opn": "^5.5.0",
+    "optimize-css-assets-webpack-plugin": "^3.2.1",
+    "ora": "^1.3.0",
+    "rimraf": "^2.7.1",
+    "semver": "^5.7.1",
     "shelljs": "^0.7.8",
-    "stylus": "^0.54.5",
+    "stylus": "^0.54.7",
     "stylus-loader": "^3.0.1",
-    "opn": "^5.1.0",
-    "optimize-css-assets-webpack-plugin": "^3.2.0",
-    "ora": "^1.3.0",
-    "rimraf": "^2.6.2",
+    "sw-precache-webpack-plugin": "^0.11.4",
+    "uglify-es": "^3.1.3",
     "url-loader": "^0.6.2",
     "vue-loader": "^13.3.0",
     "vue-style-loader": "^3.0.3",
-    "vue-template-compiler": "^2.5.2",
+    "vue-template-compiler": "^2.6.10",
     "webpack": "^3.7.1",
+    "webpack-bundle-analyzer": "^3.6.0",
     "webpack-dev-middleware": "^1.12.0",
-    "webpack-hot-middleware": "^2.19.1",
-    "webpack-merge": "^4.1.0",
-    "uglify-es": "^3.1.3"
+    "webpack-hot-middleware": "^2.25.0",
+    "webpack-merge": "^4.2.2"
   },
   "engines": {
     "node": ">= 4.0.0",

src/components/HomePage.vue

@@ -130,7 +130,7 @@
               <v-flex xs12 md3>
                 <v-card class="elevation-0 transparent" href="https://www.meetup.com/GDG-Addis" target="blank">
                   <v-card-text class="text-xs-center">
-                    <img :src="getImageUrl('gdg_addis.png')" alt="Hackathon Logo" height="150">
+                    <img :src="getImageUrl('new_gdgaddis_logo.jpg')" alt="Hackathon Logo" height="150">
                   </v-card-text>
                   <v-card-title primary-title class="layout justify-center">
                     <div class="subheading text-xs-center">GDG Addis</div>
@@ -380,36 +380,48 @@ export default {
         }
       ],
 
-      faqList: [
+       faqList: [
         {
           question: 'What is Hackathon?',
-          answer: 'Lorem ipsum dolor sit amet, at aliquam vivendum vel, everti delicatissimi cu eos. Dico iuvaret debitis mel an, et cum zril menandri. Eum in consul legimus accusam. Ea dico abhorreant duo, quo illum minimum incorrupte no, nostro voluptaria sea eu. Suas eligendi ius at, at nemore equidem est. Sed in error hendrerit, in consul constituam cum.'
+          answer: 'A hackathon is usually a day long (can be 36 hours, 48 hours, etc.) coding competition where software programmers, developers, designers, etc. come together to build and design something cool.'
         },
         {
-          question: 'What is Hackathon?',
-          answer: 'Lorem ipsum dolor sit amet, at aliquam vivendum vel, everti delicatissimi cu eos. Dico iuvaret debitis mel an, et cum zril menandri. Eum in consul legimus accusam. Ea dico abhorreant duo, quo illum minimum incorrupte no, nostro voluptaria sea eu. Suas eligendi ius at, at nemore equidem est. Sed in error hendrerit, in consul constituam cum.'
+          question: 'Who can attend ‘Ethiopia Hack’ hackathon??',
+          answer: 'Anyone who is interested in computer programming and loves to learn and build cool stuff can attend.'
         },
         {
-          question: 'What is Hackathon?',
-          answer: 'Lorem ipsum dolor sit amet, at aliquam vivendum vel, everti delicatissimi cu eos. Dico iuvaret debitis mel an, et cum zril menandri. Eum in consul legimus accusam. Ea dico abhorreant duo, quo illum minimum incorrupte no, nostro voluptaria sea eu. Suas eligendi ius at, at nemore equidem est. Sed in error hendrerit, in consul constituam cum.'
+          question: 'But isn’t hacking illegal? ',
+          answer: 'The word “hack” has so much negativity attached to it that most people think hackathons are a way to “hack” into something. NOOOO. Hacking is basically building something. It could be anything.'
         },
         {
-          question: 'What is Hackathon?',
-          answer: 'Lorem ipsum dolor sit amet, at aliquam vivendum vel, everti delicatissimi cu eos. Dico iuvaret debitis mel an, et cum zril menandri. Eum in consul legimus accusam. Ea dico abhorreant duo, quo illum minimum incorrupte no, nostro voluptaria sea eu. Suas eligendi ius at, at nemore equidem est. Sed in error hendrerit, in consul constituam cum.'
+          question: 'Do I need to have programming experience?',
+          answer: 'Basics of programming is enough.'
         },
         {
-          question: 'What is Hackathon?',
-          answer: 'Lorem ipsum dolor sit amet, at aliquam vivendum vel, everti delicatissimi cu eos. Dico iuvaret debitis mel an, et cum zril menandri. Eum in consul legimus accusam. Ea dico abhorreant duo, quo illum minimum incorrupte no, nostro voluptaria sea eu. Suas eligendi ius at, at nemore equidem est. Sed in error hendrerit, in consul constituam cum.'
+          question: 'How much do I have to pay to attend? ',
+          answer: 'It’s FREE. :'
         },
         {
-          question: 'What is Hackathon?',
-          answer: 'Lorem ipsum dolor sit amet, at aliquam vivendum vel, everti delicatissimi cu eos. Dico iuvaret debitis mel an, et cum zril menandri. Eum in consul legimus accusam. Ea dico abhorreant duo, quo illum minimum incorrupte no, nostro voluptaria sea eu. Suas eligendi ius at, at nemore equidem est. Sed in error hendrerit, in consul constituam cum.'
-        }
-      ],
-
+          question: 'Is it a team event?',
+          answer: ' Yes. So the whole point of forming teams and working on a project gives you the opportunity to work in a real life setting. I mean seriously, that’s how it works in the industry. You have to learn to work with people from different background, different skill set, etc. What better way than a hackathon to get used to it? Teams include a maximum of 5 people. Our hackathons have “Meet-and-Greet” events before the actual event where you get to talk to attendees and look for teammates.'
+        },
 
+
+        {
+          question: 'Why should I attend the hackathon? ',
+          answer:'Why not? It’s a win- win situation for you.  And here’s why: •  FREE FOOD •  FREE SWAG •  Awards •  Meet new people •  LEARN.' 
+
+        },
+
+        {
+          question: 'What can I hack at the hackathon?',
+          answer: 'You can build anything. A website, a web app, Android/iOS App, Chrome extension, whatever you want to on a specific theme that will be given on the hackathon day.'
+        },
+
+],
       lorem:
         "Lorem ipsum dolor sit amet, at aliquam vivendum vel, everti delicatissimi cu eos. Dico iuvaret debitis mel an, et cum zril menandri. Eum in consul legimus accusam. Ea dico abhorreant duo, quo illum minimum incorrupte no, nostro voluptaria sea eu. Suas eligendi ius at, at nemore equidem est. Sed in error hendrerit, in consul constituam cum."
+
     };
   },
 
@@ -419,4 +431,4 @@ export default {
     }
   }
 };
-</script>
+</script>