|
|
@@ -61,15 +61,14 @@ const HeroSection = () => {
|
|
|
Help JSON Crack's Goals
|
|
|
<FaHeart />
|
|
|
</Styles.StyledSponsorButton>
|
|
|
- <Link
|
|
|
+ <Styles.StyledSponsorButton
|
|
|
href="https://marketplace.visualstudio.com/items?itemName=AykutSarac.jsoncrack-vscode"
|
|
|
- passHref
|
|
|
+ link
|
|
|
+ isBlue
|
|
|
>
|
|
|
- <Styles.StyledSponsorButton isBlue>
|
|
|
- GET IT ON VS CODE
|
|
|
- <SiVisualstudiocode />
|
|
|
- </Styles.StyledSponsorButton>
|
|
|
- </Link>
|
|
|
+ GET IT ON VS CODE
|
|
|
+ <SiVisualstudiocode />
|
|
|
+ </Styles.StyledSponsorButton>
|
|
|
<GoalsModal visible={isModalVisible} setVisible={setModalVisible} />
|
|
|
</Styles.StyledButtonWrapper>
|
|
|
</Styles.StyledHeroSection>
|
|
|
@@ -198,6 +197,13 @@ const EmbedSection = () => (
|
|
|
Easily embed the JSON Crack graph into your website to showcase your
|
|
|
visitors, blog readers or anybody else!
|
|
|
</Styles.StyledMinorTitle>
|
|
|
+ <Styles.StyledButton
|
|
|
+ href="https://jsoncrack.com/embed"
|
|
|
+ status="SECONDARY"
|
|
|
+ link
|
|
|
+ >
|
|
|
+ LEARN TO EMBED
|
|
|
+ </Styles.StyledButton>
|
|
|
</Styles.StyledSectionArea>
|
|
|
<div>
|
|
|
<Styles.StyledIframge
|
|
|
@@ -205,9 +211,12 @@ const EmbedSection = () => (
|
|
|
onLoad={e => {
|
|
|
const frame = e.currentTarget.contentWindow;
|
|
|
setTimeout(() => {
|
|
|
- frame?.postMessage({
|
|
|
- json: defaultJson,
|
|
|
- }, "*");
|
|
|
+ frame?.postMessage(
|
|
|
+ {
|
|
|
+ json: defaultJson,
|
|
|
+ },
|
|
|
+ "*"
|
|
|
+ );
|
|
|
}, 500);
|
|
|
}}
|
|
|
></Styles.StyledIframge>
|
AykutSarac