117 tags found on Ben Strawbridge Dot Com Consulting

accessibility¹ affiliate marketing¹ alerts¹ all at once¹ alpine.js¹ amazon associates program² api integration² astronomy¹ aurora¹ automation³ big screen presentation¹ blogging¹ blogroll¹ budget³ ci/cd¹ cloudflare tunneling service¹ configuration¹ configuration management¹ content adaptors¹ content management² css¹ development environment¹ devops¹ digital security¹ digital wallet¹ disaster preparedness¹ disclosure² dynamic content¹ encrypted storage¹ everything¹ everywhere¹ family recipes⁸ feed¹ feed readers¹ fiction² filtering¹ financial planning¹ front matter¹ game template¹ github actions¹ github pages¹ healthy⁵ historical² hugo¹⁴ image gallery¹ image processing¹ images¹ ingredients³ inspiration¹ interactive maps¹ javascript¹ landscape photography¹ leaflet.js¹ localhost server¹ mapping¹ marina del rey¹ monitoring¹ musical genres¹ networking¹ ngrok¹ night photography¹ nonfiction² notebook¹ okta¹ open source⁴ openstreetmap¹ partials¹ photography² pick-a-squares¹ pines¹ privacy¹ product development¹ product management¹ puppeteer¹ random score generation¹ recipe schema² recipe template¹ recipes¹ referral links¹ resource management¹ responsive¹ revolution³ rss¹ ryder theme⁴ saas¹ sb lix¹ seeds³ seo¹ shell scripting¹ shortcodes¹ smoothie¹ space¹ spotify¹ state management¹ static site generator³ string manipulation¹ structured data¹ styling feeds¹ super bowl squares¹ tag cloud¹ tailwind css² taxonomy¹ templates³ themes¹ tutorial¹ vegan¹ web development⁶ website development¹ work in progress¹ workflow dispatch¹ workflow optimization¹ workforce onboarding¹ writing¹ xml¹ xslt¹ zendesk¹ zsh script¹

 1{{/*  
 2  I found this partial on Mert Bakir's personal website
 3  https://mertbakir.gitlab.io/hugo/tag-cloud-in-hugo/
 4  I have since modified suit to fit my needs.
 5 */}}
 6 {{/*  
 7  By default the taxonomy uses "tags" but when it is on a taxonomy page
 8  it uses the current section label, which is the name of the taxonomy
 9 */}}
10 {{ $taxonomy := "tags" }}
11 {{ if eq .Page.Kind "taxonomy" }}
12   {{ $taxonomy = .Section }}
13 {{ end }}
14 
15
16 <div class="container tagcloud">
17   <h3>{{ len (index $.Site.Taxonomies $taxonomy) }} {{ $taxonomy }} found on {{ $.Site.Title }}</h3>
18   {{ if ne (len (index $.Site.Taxonomies $taxonomy)) 0 }}
19     {{ $largestFontSize := 3.8 }}
20     {{ $smallestFontSize := 0.8 }}
21     {{ $fontSpread := sub $largestFontSize $smallestFontSize }}
22     {{ $max := add (len (index (index $.Site.Taxonomies $taxonomy).ByCount 0).Pages) 1 }}
23     {{ $min := len (index (index $.Site.Taxonomies $taxonomy).ByCount.Reverse 0).Pages }}
24     {{ $spread := sub $max $min }}
25     {{ $fontStep := div $fontSpread $spread }}
26       {{ range $name, $taxonomyPage := (index $.Site.Taxonomies $taxonomy) }}
27         {{ $tagCount := len $taxonomyPage.Pages }}
28         {{ $currentFontSize := (add $smallestFontSize (mul (sub $tagCount $min) $fontStep) ) }}
29         {{ $weight := div (sub (math.Log $tagCount) (math.Log $min)) (sub (math.Log $max) (math.Log $min)) }}
30         {{ $currentFontSize := (add $smallestFontSize (mul (sub $largestFontSize $smallestFontSize) $weight)) }}
31         {{ $baseURL := $.Site.BaseURL }}
32         
33         {{ $gradientClass := "bg-gradient-to-r from-lime-400 to-lime-500 text-zinc-900 "}}
34         {{ $classes := "py-2 px-4 rounded-full border-2 border-yellow-500 hover:bg-yellow-500 hover:border-yellow-600 focus:outline-none focus:ring-2 focus:ring-yellow-300 no-underline inline-block text-center break-words "}}
35         {{ $headerBackgroundFrameOuter := "" }}
36         {{ with $.Site.Param "twClasses.headerBackgroundFrameOuter" }}
37           {{ $gradientClass = . }}
38         {{ end }}
39         <a href="{{ printf "%s%s/%s" $baseURL $taxonomy ($name | urlize) }}" 
40            class="tagcloud-item px-2" style="font-size: {{ $currentFontSize }}rem;">
41            <span class="{{ $classes }} {{ $gradientClass }}">{{ $name }}<sup>{{ $tagCount }}</sup></span></a>
42       {{ end }}
43   {{ end }}
44 </div>
45