jack/jackmerrill.com
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add age to website

Browse Source
This commit is contained in:
Jack Merrill 2021-04-15 13:09:36 -05:00
parent 761d34f5ff
commit c3c3fd4baf
1 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
pages/index.tsx
View File

@ -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 (
<>
<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&apos;m <span className="text-purple-500">Jack Merrill</span>.</h1>
</div>
<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 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">
@ -60,7 +66,7 @@ const IndexPage = () => {
</div>
<div className='w-full px-12 lg:px-48'>
<p className='text-white text-2xl text-center'>
I&apos;m Jack, a Graphic/UI Designer and Fullstack Developer from Chicago. Since I started
I&apos;m Jack, a {calculateAge()} year old Graphic/UI Designer and Fullstack Developer from Chicago. Since I started
programming in 2014, I&apos;ve used Python, NodeJS, HTML and CSS. Nowadays, I prefer to
use NextJS, TailwindCSS, and NodeJS. Being a fullstack developer, I&apos;ve
had to create numerous logos and brands for various projects of mine.