2022-02-04 11:25:05 +00:00
|
|
|
import React from 'react'
|
|
|
|
|
import Head from 'next/head'
|
|
|
|
|
import TextShuffler from '../components/actions/TextShuffler'
|
|
|
|
|
import GeneralLayout from '../layouts/general_layout/GeneralLayout'
|
|
|
|
|
import PortfolioEntry from '../components/PortfolioEntry'
|
|
|
|
|
|
2022-03-12 20:48:25 +00:00
|
|
|
const myWork = () => {
|
2022-02-04 11:25:05 +00:00
|
|
|
const portfolioEntries = require("../components/portfolioEntries.json");
|
|
|
|
|
|
|
|
|
|
return (
|
|
|
|
|
<GeneralLayout>
|
|
|
|
|
<Head>
|
|
|
|
|
<title>My Work | Tben</title>
|
|
|
|
|
<meta name="description" content="Some of my Work" />
|
|
|
|
|
</Head>
|
2022-06-04 07:26:53 +00:00
|
|
|
<h1><TextShuffler textInput="My Work" /></h1>
|
2022-03-11 12:45:49 +00:00
|
|
|
<span className='hero-sub-text'>
|
2022-06-04 07:26:53 +00:00
|
|
|
<TextShuffler textInput="Some of my work ..." delay={ 500 } />
|
2022-02-04 11:25:05 +00:00
|
|
|
</span>
|
|
|
|
|
|
2022-03-11 12:45:49 +00:00
|
|
|
<div className='portfolio-entries-block mt-4'>
|
2022-02-04 11:25:05 +00:00
|
|
|
{ portfolioEntries.map(entry => <PortfolioEntry key={ entry.title } title={ entry.title } description={ entry.description } url={ entry.url } image={ entry.image } />) }
|
|
|
|
|
</div>
|
|
|
|
|
</GeneralLayout>
|
|
|
|
|
)
|
|
|
|
|
}
|
|
|
|
|
|
2022-03-12 20:48:25 +00:00
|
|
|
export default myWork
|
|
|
|
|
|
|
|
|
|
// {
|
|
|
|
|
// "title": "Stirrmedia Social webapp",
|
|
|
|
|
// "description": "A new social media experience without censorship",
|
|
|
|
|
// "url": "https://stirrmedia.com",
|
|
|
|
|
// "image": "/images/stirrmediascreenshot.png"
|
|
|
|
|
// },
|
