added devsprint venue (#218)

pythonindia · Sep 24, 2023 · 91142c1 · 91142c1
1 parent fb5f452
commit 91142c1
Show file tree

Hide file tree

Showing 7 changed files with 79 additions and 35 deletions.
diff --git a/components/conventioncenter.js b/components/conventioncenter.js
diff --git a/components/sponsor.js b/components/sponsor.js
@@ -44,7 +44,7 @@ const SponsorComponent = () => {
               {SponsorData[tier].map((sponsor, index) => (
                 <div className={`col-md-3 col-6 mb-md-0 mb-3 bt-circle ${SponsorData[tier].length === 1 ? 'mx-auto' : ''}`} key={index}>
                   <a href={sponsor.website} target="_blank" rel="noreferrer">
-                    <img src={sponsor.logo} className={`img-fluid shadow-sm sponsor-logo sponsor-gap ${sponsor.paddingClass}`} alt={`${sponsor.website}`} />
+                    <img src={sponsor.logo} className={`img-fluid shadow-sm sponsor-logo sponsor-gap ${sponsor.paddingClass}`} alt={`${sponsor.website}`} title={sponsor.name} />
                   </a>
                 </div>
               ))}

diff --git a/components/venue.js b/components/venue.js
@@ -0,0 +1,34 @@
+import React from "react";
+
+const VenueSection = ({cls, title,name, address, link}) => {
+  return (
+    <section className={`bg-hall ${cls} d-flex align-items-center`}>
+
+      <div className="container">
+        <div className="row pt-5 pb-5 align-items-center">
+          <div className="col-lg-8 col-md-7 text-white text-center text-md-start">
+           <h1 className="text-white mb-4 com-head">{title}</h1>
+            <h3 className="text-white hallhead">
+              {name}
+              </h3>
+            <p className="text-white">
+              {address}</p>
+              </div>
+          <div className="col-lg-4 col-md-5 text-center text-md-start">
+            <iframe
+              src={link}
+              height={400}
+              allowFullScreen
+              loading="lazy"
+              referrerPolicy="no-referrer-when-downgrade"
+            />
+          </div>
+        </div>
+      </div>
+    </section>
+  );
+};
+
+
+export default VenueSection;
+
diff --git a/data/sponsor.yml b/data/sponsor.yml
@@ -1,47 +1,56 @@
 platinum:
   - logo: images/sponsors/neo4j.png
     website: http://neo4j.com
+    name: neo4j
     instagram: https://www.instagram.com/neo4j/
     linkedin: https://www.linkedin.com/company/neo4j/
     twitter: https://twitter.com/neo4j
     facebook: https://www.facebook.com/neo4j.graph.database
     paddingClass: p-1
   - logo: images/sponsors/happyfox.png
     website: https://happyfox.com
+    name: happyfox
     linkedin: https://www.linkedin.com/company/happyfox-inc-/
     paddingClass: p-4
 gold:
   - logo: images/sponsors/innovaccer.png
     website: https://innovaccer.com/
+    name: innovaccer
     linkedin: https://www.linkedin.com/company/innovaccer/
     paddingClass: p-4
   - logo: images/sponsors/corteva.png
     website: https://www.corteva.com/
+    name: corteva
     linkedin: https://www.linkedin.com/company/corteva/
     paddingClass: p-3
   - logo: images/sponsors/lindex.png
     website: https://www.llamaindex.ai/
+    name: llamaindex
     linkedin: https://www.linkedin.com/company/llamaindex/
     twitter: https://twitter.com/llama_index
     paddingClass: p-3
   - logo: images/sponsors/toyota.png
     website: https://toyotaconnected.co.in/
+    name: toyota
     linkedin:  https://www.linkedin.com/company/toyota-connected-india-pvt-ltd/
     twitter:  https://twitter.com/tcin_india
     facebook: https://www.facebook.com/TCIN.India
     paddingClass: p-4
   - logo: images/sponsors/zeomega.png
     website: https://www.zeomega.com/
+    name: zeomega
     linkedin:  https://www.linkedin.com/company/zeomega/
     twitter:  https://twitter.com/zeomega
     paddingClass: p-3
   - logo: images/sponsors/google.png
     website: https://cloud.google.com/
+    name: google cloud
     facebook:  https://www.facebook.com/GoogleCloudIN
     twitter:  https://twitter.com/GoogleCloud_IN
     paddingClass: p-3
   - logo: images/sponsors/rezoomex.png
     website: https://www.rezoomex.com/
+    name: rezoomex
     facebook: https://www.facebook.com/rezoomex/
     twitter:  https://twitter.com/rezoomex
     linkedin: https://www.linkedin.com/company/10327498/admin/feed/posts/
@@ -50,38 +59,44 @@ gold:
 silver:
   - logo: images/sponsors/zoho.png
     website: https://www.site24x7.com/
+    name: zoho
     linkedin: https://www.linkedin.com/company/site24x7
     twitter: https://twitter.com/Site24x7
     facebook: https://facebook.com/Site24x7
     paddingClass: p-3
   - logo: images/sponsors/frappe.png
     website: http://frappe.io
+    name: frappe
     instagram: https://www.instagram.com/frappetech/
     linkedin: https://in.linkedin.com/company/frappe-technologies
     twitter: https://twitter.com/frappetech
     facebook: https://www.facebook.com/ERPNext
     paddingClass: p-4
   - logo: images/sponsors/certa.png
     website: https://getcerta.com
+    name: certa
     instagram: https://www.instagram.com/getcerta
     linkedin: https://www.linkedin.com/company/certa-in
     twitter: https://www.twitter.com/certa
     paddingClass: p-4
   - logo: images/sponsors/seneca.png
     website: https://www.senecaglobal.com
+    name: seneca global
     instagram: https://www.instagram.com/senecaglobalinc
     facebook: https://www.facebook.com/groups/senecaglobal/
     linkedin: https://www.linkedin.com/company/senecaglobal/
     twitter: https://www.twitter.com/senecaglobal
     paddingClass: p-0
   - logo: images/sponsors/avoma.png
     website: https://www.avoma.com/
+    name: avoma
     facebook: https://www.facebook.com/AvomaInc
     linkedin: https://www.linkedin.com/company/avoma/
     twitter: https://twitter.com/AvomaInc
     paddingClass: p-1
   - logo: images/sponsors/bloomberg.png
     website: https://techatbloomberg.com/python
+    name: bloomberg engineering
     facebook: https://www.facebook.com/bloomberg
     linkedin: https://www.linkedin.com/company/bloomberg
     twitter: https://twitter.com/TechAtBloomberg
@@ -90,11 +105,13 @@ silver:
 associate:
   - logo: images/sponsors/reckonsys.png
     website: https://www.reckonsys.com/
+    name: reckonsys
     linkedin: https://www.linkedin.com/company/reckonsys/
     instagram: https://instagram.com/reckonsys?igshid=MzRlODBiNWFlZA==
     paddingClass: p-4
   - logo: images/sponsors/volantio.png
     website: https://volantio.com/
+    name: volantio
     twitter: https://twitter.com/volantio
     linkedin: https://www.linkedin.com/company/volantio-inc-/
     paddingClass: p-4
diff --git a/pages/pycon-landing.tsx b/pages/pycon-landing.tsx
@@ -4,26 +4,44 @@ import HeroBanner from "../components/HeroBanner";
 import JourneyComponent from "../components/journey";
 import SponsorComponent from "../components/sponsor";
 import CommunityPartners from "../components/communityPartners";
-import ConventionCenterSection from "../components/conventioncenter";
 import SubscribeSection from "../components/subscribe";
 import RegistrationSection from "../components/registration";
 import ConferenceSchedule from "../components/schedule";
 import Partners from "components/partners";
 import LocalUserGroupsChapters from "components/localUserGroups";
-
+import { fetchSpeakers } from "lib/data";
+import Speakers from "components/speakers";
+import VenueSection from "../components/venue";
 export default function PyConIndiaWeb() {
+  const speakers = fetchSpeakers();
   return (
     <div>
       <Header />
       <HeroBanner />
       <JourneyComponent />
+      <Speakers speakers={speakers["keynoteSpeakers"]} showMicCreative={true} title="Keynote Speakers" />
       <ConferenceSchedule />
       <RegistrationSection />
       <SponsorComponent />
       <CommunityPartners />
       <Partners/>
       <LocalUserGroupsChapters />
-      {/* <section className="bg-latest">
+      <VenueSection 
+        cls=""
+        title="Workshop & Conference" 
+        name="Jawaharlal Nehru Technological University Hyderabad" 
+        address="Kukatpally Housing Board Colony, Kukatpally, Hyderabad, Telangana 500085"
+        link="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3805.3249696634384!2d78.38885227607479!3d17.49199398341322!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3bcb91f3437ed8fd%3A0xbee11a361107ae67!2sJawaharlal%20Nehru%20Auditorium!5e0!3m2!1sen!2sin!4v1687286378815!5m2!1sen!2sin" 
+        />
+        <br/>
+      <VenueSection 
+        cls="devsprint"
+        title="DevSprints" 
+        name="Phenom People" 
+        address="Plot No.5&6, 6th floor, White Field Rd, Kondapur, Telangana 500084"
+        link="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3806.052961578723!2d78.37047500499521!3d17.457179040200018!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3bcb93cf9837fcc3%3A0x7b4d3fb76ff8ad18!2sPhenom%20People%20Pvt.Ltd!5e0!3m2!1sen!2sin!4v1695550693670!5m2!1sen!2sin" 
+        />
+        {/* <section className="bg-latest">
       <div className="container">
         <div className="row pt-5 pb-5">
           <div className="col-md-12">
@@ -42,7 +60,6 @@ export default function PyConIndiaWeb() {
       </div>
     </section> */}
       {/* <SubscribeSection /> */}
-      <ConventionCenterSection />
       <Footer />
     </div>
   );

diff --git a/public/images/backgrounds/bg-hall1.jpg b/public/images/backgrounds/bg-hall1.jpg
diff --git a/styles/css/style.css b/styles/css/style.css
@@ -745,6 +745,12 @@ button a {
   height: 726px !important;
 }
 
+.bg-hall.devsprint {
+  background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),
+  url("/2023/images/backgrounds/bg-hall1.jpg") no-repeat;
+  background-size: cover;
+}
+
 .hallhead {
   font-size: 35px !important;
   line-height: 2;