Skip to content

Commit

Permalink
fix: fixing visibility issue
Browse files Browse the repository at this point in the history 
Signed-off-by: SumantxD <[email protected]>
  • Loading branch information
@SumantxD
SumantxD committed May 20, 2023
1 parent 2e66667 commit fc5522d
Show file tree
Hide file tree
Showing 2 changed files with 9 additions and 9 deletions.
2 changes: 1 addition & 1 deletion components/Carousel.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -58,7 +58,7 @@ export default function Carousel({
index !== current && index < current ? "-translate-x-full" : ""
} w-full transition-all duration-700`}
>
{!item.video ? item.element : null}
{!item.video ? React.cloneElement(item.element, { alt: "Carousel Image" }) : null}
{index === current && item.video ? item.element : null}
<div
className={`${
Expand Down
16 changes: 8 additions & 8 deletions pages/index.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -230,7 +230,7 @@ function HomePage() {
data={[
{
element: (
<section className="text-gray-600 body-font w-[500px] object-contain mx-auto -mt-12">
<section className="text-gray-800 body-font w-[500px] object-contain mx-auto -mt-12">
<div className="container px-5 py-24 mx-auto">
<div className="flex flex-wrap -m-4">
<div className="mb-6 p-4">
Expand All @@ -239,7 +239,7 @@ function HomePage() {
<p className="leading-relaxed">Microservices underline the need for event-based communication in distributed architectures. AsyncAPI brings the richness of the REST API ecosystem to asynchronous APIs.</p>
<span className="inline-block h-1 w-10 rounded bg-indigo-500 mt-6 mb-4"></span>
<h2 className="text-gray-900 font-medium title-font tracking-wider text-sm">Matt McLarty</h2>
<p className="text-gray-500">Global Leader of API Strategy at MuleSoft</p>
<p className="text-gray-700">Global Leader of API Strategy at MuleSoft</p>
</div>
</div>
</div>
Expand All @@ -249,7 +249,7 @@ function HomePage() {
},
{
element: (
<section className="text-gray-600 body-font w-[500px] object-contain mx-auto -mt-12">
<section className="text-gray-800 body-font w-[500px] object-contain mx-auto -mt-12">
<div className="container px-5 py-24 mx-auto">
<div className="flex flex-wrap -m-4">
<div className="mb-6 p-4">
Expand All @@ -258,7 +258,7 @@ function HomePage() {
<p className="leading-relaxed">Event-driven APIs need love too! AsyncAPI brings the many benefits of a machine/human readable specification to these nuanced approaches.</p>
<span className="inline-block h-1 w-10 rounded bg-indigo-500 mt-6 mb-4"></span>
<h2 className="text-gray-900 font-medium title-font tracking-wider text-sm">Bill Doerrfeld</h2>
<p className="text-gray-500">Editor in Chief at Nordic APIs</p>
<p className="text-gray-700">Editor in Chief at Nordic APIs</p>
</div>
</div>
</div>
Expand All @@ -268,7 +268,7 @@ function HomePage() {
},
{
element: (
<section className="text-gray-600 body-font w-[500px] object-contain mx-auto -mt-12">
<section className="text-gray-800 body-font w-[500px] object-contain mx-auto -mt-12">
<div className="container px-5 py-24 mx-auto">
<div className="flex flex-wrap -m-4">
<div className="mb-6 p-4">
Expand All @@ -277,7 +277,7 @@ function HomePage() {
<p className="leading-relaxed">Developers need to be able to quickly and consistently create event-driven applications that provide business value and react to customer needs in realtime. I can't count how many times I've heard developers ask for OpenAPI/Swagger style tools for the asynchronous and event driven world, and that is exactly what the AsyncAPI initiative is making a reality.</p>
<span className="inline-block h-1 w-10 rounded bg-indigo-500 mt-6 mb-4"></span>
<h2 className="text-gray-900 font-medium title-font tracking-wider text-sm">Jonathan Schabowsky</h2>
<p className="text-gray-500">Sr. Architect, Office of the CTO at Solace</p>
<p className="text-gray-700">Sr. Architect, Office of the CTO at Solace</p>
</div>
</div>
</div>
Expand All @@ -287,7 +287,7 @@ function HomePage() {
},
{
element: (
<section className="text-gray-600 body-font w-[500px] object-contain mx-auto -mt-12">
<section className="text-gray-800 body-font w-[500px] object-contain mx-auto -mt-12">
<div className="container px-5 py-24 mx-auto">
<div className="flex flex-wrap -m-4">
<div className="mb-6 p-4">
Expand All @@ -296,7 +296,7 @@ function HomePage() {
<p className="leading-relaxed">We’ve been focusing on event-driven APIs since 2014 and thank the AsyncAPI contributors everyday for driving the community towards common standards.</p>
<span className="inline-block h-1 w-10 rounded bg-indigo-500 mt-6 mb-4"></span>
<h2 className="text-gray-900 font-medium title-font tracking-wider text-sm">Eric Horesnyi</h2>
<p className="text-gray-500">CEO at Streamdata.io</p>
<p className="text-gray-700">CEO at Streamdata.io</p>
</div>
</div>
</div>
Expand Down

0 comments on commit fc5522d

Please sign in to comment.