Skip to content

Commit

Permalink
Add JSON validator and custom font to better handle bold nuances
Browse files Browse the repository at this point in the history
  • Loading branch information
@255kb
255kb committed Jan 8, 2024
1 parent 77497bd commit 3522367
Show file tree
Hide file tree
Showing 30 changed files with 849 additions and 195 deletions.
2 changes: 1 addition & 1 deletion components/accordion.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -56,7 +56,7 @@ const Accordion: FunctionComponent<{
}
>
<span
className='me-4'
className='me-4 fw-medium'
id={`accordionContent${dataGroupIndex}${dataItemIndex}`}
dangerouslySetInnerHTML={{ __html: dataItem.title }}
></span>
Expand Down
2 changes: 1 addition & 1 deletion components/card.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -62,7 +62,7 @@ const Card: FunctionComponent<{
</span>
)}

<h3 className='pb-3 h4 col-10'>{props.data.title}</h3>
<h3 className='pb-3 h4 col-10 fw-medium'>{props.data.title}</h3>

{props.data.description && (
<p
Expand Down
31 changes: 23 additions & 8 deletions components/footer.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -45,7 +45,7 @@ const Footer: FunctionComponent<{
/>
</div>
<div className='col-12 col-lg-3 text-lg-start text-center pt-8 pb-4 pb-lg-0 pt-lg-0'>
<h6 className='fw-bold text-uppercase text-gray-800'>
<h6 className='fw-bold text-uppercase'>
Popular tutorials and articles
</h6>

Expand Down Expand Up @@ -116,7 +116,7 @@ const Footer: FunctionComponent<{
</ul>
</div>
<div className='col-12 col-md-6 col-lg-2 text-lg-start text-center'>
<h6 className='fw-bold text-uppercase text-gray-800'>Learn</h6>
<h6 className='fw-bold text-uppercase'>Learn</h6>

<ul className='list-unstyled text-gray-700'>
<li className='mb-2'>
Expand Down Expand Up @@ -173,7 +173,7 @@ const Footer: FunctionComponent<{
</ul>
</div>
<div className='col-12 col-md-6 col-lg-2 text-lg-start text-center'>
<h6 className='fw-bold text-uppercase text-gray-800'>Services</h6>
<h6 className='fw-bold text-uppercase'>Services</h6>

<ul className='list-unstyled text-gray-700'>
<li className='mb-2'>
Expand All @@ -192,7 +192,7 @@ const Footer: FunctionComponent<{
</Link>
</li>
</ul>
<h6 className='fw-bold text-uppercase text-gray-700'>Apps</h6>
<h6 className='fw-bold text-uppercase'>Apps</h6>

<ul className='list-unstyled text-gray-700'>
<li className='mb-2'>
Expand All @@ -210,6 +210,17 @@ const Footer: FunctionComponent<{
Serverless package
</Link>
</li>
</ul>
</div>
<div className='col-12 col-md-6 col-lg-2 offset-lg-0 text-lg-start text-center'>
{' '}
<h6 className='fw-bold text-uppercase'>Tools</h6>
<ul className='list-unstyled text-gray-700'>
<li className='mb-2'>
<Link href='/playground/' className='text-reset'>
API playground
</Link>
</li>
<li className='mb-2'>
<Link href='/mock-samples/category/all/' className='text-reset'>
Mock samples
Expand All @@ -233,10 +244,16 @@ const Footer: FunctionComponent<{
Mockoon button
</Link>
</li>
<li className='mb-2'>
<Link href='/tools/json-validator/' className='text-reset'>
JSON validator
</Link>
</li>
</ul>
</div>

<div className='col-12 col-md-6 col-lg-2 offset-lg-0 text-lg-start text-center'>
<h6 className='fw-bold text-uppercase text-gray-800'>More</h6>
<h6 className='fw-bold text-uppercase'>More</h6>

<ul className='list-unstyled text-gray-700 mb-0'>
<li className='mb-2'>
Expand Down Expand Up @@ -287,10 +304,8 @@ const Footer: FunctionComponent<{
</Link>
</li>
</ul>
</div>

<div className='col-12 col-md-6 col-lg-2 offset-lg-0 text-lg-start text-center'>
<h6 className='fw-bold text-uppercase text-gray-800'>Policies</h6>
<h6 className='fw-bold text-uppercase'>Policies</h6>

<ul className='list-unstyled text-gray-700 mb-0'>
<li className='mb-2'>
Expand Down
2 changes: 1 addition & 1 deletion components/hero.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -26,7 +26,7 @@ const Hero: FunctionComponent<{
{props.title && (
<h1
dangerouslySetInnerHTML={{ __html: props.title }}
className={`display-4 text-center fw-bold ${
className={`display-4 text-center fw-medium ${
props.mainPicture ? 'text-lg-start' : ''
} `}
></h1>
Expand Down
12 changes: 6 additions & 6 deletions components/markdown.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -39,37 +39,37 @@ const heading = (props) => {
switch (props.node.tagName) {
case 'h1':
return (
<h1 id={linkSlug} className='position-relative '>
<h1 id={linkSlug} className='fw-medium position-relative '>
{container(props.children)}
</h1>
);
case 'h2':
return (
<h2 id={linkSlug} className='position-relative mt-8'>
<h2 id={linkSlug} className='fw-medium position-relative mt-8'>
{container(props.children)}
</h2>
);
case 'h3':
return (
<h3 id={linkSlug} className='position-relative mt-6'>
<h3 id={linkSlug} className='fw-medium position-relative mt-6'>
{container(props.children)}
</h3>
);
case 'h4':
return (
<h4 id={linkSlug} className='position-relative mt-6'>
<h4 id={linkSlug} className='fw-medium position-relative mt-6'>
{container(props.children)}
</h4>
);
case 'h5':
return (
<h5 id={linkSlug} className='position-relative mt-4'>
<h5 id={linkSlug} className='fw-medium position-relative mt-4'>
{container(props.children)}
</h5>
);
case 'h6':
return (
<h6 id={linkSlug} className='position-relative mt-4'>
<h6 id={linkSlug} className='fw-medium position-relative mt-4'>
{container(props.children)}
</h6>
);
Expand Down
8 changes: 4 additions & 4 deletions components/plans.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -276,7 +276,7 @@ const Plans: FunctionComponent<{ showFree: boolean; showTagline: boolean }> =
<div className='col-12 col-md-6 col-xl-3'>
<div className='card shadow-lg mb-6 mb-md-0 h-100'>
<div className='card-body h-100 d-flex flex-column'>
<h3 className='d-flex justify-content-center mb-3'>
<h3 className='d-flex justify-content-center mb-3 fw-medium'>
<span className='text-primary'>Free</span>
<span className='ms-1'>plan</span>
</h3>
Expand Down Expand Up @@ -340,7 +340,7 @@ const Plans: FunctionComponent<{ showFree: boolean; showTagline: boolean }> =
<div className='col-12 col-md-6 col-xl-3'>
<div className='card shadow-lg mb-6 mb-md-0 h-100'>
<div className='card-body h-100 d-flex flex-column'>
<h3 className='d-flex justify-content-center mb-3'>
<h3 className='d-flex justify-content-center mb-3 fw-medium'>
<span className='text-primary'>Solo</span>
<span className='ms-1'>plan</span>
{planFrequency === 'YEARLY' && (
Expand Down Expand Up @@ -441,7 +441,7 @@ const Plans: FunctionComponent<{ showFree: boolean; showTagline: boolean }> =
<div className='col-12 col-md-6 col-xl-3'>
<div className='card shadow-lg mb-md-0 h-100'>
<div className='card-body h-100 d-flex flex-column'>
<h3 className='d-flex justify-content-center mb-3'>
<h3 className='d-flex justify-content-center mb-3 fw-medium'>
<span className='text-primary'>Team</span>
<span className='ms-1'>plan</span>
{planFrequency === 'YEARLY' && (
Expand Down Expand Up @@ -551,7 +551,7 @@ const Plans: FunctionComponent<{ showFree: boolean; showTagline: boolean }> =
<div className='col-12 col-md-6 col-xl-3'>
<div className='card shadow-lg mb-md-0 h-100'>
<div className='card-body h-100 d-flex flex-column'>
<h3 className='d-flex justify-content-center mb-3'>
<h3 className='d-flex justify-content-center mb-3 fw-medium'>
<span className='text-primary'>Enterprise</span>
<span className='ms-1'>plan</span>
{planFrequency === 'YEARLY' &&
Expand Down
29 changes: 0 additions & 29 deletions components/terminal.tsx
View file

This file was deleted.

Loading

0 comments on commit 3522367

Please sign in to comment.