Merge branch 'master' of https://github.com/asyncapi/conference-website…

… into feat/add-testing-framework
ashmit-coder · Sep 16, 2024 · c0b297c · c0b297c
2 parents 4d522ab + 2651f8d
commit c0b297c
Show file tree

Hide file tree

Showing 7 changed files with 29 additions and 10 deletions.
diff --git a/components/Buttons/button.js b/components/Buttons/button.js
@@ -6,7 +6,7 @@ function Button({className, children, overlay, onClick, type, disabled}) {
 		  disabled={disabled}
 		  type={type}
 		  onClick={onClick}
-			className={`${overlay ? '' : 'gradient-bg'} text-white h-[54px] rounded-md p-[8px] ${className}`}
+			className={`${overlay ? '' : 'gradient-bg'}  text-white h-[54px] rounded-md p-[8px] ${className}`}
       >{children}</button>
 	);
 }

diff --git a/components/Navbar/navbar.js b/components/Navbar/navbar.js
@@ -94,14 +94,14 @@ function Navbar() {
 					) : (
 						<div className='flex items-center'>
 							{links.map((link) => (
-								<div href={link.ref} key={link.title}>
+								<div href={link.ref} key={link.title} >
 									<div
 										onMouseEnter={() => handleMouseEnter(link.title)}
 										onMouseLeave={handleMouseLeave}
 										className='ml-16 text-[14px] group cursor-pointer relative flex flex-col'
 										data-test = {`nav-${link.title}`}
 									>
-										<div>
+										<div >
 											{link.subMenu ? (
 												<div className='flex items-center'>
 													{link.title}{' '}
@@ -114,10 +114,13 @@ function Navbar() {
 													)}
 												</div>
 											) : (
-												<Link href={link.ref}>{link.title}</Link>
+												<Link href={link.ref} >{link.title}</Link>
 											)}
+
 										</div>
-										{show && show === link.title && link.subMenu && (
+										<span class="after:absolute after:-bottom-1 after:left-1/2 after:w-0 after:transition-all after:h-0.5 after:bg-white after:group-hover:w-3/6  "></span>
+                                       <span class="after:absolute after:-bottom-1 after:right-1/2 after:w-0 after:transition-all after:h-0.5 after:bg-white after:group-hover:w-3/6"></span>
+										{show === link.title && link.subMenu && (
 											<div
 												onMouseLeave={handleSubMenuLeave}
 												className='subMenu absolute z-[9] mt-8 w-[140px] rounded-md left-[-15px] gradient-bg pl-2 pt-1 flex flex-col justify-center space-y-0'>

diff --git a/components/Speaker/speaker.js b/components/Speaker/speaker.js
@@ -7,8 +7,8 @@ function Speaker({details, location, className}) {
 			className={`w-auto text-center flex flex-col items-center card h-auto rounded-md p-[27px] ${className}`}
 			data-test="speakers-section"
 		>
-			<div className='w-[300px] h-[300px] lg:w-[250px] lg:h-[250px]'>
-				<Image src={details.img} alt={details.name} width={0} height={0} sizes='100vw' className='rounded-full object-cover' />
+			<div className='w-[300px] h-[300px] lg:w-[250px] lg:h-[250px] relative overflow-hidden  rounded-full'>
+				<Image src={details.img} alt={details.name} width={0} height={0} sizes='100vw' className='rounded-full    object-cover  transition-all duration-300 hover:scale-110' />
 			</div>
 			<div className='mt-[19px]'>
 				<h3 className='text-[23px] text-white'>{details.name}</h3>

diff --git a/config/city-lists.json b/config/city-lists.json
@@ -3,6 +3,7 @@
 		"name": "Online",
 		"country": " Edition",
 		"date": "30th October 2024",
+		"cfpdate":"Not announced yet",
 		"description": "Join us for the AsyncAPI Online Conference Edition as the community unites across the globe to share experiences, collaborate, and foster meaningful connections.",
 		"img": "/img/testMic.png",
 		"address": "AsyncAPI Youtube Channel",
@@ -20,6 +21,7 @@
 		"name": "Helsinki",
 		"country": "Finland",
 		"date": "May 29 2024",
+		"cfpdate":"Not announced yet",
 		"description": "Join us in Helsinki for the AsyncAPI Conference, where we will explore all things AsyncAPI and connect physical and digital worlds. Get excited as we delve into sustainable APIs for the Era of AI, Data Platforms, and Quantum Computing!.",
 		"img": "/img/finland.webp",
 		"address": "Pikku-Finlandia, Helsinki, Karamzininranta 4, 00100 Helsinki, Finland",
@@ -35,6 +37,7 @@
 		"name": "London",
 		"country": "UK",
 		"date": "September 18, 2024",
+		"cfpdate":"Not announced yet",
 		"description": "Join us in London for AsyncAPI Conference and learn how to speak fluent API! Let's taco about messaging and have a fiesta you will remember!",
 		"img": "/img/london.gif",
 		"address": "155 Bishopsgate, London EC2M 3YD",
@@ -50,6 +53,7 @@
 		"name": "Paris",
 		"country": "France",
 		"date": "December 3-5, 2024",
+		"cfpdate":"September 20, 2024",
 		"description": "Join us at apidays Paris for the AsyncAPI Conference and experience the art of API perfection! Let's craft a symphony of messaging and celebrate tech in style!",
 		"img": "https://media1.giphy.com/media/v1.Y2lkPTc5MGI3NjExd24yenR4djEyZzRoeDA0ZmEyb3Y1c2F4NWVmbG13NmZwYWNhZzdnNiZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/Tuy3QxNZF1cxG/giphy.gif",
 		"address": "CNIT (Centre des Nouvelles Industries et Technologies), Paris 2 Place de la Défense, 92092 Puteaux",

diff --git a/pages/index.js b/pages/index.js
@@ -95,11 +95,20 @@ export default function Home() {
 													className={`w-[168px] ${
 														city.city === speaker.city
 															? 'gradient-bg'
-															: 'border border-gray'
+															: 'border border-gray btn relative  overflow-hidden  transition-all  rounded  group py-1.5 px-2.5 '
 													}`}
 													overlay={true}
 													>
-													{speaker.city}
+													{/* {speaker.city} */}
+	 												{city.city !== speaker.city && (
+        <>
+        <span className="transparent-bg "></span>
+        <span className="relative w-full  rounded transition-colors duration-300 ease-in-out group-hover:text-white">
+          {speaker.city}
+        </span>
+      </>
+    )}
+    {city.city === speaker.city && speaker.city}
 													</Button>
 												</div>
 											);

diff --git a/pages/venue/[id].js b/pages/venue/[id].js
@@ -72,7 +72,7 @@ function Venue({ city }) {
 				className='border border-x-0 border-b-0 border-t-[#333] py-28 container flex flex-col justify-center items-center '
 			>
 				{city.cfp ? <div className='w-[1090px] lg:w-full'>
-				<Guidelines talkDeadLine={(city.name=='Online' && CFPdata.CallEndDate) || city.date} virtual={city.name=='Online'} name={city.name} cfp={city.cfp}/>
+				<Guidelines talkDeadLine={(city.name=='Online' && CFPdata.CallEndDate) || city.cfpdate} virtual={city.name=='Online'} name={city.name} cfp={city.cfp}/>
 				</div> : <div className='w-[1130px] lg:w-full'>
 					<Agenda city={city} />
 				</div>}

diff --git a/styles/globals.css b/styles/globals.css
@@ -87,6 +87,9 @@ body {
   opacity: 1;
 }
 
+.transparent-bg{
+  @apply w-56 h-48 rounded gradient-bg absolute bottom-0 left-0 translate-x-full ease-out duration-500 transition-all translate-y-full mb-9 ml-9 group-hover:ml-0 group-hover:mb-32 group-hover:translate-x-0
+}
 .navbg:hover, .navbg:focus{
     background: linear-gradient(225deg, #AD20E2 9.35%, #2DCCFD 88.41%);
 }