https://github.com/4lch4/4lch4.com

My homepage on the internet, built with Astro.
https://github.com/4lch4/4lch4.com

astro homepage vercel

Last synced: 6 days ago
JSON representation

My homepage on the internet, built with Astro.

• Host: GitHub
• URL: https://github.com/4lch4/4lch4.com
• Owner: 4lch4
• License: mit
• Created: 2022-06-23T16:37:27.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2024-10-27T12:04:32.000Z (23 days ago)
• Last Synced: 2024-10-27T13:45:01.055Z (23 days ago)
• Topics: astro, homepage, vercel
• Language: Astro
• Homepage: https://4lch4.com
• Size: 105 MB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
![GitHub deployments](https://img.shields.io/github/deployments/4lch4/4lch4.com/production?style=flat-square&logo=vercel&label=Last%20Vercel%20Deployment)

[![Uptime-Kuma-Status](https://uptime.4lch4.io/api/badge/1/status?style=flat-square)](https://uptime.4lch4.io/status/homepage)

[![Uptime-Kuma-Uptime-Percentage](https://uptime.4lch4.io/api/badge/1/uptime?style=flat-square)](https://uptime.4lch4.io/status/homepage)

[![Uptime-Kuma-Avg-Response-Time](https://uptime.4lch4.io/api/badge/1/avg-response?style=flat-square)](https://uptime.4lch4.io/status/homepage)

[![Built-w/-Astro-Badge](https://img.shields.io/badge/Built%20with-Astro-blue?style=flat-square&logo=astro)](https://astro.build)

[![Vercel-Badge](https://img.shields.io/badge/Hosted%20on-Vercel-blue?style=flat-square&logo=vercel)](https://vercel.com)



# 4lch4.com

This repository is home to the codebase for my personal website/homepage, [4lch4.com][0].

## How It's Made

The following list details the various components/tools that were used to create the website:

1. First and foremost, the site is built using [the Astro framework][3].

2. I started with [the Portfolio template][1] provided by [the Astro team][2].

   1. I found this template to be the closest to what I wanted my site to be like and so I started with it.

   2. I made a number of changes to the template to make it more personal and to better suit my needs so it's not exactly the same as the original template.

3. [FontAwesome][4] is used for icons.

   1. The template started off with some weird method of storing the icons as an SVG string in an object which was then used to render the icons.

   2. This method was beyond annoying to work with and so I replaced it with FontAwesome icons.

4. It's deployed and hosted by [Vercel][5].

   1. Originally I was going to deploy it using GitHub Pages but I wanted to get access to the features (speed-insights, analytics, etc.) provided by Vercel.

[0]: https://4lch4.com

[1]: https://github.com/withastro/astro/tree/latest/examples/portfolio

[2]: https://github.com/withastro

[3]: https://astro.build

[4]: https://fontawesome.com

[5]: https://vercel.com