Added Keynote Speaker Section (#97)

* 2 - Keynote speakers have been added.

* Made keynotes nav item available

* Modified speaker role and image path

* Compressed keynote speaker image.

---------

Co-authored-by: Rajat.Rajdeep <[email protected]>

components/header.js

@@ -21,6 +21,11 @@ export default function Header() {
       href: "/#journey",
       openInNewTab: false,
     },
+    {
+      name: "Keynotes",
+      href: "/#keynote",
+      openInNewTab: false,
+    },
     {
       name: "Attend",
       href: "/#attend",
@@ -96,9 +101,6 @@ export default function Header() {
                         </Link>
                       </li>
                     ))}
-                    {/* <li className="nav-item">
-                      <Link href="/#keynote"><span className="nav-link">Keynotes</span></Link>
-                    </li> */}
                     {/* <li className="nav-item">
                       <Link href="/#schedule"><span className="nav-link">Schedule</span></Link>
                     </li> */}

components/keynote.js

@@ -19,17 +19,15 @@ const KeynoteComponent = () => {
         <div className="container">
           <div className="row top-up">
             {KeynoteData.map((speaker, index) => (
-              <div key={index} className="col-md-6">
+              <div key={index} className="col-md-12 col-lg-6">
                 <div className="bg-speakerbox bg-white p-3 p-md-5 mb-3 mb-md-5">
                   <div className="row align-items-center">
                     <div className="col-md-5 col-5">
-                      <img src={speaker.image} alt="" className="img-fluid" />
+                      <img src={speaker.profilePicture} alt={speaker.fullName} className="speaker-image" />
                     </div>
                     <div className="col-md-7 col-7">
-                      <div className="speaker-boxcontent">
-                        <h4>{speaker.name}</h4>
-                        <p>{speaker.role}</p>
-                      </div>
+                      <h4>{speaker.fullName}</h4>
+                      <p>{speaker.title}</p>
                     </div>
                   </div>
                 </div>

data/keynote.yml

@@ -1,12 +1,8 @@
-- name: Ines Montani
-  role: Founder Explosion/Spacy Core Developer
-  image: images/speaker1.png
-- name: Jake Vanderplas
-  role: Astronomer By Training; Author Of Python Data Science Handbook; Developer At Google
-  image: images/speaker3.png
-- name: David Beazley
-  role: Author Of The Python Essential Reference And Python Cookbook
-  image: images/speaker2.png
-- name: Devi A S l
-  role: Staff Engineer, Razorpay
-  image: images/speaker4.png
+- fullName: Jessica Greene
+  title: Software Engineer at Ecosia
+  profilePicture: images/keynote-speakers/jessica-greene.jpg
+  about: Jessica Greene is a self-taught slash community-taught Software Engineer, with a diverse background that includes film, television, and specialty coffee roasting. In 2017, she made the pivotal decision to retrain and add programming to her skill set, leading her to join the team at Ecosia in 2018. In her role, she leverages her Python and Golang skills to build and operate APIs, perform data analysis, and develop features that inspire users to make more climate-focused choices, thereby contributing to Ecosia's mission of global tree planting and a better planet. Passionate about fostering diversity and inclusivity in tech, Jessica has been co-organizing PyLadies Berlin since 2018. She orchestrates events, workshops, and talks, and provides mentorship to other programmers. Recently, she joined the Python Software Foundation's Code of Conduct Work Group to further support the global community. When she's not coding or at community events, Jessica enjoys reading, building Lego kits, knitting, dog-sitting, and exploring new aspects of software engineering.
+- fullName: Marcelo Trylesinski
+  title: Software Engineer @Pydantic, Uvicorn & Starlette Maintainer, FastAPI Expert
+  profilePicture: images/keynote-speakers/marcelo-trylesinski.jpg
+  about: Marcelo is an open-source developer who has made significant contributions to the FastAPI community. He maintains Starlette, a critical dependency of FastAPI, and Uvicorn, a high-performance web server that powers FastAPI applications. His invaluable contributions led to his hiring as a senior software engineer by Pydantic, a widely used library for data validation and serialization. Apart from software development, Marcelo enjoys fitness, soccer, dancing, and photography. He's a well-rounded individual who's always eager to learn and grow.

pages/pycon-landing.tsx

@@ -41,7 +41,7 @@ export default function PyConIndiaWeb() {
       <JourneyComponent />
       {/* journery section ended */}
       {/* speakers section started */}
-      {/* <KeynoteComponent /> */}
+      <KeynoteComponent />
       {/* speakers section ended */}
       {/* conference section started */}
       {/* <ConferenceSchedule /> */}

styles/css/style.css

@@ -191,6 +191,11 @@ border-radius: 50px!important;
 .bg-journey p{
   font-size:14px!important;
 }
+.speaker-image {
+  border-radius: 50%;
+  height: 150px;
+  width: 150px;
+}
 .bg-speakers {
 	background: #eac124 url("/2023/images/shadow-yel.png");
 	height: 421px;