From eb1d4fb197b3e2ef69607918d01f768ed3830f5f Mon Sep 17 00:00:00 2001
From: Tobias Ludwig Maier <me@tobiasmaier.info>
Date: Thu, 28 Dec 2023 23:37:04 +0100
Subject: [PATCH] Set text size more dynamically

I am happy to learn of a CSS/TailwindCSS approach to make it even more dynamic
---
 index.html | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/index.html b/index.html
index c705eb0..ef4c702 100644
--- a/index.html
+++ b/index.html
@@ -208,12 +208,18 @@
               alt=""
               width="100"
               height="100"
-              class="mr-[2mm] aspect-square h-[8mm] w-[8mm] flex-none"
+              class="mr-[1mm] aspect-square h-[8mm] w-[8mm] flex-none"
               referrerpolicy="no-referrer"
             />
             <div
-              class="flex-grow text-sm"
-              style="font-size: 2mm"
+              class="flex-grow"
+              :class="{
+                'text-[3.9mm]': label.text.length <= 6,
+                'text-[3.2mm]': label.text.length == 7,
+                'text-[2.7mm]': label.text.length == 8,
+                'text-[2.4mm]': label.text.length == 9,
+                'text-[2.1mm]': label.text.length >= 10,
+              }"
               x-text="label.text"
             ></div>
           </li>