Merge pull request #3 from devfestindia/home-banner-changes

Home banner changes
devfestindia · Sep 14, 2023 · a701010 · a701010
2 parents 52b5ebe + 388ac36
commit a701010
Show file tree

Hide file tree

Showing 9 changed files with 120 additions and 25 deletions.
diff --git a/public/index.html b/public/index.html
@@ -33,9 +33,9 @@
   <!-- SEO Facebook Tags -->
   <meta property="og:title" content="DevFest India 2023" />
   <meta property="og:type" content="website" />
-  <meta property="og:image"
+  <meta http-equiv="refresh" property="og:image"
     content="https://raw.githubusercontent.com/devfestindia/website-data-2023/main/devfestindia23-SEO.jpg" />
-  <meta property="og:image"
+  <meta http-equiv="refresh" property="og:image"
     content="https://raw.githubusercontent.com/devfestindia/website-data-2023/main/devfestindia23-SEO.jpg" />
   <meta property="og:url" content="https://devfestindia.com/" />
   <meta property="og:site_name" content="DevFest India 2023" />
@@ -48,7 +48,7 @@
   <meta name="twitter:title" content="DevFest India 2023" />
   <meta name="twitter:description"
     content="An annual event hosted by the Google Developers Group across the world to bring the technology closer to the developers." />
-  <meta name="twitter:image:src"
+  <meta http-equiv="refresh" name="twitter:image:src"
     content="https://raw.githubusercontent.com/devfestindia/website-data-2023/main/devfestindia23-SEO.jpg"
     data-react-helmet="true" />
   <meta name="twitter:tags" content="DevFest India, DevFest, DevFest 2023, DevFest India, DevFest Indi" />

diff --git a/src/assets/img/devfest-cover.png b/src/assets/img/devfest-cover.png
diff --git a/src/components/common/devFestInfoDialoge.vue b/src/components/common/devFestInfoDialoge.vue
@@ -13,14 +13,14 @@
         >
           <v-card ripple flat class="px-2 py-2 google-font" rounded="lg" style="border-radius:15px">
             <v-img
-              :src="require('@/assets/img/cardcover.png')"
-              :lazy-src="require('@/assets/img/cardcover.png')"
+              :src="require('@/assets/img/devfest-cover.png')"
+              :lazy-src="require('@/assets/img/devfest-cover.png')"
               :alt="item.DevFestName"
               position="left"
               height="140px"
               class="white--text align-center"
             >
-              <p class="mt-15 float-left ml-5" style="font-size:14px">{{ item.City }}</p>
+              <p class="mt-15 float-left ml-6" style="font-size:14px">{{ item.City }}</p>
             </v-img>
             <v-card-title>
               <div>
@@ -157,4 +157,4 @@
   </script>
 
       <style>
-  </style>
+  </style>
diff --git a/src/components/core/appDrawer.vue b/src/components/core/appDrawer.vue
@@ -30,11 +30,11 @@
         </v-list-item-content>
       </v-list-item>
 
-      <v-list-item to="/badge" class="google-font my-0 py-0" color="blue">
+      <!-- <v-list-item to="/badge" class="google-font my-0 py-0" color="blue">
         <v-list-item-content>
           <v-list-item-title>Badge</v-list-item-title>
         </v-list-item-content>
-      </v-list-item>
+      </v-list-item> -->
 
       <v-list-item to="/faq" class="google-font my-0 py-0" color="blue">
         <v-list-item-content>
@@ -62,4 +62,4 @@ export default {
 };
 </script>
 
-  <style></style>
+  <style></style>
diff --git a/src/components/core/appFooter.vue b/src/components/core/appFooter.vue
@@ -30,7 +30,7 @@
         </v-row>
         <v-row justify="center" align="center" class="pb-5">
           <v-col md="11" sm="11" xl="11" lg="11" cols="12" class="">
-            <a href="https://2021.devfestindia.com" target="_blank"
+            <a href="https://2022.devfestindia.com" target="_blank"
               rel="noreferrer"
               class="grey--text text--darken-3 mr-4 google-font"
               style="text-decoration:none;"

diff --git a/src/components/home/devfestMoments.vue b/src/components/home/devfestMoments.vue
@@ -0,0 +1,71 @@
+<template>
+    <v-container fluid class="">
+      <v-row>
+        <v-col class="">
+          <p
+            class="google-font mb-2"
+            style="font-size: 3.5vh;line-height: 1.22;font-weight:500"
+          >
+            devFest Moments'22 Shots
+          </p>
+          <p class="google-font" style="font-size: 110%">
+          </p>
+        </v-col>
+      </v-row>
+      <v-row class="ma-0 pa-0">
+        <v-col md="12">
+          <v-slide-group
+            v-model="model"
+            class="pa-4"
+            active-class="success"
+            show-arrows
+          >
+            <v-slide-item
+              v-for="(item, index) in imgs"
+              :key="index"
+              style="height:400px"
+              v-slot:default="{ active, toggle }"
+            >
+              <v-img
+                class="ma-4"
+                :color="active ? undefined : 'grey lighten-1'"
+                :src="require('@/assets/img/2019/'+item.img)"
+                style="width: 10%;"
+                @click="toggle"
+              ></v-img>
+            </v-slide-item>
+          </v-slide-group>
+        </v-col>
+      </v-row>
+    </v-container>
+  </template>
+
+  <script>
+  export default {
+    data: () => ({
+      model: null,
+      imgs: [
+        {
+          name: "",
+          img:"",
+        },
+        {
+          name: "",
+          img:
+            "",
+        },
+        {
+          name: "",
+          img:
+            "",
+        },
+         {
+          name: "",
+          img:
+            "",
+        },
+      ],
+    }),
+  };
+  </script>
+
diff --git a/src/components/home/hero.vue b/src/components/home/hero.vue
@@ -1,7 +1,7 @@
 <template>
   <v-container fluid class="my-0">
     <v-row justify="center" align-items="center">
-            <v-col md="12" cols="12" order-md="1" order="1" class="text-center">
+            <v-col md="6" cols="12" order-md="2" order="2">
         <!-- <div class="text-center" v-if="loading">
           <v-skeleton-loader
             style="border-radius: 15px;height: 360px !important"
@@ -23,7 +23,7 @@
         ></iframe> -->
         <img src="../../assets/img/devfestindia23-banner.gif" alt="devfest banner image" class="banner-img"/>
       </v-col>
-      <v-col md="12" cols="12" order-md="2" order="2" class="text-center">
+      <v-col md="6" cols="12" order-md="1" order="1" class="pr-12">
         <p
           class="google-font gdg-h1 mb-4 grey--text text--darken-4"
           style="font-size: 320%"
@@ -37,13 +37,11 @@
           class="google-font text--secondary"
           style="font-weight: 500; font-size: 18px"
         >
-          An annual event hosted by the Google Developers Group across the world
-          to bring the technology closer to the developers. It is an all day
-          developer conference where we aim to focus on multiple technologies
-          through lightning talks, sessions, workshops, etc.
+        Welcome to the Global -Google Developer Groups annual event platform where our motto is to ensure that the technology connects to all corners of the world. 
+It is an all day event where you can expect talks/Sessions/workshops/Hackathons.Do not miss the best tech events nearby your area and stay tuned!!
         </p>
         <v-btn dark depressed to="/devfest" rounded color="#4285F4"
-          >Find an Events
+          >Find a DevFest near you
         </v-btn>
       </v-col>
     </v-row>
@@ -66,7 +64,7 @@ export default {
 
 <style>
 .banner-img {
-  height: 350px;
+  height: 320px;
 }
 @media only screen and (max-width: 768px) {
   .banner-img {

diff --git a/src/components/home/overview.vue b/src/components/home/overview.vue
@@ -1,6 +1,6 @@
 <template>
   <v-container fluid>
-    <v-row justify="center" align-items="center" class="px-2" style=" border-radius: 15px">
+    <v-row justify="center" align-items="center" class="px-2" style=" border-radius: 15px;border:1px solid">
       <v-col
         md="6"
         cols="12"
@@ -23,6 +23,9 @@
           through lightning talks, sessions, workshops, etc.
         </p> -->
         <img src="../../assets/img/devfest-expect.svg" style="width:100%" />
+        <!-- <p>If you are a student/professional/entrepreneur, or wantrapreneur who feels that technical knowledge and expertise will boost your skill - then Devfest is 1 stop place for excellency. 
+
+Come here to meet/learn and excell with all the experts</p> -->
       </v-col>
 
       <v-col md="6" class="pa-0 ma-0 pl-8"  style="background-color: white;">
@@ -37,17 +40,40 @@
               </div>
             </v-col>
           </v-row> -->
-          <div v-for="(item, index) in whatWedo" :key="index" class="d-flex">
+          <v-row justify="center" align-items="center" class="px-2" style=" border-radius: 15px" v-for="(item, index) in whatWedo" :key="index">
+            <v-col
+        md="2"
+        sm="3"
+        cols="3"
+      >
+      <div class="pt-12">
+              <img :src="require(`../../assets/img/${item.icon}`)" />
+            </div>
+      </v-col>
+      <v-col
+        md="9"
+        sm="9"
+        cols="9"
+      >
+      <div class="pa-4">
+                <p style="font-size: 20px; font-weight: 600" class="mt-4">
+                  {{ item.title }}
+                </p>
+                <p>{{ item.desc }}</p>
+              </div>
+      </v-col>
+          </v-row>
+          <!-- <div v-for="(item, index) in whatWedo" :key="index" class="d-flex">
             <div class="pt-12">
               <img :src="require(`../../assets/img/${item.icon}`)" />
             </div>
-            <div class="pa-md-6 pa-4">
+            <div class="pa-4">
                 <p style="font-size: 20px; font-weight: 600" class="mt-4">
                   {{ item.title }}
                 </p>
                 <p>{{ item.desc }}</p>
               </div>
-          </div>
+          </div> -->
         </v-container>
       </v-col>
     </v-row>

diff --git a/src/views/FindAnEventPage.vue b/src/views/FindAnEventPage.vue
@@ -31,7 +31,7 @@
       <!-- Upcoming DevFest -->
 
       <!-- Past DevFests -->
-      <p v-if="!loader" class="mt-10 mb-1">Past DevFests</p>
+      <p v-if="!loader && PassedDevFests?.length > 0" class="mt-10 mb-1">Past DevFests</p>
       <v-row align="start" justify="start" v-if="!loader">
         <v-col
           md="3"
@@ -102,4 +102,4 @@ export default {
 </script>
 
 <style>
-</style>
+</style>