fixed UI details across layouts

assets/css/compiled/main.css

@@ -1618,10 +1618,6 @@ select {
   height: 3rem;
 }
 
-.h-36 {
-  height: 9rem;
-}
-
 .h-full {
   height: 100%;
 }
@@ -1630,6 +1626,10 @@ select {
   height: 6rem;
 }
 
+.h-36 {
+  height: 9rem;
+}
+
 .h-8 {
   height: 2rem;
 }
@@ -1654,12 +1654,6 @@ select {
   width: 3rem;
 }
 
-.w-fit {
-  width: -webkit-fit-content;
-  width: -moz-fit-content;
-  width: fit-content;
-}
-
 .w-36 {
   width: 9rem;
 }
@@ -1696,6 +1690,10 @@ select {
   min-width: 2.4rem;
 }
 
+.min-w-\[220px\] {
+  min-width: 220px;
+}
+
 .max-w-7xl {
   max-width: 80rem;
 }
@@ -3015,6 +3013,10 @@ body:has(#menu-controller:checked) {
   }
 }
 
+.max-w-prose {
+  max-width: 75ch;
+}
+
 .first\:mt-8:first-child {
   margin-top: 2rem;
 }

assets/css/main.css

@@ -376,4 +376,8 @@ body:has(#menu-controller:checked) {
   .article {
     flex-wrap: nowrap;
   }
+}
+
+.max-w-prose {
+  max-width: 75ch;
 }

exampleSite/config/_default/menus.en.toml

@@ -45,4 +45,9 @@
  [[footer]]
    name = "Tags"
    pageRef = "tags"
-   weight = 10
+   weight = 10
+
+ [[footer]]
+   name = "Authors"
+   pageRef = "authors"
+   weight = 20

exampleSite/content/docs/_index.md

@@ -12,7 +12,7 @@ cascade:
 Simple, yet powerful. Learn how to use Blowfish and its features.
 {{< /lead >}}
 
-![Featured Blowfish image](featured.png)
+<div class="w-full h-auto single_hero nozoom" style="background-image:url(featured.png);height:300px;"></div>
 
 This section contains everything you need to know about Blowfish. If you're new, check out the [Installation]({{< ref "docs/installation" >}}) guide to begin or visit the [Samples]({{< ref "samples" >}}) section to see what Blowfish can do.
 

layouts/_default/list.html

@@ -25,7 +25,7 @@
     </div>
   </section>
   {{ if gt .Pages 0 }}
-    <section class="space-y-10 w-fit">
+    <section class="space-y-10 max-w-prose">
       {{ range (.Paginate (.Pages.GroupByDate "2006")).PageGroups }}
         {{ if $.Params.groupByYear | default ($.Site.Params.list.groupByYear | default true) }}
           <h2 class="mt-12 text-2xl font-bold text-neutral-700 first:mt-8 dark:text-neutral-300">

layouts/_default/taxonomy.html

@@ -12,9 +12,9 @@
       </div>
     </section>
   {{ end }}
-  <section class="flex flex-wrap -mx-2 overflow-hidden">
+  <section class="flex flex-wrap max-w-prose -mx-2 overflow-hidden">
     {{ range .Data.Terms }}
-      <article class="w-full px-2 my-3 overflow-hidden sm:w-1/2 md:w-1/3 lg:w-1/4 xl:w-1/5">
+      <article class="w-full px-2 my-3 overflow-hidden sm:w-1/2 md:w-1/3 lg:w-1/4 xl:w-1/4">
         <h2 class="flex items-center">
           <a
             class="text-xl font-medium decoration-primary-500 hover:underline hover:underline-offset-2"

layouts/_default/term.html

@@ -12,7 +12,7 @@
       </div>
     </section>
   {{ end }}
-  <section class="mt-5 space-y-10 w-fit">
+  <section class="mt-5 space-y-10 max-w-prose">
     {{ range (.Paginate (.Pages.GroupByDate "2006")).PageGroups }}
       {{ if $.Params.groupByYear | default ($.Site.Params.list.groupByYear | default true) }}
         <h2 class="mt-12 text-2xl font-bold text-neutral-700 first:mt-8 dark:text-neutral-300">

layouts/index.html

@@ -3,6 +3,6 @@
   {{ if templates.Exists $partial }}
     {{ partial $partial . }}
   {{ else }}
-    {{ partial "partials/home/page.html" . }}
+    {{ partial "partials/home/profile.html" . }}
   {{ end }}
 {{ end }}

layouts/partials/toc.html

@@ -5,7 +5,7 @@
     {{ i18n "article.table_of_contents" }}
   </summary>
   <div
-    class="py-2 border-dotted border-neutral-300 ltr:-ml-5 ltr:border-l ltr:pl-5 rtl:-mr-5 rtl:border-r rtl:pr-5 dark:border-neutral-600"
+    class="min-w-[220px] py-2 border-dotted border-neutral-300 ltr:-ml-5 ltr:border-l ltr:pl-5 rtl:-mr-5 rtl:border-r rtl:pr-5 dark:border-neutral-600"
   >
     {{ .TableOfContents | emojify }}
   </div>