From: Danilo M. <redacted>
Date: Tue, 21 Apr 2026 21:10:48 +0000 (+0200)
Subject: feat: replace tier-based sizing with continuous scaling in tag cloud
X-Git-Tag: release_22042026-1342~31
X-Git-Url: https://git.danix.xyz/?a=commitdiff_plain;h=8bcdbe5ab1d02213786b8527d97b60ff7464fb7d;p=danix.xyz-2.git

feat: replace tier-based sizing with continuous scaling in tag cloud

- Compute size per tag: 0.6rem + (count/maxCount) * 1.2rem
- Compute opacity per tag: 0.7 + (count/maxCount) * 0.3
- Color gradient: small tags var(--text-dim), large (>50%) tags var(--accent)
- Remove .tag-tier-* classes, use inline style attributes
- Update sidebar label to use topTags i18n key
---

diff --git a/themes/danix-xyz-hacker/layouts/partials/tag-cloud.html b/themes/danix-xyz-hacker/layouts/partials/tag-cloud.html
index 0d59e3c..0db75f0 100644
--- a/themes/danix-xyz-hacker/layouts/partials/tag-cloud.html
+++ b/themes/danix-xyz-hacker/layouts/partials/tag-cloud.html
@@ -22,16 +22,12 @@
 {{/* Early exit if no tags */}}
 {{- if $tags -}}
 
-{{/* Compute max count for tier thresholds */}}
+{{/* Compute max count for continuous scaling */}}
 {{- $maxCount := 0 -}}
 {{- range $tags -}}
   {{- if gt .Count $maxCount -}}{{- $maxCount = .Count -}}{{- end -}}
 {{- end -}}
 
-{{/* Tier thresholds (integer division) */}}
-{{- $tierMedThreshold := div $maxCount 3 -}}
-{{- $tierHighThreshold := mul (div $maxCount 3) 2 -}}
-
 {{/* Ordered tag list (descending by count) */}}
 {{- $orderedTags := $tags.ByCount -}}
 {{- if gt $maxTags 0 -}}
@@ -41,7 +37,7 @@
 {{/* Render based on placement mode */}}
 {{- if $wrapInWidget -}}
 <div class="sidebar-widget">
-  <p class="sidebar-widget-label"># {{ i18n "tags" }}</p>
+  <p class="sidebar-widget-label"># {{ i18n "topTags" }}</p>
   <nav aria-label="{{ i18n "exploreTopics" }}">
     <div class="tag-cloud">
 {{- else -}}
@@ -55,15 +51,14 @@
 
       {{- range $orderedTags -}}
         {{- $count := .Count -}}
-        {{- $tier := "low" -}}
-        {{- if gt $count $tierHighThreshold -}}
-          {{- $tier = "high" -}}
-        {{- else if gt $count $tierMedThreshold -}}
-          {{- $tier = "medium" -}}
-        {{- end -}}
+        {{- $ratio := (div (float $count) (float $maxCount)) -}}
+        {{- $size := (add 0.6 (mul $ratio 1.2)) -}}
+        {{- $opacity := (add 0.7 (mul $ratio 0.3)) -}}
+        {{- $color := cond (ge $ratio 0.5) "var(--accent)" "var(--text-dim)" -}}
         <a
           href="{{ .Page.RelPermalink }}"
-          class="tag-cloud-link tag-tier-{{ $tier }}"
+          class="tag-cloud-link"
+          style="font-size: {{ $size }}rem; color: {{ $color }}; opacity: {{ $opacity }};"
           aria-label="{{ .Name }}{{- if $showCount }} ({{ i18n "postCount" $count }}){{- end -}}"
         >
           {{- .Name -}}