website

commit 90e19f9fd452f90fd5c2dcfa8bb316e0ed4a0f67
parent e21d3af44e2920b97e40bc34a7c856ed116d975f
Author: Michael Neuper <michael@michaelneuper.com>
Date:   Tue, 31 Oct 2023 21:43:08 +0200

Add post date to title

Diffstat:
M
layouts/_default/single.html
 | 
7
++++++-
M
static/css/styles.css
 | 
36
+++++++++++++++++++++++++++++-------

2 files changed, 35 insertions(+), 8 deletions(-)
diff --git a/layouts/_default/single.html b/layouts/_default/single.html
@@ -11,12 +11,17 @@
   </article>
 
   {{ else }}
-  <h1>{{ .Title }}</h1>
+  <h1 class="post-title">
+    {{ .Title }}
+    <div class="publish-date">{{ .PublishDate.Format .Site.Params.dateFormat }}</div>
+  </h1>
+
   {{ if ne .Params.tags nil }}
   <div>
     {{ range .Params.tags }}
     <a class="link" href='{{ "tags" | absURL }}/{{ . | urlize }}'>#{{ . }}</a>
     {{ end }}
+    <br></br>
   </div>
   {{ end }}
   {{ if cond (ne .Params.toc nil) .Params.toc .Site.Params.toc }}
diff --git a/static/css/styles.css b/static/css/styles.css
@@ -110,10 +110,22 @@ main.grid-container {
   }
 }
 
+#main {
+  max-width: 1000px;
+}
+
 #main .toc {
   background-color: var(--background-secondary);
-  color: var(--text-secondary)
-  /* TODO fix border */
+  border: 1px dashed var(--text-secondary);
+}
+
+#TableOfContents a {
+  text-decoration: none;
+  color: var(--text);
+}
+
+.numbered-subtitles {
+  color: var(--text) !important;
 }
 
 .index {
@@ -166,7 +178,7 @@ main.grid-container {
 }
 
 a {
-  text-decoration: none;
+  text-decoration: none !important;
 }
 
 a:link {
@@ -262,12 +274,22 @@ button.copyButton:hover {
   }
 }
 
+.post-title {
+  text-align: center;
+}
+
+.publish-date {
+  color: var(--text-secondary);
+  font-size: large;
+  padding-top: 10px;
+}
+
 ::selection {
-    background-color: var(--background-secondary);
-    color: var(--text-emphasized);
+  background-color: var(--background-secondary);
+  color: var(--text-emphasized);
 }
 
 ::-moz-selection {
-    background-color: var(--background-secondary);
-    color: var(--text-emphasized);
+  background-color: var(--background-secondary);
+  color: var(--text-emphasized);
 }