Merge pull request #97 from poornachandugade/master

add sponsors
MNNIT · Sep 18, 2018 · d1f864b · d1f864b
2 parents 3399562 + 863f0da
commit d1f864b
Show file tree

Hide file tree

Showing 33 changed files with 260 additions and 32 deletions.
diff --git a/components/ParticlesBanner.js b/components/ParticlesBanner.js
@@ -34,16 +34,20 @@ class ParticlesBanner extends Component {
                 <button>REGISTER</button>
               </a>
             </Link>
+            &nbsp;&nbsp;&nbsp;
+            <Link as="/sponsors" href="/sponsors">
+              <a>
+                <button id="sponsors-btn">SPONSORS</button>
+              </a>
+            </Link>
           </div>
         </div>
         <style jsx>
           {`
             #particles-banner {
               width: 100vw;
               height: 100vh;
-               {
-                /* background: #222; */
-              }
+
               background-size: 100vw 95vh;
             }
             @font-face {
@@ -122,7 +126,6 @@ class ParticlesBanner extends Component {
             }
             .downdiv {
               position: relative;
-              // top: 40%;
             }
             .downdiv button {
               outline: none;
@@ -144,7 +147,8 @@ class ParticlesBanner extends Component {
               font-size: 1.175rem;
               font-family: Source Sans Pro, Open Sans, Segoe UI, sans-serif;
               transition-duration: 0.3s;
-              transition-property: transform;              -ms-transform: translateZ(0);
+              transition-property: transform;
+              -ms-transform: translateZ(0);
               transform: translateZ(0);
               transform: translateY(-6px);
               animation-name: hover;
@@ -164,7 +168,7 @@ class ParticlesBanner extends Component {
               height: 10px;
               width: 90%;
               opacity: 0;
-             
+
               background: radial-gradient(
                 ellipse at center,
                 rgba(0, 0, 0, 0.35) 0%,
@@ -181,25 +185,12 @@ class ParticlesBanner extends Component {
               animation-iteration-count: infinite;
               animation-direction: alternate;
             }
-            @keyframes hover {
-              50% {
-                transform: translateY(-3px);
-              }
-
-              100% {
-                transform: translateY(-6px);
-              }
-            } 
-
-              50% {
-                transform: translateY(3px);
-                opacity: 1;
-              }
-
-              100% {
-                transform: translateY(6px);
-                opacity: 0.4;
-              }
+            #sponsors-btn {
+              background: linear-gradient(
+                45deg,
+                rgb(65, 184, 131),
+                rgb(52, 147, 104)
+              );
             }
 
             @keyframes hover-shadow {
@@ -219,8 +210,6 @@ class ParticlesBanner extends Component {
               }
             }
 
-           
-
             @keyframes hover {
               50% {
                 transform: translateY(-3px);
@@ -230,7 +219,8 @@ class ParticlesBanner extends Component {
                 transform: translateY(-6px);
               }
             }
-            h2, h4 {
+            h2,
+            h4 {
               font-size: 32px;
               color: #2196f3;
               color: white;
@@ -305,7 +295,11 @@ class ParticlesBanner extends Component {
               -webkit-perspective: 400;
               perspective: 400;
             }
-
+            @media (max-width: 700px) {
+              .downdiv button {
+                padding: 10px;
+              }
+            }
           `}
         </style>
       </section>

diff --git a/components/sponsors/PastSponsors.js b/components/sponsors/PastSponsors.js
@@ -0,0 +1,111 @@
+import React, { Component } from "react";
+import SponsorsView from "./SponsorsView";
+const pastsponsors = {
+  first: [
+    { name: "DELL", img: "/static/img/past-sponsors/dell.png" },
+    { name: "Pepsi", img: "/static/img/past-sponsors/pepsi.png" },
+    { name: "Coca Cola", img: "/static/img/past-sponsors/coca-cola.jpg" },
+    {
+      name: "Dominos Pizza",
+      img: "/static/img/past-sponsors/dominos-pizza.png"
+    },
+    { name: "Bikanervala", img: "/static/img/past-sponsors/bikanervala.png" },
+    {
+      name: "Godrej interio",
+      img: "/static/img/past-sponsors/godrej-interio.png"
+    }
+  ],
+  second: [
+    { name: "Dhyeya IAS", img: "/static/img/past-sponsors/dhyeya-ias.png" },
+    { name: "Indian Oil", img: "/static/img/past-sponsors/indian-oil.png" },
+    { name: "Made Easy", img: "/static/img/past-sponsors/made-easy.png" },
+    { name: "IMS", img: "/static/img/past-sponsors/ims.png" },
+    { name: "KTPL", img: "/static/img/past-sponsors/ktpl.png" },
+    { name: "Gate Forum", img: "/static/img/past-sponsors/gate-forum.jpg" }
+  ],
+  third: [
+    { name: "KTM", img: "/static/img/past-sponsors/ktm.jpg" },
+    {
+      name: "Royal Enfield",
+      img: "/static/img/past-sponsors/royal-enfield.jpg"
+    },
+    { name: "Hero", img: "/static/img/past-sponsors/hero.png" },
+    { name: "TATA", img: "/static/img/past-sponsors/tata.png" },
+    { name: "Toyota", img: "/static/img/past-sponsors/toyota.png" },
+    { name: "Hyundai", img: "/static/img/past-sponsors/hyundai.png" }
+  ],
+  fourth: [
+    { name: "Jagran", img: "/static/img/past-sponsors/jagran.svg" },
+    { name: "Sonata", img: "/static/img/past-sponsors/sonata.jpg" },
+    { name: "SBI", img: "/static/img/past-sponsors/sbi.jpg" },
+    { name: "Vijaya Bank", img: "/static/img/past-sponsors/vijaya-bank.png" },
+    {
+      name: "Allahabad Bank",
+      img: "/static/img/past-sponsors/allahabad-bank.png"
+    }
+  ],
+  fifth: [
+    { name: "Hackerearth", img: "/static/img/past-sponsors/hackerearth.png" },
+    {
+      name: "Hindustantimes",
+      img: "/static/img/past-sponsors/hindustan-times.png"
+    },
+    { name: "Autodesk", img: "/static/img/past-sponsors/autodesk.jpg" },
+    { name: "Levis", img: "/static/img/past-sponsors/levis.png" }
+  ],
+  all: [
+    { name: "DELL", img: "/static/img/past-sponsors/dell.png" },
+    { name: "Pepsi", img: "/static/img/past-sponsors/pepsi.png" },
+    { name: "Coca Cola", img: "/static/img/past-sponsors/coca-cola.jpg" },
+    {
+      name: "Dominos Pizza",
+      img: "/static/img/past-sponsors/dominos-pizza.png"
+    },
+    { name: "Bikanervala", img: "/static/img/past-sponsors/bikanervala.png" },
+    {
+      name: "Godrej interio",
+      img: "/static/img/past-sponsors/godrej-interio.png"
+    },
+    { name: "Dhyeya IAS", img: "/static/img/past-sponsors/dhyeya-ias.png" },
+    { name: "Indian Oil", img: "/static/img/past-sponsors/indian-oil.png" },
+    { name: "Made Easy", img: "/static/img/past-sponsors/made-easy.png" },
+    { name: "IMS", img: "/static/img/past-sponsors/ims.png" },
+    { name: "KTPL", img: "/static/img/past-sponsors/ktpl.png" },
+    { name: "Gate Forum", img: "/static/img/past-sponsors/gate-forum.jpg" },
+    { name: "KTM", img: "/static/img/past-sponsors/ktm.jpg" },
+    {
+      name: "Royal Enfield",
+      img: "/static/img/past-sponsors/royal-enfield.jpg"
+    },
+    { name: "Hero", img: "/static/img/past-sponsors/hero.png" },
+    { name: "TATA", img: "/static/img/past-sponsors/tata.png" },
+    { name: "Toyota", img: "/static/img/past-sponsors/toyota.png" },
+    { name: "Hyundai", img: "/static/img/past-sponsors/hyundai.png" },
+    { name: "Jagran", img: "/static/img/past-sponsors/jagran.svg" },
+    { name: "Sonata", img: "/static/img/past-sponsors/sonata.jpg" },
+    { name: "SBI", img: "/static/img/past-sponsors/sbi.jpg" },
+    { name: "Vijaya Bank", img: "/static/img/past-sponsors/vijaya-bank.png" },
+    {
+      name: "Allahabad Bank",
+      img: "/static/img/past-sponsors/allahabad-bank.png"
+    },
+    { name: "Hackerearth", img: "/static/img/past-sponsors/hackerearth.png" },
+    {
+      name: "Hindustantimes",
+      img: "/static/img/past-sponsors/hindustan-times.png"
+    },
+    { name: "Autodesk", img: "/static/img/past-sponsors/autodesk.jpg" },
+    { name: "Levis", img: "/static/img/past-sponsors/levis.png" }
+  ]
+};
+class PastSponsors extends Component {
+  render() {
+    return (
+      <div>
+        <SponsorsView people={pastsponsors.all} heading="Past Sponsors" />
+      </div>
+    );
+  }
+}
+
+export default PastSponsors;
diff --git a/components/sponsors/SponsorsView.js b/components/sponsors/SponsorsView.js
@@ -0,0 +1,58 @@
+import React, { Component } from "react";
+
+export default ({ people, heading }) => {
+  return (
+    <section>
+      <h1>{heading}</h1>
+      <div className="container">
+        {people.map(function(sponsor) {
+          return (
+            <div className="img-container">
+              <img src={sponsor.img} alt={sponsor.name} />
+            </div>
+          );
+        })}
+      </div>
+      <style jsx>{`
+        section {
+          padding: 20px 0px;
+          background-color: white;
+        }
+        h1 {
+          text-align: center;
+          color: #e91e63;
+        }
+        div.container {
+          display: flex;
+          width: 80%;
+          height: auto;
+          margin: 0 auto;
+          flex-wrap: wrap;
+          justify-content: center;
+          box-sizing: border-box;
+        }
+        div.img-container {
+          width: 150px;
+          height: 150px;
+          margin: 30px;
+        }
+        img {
+          width: 100%;
+          height: auto;
+          vertical-align: baseline;
+          margin-top: 75px;
+          transform: translateY(-50%);
+        }
+        @media (max-width: 700px) {
+          div.container {
+            width: 100%;
+          }
+          section {
+            margin-top: 35px;
+            background-color: white;
+          }
+        }
+      `}</style>
+    </section>
+  );
+};
diff --git a/next.config.js b/next.config.js
@@ -34,7 +34,8 @@ const routes = {
   "/reset-password/email": { page: "/reset-password", query: { tab: "email" } },
   "/reset-password/code": { page: "/reset-password", query: { tab: "code" } },
   "/gnosiomania": { page: "/gnosiomania" },
-  "/workshops": { page: "/workshops" }
+  "/workshops": { page: "/workshops" },
+  "/sponsors": { page: "/sponsors" }
 };
 events.forEach(function(event) {
   const path = "/events/" + event;

diff --git a/pages/sponsors.js b/pages/sponsors.js
@@ -0,0 +1,15 @@
+import React, { Component } from "react";
+import Meta from "../components/Meta";
+import PastSponsors from "../components/sponsors/PastSponsors";
+import Footer from "../components/Footer";
+export default class extends Component {
+  render() {
+    return (
+      <div>
+        <Meta />
+        <PastSponsors />
+        <Footer />
+      </div>
+    );
+  }
+}
diff --git a/pages/workshops.js b/pages/workshops.js
@@ -123,7 +123,7 @@ class Index extends React.Component {
               <img src="/static/img/workshops/IoT-connectivity.jpg" alt="IOT" />
             </div>
             <div className="col-md-8 content">
-              <h1>IOT</h1>
+              <h1>IOT with AWS</h1>
               <h2> 21-22 September, 2018</h2>
               <h3>
                 The Internet of things is an ecosystem of connected physical
@@ -174,7 +174,7 @@ class Index extends React.Component {
               </div>
             </div>
           </div>
-          
+
           <div className="row new-card">
             <div className="col-md-4 img-container">
               <img src="/static/img/workshops/PLCScada.jpeg" alt="PLC Scada" />

diff --git a/static/img/past-sponsors/allahabad-bank.png b/static/img/past-sponsors/allahabad-bank.png
diff --git a/static/img/past-sponsors/autodesk.jpg b/static/img/past-sponsors/autodesk.jpg
diff --git a/static/img/past-sponsors/bikanervala.png b/static/img/past-sponsors/bikanervala.png
diff --git a/static/img/past-sponsors/coca-cola.jpg b/static/img/past-sponsors/coca-cola.jpg
diff --git a/static/img/past-sponsors/dell.png b/static/img/past-sponsors/dell.png
diff --git a/static/img/past-sponsors/dhyeya-ias.png b/static/img/past-sponsors/dhyeya-ias.png
diff --git a/static/img/past-sponsors/dominos-pizza.png b/static/img/past-sponsors/dominos-pizza.png
diff --git a/static/img/past-sponsors/gate-forum.jpg b/static/img/past-sponsors/gate-forum.jpg
diff --git a/static/img/past-sponsors/godrej-interio.png b/static/img/past-sponsors/godrej-interio.png
diff --git a/static/img/past-sponsors/hackerearth.png b/static/img/past-sponsors/hackerearth.png
diff --git a/static/img/past-sponsors/hero.png b/static/img/past-sponsors/hero.png
diff --git a/static/img/past-sponsors/hindustan-times.png b/static/img/past-sponsors/hindustan-times.png
diff --git a/static/img/past-sponsors/hyundai.png b/static/img/past-sponsors/hyundai.png
diff --git a/static/img/past-sponsors/ims.png b/static/img/past-sponsors/ims.png
diff --git a/static/img/past-sponsors/indian-oil.png b/static/img/past-sponsors/indian-oil.png
diff --git a/static/img/past-sponsors/jagran.svg b/static/img/past-sponsors/jagran.svg
diff --git a/static/img/past-sponsors/ktm.jpg b/static/img/past-sponsors/ktm.jpg
diff --git a/static/img/past-sponsors/ktpl.png b/static/img/past-sponsors/ktpl.png
diff --git a/static/img/past-sponsors/levis.png b/static/img/past-sponsors/levis.png
diff --git a/static/img/past-sponsors/made-easy.png b/static/img/past-sponsors/made-easy.png
diff --git a/static/img/past-sponsors/pepsi.png b/static/img/past-sponsors/pepsi.png
diff --git a/static/img/past-sponsors/royal-enfield.jpg b/static/img/past-sponsors/royal-enfield.jpg
diff --git a/static/img/past-sponsors/sbi.jpg b/static/img/past-sponsors/sbi.jpg
diff --git a/static/img/past-sponsors/sonata.jpg b/static/img/past-sponsors/sonata.jpg
diff --git a/static/img/past-sponsors/tata.png b/static/img/past-sponsors/tata.png
diff --git a/static/img/past-sponsors/toyota.png b/static/img/past-sponsors/toyota.png
diff --git a/static/img/past-sponsors/vijaya-bank.png b/static/img/past-sponsors/vijaya-bank.png