diff --git a/src/components/content/global/Navbar.astro b/src/components/content/global/Navbar.astro index 49f3fff..5ec902d 100644 --- a/src/components/content/global/Navbar.astro +++ b/src/components/content/global/Navbar.astro @@ -7,20 +7,34 @@ const links = [ { text: 'Hobbies', link: '/#hobbies' }, { text: 'Contact Me', link: '/#contact' }, ] + +const buttonPaddingX = 'px-[.75rem]' +const buttonPaddingY = 'py-[.5rem]' + +const spacing = 'space-x-[.25rem]' ---
diff --git a/src/components/content/index/Contact.astro b/src/components/content/index/Contact.astro index e69de29..9b751a9 100644 --- a/src/components/content/index/Contact.astro +++ b/src/components/content/index/Contact.astro @@ -0,0 +1,6 @@ +--- +layout: './Section.astro' +title: 'Contact Me' +slug: 'contact' +background: true +--- diff --git a/src/components/content/index/Experience.mdx b/src/components/content/index/Experience.mdx index e69de29..0996b41 100644 --- a/src/components/content/index/Experience.mdx +++ b/src/components/content/index/Experience.mdx @@ -0,0 +1,28 @@ +--- +layout: './Section.astro' +title: 'Experience & Skills' +slug: 'experience' +background: true +--- + +import Subsection from './Subsection.astro' + +Although I am most familiar with JavaScript and C#, I have used several other programming languages [i.e. Java, Python, C++, Kotlin] and can quickly learn new ones. + +I have also used multiple web frameworks. I am most familiar with Express.js and React, but I have also used ASP.NET, Astro, and a bit of Django and Next.js. I plan to become more familiar with Django, Rails, and Laravel for backend along with Svelte and SolidJS for frontend. + +I am also familiar with Linux since I use Arch Linux on my laptop and work with Linux Debian VMs on my server. Along with that, I have worked with PostgreSQL and MS SQL in my projects and at work, and I have also touched Google Cloud and Azure, using them for my self-hosted cloud, a cybersecurity course, and for work-related tasks. + +Although I have learned most of these skills in my spare time, I have also used them in the professional world: + + + Worked on backend and frontend for multiple projects using ASP.NET, MS SQL, + and React to create APIs, a login system with MFA, and functional frontend + components. + + + + Performed Windows server maintenance tasks and created a prototype in C# to + pull song data using the SongSelect API, which was later integrated into the + company's main product. + diff --git a/src/components/content/index/Hobbies.mdx b/src/components/content/index/Hobbies.mdx index e69de29..7222e18 100644 --- a/src/components/content/index/Hobbies.mdx +++ b/src/components/content/index/Hobbies.mdx @@ -0,0 +1,8 @@ +--- +layout: './Section.astro' +title: 'Hobbies' +slug: 'hobbies' +background: false +--- + +Besides programming and working with technology, I enjoy biking and playing Minecraft modpacks. Biking gives me a way to explore the outdoors while traveling to where I need to go, and it is also less costly and more environmentally sustainable than travelling via car. diff --git a/src/components/content/index/Projects.mdx b/src/components/content/index/Projects.mdx index 7f7a99d..687c06d 100644 --- a/src/components/content/index/Projects.mdx +++ b/src/components/content/index/Projects.mdx @@ -9,21 +9,25 @@ import Subsection from './Subsection.astro' My biggest personal project so far is building a server to self-host my cloud ecosystem. My server uses a Proxmox hypervisor along with Linux Debian VMs and Docker containers running services such as TrueNAS, Syncthing, Nextcloud, Plex, Forejo, Pterodactyl, and others. To get around carrier-grade NAT limitations, I host a VPN using Google Cloud and use nftables to route traffic so I can make services publicly accessible. -I also have other projects viewable on multiple git platforms (Github, Forgejo), most of which came from hackathons, game jams, and school projects. Of these, the most interesting are: +I also have other projects viewable on multiple git platforms [Github, Forgejo], most of which came from hackathons, game jams, and school projects. Of these, the most interesting are: - + Android app intended to help visually-impaired people navigate grocery stores by telling the user the product the phone camera is pointed at. Uses Chooch API for object detection. - - Educational chatbot that teaches body part terminology and suggests others + + Educational chatbot that teaches anatomical terminology and suggests others for the user to learn about. Wrote the API layer of the backend using Django, and created most of the frontend using React. - + Web app that allows coaches of HS sports teams to submit game scores. Scores would then be publicly viewable on the app's homepage and could be managed through an admin interface. Created with Express.js, PostgreSQL, and vanilla @@ -31,4 +35,4 @@ I also have other projects viewable on multiple git platforms (Github, Forgejo), from scratch. -Some other projects and activities I have worked on include Med Check (MetroHacks 2022), zzz (UTD SGDA 2023 Spring Jam), zzz (UTD SGDA 2022 Thanksgiving Jam), ZipVersionControl (FLL #1790, yrs 2017-2019), FIRST Tech Challenge roboics (2021-2022), and FIRST Lego League robotics (2013-2019, #1790). +Some other projects and activities I have worked on include Med Check [MetroHacks 2022], zzz [UTD SGDA 2023 Spring Jam], zzz [UTD SGDA 2022 Thanksgiving Jam], ZipVersionControl [FLL #1790, yrs 2017-2019], FIRST Tech Challenge roboics [2021-2022], and FIRST Lego League robotics [2013-2019, #1790]. diff --git a/src/components/content/index/Subsection.astro b/src/components/content/index/Subsection.astro index 1382869..0fe7037 100644 --- a/src/components/content/index/Subsection.astro +++ b/src/components/content/index/Subsection.astro @@ -1,30 +1,40 @@ --- export interface Props { title: string + subtitle: string url: string | null } -const { title, url } = Astro.props +const { title, subtitle, url } = Astro.props const fontSize = 'text-[.9rem]' const fontSizeH3 = 'text-[1.4rem]' +const fontSpacing = 'leading-[1.5rem]' const margin = 'm-[-1rem] p-[1rem]' const background = 'bg-[#00000020]' -const backgroundHover = 'hover:bg-[#000000cc]' -const textColorHover = 'hover:text-[#ffffff]' ---
-

- {title} -

+ +

{title}

+ { + subtitle && ( + + {subtitle} + + ) + } +
diff --git a/tailwind.config.cjs b/tailwind.config.cjs index 9499088..c5a63c9 100644 --- a/tailwind.config.cjs +++ b/tailwind.config.cjs @@ -14,8 +14,10 @@ module.exports = { background: '#dbf6db', 'background-dark': '#bbd8bb', 'background-light': '#ffffff', + 'background-hover': '#000000cc', font: '#000000', 'font-light': '#004f07', + 'font-hover': '#ffffff', pattern: 'rgba(0,0,0,.02)', }, fontFamily: {