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-06-03 17:36:24 +01:00
parent 74db5bd158
commit 30fb78c4ff
17 changed files with 244 additions and 2446 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pages/_app.js
-2
View File
@@ -1,13 +1,11 @@
import "../styles/main.css";
import "../styles/tw_main.css";
import { Fragment } from "react";
import Script from "next/script";
function MyApp({ Component, pageProps }) {
return (
<Fragment>
<Component {...pageProps} />
<Script src="/scripts/main.js" strategy="beforeInteractive" />
</Fragment>
);
}
pages/_document.js
+16
View File
@@ -0,0 +1,16 @@
import { Html, Head, Main, NextScript } from "next/document";
export default function Document() {
return (
<Html>
<Head>
{/* <script src="https://unpkg.com/@barba/core"></script> */}
<script src="/scripts/main.js" defer></script>
</Head>
<body className="bg-black">
<Main />
<NextScript />
</body>
</Html>
);
}
pages/about.jsx
+3 -6
View File
@@ -5,19 +5,16 @@ import GeneralLayout from '../layouts/general_layout/GeneralLayout'
import threeJsAnimations from '../functions/frontend/threeJsAnimations'
const about = () => {
React.useEffect(() => {
threeJsAnimations()
}, [])
return (
<GeneralLayout>
<GeneralLayout pageName="about">
<Head>
<title>About Me</title>
<meta name="description" content="Ben of all trade, master of all! Learn more about me" />
</Head>
<h1><TextShuffler textInput="Ben of all trade, master of all!" /></h1>
<h1><TextShuffler textInput="Ben of all trade, master of all!" delay={ 1000 } /></h1>
<span className='hero-sub-text'>
<TextShuffler textInput="Quick learner, adaptable, problem solver, curious. I strive to know the system, rather than the status quo. There's no problem too great: no knowledge too vast: no logic too complex. I thrive in difficult situations and complex problems: problem solving is now second nature to me: if you can think it, it can be done." />
<TextShuffler textInput="Quick learner, adaptable, problem solver, curious. I strive to know the system, rather than the status quo. There's no problem too great: no knowledge too vast: no logic too complex. I thrive in difficult situations and complex problems: problem solving is now second nature to me: if you can think it, it can be done." delay={ 1500 } />
</span>
<div className='w-full h-6'></div>
pages/contact.jsx
+2 -7
View File
@@ -9,11 +9,6 @@ const contact = () => {
let [success, setSuccess] = React.useState(false);
React.useEffect(() => {
threeJsAnimations()
}, [])
return (
<GeneralLayout>
<Head>
@@ -21,9 +16,9 @@ const contact = () => {
<meta name="description" content="Get in touch" />
</Head>
<h1><TextShuffler textInput="Great things await ..." /></h1>
<h1><TextShuffler textInput="Great things await ..." delay={ 1000 } /></h1>
<span className='hero-sub-text'>
<TextShuffler textInput="Let's talk" />
<TextShuffler textInput="Let's talk" delay={ 1500 } />
</span>
<form autoComplete='on' onSubmit={ (e) => { submitContactForm(e, setSuccess) } }>
pages/index.jsx
+4 -6
View File
@@ -5,18 +5,16 @@ import threeJsAnimations from '../functions/frontend/threeJsAnimations'
import GeneralLayout from '../layouts/general_layout/GeneralLayout'
const index = () => {
React.useEffect(() => {
threeJsAnimations()
}, [])
return (
<GeneralLayout>
<GeneralLayout pageName="home">
<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>
<h1><TextShuffler textInput="UI/UX designer, Full Stack Web Developer, Web/graphic/motion designer" delay={ 1000 } /></h1>
<span className='hero-sub-text'>
<TextShuffler textInput="Hi, I'm Benjamin Toby, a fullstack web developer and UI/UX expert." />
<TextShuffler textInput="Hi, I'm Benjamin Toby, a fullstack web developer and UI/UX expert." delay={ 2000 } />
</span>
<div className="hero-ctas-section">
<a href='/documents/Benjamin_Toby_CV-updated.pdf' download={ true }>See my resume</a>
pages/work.jsx
+2 -6
View File
@@ -8,19 +8,15 @@ import threeJsAnimations from '../functions/frontend/threeJsAnimations'
const myWork = () => {
const portfolioEntries = require("../components/portfolioEntries.json");
React.useEffect(() => {
threeJsAnimations()
}, [])
return (
<GeneralLayout>
<Head>
<title>My Work | Tben</title>
<meta name="description" content="Some of my Work" />
</Head>
<h1><TextShuffler textInput="My Work" /></h1>
<h1><TextShuffler textInput="My Work" delay={ 1000 } /></h1>
<span className='hero-sub-text'>
<TextShuffler textInput="Some of my work ..." />
<TextShuffler textInput="Some of my work ..." delay={ 1500 } />
</span>
<div className='portfolio-entries-block mt-4'>