more style

Author: jam01

layouts/_default/list.html

@@ -3,12 +3,10 @@
   <div class="row">
     <div class="col-md-9">
       {{ range .Pages.ByPublishDate.Reverse }}
-      <div class="m-3 p-2 border-start border-dark border-5">
+      <div class="m-5 p-2 border-start border-dark border-4">
         <h3><a class="title" href="{{ .RelPermalink }}">{{ .Title }}</a></h3>
+        <p>{{ .Summary }}</p>
         {{ partial "metadata.html" . }}
-        <a class="summary" href="{{ .RelPermalink }}">
-            <p>{{ .Summary }}</p>
-        </a>
       </div>
       {{ end }}
     </div>

layouts/_default/single.html

@@ -2,8 +2,9 @@
 <div class="container">
   <div class="row">
     <div class="col-md-9">
+      <h1>{{ .Title }}</h1>
         {{ partial "metadata.html" . }}
-      <br><br>
+      <br class="mb-3"><br>
       {{ .Content }}
       </div>
       <div class="col-md-3">

layouts/partials/header.html

@@ -11,7 +11,7 @@
         {{ $curr := . }}
         {{ range .Site.Menus.main }}
         {{ $active := or ($curr.IsMenuCurrent "main" .) ($curr.HasMenuCurrent "main" .) }}
-        <li class="nav-item">
+        <li class="nav-item fw-bolder">
           <a class="nav-link{{ if $active }} active{{end}}"
         href="{{ .URL }}" title="{{ .Title }}">
           {{ .Name }}

layouts/partials/metadata.html

@@ -1,6 +1,6 @@
 {{ $dateTime := .PublishDate.Format "2006-01-02" }}
 {{ $dateFormat := .Site.Params.dateFormat | default "Jan 2, 2006" }}
-<time datetime="{{ $dateTime }}" class="pe-2">{{ .PublishDate.Format $dateFormat }}</time>
+<time datetime="{{ $dateTime }}" class="px-2">{{ .PublishDate.Format $dateFormat }}</time>
 {{ with .Params.tags }}
   {{ range . }}
     {{ $href := print (absURL "tags/") (urlize .) }}

static/css/style.css

@@ -1,5 +1,6 @@
 :root {
-  --light: #EAEAEC;
+  --light: #FAFAFA;
+  /* --light: #EAEAEC; */
   --light-gray: #6C7D80;
   --dark: #27282B;
   --dark-gray: #303D40;
@@ -34,5 +35,5 @@ main a {
 }
 
 main > .container {
-  padding: 45px 15px 0;
+  padding: 45px 15px 15px;
 }