diff options
Diffstat (limited to 'pages/index.js')
| -rw-r--r-- | pages/index.js | 15 |
1 files changed, 13 insertions, 2 deletions
diff --git a/pages/index.js b/pages/index.js index 9b6daac..9dc408c 100644 --- a/pages/index.js +++ b/pages/index.js @@ -1,6 +1,9 @@ import Head from 'next/head' import Computer from '../components/computer' import Image from "next/image"; +import { FontAwesomeIcon } from '@fortawesome/react-fontawesome' +import { faYoutube, faTwitter, faDiscord, faGithub, faReddit, faInstagram } from '@fortawesome/free-brands-svg-icons' +const iconSize = "3x" export default function Home() { return ( @@ -14,8 +17,16 @@ export default function Home() { <div className="text-center font-hack font-bold flex flex-col gap-4 items-center justify-center h-screen w-screen bg-material-gray text-white drop-shadow-lg"> <Image src="/Alee.svg" alt="Alee Logo" width={210} height={210} /> <h1 className="text-4xl drop-shadow-lg">Andrew Lee</h1> - <h2 className="text-lg drop-shadow-lg">Linux User, Programmer, Computer Geek</h2> - <h2 className="text-base font-normal drop-shadow-lg">Contact me at andrew@alee14.me</h2> + <h2 className="text-xl drop-shadow-lg">Computer Geek, Programmer, Content Creator</h2> + <div className="flex-row space-x-12"> + <a href="https://github.com/Alee14"><FontAwesomeIcon icon={faGithub} size={iconSize} /></a> + <a href="https://discord.gg/EFhRDqG"><FontAwesomeIcon icon={faDiscord} size={iconSize} /></a> + <a href="https://www.youtube.com/c/AndrewLeeCAN"><FontAwesomeIcon icon={faYoutube} size={iconSize} /></a> + <a href="https://twitter.com/Alee14498"><FontAwesomeIcon icon={faTwitter} size={iconSize} /></a> + <a href="https://reddit.com/Alee1449"><FontAwesomeIcon icon={faReddit} size={iconSize} /></a> + <a href="https://instagram.com/alee14498"><FontAwesomeIcon icon={faInstagram} size={iconSize} /></a> + </div> + <h2 className="text-lg font-normal drop-shadow-lg">Contact me at andrew@alee14.me</h2> </div> </> ) |