{{ partial "header.html" . }}

<section id="main">
  <div>
    <h1 id="title">{{ .Title }}</h1>

    <ol class='tag-cloud'>
    {{ $data := .Data }}
    {{ range $key, $value := .Data.Terms }}
      {{ $class := "non-popular" }}
      {{ if gt ( len $value ) 0 }}
        {{ $class := "not-very-popular" }}
      {{ end }}
      {{ if gt ( len $value ) 1 }}
        {{ $class := "somewhat-popular" }}
      {{ end }}
      {{ if gt ( len $value ) 5 }}
        {{ $class := "popular" }}
      {{ end }}
      {{ if gt ( len $value ) 10 }}
        {{ $class := "very-popular" }}
      {{ end }}
      {{ if gt ( len $value ) 15 }}
        {{ $class := "ultra-popular" }}
      {{ end }}
      <li class='{{ $class }}'>
        <span>
          {{ len $value }} blog articles are tagged with
        </span>
        <a href="/{{ $data.Plural }}/{{ $key | urlize }}">{{ $key }}</a>
        </span>
      </li>
    {{ end }}
   </ol>
  </div>
</section>

{{ partial "footer.html" . }}