diff --git a/components/pages/Home.tsx b/components/pages/Home.tsx index 8a1c066..57ec50f 100644 --- a/components/pages/Home.tsx +++ b/components/pages/Home.tsx @@ -3,6 +3,16 @@ import Button from '../objects/Button' import LastPlayed from '@/components/widgets/LastPlayed'; export default function Home() { + const whoAmIStrings = ["Hey there! I'm Aidan, a systems administrator, web developer, and student from the United States. I primarily work with Node.js and Linux.", "I am most interested in backend development and have experience with Node.js, Express, and Tailwind CSS. Despite my best efforts, I am no designer", "When I'm not programming, I can be found re-flashing my phone with a new custom ROM and telling everyone I use Arch."] + const whatIDoStrings = ["I am at my best when I am doing system administration, but I also enjoy working on web development projects. I enjoy contributing under open licenses more than anything. I have never felt much of a draw to profiting off my work.", "I host a few public services and websites on my VPS, most of which can be found on the \"Domains\" page with a short description.", "I'm most proud of LibreCloud/p0ntus mail, which is a cloud services provider that I self-host and maintain, free of charge.", "I frequently write and work on a website hosted on a public Linux server, known as a \"tilde\" You can check it out by clicking the link \"Tilde\" in the header, or \"what\" if you are still confused!"] + const whereYouAreStrings = ["My website is my home, not my business. I am not here to brag about my accomplishments or plug my cool SaaS product. That's why I've made every effort to make this website as personal and fun as possible.", "From a technical perspective, you're being served this website by Vercel."] + const mainStrings = [whoAmIStrings, whatIDoStrings, whereYouAreStrings] + const contactString = "Feel free to reach out for collaborations or just a hello :)" + const mainSections = ["Who I am", "What I do", "Where you are"] + const sendMessage = "Send me a message" + const myName = "Aidan" + const myDescription = "SysAdmin, Developer, and Student" + return (
@@ -13,55 +23,27 @@ export default function Home() { height={150} className="rounded-full mx-auto mb-6 border-4 border-gray-700" /> -

Aidan

-

SysAdmin, Developer, and Student

+

{myName}

+

{myDescription}

- -
-

Who I am

-

- Hey there! I'm Aidan, a systems administrator, web developer, and student from the United States. I primarily work with Node.js and Linux. -

-

- I am most interested in backend development and have experience with Node.js, Express, and Tailwind CSS. Despite my best efforts, I am no designer -

-

- When I'm not programming, I can be found re-flashing my phone with a new custom ROM and telling everyone I use Arch. -

-
-
-

What I do

-

- I am at my best when I am doing system administration, but I also enjoy working on web development projects. I enjoy contributing under open licenses more than anything. I have never felt much of a draw to profiting off my work. -

-

- I host a few public services and websites on my VPS, most of which can be found on the "Domains" page with a short description. -

-

- I'm most proud of LibreCloud/p0ntus mail, which is a cloud services provider that I self-host and maintain, free of charge. -

-

- I frequently write and work on a website hosted on a public Linux server, known as a "tilde." You can check it out by clicking the link "Tilde" in the header, or "what?" if you are still confused! -

-
+ {mainSections.map((section, secIndex) => ( +
+

{section}

+ {mainStrings[secIndex].map((text, index) => ( +

+ {text} +

+ ))} +
+ ))} -
-

Where you are

-

- My website is my home, not my business. I am not here to brag about my accomplishments or plug my cool SaaS product. That's why I've made every effort to make this website as personal and fun as possible. -

-

- From a technical perspective, you're being served this website by Vercel. -

-
-
-

Send me a message

-

Feel free to reach out for collaborations or just a hello :)

-