|
|
@@ -1,3 +1,4 @@
|
|
|
+import Head from "next/head";
|
|
|
import React from "react";
|
|
|
import styled from "styled-components";
|
|
|
|
|
|
@@ -9,16 +10,25 @@ const StyledPageWrapper = styled.iframe`
|
|
|
|
|
|
const Embed = () => {
|
|
|
return (
|
|
|
- <StyledPageWrapper
|
|
|
- scrolling="no"
|
|
|
- title="Untitled"
|
|
|
- src="https://codepen.io/AykutSarac/embed/PoawZYo?default-tab=html%2Cresult"
|
|
|
- loading="lazy"
|
|
|
- >
|
|
|
- See the Pen <a href="https://codepen.io/AykutSarac/pen/PoawZYo">Untitled</a> by
|
|
|
- Aykut Saraç (<a href="https://codepen.io/AykutSarac">@AykutSarac</a>) on{" "}
|
|
|
- <a href="https://codepen.io">CodePen</a>.
|
|
|
- </StyledPageWrapper>
|
|
|
+ <>
|
|
|
+ <Head>
|
|
|
+ <title>Creating JSON Crack Embed | JSON Crack</title>
|
|
|
+ <meta
|
|
|
+ name="description"
|
|
|
+ content="Embedding JSON Crack tutorial into your websites."
|
|
|
+ />
|
|
|
+ </Head>
|
|
|
+ <StyledPageWrapper
|
|
|
+ scrolling="no"
|
|
|
+ title="Untitled"
|
|
|
+ src="https://codepen.io/AykutSarac/embed/PoawZYo?default-tab=html%2Cresult"
|
|
|
+ loading="lazy"
|
|
|
+ >
|
|
|
+ See the Pen <a href="https://codepen.io/AykutSarac/pen/PoawZYo">Untitled</a>{" "}
|
|
|
+ by Aykut Saraç (<a href="https://codepen.io/AykutSarac">@AykutSarac</a>) on{" "}
|
|
|
+ <a href="https://codepen.io">CodePen</a>.
|
|
|
+ </StyledPageWrapper>
|
|
|
+ </>
|
|
|
);
|
|
|
};
|
|
|
|
AykutSarac