From 1852d997180f86f006a55ee9ae601d6c28caf097 Mon Sep 17 00:00:00 2001
From: srgg <srggal@gmail.com>
Date: Mon, 15 Sep 2025 14:26:37 -0600
Subject: [PATCH] feat(block): show clockwise progress in resume-languages
 rather than counter-clockwise

Fix progress bar display in resume-languages block:  Correct stroke-dashoffset calculation to show accurate progress. Previously, progress bars displayed the gap segment (remaining progress) starting from the first quadrant, whereas for 80% progress it should appear in the 4th quadrant, causing the visual representation to appear inverted.

See #3252
---
 modules/blox-tailwind/blox/resume-languages/block.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/modules/blox-tailwind/blox/resume-languages/block.html b/modules/blox-tailwind/blox/resume-languages/block.html
index 34a39d08..190cdd1d 100644
--- a/modules/blox-tailwind/blox/resume-languages/block.html
+++ b/modules/blox-tailwind/blox/resume-languages/block.html
@@ -31,7 +31,7 @@
                   class="text-gray-200 dark:text-gray-700" />
           <circle cx="145" cy="145" r="120" stroke="currentColor" stroke-width="30" fill="transparent"
                   class="text-primary-600 dark:text-primary-300"
-                  style="stroke-dasharray: calc(2 * 22 / 7 * 120); stroke-dashoffset: calc(((2 * 22 / 7 * 120) * {{.percent}}/100) - (2 * 22 / 7 * 120))" />
+                  style=stroke-dasharray: calc(2 * 22 / 7 * 120); stroke-dashoffset: calc((2 * 22 / 7 * 120) - ((2 * 22 / 7 * 120) * {{.percent}}/100))" />
         </svg>
         <span class="absolute text-3xl">{{.percent}}%</span>
       </div>