Add conference dates and update keynote design (#59)

HydPy · Jan 10, 2025 · 58a628d · 58a628d
1 parent 3260019
commit 58a628d
Show file tree

Hide file tree

Showing 6 changed files with 35 additions and 13 deletions.
diff --git a/data/conference.js b/data/conference.js
@@ -6,6 +6,8 @@ export const CONFERENCE = {
     'Hyderabad’s biggest Python conference is on the way! Get ready for an unforgettable experience and stay tuned for updates!',
   copyrightTitle: 'Copyright @ 2025 PyConf Hyderabad',
   dates: '22 Feb - 23 Feb',
+  conferenceDate: '22 Feb',
+  workshopDate: '23 Feb'
 };
 
 export const ASSETS = {

diff --git a/data/pastEditions.js b/data/pastEditions.js
@@ -6,6 +6,11 @@ export const PYCON_INDIA_HYDPY_PAST_EDITIONS = {
       url: 'https://in.pycon.org/2023/',
       ariaLabel: 'PyCon India 2023 website',
     },
+    {
+      year: 2018,
+      url: 'https://in.pycon.org/2018/',
+      ariaLabel: 'PyCon India 2018 website',
+    }
   ],
 };
 

diff --git a/pages-content/faq.mdx b/pages-content/faq.mdx
@@ -6,8 +6,8 @@ Since its inception in [2017](https://pyconf.hydpy.org/2017/), PyConf Hyderabad
 
 PyConf Hyderabad 2025 will have 2 major events: Conference, and Workshops.
 
-- **Workshops** will be held either on 22 February or on 23 February 2025. On the workshop day, people can attend hands-on workshops, and learn about a topic from an expert.
-- **Conference** will be held either on 22 February or on 23 February 2025. On the conference days, people connect with each other, discuss their experiences and present their ideas.
+- **Conference** will be held on 22 February. On the conference days, people connect with each other, discuss their experiences and present their ideas.
+- **Workshops** will be held on 23 February 2025. On the workshop day, people can attend hands-on workshops, and learn about a topic from an expert.
 
 Event Features:
 

diff --git a/src/components/Hero.jsx b/src/components/Hero.jsx
@@ -15,11 +15,24 @@ const Hero = () => {
       <div className="relative w-full sm:w-3/4 md:w-1/2 aspect-[2/1]">
         <Image src={ASSETS.logoUrl} alt={ASSETS.logoAlt} priority={true} fill />
       </div>
+      <div className="flex items-center">
+        <Icon
+          name="Calendar"
+          size={26}
+          className="text-secondary-600 dark:text-secondary-400"
+        />
+        <Span
+          level={1}
+          className="text-center font-semibold ml-2 text-secondary-600 dark:text-secondary-400"
+        >
+          {CONFERENCE.dates}
+        </Span>
+      </div>
       <Span
-        level={1}
-        className="text-center font-semibold text-secondary-600 dark:text-secondary-400"
+        level={3}
+        className="text-center font-semibold ml-2 mt-2 text-secondary-600 dark:text-secondary-400"
       >
-        {CONFERENCE.dates}
+        Conference: {CONFERENCE.conferenceDate} | Workshop: {CONFERENCE.workshopDate}
       </Span>
       <Paragraph className="mt-3 mb-6 text-center text-gray-600 dark:text-gray-400">
         {CONFERENCE.announcement}

diff --git a/src/components/Icon.jsx b/src/components/Icon.jsx
@@ -7,7 +7,8 @@ import {
   FaEnvelope,
   FaHandHoldingHeart,
   FaDiscord,
-  FaBlog
+  FaBlog,
+  FaCalendar,
 } from 'react-icons/fa6';
 import { MdLightMode, MdDarkMode } from 'react-icons/md';
 import { GiHamburgerMenu } from 'react-icons/gi';
@@ -28,6 +29,7 @@ const icons = {
   HandHoldingHeart: FaHandHoldingHeart,
   Discord: FaDiscord,
   Blog: FaBlog,
+  Calendar: FaCalendar,
 };
 
 export const Icon = ({ name, size = 36, className = '', padding = 0 }) => {

diff --git a/src/components/KeynoteSpeaker.jsx b/src/components/KeynoteSpeaker.jsx
@@ -7,7 +7,8 @@ import Icon from '@/components/Icon';
 import Link from 'next/link';
 
 export function KeynoteSpeaker() {
-  const { name, title, speakerImgUrl, speakerImgAlt, socials } = KEYNOTE_SPEAKER;
+  const { name, title, speakerImgUrl, speakerImgAlt, socials } =
+    KEYNOTE_SPEAKER;
   return (
     <section
       id="keynote-speaker"
@@ -34,23 +35,22 @@ export function KeynoteSpeaker() {
                 className="w-full h-full object-cover"
               />
             </div>
-            {/* Speaker Name */}
+          </div>
+          {/* Right Section */}
+          <div className="bg-primary dark:bg-secondary md:mt-2 text-gray-50 md:w-2/5">
             <Heading
               tagLevel={3}
               level={2}
-              className="text-center my-4 text-secondary-600 dark:text-secondary-400"
+              className="my-4 text-secondary-600 dark:text-secondary-400"
             >
               {name}
             </Heading>
-          </div>
-          {/* Right Section */}
-          <div className="bg-primary dark:bg-secondary md:mt-8 text-gray-50 md:w-2/5">
             <div className="">
               <MdxLayout className="text-gray-600 dark:text-gray-400">
                 <AnthonyShawDescription />
               </MdxLayout>
             </div>
-            <div className="flex flex-row flex-wrap mt-8 justify-center">
+            <div className="flex flex-row flex-wrap mt-8">
               {socials.map((item, index) => (
                 <Link
                   key={index}