Skip to content
Merged
Show file tree
Hide file tree
Changes from 2 commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
53 changes: 53 additions & 0 deletions pages/index.page.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -111,6 +111,9 @@ const Home = (props: any) => {
const [rxdb_logo, setRxdb_logo] = useState('');
const [wda_logo, setWDA_logo] = useState('');
const [anon_logo, setAnon_logo] = useState('');
const [sourcemeta_logo, setSourcemeta_logo] = useState('');
const [dottxt_logo, setDottxt_logo] = useState('');
const [devevents_logo, setDevevents_logo] = useState('');

useEffect(() => {
// Ensure the component is only rendered client-side
Expand All @@ -135,6 +138,9 @@ const Home = (props: any) => {
setRxdb_logo('/img/logos/sponsors/rxdb.svg');
setWDA_logo('/img/logos/sponsors/wda-dark.svg');
setAnon_logo('/img/logos/sponsors/anon-white.png');
setSourcemeta_logo('/img/logos/sponsors/sourcemeta-logo-light.svg');
setDottxt_logo('/img/logos/sponsors/dottxt-logo-white.svg');
setDevevents_logo('/img/logos/dark-mode/dev_events_logo.png');
} else {
setAsyncapi_logo('/img/logos/sponsors/asyncapi-logo-dark.svg');
setAirbnb_logo('/img/logos/sponsors/airbnb-logo.png');
Expand All @@ -153,6 +159,8 @@ const Home = (props: any) => {
setRxdb_logo('/img/logos/sponsors/rxdb.svg');
setWDA_logo('/img/logos/sponsors/wda.svg');
setAnon_logo('/img/logos/sponsors/anon-black.png');
setSourcemeta_logo('/img/logos/sponsors/sourcemeta-logo-dark.svg');
setDottxt_logo('/img/logos/sponsors/dottxt-logo-dark.svg');
}
}, [resolvedTheme]);
return (
Expand Down Expand Up @@ -875,6 +883,20 @@ for Accounting integrations'
alt='Instagram Story Viewer'
/>
</a>
<a href='https://dottxt.ai/' target='_blank' rel='noreferrer'>
<img src={dottxt_logo} className=' w-44' alt='dottxt logo' />
</a>
<a
href='https://www.sourcemeta.com/'
target='_blank'
rel='noreferrer'
>
<img
src={sourcemeta_logo}
className=' w-44'
alt='dottxt logo'
/>
</a>
<a
href='https://opencollective.com/json-schema/contribute/sponsor-10816/checkout?interval=month&amount=100&name=&legalName=&email='
target='_blank'
Expand All @@ -901,6 +923,37 @@ for Accounting integrations'
</div>
</section>

{/* Media Partner for JSON Schema conference */}
<section className='my-20'>
Copy link
Member

@Utkarsh-123github Utkarsh-123github Nov 3, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

image

Hi @Honyii 👋🏻, the new changes look awesome, great work! 🙌🏻
I just had a small suggestion:

  • Maybe we could reduce the spacing from my-20 to my-18, as there seems to be a bit of extra space right now (as highlighted in the image).

<div className='text-center mb-12'>
<h2 className='text-h3mobile md:text-h3 font-semibold mb-2'>
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

  • to keep consistency in dark mode, the heading should use 'dark: text-slate-200' color.

Media Partner
</h2>
<p className='px-12 mx-auto md:w-3/4 md:mx-auto'>
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

  • For paragraph, we should use 'dark: text-slate-300' color.

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@Utkarsh-123github thanks for checking my pr and the suggestions given. I have updated the color and for the classname, there is no my-18 so I used my-16 for this. Kindly let me know if it's okay- i am happy to reiterate.

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@Utkarsh-123github kindly do not merge yet - I have one more logo for a sponsor i need to add. This came up last minute.

The JSON Schema Conference is proudly featured on a global
platform connecting tech communities with over 250k monthly
visitors, helping speakers, organizers, and attendees discover and
engage with leading conferences worldwide.
<br />
</p>
</div>
<div className='flex flex-col items-center md:flex-row justify-center text-center gap-x-14 gap-y-4'>
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Hi @Honyii , here just give a 'mb-12' and then we are good to proceed🚀
Thank you!

<a href='https://dev.events/'>
{isClient && (
<>
<Image
src={devevents_logo}
className='w-48 md:w-56'
width={192}
height={224}
alt='dev events'
/>
</>
)}
</a>
</div>{' '}
</section>

{/* Supported */}

<section className='my-20'>
Expand Down
Binary file added public/img/logos/dark-mode/dev_events_logo.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
1 change: 1 addition & 0 deletions public/img/logos/sponsors/dottxt-logo-dark.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
1 change: 1 addition & 0 deletions public/img/logos/sponsors/dottxt-logo-white.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Loading