···88 - Plugins
99authors:
1010 - trueberryless
1111-excerpt: <p>I have been working in OSS on [GitHub](https://github.com/github) for over a year now and although I thought I found everything I want to contribute to, I recently discovered <a class="gh-badge" href="https://github.com/pelikhan"><img src="https://github.com/pelikhan.png" alt="pelikhan" width="16" height="16" style="border-radius:9999px;vertical-align:middle;margin-right:0.4em;">Peli's</a> personal project <a href="https://github.com/pelikhan/action-continuous-translation">action-continuous-translation</a> and I am very happy that I started doing regular contributions there and being part of the little community now.</p>
1111+excerpt: <p>I have been working in OSS on <a class="gh-badge" href="https://github.com/github"><img src="https://github.com/github.png" alt="github" width="16" height="16" style="border-radius:9999px;vertical-align:middle;margin-right:0.4em;">GitHub</a> for over a year now and although I thought I found everything I want to contribute to, I recently discovered <a class="gh-badge" href="https://github.com/pelikhan"><img src="https://github.com/pelikhan.png" alt="pelikhan" width="16" height="16" style="border-radius:9999px;vertical-align:middle;margin-right:0.4em;">Peli's</a> personal project <a href="https://github.com/pelikhan/action-continuous-translation">action-continuous-translation</a> and I am very happy that I started doing regular contributions there and being part of the little community now.</p>
1212cover:
1313 alt: A beautiful cover image with the text "AI Translations"
1414 image: ../../../../public/blog/accelerating-translations-with-continuous-integration.png
···66tags:
77 - Automation
88 - Deployment
99-excerpt: Continuing to improve our k3s cluster and especially the CI/CD workflow, we now take a look at the GitOps tool called Argo CD, and how we can integrate it into our cluster. Our tech stack for deployment uses these services: k3s, Helm, Cilium & after this tutorial Argo CD as well
99+excerpt: Continuing to improve our k3s cluster and especially the CI/CD workflow, we now take a look at the GitOps tool called <a class="gh-badge" href="https://github.com/argoproj"><img src="https://github.com/argoproj.png" alt="Argo CD" width="16" height="16" style="border-radius:9999px;vertical-align:middle;margin-right:0.4em;">Argo CD</a>, and how we can integrate it into our cluster. Our tech stack for deployment uses these services: k3s, Helm, Cilium & after this tutorial Argo CD as well
1010authors:
1111 - trueberryless
1212cover:
···66 - Automation
77 - Deployment
88 - GitHub
99-excerpt: Today we'll take a look at how to set up a GitHub repository which will be deployed to a k3s cluster via Argo CD. In summary, the article will include Workflow files, Dockerfile, manifests (deployment) and Docker Hub repositories. Please check out [our Argo CD blog](./setup-argocd-for-kubernetes) because this will be a continuation of the other post.
99+excerpt: Today we'll take a look at how to set up a <a class="gh-badge" href="https://github.com/github"><img src="https://github.com/github.png" alt="github" width="16" height="16" style="border-radius:9999px;vertical-align:middle;margin-right:0.4em;">GitHub</a> repository which will be deployed to a k3s cluster via Argo CD. In summary, the article will include Workflow files, Dockerfile, manifests (deployment) and <a class="gh-badge" href="https://github.com/docker"><img src="https://github.com/docker.png" alt="Docker Hub" width="16" height="16" style="border-radius:9999px;vertical-align:middle;margin-right:0.4em;">Docker Hub</a> repositories. Please check out [our Argo CD blog](./setup-argocd-for-kubernetes) because this will be a continuation of the other post.
1010authors:
1111 - trueberryless
1212cover:
···55lastUpdated: 2024-10-01
66tags:
77 - Deployment
88-excerpt: This blog posts describes the process of setting up a kubernetes cluster with k3s and cilium. We use Helm as the package manager and Cloudflare as the certificate issuer. We used the tips and tricks from Vegard S. Hagen from [his article](https://blog.stonegarden.dev/articles/2024/02/bootstrapping-k3s-with-cilium/). Essentially, this blog explains, how all the trueberryless.org websites are deployed.
88+excerpt: This blog posts describes the process of setting up a <a class="gh-badge" href="https://github.com/kubernetes"><img src="https://github.com/kubernetes.png" alt="Kubernetes" width="16" height="16" style="border-radius:9999px;vertical-align:middle;margin-right:0.4em;">Kubernetes</a> cluster with <a class="gh-badge" href="https://github.com/k3s-io"><img src="https://github.com/k3s-io.png" alt="k3s" width="16" height="16" style="border-radius:9999px;vertical-align:middle;margin-right:0.4em;">k3s</a> and <a class="gh-badge" href="https://github.com/cilium"><img src="https://github.com/cilium.png" alt="Cilium" width="16" height="16" style="border-radius:9999px;vertical-align:middle;margin-right:0.4em;">Cilium</a>. We use <a class="gh-badge" href="https://github.com/helm"><img src="https://github.com/helm.png" alt="Helm" width="16" height="16" style="border-radius:9999px;vertical-align:middle;margin-right:0.4em;">Helm</a> as the package manager and <a class="gh-badge" href="https://github.com/cloudflare"><img src="https://github.com/cloudflare.png" alt="Cloudflare" width="16" height="16" style="border-radius:9999px;vertical-align:middle;margin-right:0.4em;">Cloudflare</a> as the certificate issuer. We used the tips and tricks from Vegard S. Hagen from [his article](https://blog.stonegarden.dev/articles/2024/02/bootstrapping-k3s-with-cilium/). Essentially, this blog explains, how all the trueberryless.org websites are deployed (not any more).
99authors:
1010 - trueberryless
1111 - clemens
···77 - Components
88 - Plugins
99 - CSS
1010-excerpt: Combine two Starlight Sidebar Topics plugins to show a list of topics on desktop and a dropdown menu in the mobile sidebar.
1010+excerpt: Combine two <a class="gh-badge" href="https://github.com/withastro/starlight"><img src="/starlight.png" alt="Starlight" width="16" height="16" style="border-radius:9999px;vertical-align:middle;margin-right:0.4em;">Starlight</a> Sidebar Topics plugins to show a list of topics on desktop and a dropdown menu in the mobile sidebar.
1111authors:
1212 - hideoo
1313 - trueberryless
···66 - Starlight
77 - Components
88 - CSS
99-excerpt: Learn how to create a horizontal progress indicator for your Starlight site.
99+excerpt: Learn how to create a horizontal progress indicator for your <a class="gh-badge" href="https://github.com/withastro/starlight"><img src="/starlight.png" alt="Starlight" width="16" height="16" style="border-radius:9999px;vertical-align:middle;margin-right:0.4em;">Starlight</a> site.
1010authors:
1111 - frostybee
1212 - trueberryless
···55tags:
66 - Starlight
77 - CSS
88-excerpt: In this blog post, we'll take a look at how small changes can make a big difference when it comes to whitespaces in your Starlight sidebar.
88+excerpt: In this blog post, we'll take a look at how small changes can make a big difference when it comes to whitespaces in your <a class="gh-badge" href="https://github.com/withastro/starlight"><img src="/starlight.png" alt="Starlight" width="16" height="16" style="border-radius:9999px;vertical-align:middle;margin-right:0.4em;">Starlight</a> sidebar.
99authors:
1010 - trueberryless
1111cover:
···55tags:
66 - Starlight
77 - Plugins
88-excerpt: In this post, I'll show you the evolution of Starlight plugins with a case study of the [Starlight Sidebar Topics](https://github.com/hideoo/starlight-sidebar-topics) plugin. Be prepared to find out some impressive facts about people and code around Starlight.
88+excerpt: In this post, I'll show you the evolution of <a class="gh-badge" href="https://github.com/withastro/starlight"><img src="/starlight.png" alt="Starlight" width="16" height="16" style="border-radius:9999px;vertical-align:middle;margin-right:0.4em;">Starlight</a> plugins with a case study of the [Starlight Sidebar Topics](https://github.com/hideoo/starlight-sidebar-topics) plugin. Be prepared to find out some impressive facts about people and code around Starlight.
99authors:
1010 - trueberryless
1111 - ai
···55tags:
66 - Automation
77 - GitHub
88-excerpt: Creating a standout GitHub profile README isn’t just about adding a few badges — it’s about pushing technical boundaries. In this deep dive, I explore low-level SVG manipulation, HTML-to-SVG conversion, inline animations, and full automation with GitHub Actions to build what I believe is one of the most technically advanced GitHub READMEs. From a dynamic Bento Grid that updates every 5 minutes to embedding live SVGs without external requests, this project transformed my profile into a living, self-updating showcase of my work. Want to know how I did it? Let’s break it down. 🚀
88+excerpt: Creating a standout <a class="gh-badge" href="https://github.com/github"><img src="https://github.com/github.png" alt="github" width="16" height="16" style="border-radius:9999px;vertical-align:middle;margin-right:0.4em;">GitHub</a> profile README isn’t just about adding a few badges — it’s about pushing technical boundaries. In this deep dive, I explore low-level SVG manipulation, HTML-to-SVG conversion, inline animations, and full automation with GitHub Actions to build what I believe is one of the most technically advanced GitHub READMEs. From a dynamic Bento Grid that updates every 5 minutes to embedding live SVGs without external requests, this project transformed my profile into a living, self-updating showcase of my work. Want to know how I did it? Let’s break it down. 🚀
99authors:
1010 - trueberryless
1111 - ai