Merge pull request 'improving website and optimizing readme' (#4) from feat/new-style into main

Reviewed-on: #4

README.md

@@ -5,10 +5,18 @@
      | | \ V / (_| | | | | (__| | | |
      |_|  \_/ \__,_|_| |_|\___|_| |_|
 
-software, servers, and a little sorcery.
+  software, servers, and a little sorcery
 ```
 
-**[Enter the site](https://ivanch.me)** · [GitHub](https://github.com/ivanch) · [Gitea](https://git.ivanch.me/ivanch) · [Blog](https://blog.ivanch.me)
+<p align="center">
+  <a href="https://ivanch.me"><img alt="Website" src="https://img.shields.io/badge/Website-ivanch.me-4FC3F7?style=for-the-badge&logo=googlechrome&logoColor=white"></a>
+  <a href="https://github.com/ivanch"><img alt="GitHub" src="https://img.shields.io/badge/GitHub-ivanch-181717?style=for-the-badge&logo=github&logoColor=white"></a>
+  <a href="https://git.ivanch.me/ivanch"><img alt="Gitea" src="https://img.shields.io/badge/-Gitea-609926?style=for-the-badge&logo=gitea&logoColor=white"></a>
+  <a href="https://blog.ivanch.me"><img alt="Blog" src="https://img.shields.io/badge/-Blog-667EEA?style=for-the-badge"></a>
+  <a href="https://www.linkedin.com/in/joseivanch/"><img alt="LinkedIn" src="https://img.shields.io/badge/-LinkedIn-0A66C2?style=for-the-badge&logo=linkedin&logoColor=white"></a>
+</p>
+
+---
 
 ## `$ whoami`
 
@@ -20,7 +28,7 @@ My corner of the internet is part portfolio, part doorway into the homelab.
 
 ```text
 interests
-|-- building robust software
+|-- building robust and maintainable software
 |-- making CI/CD do the repetitive work
 |-- orchestrating containers with Kubernetes
 `-- self-hosting, tinkering, and open source
@@ -30,10 +38,10 @@ interests
 
 | Shelf | Tools |
 | :--- | :--- |
-| Code | .NET Core, React, Python, HTML, CSS |
-| Data | PostgreSQL, MySQL, Redis |
-| Infrastructure | Linux, Bash, Docker, Kubernetes, Terraform |
-| Delivery | GitHub Actions, Gitea Actions |
+| **Code** | ![.NET](https://img.shields.io/badge/.NET-512BD4?style=flat-square&logo=dotnet&logoColor=white) ![React](https://img.shields.io/badge/React-20232A?style=flat-square&logo=react&logoColor=61DAFB) ![Python](https://img.shields.io/badge/Python-3776AB?style=flat-square&logo=python&logoColor=white) ![HTML](https://img.shields.io/badge/HTML-E34F26?style=flat-square&logo=html5&logoColor=white) ![CSS](https://img.shields.io/badge/CSS-1572B6?style=flat-square&logo=css3&logoColor=white) |
+| **Data** | ![PostgreSQL](https://img.shields.io/badge/PostgreSQL-4169E1?style=flat-square&logo=postgresql&logoColor=white) ![MySQL](https://img.shields.io/badge/MySQL-4479A1?style=flat-square&logo=mysql&logoColor=white) ![Redis](https://img.shields.io/badge/Redis-DC382D?style=flat-square&logo=redis&logoColor=white) |
+| **Infrastructure** | ![Linux](https://img.shields.io/badge/Linux-FCC624?style=flat-square&logo=linux&logoColor=black) ![Bash](https://img.shields.io/badge/Bash-4EAA25?style=flat-square&logo=gnubash&logoColor=white) ![Docker](https://img.shields.io/badge/Docker-2496ED?style=flat-square&logo=docker&logoColor=white) ![Kubernetes](https://img.shields.io/badge/Kubernetes-326CE5?style=flat-square&logo=kubernetes&logoColor=white) ![Terraform](https://img.shields.io/badge/Terraform-7B42BC?style=flat-square&logo=terraform&logoColor=white) |
+| **Delivery** | ![GitHub Actions](https://img.shields.io/badge/GitHub%20Actions-2088FF?style=flat-square&logo=githubactions&logoColor=white) ![Gitea Actions](https://img.shields.io/badge/Gitea%20Actions-609926?style=flat-square&logo=gitea&logoColor=white) |
 
 ## `$ ls projects/`
 
@@ -41,51 +49,8 @@ A few things I've sent out into the world:
 
 | Project | What it does |
 | :--- | :--- |
-| [OpenCand](https://github.com/ivanch/opencand) | Search and explore Brazilian candidate data with .NET Core and React. [Visit the app](https://opencand.ivanch.me). |
-| [Vision Start](https://github.com/ivanch/vision-start) | A customizable Chrome startpage with a glassmorphism look. |
-| [Kasbot](https://github.com/ivanch/kasbot) | A Discord bot inspired by a Brazilian DJ. |
-| [Candlebright](https://github.com/ivanch/candlebright) | A game project written in C++. |
-
-## `$ ssh homelab`
-
-Meet **[Haven](https://github.com/ivanch/haven)**: my personal homelab,
-where bare-metal Kubernetes meets Docker containers and the occasional experiment.
-
-```text
-              .-------------------.
-              |       Haven       |
-              |  bare metal / k3s |
-              '---------+---------'
-                        |
-              .---------+---------.
-              |                   |
-         deployments         server scripts
-```
-
-[Explore the deployments](https://github.com/ivanch/haven) · [Browse the scripts](https://git.ivanch.me/ivanch/server-scripts)
-
-## `$ cat site.txt`
-
-This repository is the source for **[ivanch.me](https://ivanch.me)**:
-a static homepage with glass panels, a canvas flow field, and links to the things I build.
-HTML, CSS, and vanilla JavaScript keep it small; Nginx serves it in production.
-
-```text
-.
-|-- index.html          # the front door
-|-- 404.html            # for the scenic detours
-|-- assets/             # avatar and favicon
-|-- css/                # layout, glass, and color tokens
-|-- js/                 # canvas backgrounds and social interactions
-|-- Dockerfile          # minify JavaScript, then serve with Nginx
-|-- nginx.conf          # caching, compression, and routing
-`-- .gitea/workflows/    # build and deploy
-```
-
-## `$ cat contact.txt`
-
-[LinkedIn](https://www.linkedin.com/in/joseivanch/) · [GitHub](https://github.com/ivanch) · [Gitea](https://git.ivanch.me/ivanch) · [Blog](https://blog.ivanch.me)
-
-```text
-ivanch@home:~$ _
-```
+| **[OpenCand](https://github.com/ivanch/opencand)** | Search and explore Brazilian candidate data with .NET Core and React |
+| **[Vision Start](https://github.com/ivanch/vision-start)** | A customizable Chrome startpage with a glassmorphism look |
+| **[Kasbot](https://github.com/ivanch/kasbot)** | A Discord bot inspired by a Brazilian DJ |
+| **[Candlebright](https://github.com/ivanch/candlebright)** | A game project written in C++ |
+| **[Haven](https://github.com/ivanch/haven)** | My personal homelab (now with GitOps!) |