GitHub/jsoncrack.com
1
0
Fork 0
mirror of https://github.com/AykutSarac/jsoncrack.com.git synced 2025-01-27 15:22:56 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix homepage

Browse Source
This commit is contained in:
AykutSarac 2022-12-08 00:08:23 +03:00
parent ba02b60e06
commit 3feb5983a4
1 changed files with 19 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
src/containers/Home/index.tsx
View File

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