Adding files page and UI with proper linking for large files containment, starting with the uk sound series stuff as a test

main-site/hugo.yaml

@@ -25,3 +25,6 @@ Params:
     - name: Dev Blog
       description: Dev stuff
       uri: /dev
+    - name: Files
+      description: Links to files
+      uri: /files

main-site/themes/temper/layouts/_default/list.html

@@ -7,9 +7,32 @@
       <h5>/feed</h5>
     {{ else if eq .Dir "dev/" }}
       <h5>/dev</h5>
+    {{ else if eq .Dir "files/" }}
+      <h5>/files</h5>
     {{ end }}
   {{ end }}
   <p>{{ .Content }}</p>
+  {{ if hasPrefix $path "files" }}
+    {{ $colors := slice "cyan" "yellow" "pink"}}
+    {{ $opts := len $colors }}
+    {{ range $i, $top := readDir "content/files/" }}
+      <!-- Skip non - directories -->
+      {{ if eq $top.IsDir false }} {{ continue }} {{ end }}
+
+      <!-- Generate card for each folder -->
+      <div class="card" style="border-color: {{ mod $i $opts | index $colors }}">
+        <h5 class="card-header postcard card-title">{{ $top.Name }}</h5>
+        <!-- generate links for all the folder's files -->
+        {{ range $file := print "content/files/" $top.Name | readDir }}
+          <ul>
+            <a href="{{ print "/files/" $top.Name "/" $file.Name }}">
+              {{ print $file.Name }}
+            </a>
+          </ul>
+        {{ end }}
+      </div>
+    {{ end }}
+  {{ end }}
   {{ $colors := slice "cyan" "yellow" "pink"}}
   {{ $opts   := len $colors }}
   {{ range $i, $page := .Pages.ByDate.Reverse }}