remove hard-coded link + annotations

layouts/index.html

@@ -2,18 +2,27 @@
   <main class="cf ph3 ph5-l pv3 pv4-l f4 tc-l center measure-wide lh-copy mid-gray">
     {{ .Content }}
   </main>
-  {{/* For Hugo 0.20 this will default to the section with the most number of pages. */}}
+  {{/* Define a section to pull recent posts from. For Hugo 0.20 this will default to the section with the most number of pages. */}}
   {{ $mainSections := .Site.Params.mainSections | default (slice "post") }}
-  {{/* Create a variable to use the same section twice. */}}
+  {{/* Create a variable with that section to use in multiple places. */}}
   {{ $section := where .Site.RegularPages "Section" "in" $mainSections }}
+  {{/* Check to see if the section is defined for ranging through it */}}
   {{ if $section }}
+
+    {{/* Derive the section name by creating a string from the initial section definition */}}
+    {{ $section_name := printf "%s" (delimit ($mainSections) " ") }}
+
     <div class="pa3 pa4-ns w-100 w-70-ns center">
 
-      <h1 class="flex-none">
-        Recent Articles
-      </h1>
+      {{/* Use $section_name to get the section title. Use "with" to only show it if it exists */}}
+      {{ with .Site.GetPage "section" $section_name }}
+        <h1 class="flex-none">
+          Recent {{ .Title }}
+        </h1>
+      {{ end }}
 
       <section class="w-100 mw8">
+        {{/* Range through the first three items of the section */}}
         {{ range (first 3 $section) }}
           <div class="relative w-100 mb4">
             {{ partial "summary-with-image.html" . }}
@@ -22,8 +31,10 @@
       </section>
 
       <section class="w-100">
-        <h1 class="f3">More Posts</h1>
-        {{/* Nest the requirements, "after" then "first" on the outside */}}
+
+        <h1 class="f3">More</h1>
+
+        {{/* Now, range through the next four after the initial 3 items. Nest the requirements, "after" then "first" on the outside */}}
         {{ range (first 4 (after 3 $section))  }}
           <h2 class="f5 fw4 mb4 dib mr3">
             <a href="{{ .URL }}" class="link black dim">
@@ -31,9 +42,14 @@
             </a>
           </h2>
         {{ end }}
-        <a href="/post/" class="link db f6 pa2 br3 bg-mid-gray white dim w4 tc">All Posts</a>
-      </section>
 
-    </div>
+        {{/* As above, Use $section_name to get the section title, and URL. Use "with" to only show it if it exists */}}
+        {{ with .Site.GetPage "section" $section_name }}
+          <a href="{{ .URL }}" class="link db f6 pa2 br3 bg-mid-gray white dim w4 tc">All {{.Title }}</a>
+        {{ end }}
+
+        </section>
+
+      </div>
   {{ end }}
 {{ end }}