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-11 10:43:00 +00:00
|
|
|
import threeJsAnimations from '../functions/frontend/threeJsAnimations'
|
2022-02-04 11:25:05 +00:00
|
|
|
|
|
|
|
|
const about = () => {
|
|
|
|
|
const portfolioEntries = require("../components/portfolioEntries.json");
|
|
|
|
|
|
2022-03-11 10:43:00 +00:00
|
|
|
React.useEffect(() => {
|
|
|
|
|
threeJsAnimations()
|
|
|
|
|
}, [])
|
|
|
|
|
|
2022-02-04 11:25:05 +00:00
|
|
|
return (
|
|
|
|
|
<GeneralLayout>
|
|
|
|
|
<Head>
|
|
|
|
|
<title>My Work | Tben</title>
|
|
|
|
|
<meta name="description" content="Some of my Work" />
|
|
|
|
|
</Head>
|
|
|
|
|
<h1><TextShuffler textInput="My Work" /></h1>
|
|
|
|
|
<span className='hero-sub-text' style={ { marginTop: "-30px", marginBottom: "20px", display: "block" } }>
|
|
|
|
|
<TextShuffler textInput="Some of my work ..." />
|
|
|
|
|
</span>
|
|
|
|
|
|
|
|
|
|
<div className='portfolio-entries-block'>
|
|
|
|
|
{ portfolioEntries.map(entry => <PortfolioEntry key={ entry.title } title={ entry.title } description={ entry.description } url={ entry.url } image={ entry.image } />) }
|
|
|
|
|
</div>
|
2022-03-11 10:43:00 +00:00
|
|
|
<div className='fixed top-0 left-0 -z-10' id='homepage-animation-wrapper'></div>
|
2022-02-04 11:25:05 +00:00
|
|
|
</GeneralLayout>
|
|
|
|
|
)
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
export default about
|
