ListPage: Add initial mf list page

Author: nginx-jack

assets/css/v2/style.css

@@ -440,6 +440,19 @@ nav {
   }
 }
 
+.list-page {
+  --flow-gap: .5rem;
+
+  h2 {
+    font-size: 1.5rem;
+    margin: 1rem 0 0rem 0;
+  }
+
+  hr {
+    margin: 1rem 0;
+  }
+}
+
 .api {
   margin: 2rem 0 2rem 2rem;
   width: 100%;
@@ -1333,7 +1346,7 @@ figure {
 /* HR Lines */
 hr {
   width: 100%;
-  border: 1px solid var(--color-divider);
+  border-top: 1px solid var(--color-divider);
 }
 
 /* FILTHY HACKS BEGIN */

layouts/_default/baseof.html

@@ -57,7 +57,7 @@
       });
 
       // swap out v1 and v2 elements
-      const v1ElementIds = ["sidebar", "footer", "toc", "api", "search-v1", "breadcrumb-v1"]
+      const v1ElementIds = ["sidebar", "footer", "toc", "api", "search-v1", "breadcrumb-v1", "list-v1"]
 
       v1ElementIds.forEach((elementId) => {
         const element = document.getElementById(elementId);

layouts/_default/list.html

@@ -1,10 +1,53 @@
 {{ define "main" }}
-<div class="row flex-xl-nowrap">
+<div class="row flex-xl-nowrap" id="list-v1">
   <nav class="sidenav overflow-auto col-md-3 d-none d-xl-block d-print-none">
     {{ partial "sidebar.html" . }}
   </nav>
   <main class="content col-xl-9 d-block" role="main">
     {{ partial "list-main" . }} 
   </main>
 </div>
+
+{{/*  mf list page  */}}
+
+<main class="content col d-block align-top content-has-toc" role="main" data-mf="true" style="display: none">
+<section class="main-layout">
+  <div class="sidebar-layout">
+    <nav data-mf="true" id="sidebar-v2" class="sidebar" style="display:none;">
+      {{ partial "sidebar-v2.html" . }}
+    </nav>
+  </div>
+
+
+
+  <section class="content-layout" data-mf="true" style="display: none">
+    <section class="breadcrumb-layout">
+      {{ if not .IsHome }}
+        {{ if not (in .Params.display_breadcrumb "false" ) }}
+        {{ partial "breadcrumb" .}}
+        {{ end }}
+      {{ end }}
+    </section>
+    <div class="text-content list-page">
+      <h1>{{ .Title }}</h1>
+      {{ .Content }}
+
+      <hr>
+      {{ if .Page.Lastmod }}
+      <div class="last-modified">
+        Last modified {{ .Page.Lastmod.Format "January 2, 2006" }}
+      </div>
+      {{ end }}
+
+      </main>
+
+    </div>
+  </section>
+</section>
+
+
+
+</section>
+</main>
 {{ end }}
+