tben/personal-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

updates

Browse Source
This commit is contained in:
Tben
2022-03-11 11:43:00 +01:00
parent a7d863d5c4
commit 6646654de0
13 changed files with 2818 additions and 5858 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pages/_app.js
+1
View File
@@ -1,4 +1,5 @@
import "../styles/main.css";
import "../styles/tw_main.css";
import { Fragment } from "react";
import Script from "next/script";
pages/about.jsx
+8 -2
View File
@@ -2,8 +2,13 @@ import React from 'react'
import Head from 'next/head'
import TextShuffler from '../components/actions/TextShuffler'
import GeneralLayout from '../layouts/general_layout/GeneralLayout'
import threeJsAnimations from '../functions/frontend/threeJsAnimations'
const about = () => {
React.useEffect(() => {
threeJsAnimations()
}, [])
return (
<GeneralLayout>
<Head>
@@ -12,12 +17,13 @@ const about = () => {
</Head>
<h1><TextShuffler textInput="Ben of all trade, master of all!" /></h1>
<span className='hero-sub-text'>
<TextShuffler textInput="So the thing about me is: I want to know it all, I want to master it all: this has lead me to dig deep into almost every aspect of web design and development. But that's not the best thing about me: the best thing is I'm willing to learn and adapt at any point: there are so many languages and libraries these days: even in my quest to master it all, it is not possible to master all the available languages and libraries: but whichever knowledge is needed at any given time, I adapt and learn: very quickly too: I see this as the best skill anyone can have in this age." />
<TextShuffler textInput="So the thing about me is: I want to know it all, I want to master it all: hence I've dug deep into almost every aspect of web design and development. In the process I've developed my most valuable skill: learnabiltiy: there are so many languages and libraries out there: about a dozen different ways to achieve the same result: even in my quest to master it all, it is not possible to master all the available languages, libraries and other web technologies: but whichever knowledge is needed at any given time, I adapt and learn: very quickly." />
</span>
<div className="hero-ctas-section">
<a href='/documents/Benjamin_Toby_CV.pdf' download={true}>See my resume</a>
<a href='/documents/Benjamin_Toby_CV.pdf' download={ true }>See my resume</a>
<a href='https://www.linkedin.com/in/benjamin-toby/' target="_blank">Linkedin</a>
</div>
<div className='fixed top-0 left-0 -z-10' id='homepage-animation-wrapper'></div>
</GeneralLayout>
)
}
pages/contact.jsx
+7
View File
@@ -3,11 +3,17 @@ import Head from 'next/head'
import TextShuffler from '../components/actions/TextShuffler'
import submitContactForm from '../functions/frontend/submitContactForm'
import GeneralLayout from '../layouts/general_layout/GeneralLayout'
import threeJsAnimations from '../functions/frontend/threeJsAnimations'
const contact = () => {
let [success, setSuccess] = React.useState(false);
React.useEffect(() => {
threeJsAnimations()
}, [])
return (
<GeneralLayout>
<Head>
@@ -28,6 +34,7 @@ const contact = () => {
{ success === "Success" && <div className='message-response'>Success!!! <button onClick={ () => { window.location.reload() } }>Reload</button></div> }
{ success === "Failed" && <div className='message-response failed'>Failed <button onClick={ () => { window.location.reload() } }>Reload</button></div> }
</form>
<div className='fixed top-0 left-0 -z-10' id='homepage-animation-wrapper'></div>
</GeneralLayout>
)
}
pages/index.jsx
+6 -1
View File
@@ -1,9 +1,13 @@
import Head from 'next/head'
import React from 'react'
import TextShuffler from '../components/actions/TextShuffler'
import threeJsAnimations from '../functions/frontend/threeJsAnimations'
import GeneralLayout from '../layouts/general_layout/GeneralLayout'
const index = () => {
React.useEffect(() => {
threeJsAnimations()
}, [])
return (
<GeneralLayout>
<Head>
@@ -15,9 +19,10 @@ const index = () => {
<TextShuffler textInput="Hi, I'm Benjamin Toby, a highly talented fullstack web developer with extensive enxperience in web design, frontend and backend development." />
</span>
<div className="hero-ctas-section">
<a href='/documents/Benjamin_Toby_CV.pdf' download={true}>See my resume</a>
<a href='/documents/Benjamin_Toby_CV.pdf' download={ true }>See my resume</a>
<a href='https://www.linkedin.com/in/benjamin-toby/' target="_blank">Linkedin</a>
</div>
<div className='fixed top-0 left-0 -z-10' id='homepage-animation-wrapper'></div>
</GeneralLayout>
)
}
pages/work.jsx
+6 -1
View File
@@ -3,10 +3,15 @@ import Head from 'next/head'
import TextShuffler from '../components/actions/TextShuffler'
import GeneralLayout from '../layouts/general_layout/GeneralLayout'
import PortfolioEntry from '../components/PortfolioEntry'
import threeJsAnimations from '../functions/frontend/threeJsAnimations'
const about = () => {
const portfolioEntries = require("../components/portfolioEntries.json");
React.useEffect(() => {
threeJsAnimations()
}, [])
return (
<GeneralLayout>
<Head>
@@ -20,8 +25,8 @@ const about = () => {
<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>
<div className='fixed top-0 left-0 -z-10' id='homepage-animation-wrapper'></div>
</GeneralLayout>
)
}