Fixed TabLayout.

- Added SiteMap.

Author: shivanshs9

netlify.toml

@@ -4,6 +4,12 @@
   to = "https://api.codefest.tech/:splat"
   status = 200
 
+[[redirects]]
+  # For robots.txt
+  from = "/robots.txt"
+  to = "/assets/robots.txt"
+  status = 200
+
 [[redirects]]
   # For our VueJs SPA.
   from = "/*"

src/assets/robots.txt

@@ -1,2 +1,4 @@
 User-agent: *
 Disallow:
+
+Sitemap: https://codefest.tech/assets/sitemap.xml

src/assets/sitemap.xml

@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"> 
+  <url>
+    <loc>https://codefest.tech</loc>
+    <changefreq>weekly</changefreq>
+  </url>
+  <url>
+    <loc>https://codefest.tech/haxplore</loc>
+    <changefreq>weekly</changefreq>
+  </url>
+  <url>
+    <loc>https://codefest.tech/login</loc>
+    <changefreq>weekly</changefreq>
+  </url>
+  <url>
+    <loc>https://codefest.tech/events</loc>
+    <changefreq>weekly</changefreq>
+  </url>
+</urlset>

src/components/StandardEventDetails.vue

@@ -32,7 +32,7 @@
         <div :class="$style.tabContainer" slot="faq">
           <h4 :class="$style.tabTitle">FAQ</h4>
           <hr :class="$style.leftHr">
-          <p :class="$style.text" :inner-html.prop="event.faqIntro | anchor">}</p>
+          <!-- <p :class="$style.text" :inner-html.prop="event.faqIntro | anchor">}</p> -->
           <FAQ :faqItems="event.faq"/>
         </div>
       </TabLayout>
@@ -187,7 +187,6 @@ export default {
 
           &:before {
             content: ' ';
-            display: block;
           }
         }
       }

src/components/layouts/TabLayout.vue

@@ -51,7 +51,7 @@ export default {
     },
     tabStyle: function(index) {
       return {
-        left: `${index * 95}px`
+        left: `${index * 120}px`
       };
     },
     alignTab: function(index) {
@@ -68,7 +68,7 @@ export default {
 @require '~@styles/theme';
 @require '~@styles/anims';
 
-$tab-width = 120px;
+$tab-width = 150px;
 $tab-height = 30px;
 
 .tabbedWindow {
@@ -94,54 +94,42 @@ $tab-height = 30px;
         z-index: 20;
         cursor: pointer;
         background: $limeade;
-        font: 12pt 'Roboto Slab';
+        font-family: 'Roboto Slab';
         font-weight: 500;
         clip-path: polygon(10% 0%, 90% 0%, 100% 100%, 0% 100%);
         height: $tab-height;
-        position: absolute;
-        top: 0;
-
-        .tabTitle {
-          z-index: 20;
-          cursor: pointer;
-          background: $limeade;
-          font-family: 'Roboto Slab';
-          font-weight: 500;
-          clip-path: polygon(10% 0%, 90% 0%, 100% 100%, 0% 100%);
-          height: $tab-height;
-          line-height: 30px;
-          width: $tab-width;
-          text-align: center;
-          color: $black;
-        }
+        line-height: 30px;
+        width: $tab-width;
+        text-align: center;
+        color: $black;
       }
 
-      .active {
+      &.active {
         .tabTitle {
           background: $chartreuse;
           color: white;
           z-index: 25;
         }
       }
     }
+  }
 
-    .panelsContainer {
-      margin: 0;
-      padding: 0;
+  .panelsContainer {
+    margin: 0;
+    padding: 0;
 
-      .tabContent {
-        display: none;
-        position: relative;
-        top: $tab-height;
-        border: 1px solid $limeade;
-        border-radius: 0 0 10px 10px;
-        box-shadow: inset 0px -2px 15px $chartreuse;
-        background: $cod-gray;
-      }
+    .tabContent {
+      display: none;
+      position: relative;
+      top: $tab-height;
+      border: 1px solid $limeade;
+      border-radius: 0 0 10px 10px;
+      box-shadow: inset 0px -2px 15px $chartreuse;
+      background: $cod-gray;
+    }
 
-      .active .tabContent {
-        display: block;
-      }
+    .active .tabContent {
+      display: block;
     }
   }
 }

src/index.js

@@ -56,7 +56,7 @@ Vue.use(vueMq, {
     xs: 575,
     sm: 767,
     md: 991,
-    lg: 1200,
+    lg: 1367,
     xl: 1920,
     xxl: Infinity
   }

src/plugins/filters.js

@@ -3,8 +3,8 @@ import anchorme from "anchorme";
 export default {
   install(Vue) {
     Vue.filter("anchor", value => {
-      return anchorme(value, {});
+      return anchorme(value);
     });
   }
 };
-export const version = "1.0.0";
+export const version = "1.0.0";