From c1a40fc3e507da7e651649f7817ddd1e5e4fe1f6 Mon Sep 17 00:00:00 2001
From: pluja <codeberg@r3d.red>
Date: Tue, 31 Oct 2023 09:40:14 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=94=A7=20fix(attribute.html):=20remove=20?=
 =?UTF-8?q?commented=20out=20code=20for=20attribute=20title=20to=20improve?=
 =?UTF-8?q?=20code=20readability=20and=20maintainability=20=F0=9F=8E=A8=20?=
 =?UTF-8?q?style(attribute.html):=20refactor=20attribute=20rating=20displa?=
 =?UTF-8?q?y=20to=20use=20emoji=20icons=20for=20better=20visual=20represen?=
 =?UTF-8?q?tation?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/web/templates/attribute.html | 50 +++++++++++++++++---------------
 1 file changed, 26 insertions(+), 24 deletions(-)

diff --git a/src/web/templates/attribute.html b/src/web/templates/attribute.html
index 9977d18..821fd5a 100644
--- a/src/web/templates/attribute.html
+++ b/src/web/templates/attribute.html
@@ -1,33 +1,35 @@
 <section class="pt-14">
     <div class="flex flex-col items-center justify-center space-x-4">
-        <h1 class="text-2xl font-bold capitalize-first">{{.Attribute.Title}}</h1>
-        {{if eq 0 .Attribute.Rating}}
-            <span class="px-2 py-1 my-1 text-sm font-bold uppercase border rounded-full border-blue-600/40 bg-blue-600/20">
-                info
-            </span>
-        {{end}}
-        {{if eq 1 .Attribute.Rating}}
-            <span class="px-2 py-1 my-1 text-sm font-bold uppercase border rounded-full border-green-600/40 bg-green-600/20">
-                good feature
-            </span>
-        {{end}}
-        {{if eq 2 .Attribute.Rating}}
-            <span class="px-2 py-1 my-1 text-sm font-bold uppercase border rounded-full border-amber-600/40 bg-amber-600/20">
-                warning
-            </span>
-        {{end}}
-        {{if eq 3 .Attribute.Rating}}
-            <span class="px-2 py-1 my-1 text-sm font-bold uppercase border rounded-full border-red-600/40 bg-red-600/20">
-                caution
-            </span>
-        {{end}}
+        <!--<h1 class="text-2xl font-bold capitalize-first">{{.Attribute.Title}}</h1>-->
         <!-- Description -->
-        <div class="flex items-center justify-center p-4">
-            <p class="max-w-lg p-4 text-sm border rounded-lg md:text-md border-white/20 bg-gray-400/10">
+        <div class="p-4 m-4
+                    {{if eq 0 .Attribute.Rating}} border rounded-lg border-blue-600/40 bg-blue-600/20 {{end}}
+                    {{if eq 1 .Attribute.Rating}} border rounded-lg border-green-600/40 bg-green-600/20 {{end}}
+                    {{if eq 2 .Attribute.Rating}} border rounded-lg border-yellow-600/40 bg-yellow-600/20 {{end}}
+                    {{if eq 3 .Attribute.Rating}} border rounded-lg border-red-600/40 bg-red-600/20 {{end}}
+                    ">
+
+            <h3 class="mb-3 text-lg font-bold uppercase border-b md:text-xl border-b-white/20">
+                {{if eq 0 .Attribute.Rating}}
+                    🔵
+                {{end}}
+                {{if eq 1 .Attribute.Rating}}
+                    ✅
+                {{end}}
+                {{if eq 2 .Attribute.Rating}}
+                    ⚠️
+                {{end}}
+                {{if eq 3 .Attribute.Rating}}
+                    🛑
+                {{end}}
+                {{.Attribute.Title}}
+            </h3>
+
+            <p class="max-w-lg">
                 {{if ne .Attribute.Description ""}}
                     {{.Attribute.Description}}
                 {{else}}
-                    This {{.Attribute.Name}} does not have a description.
+                    {{.Attribute.Name}} does not have a description.
                 {{end}}
             </p>
         </div>