add date and center stuff

hugo/content/_index.md

@@ -4,10 +4,6 @@ date: 2023-05-31T09:14:56-04:00
 draft: false
 ---
 
-Welcome to Balki's Blog
------------------------
+Balki's Blog
+============
 
-
-I am Balakrishnan Balasubramanian (a) balki. 
-
-Nothing much here. Checkout the nav bar above for interesting stuff.

hugo/content/posts/vim-stt.md

@@ -0,0 +1,7 @@
+---
+title: "Vim Send To Terminal"
+date: 2023-07-15T20:18:03-04:00
+draft: true
+---
+
+## Semi automate scripts with vim `:terminal`

hugo/layouts/_default/baseof.html

@@ -5,14 +5,18 @@
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <meta http-equiv="Content-Security-Policy" content="default-src 'self' 'unsafe-inline' data: ;">
     <title>
-        {{ block "title" . }}
+        {{- block "title" . -}}
         {{ .Site.Title }}
-        {{ end }}
+        {{- end -}}
     </title>
 
     <!-- Diable favicon requests: https://stackoverflow.com/a/13416784 -->
     <link rel="icon" href="data:;base64,iVBORw0KGgo=">
     <link href="/assets/bootstrap.min.css" rel="stylesheet" >
+    <style>
+        {{- block "styles" . -}}
+        {{- end -}}
+    </style>
 
     <script src="/assets/bootstrap.min.js" defer></script>
   </head>
@@ -23,10 +27,13 @@
         <aside>
             <nav>
                 <ul class="nav">
-                    <li class="nav-item"><a class="nav-link" href="/">                                 Home   </a></li>
-                    <li class="nav-item"><a class="nav-link" href="https://blog.balki.me">             Blog   </a></li>
-                    <li class="nav-item"><a class="nav-link" href="/stuff.html">                       Stuff  </a></li>
-                    <li class="nav-item"><a class="nav-link" href="https://gitea.balki.me/balki/blog"> Source </a></li>
+                    <li class="nav-item"><a class="nav-link" href="/">                            Home   </a></li>
+                    <li class="nav-item"><a class="nav-link" href="/posts">                       Blog   </a></li>
+                    <li class="nav-item"><a class="nav-link" href="https://gitea.balki.me/balki"> Gitea  </a></li>
+                    <li class="nav-item"><a class="nav-link" href="https://github.com/balki">     Github </a></li>
+                    <!-- TODO
+                    <li class="nav-item"><a class="nav-link" href="/about">                 About    </a></li>
+                    -->
                 </ul>
             </nav>
         </aside>

hugo/layouts/_default/list.html

@@ -1,5 +1,5 @@
 {{ define "main" }}
-    <h1>Posts</h1>
+    <h1 class="text-center">Posts</h1>
     {{ range .Pages }}
         {{ partial "postcard" . }}
     {{ end }}

hugo/layouts/_default/single.html

@@ -4,6 +4,7 @@
 {{ define "main" }}
     <article>
         <h1 class="display-3 text-center">{{ .Title }}</h1>
+        <p class="text-center"><time datetime="{{ .Date }}">{{ .Date.Format "2006-01-02" }}</time></p>
         {{ .Content }}
     </article>
 {{ end }}

hugo/layouts/index.html

@@ -1,10 +1,16 @@
 {{ define "main" }}
     <article>
+        <div class="text-center m-4">
         {{ .Content }}
+        </div>
+        <p class="text-center">Under construction. Come back later! :)</p>
+        <div>
+            <h4>Recent posts</h4>
         {{ range .Pages }}
             {{ range .Pages }}
                 {{ partial "postcard" . }}
             {{ end }}
         {{ end }}
+        </div>
     </article>
 {{ end }}

hugo/layouts/partials/postcard.html

@@ -1,6 +1,12 @@
-<div class="card">
+{{ define "styles" }}
+    a.title-link {
+    text-decoration: none;
+    }
+{{ end }}
+<div class="card mb-4">
     <div class="card-body">
-        <a href="{{ .RelPermalink }}" ><h2 class="card-title">{{ .Title }}</h2></a>
+        <a class="title-link link-primary" href="{{ .RelPermalink }}" ><h3 class="card-title">{{ .Title }}</h3></a>
+        <p> {{ .Date.Format "2006-01-02" }} </p>
         <p class="card-text"> {{ .Summary }} </p>
     </div>
 </div>