Extract scrolling header to its own file and remove from single pages

assets/styles/main.css

@@ -41,7 +41,7 @@
   opacity: 0;
 }
 
-main {
+.list-main {
   position: relative;
   background-color: #fff;
 }

content/_index.html

@@ -3,6 +3,7 @@ title: Home
 cardImage: charolette
 motto: <small>My name is Thomas Christensen</small><br />I am Milliron X
 description: The homepage of Thomas A. Christensen II
+layout: _default/list
 ---
 
 <h2>What is a "Milliron X"?</h2>

layouts/_default/baseof.html

@@ -89,7 +89,7 @@
             </div>
           </nav>
         </aside>
-        <div class="col bg-faded py-3 gx-0">
+        <main class="col bg-faded py-3 gx-0">
           <div class="container">
             <header class="d-none d-sm-none d-md-block text-center">
               <h1 class="font-serif font-small-caps">
@@ -100,31 +100,14 @@
               </h1>
             </header>
           </div>
-          <div class="blurred-container">
-            <div class="motto">
-              <h1 id="motto">
-                {{ safeHTML (.Param "motto") }}
-              </h1>
-            </div>
-            {{ $imgsrc := print "images/" (.Param "cardImage") ".jpg" }}
-            {{ $mainimg := resources.Get $imgsrc }}
-            {{ $blurimg := $mainimg.Filter (images.GaussianBlur 100) }}
-            <div
-              class="img-src"
-              style="background-image: url('{{ $mainimg.RelPermalink }}');"
-            ></div>
-            <div
-              class="img-src blur"
-              style="background-image: url('{{ $blurimg.RelPermalink }}');"
-            ></div>
-          </div>
-          <br />
-          <main class="container-fluid">
+          {{ block "main" . }}
+          <section class="container-fluid list-main">
             <div class="container px-5">
-              {{ block "main" . }}{{ end }}
+                {{ .Content }}
             </div>
-          </main>
-        </div>
+          </section>
+          {{ end }}
+        </main>
       </div>
     </div>
     {{ $fajs := resources.Get "scripts/fontawesome/all.min.js" }}

layouts/_default/list.html

@@ -0,0 +1,11 @@
+
+{{ define "main" }}
+{{ partial "scrolling-image-header" . }}
+<section class="container-fluid list-main">
+  <div class="container px-5">
+    {{ block "content" . }}
+      {{ .Content }}
+    {{ end }}
+  </div>
+</section>
+{{ end }}

layouts/academia/list.html

@@ -1,4 +1,10 @@
 {{ define "main" }}
+  {{ partial "scrolling-image-header" . }}
+  <section class="container-fluid list-main">
+    <div class="container px-5">
+
+
+
   <h2>Selected Presentations</h2>
   {{ $featuredpubs := where .Pages ".Params.featured" "==" true }}
   {{ range $featuredpubs }}
@@ -11,4 +17,8 @@
   {{ range $nonfeaturedpubs }}
     {{ partial "academia/list-single.html" . }}
   {{ end }}
+
+
+    </div>
+  </section>
 {{ end }}

layouts/partials/scrolling-image-header.html

@@ -0,0 +1,20 @@
+{{ $millironx := resources.Get "graphics/millironx.svg" }}
+<div class="blurred-container">
+  <div class="motto">
+    <h1 id="motto">
+      {{ safeHTML (.Param "motto") }}
+    </h1>
+  </div>
+  {{ $imgsrc := print "images/" (.Param "cardImage") ".jpg" }}
+  {{ $mainimg := resources.Get $imgsrc }}
+  {{ $blurimg := $mainimg.Filter (images.GaussianBlur 100) }}
+  <div
+    class="img-src"
+    style="background-image: url('{{ $mainimg.RelPermalink }}');"
+  ></div>
+  <div
+    class="img-src blur"
+    style="background-image: url('{{ $blurimg.RelPermalink }}');"
+  ></div>
+</div>
+<br />

layouts/videos/list.html

@@ -1,7 +1,14 @@
 {{ define "main" }}
+  {{ partial "scrolling-image-header" . }}
+
+
+  <section class="container-fluid list-main">
+    <div class="container px-5">
+
   {{ .Content }}
 
 
+
   <div class="row">
     {{ range .Pages }}
       <div class="col-sm-4">
@@ -16,4 +23,11 @@
       </div>
     {{ end }}
   </div>
+
+
+
+    </div>
+  </section>
+
+
 {{ end }}

layouts/videos/single.html

@@ -1,6 +1,9 @@
 {{ define "main" }}
 
-  {{ if eq .Params.storage "yt" }}
+<section class="container-fluid list-main">
+  <div class="container px-5">
+
+      {{ if eq .Params.storage "yt" }}
     {{ .Scratch.Set "embedLink" (print "https://www.youtube-nocookie.com/embed/" .Params.storageId) }}
   {{ end }}
   {{ if eq .Params.storage "vimeo" }}
@@ -23,4 +26,14 @@
   </div>
 
   {{ .Content }}
+
+
+
+
+
+
+
+  </div>
+</section>
+
 {{ end }}

layouts/websites/list.html

@@ -1,4 +1,12 @@
 {{ define "main" }}
+{{ partial "scrolling-image-header" . }}
+
+<section class="container-fluid list-main">
+  <div class="container px-5">
+
+
+
+
 {{ range .Pages }}
 <section class="card mb-3">
   <div class="card-body d-flex align-items-center">
@@ -27,4 +35,15 @@
   </div>
 </section>
 {{ end }}
+
+
+
+
+
+
+  </div>
+</section>
+
+
+
 {{ end }}