aidan/aidxnCC
1
1
Fork 0
mirror of https://github.com/ihatenodejs/aidxnCC.git synced 2025-04-25 05:55:58 +00:00
Code Issues Packages Projects Releases Wiki Activity

ref: home: separate some strings and map each section (except contact)

Browse Source
This commit is contained in:
GiovaniFZ 2025-03-14 21:14:23 -03:00
parent 1dc8438f6a
commit 0357bdf5d3
No known key found for this signature in database
GPG Key ID: 63DD92181B575322
2 changed files with 33 additions and 43 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

68
components/pages/Home.tsx
View File

@ -3,6 +3,16 @@ import Button from '../objects/Button'
import LastPlayed from '@/components/widgets/LastPlayed'; import LastPlayed from '@/components/widgets/LastPlayed';
export default function Home() { 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 ( return (
<div className="max-w-2xl mx-auto"> <div className="max-w-2xl mx-auto">
<div className="mb-12 text-center"> <div className="mb-12 text-center">
@ -13,55 +23,27 @@ export default function Home() {
height={150} height={150}
className="rounded-full mx-auto mb-6 border-4 border-gray-700" className="rounded-full mx-auto mb-6 border-4 border-gray-700"
/> />
<h1 className="text-4xl font-bold mb-2 text-gray-100 glow">Aidan</h1> <h1 className="text-4xl font-bold mb-2 text-gray-100 glow">{myName}</h1>
<p className="text-gray-400 text-xl">SysAdmin, Developer, and Student</p> <p className="text-gray-400 text-xl">{myDescription}</p>
</div> </div>
<LastPlayed /> <LastPlayed />
<section id="about" className="mb-12">
<h2 className="text-2xl font-semibold mb-4 text-gray-200">Who I am</h2>
<p className="text-gray-300 leading-relaxed">
Hey there! I&apos;m Aidan, a systems administrator, web developer, and student from the United States. I primarily work with Node.js and Linux.
</p>
<p className="text-gray-300 leading-relaxed mt-2">
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
</p>
<p className="text-gray-300 leading-relaxed mt-2">
When I&apos;m not programming, I can be found re-flashing my phone with a new custom ROM and telling everyone I use Arch.
</p>
</section>
<section id="about" className="mb-12"> {mainSections.map((section, secIndex) => (
<h2 className="text-2xl font-semibold mb-4 text-gray-200">What I do</h2> <section key={secIndex} id="about" className="mb-12">
<p className="text-gray-300 leading-relaxed"> <h2 className="text-2xl font-semibold mb-4 text-gray-200">{section}</h2>
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. {mainStrings[secIndex].map((text, index) => (
</p> <p key={index} className="text-gray-300 leading-relaxed mt-2">
<p className="text-gray-300 leading-relaxed mt-2"> {text}
I host a few public services and websites on my VPS, most of which can be found on the &quot;Domains&quot; page with a short description. </p>
</p> ))}
<p className="text-gray-300 leading-relaxed mt-2"> </section>
I&apos;m most proud of LibreCloud/p0ntus mail, which is a cloud services provider that I self-host and maintain, free of charge. ))}
</p>
<p className="text-gray-300 leading-relaxed mt-2">
I frequently write and work on a website hosted on a public Linux server, known as a &quot;tilde.&quot; You can check it out by clicking the link &quot;Tilde&quot; in the header, or &quot;what?&quot; if you are still confused!
</p>
</section>
<section id="about" className="mb-12">
<h2 className="text-2xl font-semibold mb-4 text-gray-200">Where you are</h2>
<p className="text-gray-300 leading-relaxed">
My website is my home, not my business. I am not here to brag about my accomplishments or plug my cool SaaS product. That&apos;s why I&apos;ve made every effort to make this website as personal and fun as possible.
</p>
<p className="text-gray-300 leading-relaxed mt-2">
From a technical perspective, you&apos;re being served this website by Vercel.
</p>
</section>
<section id="contact"> <section id="contact">
<h2 className="text-2xl font-semibold mb-4 text-gray-200">Send me a message</h2> <h2 className="text-2xl font-semibold mb-4 text-gray-200">{sendMessage}</h2>
<p className="text-gray-300 mb-6">Feel free to reach out for collaborations or just a hello :)</p> <p className="text-gray-300 mb-6">{contactString}</p>
<Button <Button
href={'/contact'} href={'/contact'}
label="Contact Me" label="Contact Me"
/> />

8
locale/en-us.json Normal file
View File

@ -0,0 +1,8 @@
{
"home": {
"intro": "SysAdmin, Developer, and Student",
"whoami": "Hey there! I&apos;m Aidan, a systems administrator, web developer, and student from the United States. I primarily work with Node.js and Linux.",
"interests": "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",
"arch":"When I&apos;m not programming, I can be found re-flashing my phone with a new custom ROM and telling everyone I use Arch."
}
}