Skip to content

Commit d33e670

Browse files
idanidan29idanidan29
authored
improving the community page by adjusting the card text and buttons placement (#1505)
* centering the slack card * Centering the card content
1 parent 7bc55c0 commit d33e670

File tree

1 file changed

+61
-47
lines changed

1 file changed

+61
-47
lines changed

‎pages/community/index.page.tsx‎

Lines changed: 61 additions & 47 deletions
Original file line numberDiff line numberDiff line change
@@ -155,16 +155,19 @@ export default function communityPages(props: any) {
155155
<h2 className=' text-blue-700 font-bold text-[2rem] text-center'>
156156
Ambassadors Program
157157
</h2>
158-
<h2 className='font-bold text-slate-500 text-base tracking-wide dark:text-white mt-10'>
158+
<h2 className='text-center font-bold text-slate-500 text-base tracking-wide dark:text-white mt-10'>
159159
The JSON Schema Ambassadors Program recognize the people who
160160
drive adoption, innovation and knowledge sharing in the JSON
161161
Schema community.
162162
</h2>
163-
<div className='mt-10 mx-auto' data-testid='HomeCard-button'>
163+
<div
164+
className='mt-10 mx-auto flex justify-center items-center'
165+
data-testid='HomeCard-button'
166+
>
164167
<a
165168
href='/ambassadors'
166169
rel='noopener noreferrer'
167-
className='bg-blue-700 hover:bg-blue-800 text-white font-bold py-2 px-4 rounded block md:inline-block focus:outline-none'
170+
className='bg-blue-700 hover:bg-blue-800 text-white font-bold py-2 px-4 rounded block md:inline-block focus:outline-none'
168171
>
169172
Become an ambassador
170173
</a>
@@ -176,15 +179,18 @@ export default function communityPages(props: any) {
176179

177180
<div className='z-40 mt-20 rounded-lg border border-gray-200 bg-white transition-colors hover:bg-slate-100 mx-auto w-full md:h-[520px] md:flex grid grid-cols-1 lg:grid-cols-2 md:justify-between dark:bg-slate-800 hover:dark:bg-slate-900/30 shadow-3xl dark:shadow-2xl dark:shadow-slate-900'>
178181
<div className='p-4 px-8 flex justify-between w-full md:w-3/6 h-auto flex-col text-center md:text-left'>
179-
<div data-testid='HomeCard-main' className='m-auto'>
180-
<h2 className=' text-blue-700 font-bold text-[2rem] text-center'>
182+
<div
183+
data-testid='HomeCard-main'
184+
className='m-auto flex flex-col items-center text-center'
185+
>
186+
<h2 className='text-blue-700 font-bold text-[2rem]'>
181187
Join the JSON Schema Slack workspace!
182188
</h2>
183-
<h2 className=' font-bold text-base text-slate-500 dark:text-white tracking-wide mt-10'>
189+
<h2 className='font-bold text-base text-slate-500 dark:text-white tracking-wide mt-10'>
184190
Join our Slack to ask questions, get feedback on your
185191
projects, and connect with +5000 practitioners and experts.
186192
</h2>
187-
<div className='mt-10 mx-auto' data-testid='HomeCard-button'>
193+
<div className='mt-10'>
188194
<a
189195
href='/slack'
190196
rel='noopener noreferrer'
@@ -206,28 +212,34 @@ export default function communityPages(props: any) {
206212
<h2 className='text-blue-700 text-[2rem] font-bold text-center'>
207213
JSON Schema Community Meetings & Events
208214
</h2>
209-
<h2 className='text-slate-500 text-base tracking-wide dark:text-white mt-10 font-bold text-body-lg tracking-body font-regular'>
210-
We hold monthly Office Hours and weekly Open Community Working
211-
Meetings. Office Hours are every first Tuesday of the month at
212-
15:00 BST, and by appointment. Open Community Working Meetings
213-
are every Monday at 14:00 PT.
214-
</h2>
215-
<div className='mt-10 ' data-testid='HomeCard-button'>
216-
<a
217-
href='https://github.com/orgs/json-schema-org/discussions/35'
218-
rel='noopener noreferrer'
219-
className='bg-blue-700 hover:bg-blue-800 text-white font-bold py-2 px-4 rounded block md:inline-block focus:outline-none'
220-
>
221-
Open Community Working Meetings
222-
</a>
223-
<br />
224-
<a
225-
href='https://github.com/orgs/json-schema-org/discussions/34/'
226-
rel='noopener noreferrer'
227-
className='bg-blue-700 hover:bg-blue-800 text-white font-bold py-2 px-4 rounded block md:inline-block focus:outline-none mt-4'
228-
>
229-
Office Hours
230-
</a>
215+
<div
216+
className='mt-10 text-center'
217+
data-testid='HomeCard-button'
218+
>
219+
<h2 className='text-slate-500 text-base tracking-wide dark:text-white mt-10 font-bold text-body-lg tracking-body font-regular'>
220+
We hold monthly Office Hours and weekly Open Community
221+
Working Meetings. Office Hours are every first Tuesday of
222+
the month at 15:00 BST, and by appointment. Open Community
223+
Working Meetings are every Monday at 14:00 PT.
224+
</h2>
225+
<div className='mt-10 flex justify-center'>
226+
<a
227+
href='https://github.com/orgs/json-schema-org/discussions/35'
228+
rel='noopener noreferrer'
229+
className='bg-blue-700 hover:bg-blue-800 text-white font-bold py-2 px-4 rounded block md:inline-block focus:outline-none'
230+
>
231+
Open Community Working Meetings
232+
</a>
233+
</div>
234+
<div className='mt-4 flex justify-center'>
235+
<a
236+
href='https://github.com/orgs/json-schema-org/discussions/34/'
237+
rel='noopener noreferrer'
238+
className='bg-blue-700 hover:bg-blue-800 text-white font-bold py-2 px-4 rounded block md:inline-block focus:outline-none'
239+
>
240+
Office Hours
241+
</a>
242+
</div>
231243
</div>
232244
</div>
233245
</div>
@@ -270,28 +282,30 @@ export default function communityPages(props: any) {
270282
<br />
271283
the JSON Schema Blog!
272284
</h2>
273-
<h2 className='font-bold text-slate-500 text-base dark:text-white tracking-wide mt-10'>
274-
<p>
275-
Want to publish a blog post? Check out the&nbsp;
285+
<div className='m-auto flex flex-col items-center text-center'>
286+
<h2 className='font-bold text-slate-500 text-base dark:text-white tracking-wide mt-10'>
287+
<p>
288+
Want to publish a blog post? Check out the&nbsp;
289+
<a
290+
target='_blank'
291+
rel='noopener noreferrer'
292+
href='https://github.com/json-schema-org/community/blob/main/docs/blog-guidelines.md'
293+
className='underline'
294+
>
295+
guidelines
296+
</a>
297+
&nbsp;and submit yours!
298+
</p>
299+
</h2>
300+
<div className='mt-10'>
276301
<a
277-
target='_blank'
302+
href='/blog'
278303
rel='noopener noreferrer'
279-
href='https://github.com/json-schema-org/community/blob/main/docs/blog-guidelines.md'
280-
className='underline'
304+
className='bg-blue-700 hover:bg-blue-800 text-white font-bold py-2 px-4 rounded block md:inline-block focus:outline-none'
281305
>
282-
guidelines
306+
Read blog
283307
</a>
284-
&nbsp;and submit yours!
285-
</p>{' '}
286-
</h2>
287-
<div className='mt-10 mx-auto' data-testid='HomeCard-button'>
288-
<a
289-
href='/blog'
290-
rel='noopener noreferrer'
291-
className='bg-blue-700 hover:bg-blue-800 text-white font-bold py-2 px-4 rounded block md:inline-block focus:outline-none'
292-
>
293-
Read blog
294-
</a>
308+
</div>
295309
</div>
296310
</div>
297311
</div>

0 commit comments

Comments
 (0)