This commit is contained in:
Tben
2022-07-27 18:16:20 +01:00
parent 60d5051e07
commit 355f519079
6 changed files with 39 additions and 17 deletions
+1
View File
@@ -82,6 +82,7 @@ export default function BlogIndex({ blogPost }) {
if (element.tag.match(/img/i)) {
return <img
key={ reactKey }
src={ element.src }
width={ element.width }
height={ element.height }
+3 -1
View File
@@ -8,6 +8,7 @@ import Head from "next/head";
// const contentful = require('contentful');
const fs = require("fs")
/** ********************************************** */
/** ********************************************** */
@@ -134,6 +135,7 @@ export async function getStaticProps({ req, res, query }) {
// })
// console.log(blogPosts.data);
const posts = JSON.parse(fs.readFileSync("./jsonData/blogposts.json", "utf8"))
/** ********************************************** */
/** ********************************************** */
@@ -142,7 +144,7 @@ export async function getStaticProps({ req, res, query }) {
// ## Server Props Return
return {
props: {
blogPosts: [],
blogPosts: posts,
},
};
+18 -15
View File
@@ -7,25 +7,28 @@ import GeneralLayout from '../layouts/general_layout/GeneralLayout'
const index = () => {
return (
<GeneralLayout pageName="home">
<React.Fragment>
<Head>
<title>Benjamin Toby | Fullstack developer, UI UX designer</title>
<meta name="description" content="UI/UX designer, Full Stack Web Developer, Web/graphic/motion designer, React Developer, Next JS developer, Node JS developer, Javascript Developer, Linux Ubuntu, DevOps, Nginx, MySQL developer, Freelancer" />
</Head>
<h1><TextShuffler textInput="UI/UX designer, Full Stack Web Developer, Web/graphic/motion designer" /></h1>
<span className='hero-sub-text'>
<TextShuffler textInput="Hi, I'm Benjamin Toby, a fullstack web developer and UI/UX expert." delay={ 500 } />
</span>
<div className="hero-ctas-section">
<a href='/documents/Benjamin_Toby_CV-updated.pdf' download={ true }>See my resume</a>
<a href='https://www.linkedin.com/in/benjamin-toby/' target="_blank">Linkedin</a>
<a href='/contact' style={ {
backgroundColor: "transparent",
color: "white",
border: "2px solid white"
} }>Contact Me</a>
</div>
</GeneralLayout>
<GeneralLayout pageName="home">
<h1><TextShuffler textInput="UI/UX designer, Full Stack Web Developer, Web/graphic/motion designer" /></h1>
<span className='hero-sub-text'>
<TextShuffler textInput="Hi, I'm Benjamin Toby, a fullstack web developer and UI/UX expert." delay={ 500 } />
</span>
<div className="hero-ctas-section">
<a href='/documents/Benjamin_Toby_CV-updated.pdf' download={ true }>See my resume</a>
<a href='https://www.linkedin.com/in/benjamin-toby/' target="_blank">Linkedin</a>
<a href='/contact' style={ {
backgroundColor: "transparent",
color: "white",
border: "2px solid white"
} }>Contact Me</a>
</div>
</GeneralLayout>
</React.Fragment>
)
}