- Rebuilt CSS with main.min.css using Tailwind
- Fixed tag-cloud.html template: replaced cond function with if/else to properly render CSS color variables
- All tag cloud instances now render with correct inline styles: var(--accent) and var(--text-dim)
- HTML output verified across homepage, article sidebars, and 404 page
- Language-aware tag URLs confirmed: /tags/* for English, /it/tags/* for Italian
.tag-cloud {
display: flex;
flex-wrap: wrap;
- gap: 0.5rem;
+ justify-content: center;
+ gap: 0.75rem;
align-items: baseline;
}
border: 1px solid var(--border);
border-radius: 0.25rem;
font-family: var(--font-mono, 'JetBrains Mono', monospace);
- font-size: 0.75rem;
color: var(--text-dim);
text-decoration: none;
- transition: border-color 150ms ease-out, color 150ms ease-out, background-color 150ms ease-out;
+ transition: border-color 150ms ease-out, color 150ms ease-out, background-color 150ms ease-out, opacity 150ms ease-out;
white-space: nowrap;
line-height: 1.4;
}
{{- $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"
- style="font-size: {{ $size }}rem; color: {{ $color }}; opacity: {{ $opacity }};"
+ {{- if ge $ratio 0.5 }}
+ style="font-size: {{ $size }}rem; color: var(--accent); opacity: {{ $opacity }};"
+ {{- else }}
+ style="font-size: {{ $size }}rem; color: var(--text-dim); opacity: {{ $opacity }};"
+ {{- end }}
aria-label="{{ .Name }}{{- if $showCount }} ({{ i18n "postCount" $count }}){{- end -}}"
>
{{- .Name -}}