feat: add age to website
This commit is contained in:
parent
761d34f5ff
commit
c3c3fd4baf
|
@ -27,6 +27,12 @@ const IndexPage = () => {
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
|
||||||
|
function calculateAge() {
|
||||||
|
var ageDifMs = Date.now() - new Date('July 13, 2004').getTime();
|
||||||
|
var ageDate = new Date(ageDifMs);
|
||||||
|
return Math.abs(ageDate.getUTCFullYear() - 1970);
|
||||||
|
}
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<Head>
|
<Head>
|
||||||
|
@ -37,7 +43,7 @@ const IndexPage = () => {
|
||||||
<h1 className="text-white font-extrabold md:text-6xl text-3xl">Good <span className="text-blue-500">{timeString}</span>! I'm <span className="text-purple-500">Jack Merrill</span>.</h1>
|
<h1 className="text-white font-extrabold md:text-6xl text-3xl">Good <span className="text-blue-500">{timeString}</span>! I'm <span className="text-purple-500">Jack Merrill</span>.</h1>
|
||||||
</div>
|
</div>
|
||||||
<div className="my-3 px-3 w-full text-center">
|
<div className="my-3 px-3 w-full text-center">
|
||||||
<h2 className="text-white font-bold md:text-4xl text-2xl">A Graphic and UI Designer and Fullstack Developer from the Windy City.</h2>
|
<h2 className="text-white font-bold md:text-4xl text-2xl">A {calculateAge()} year old Graphic and UI Designer and Fullstack Developer from the Windy City.</h2>
|
||||||
</div>
|
</div>
|
||||||
<div className="inline-flex flex-wrap md:space-y-0 space-y-4 pt-4 items-center justify-center content-center md:space-x-4 my-3 px-3 w-full text-center">
|
<div className="inline-flex flex-wrap md:space-y-0 space-y-4 pt-4 items-center justify-center content-center md:space-x-4 my-3 px-3 w-full text-center">
|
||||||
<Link href="#projects">
|
<Link href="#projects">
|
||||||
|
@ -60,7 +66,7 @@ const IndexPage = () => {
|
||||||
</div>
|
</div>
|
||||||
<div className='w-full px-12 lg:px-48'>
|
<div className='w-full px-12 lg:px-48'>
|
||||||
<p className='text-white text-2xl text-center'>
|
<p className='text-white text-2xl text-center'>
|
||||||
I'm Jack, a Graphic/UI Designer and Fullstack Developer from Chicago. Since I started
|
I'm Jack, a {calculateAge()} year old Graphic/UI Designer and Fullstack Developer from Chicago. Since I started
|
||||||
programming in 2014, I've used Python, NodeJS, HTML and CSS. Nowadays, I prefer to
|
programming in 2014, I've used Python, NodeJS, HTML and CSS. Nowadays, I prefer to
|
||||||
use NextJS, TailwindCSS, and NodeJS. Being a fullstack developer, I've
|
use NextJS, TailwindCSS, and NodeJS. Being a fullstack developer, I've
|
||||||
had to create numerous logos and brands for various projects of mine.
|
had to create numerous logos and brands for various projects of mine.
|
||||||
|
|
Loading…
Reference in New Issue
Block a user