Added tags

2 files changed, 22 insertions, 3 deletions

diff --git a/themes/simple/layouts/_default/notes.html b/themes/simple/layouts/_default/notes.html
index 1685542..268a1ce 100644
--- a/themes/simple/layouts/_default/notes.html
+++ b/themes/simple/layouts/_default/notes.html
@@ -19,8 +19,23 @@
     <section>
       {{ range (where .Site.RegularPages "Section" "notes") }}
       <div class="mb-10">
-        <article class="mb-5 single" itemscope itemtype="http://schema.org/Article">
+        <article class="mb-5 single note" itemscope itemtype="http://schema.org/Article">
           <h2 class="text-xl font-medium notes-heading">{{.Title}}</h2>
+          <p class="text-gray-600 _italic text-sm">
+            <time datetime="{{ .Date.Format "2006-01-02" }}" itemprop="datePublished">
+              {{ .Date.Format "Monday Jan 2, 2006" }}
+            </time>
+
+            {{ if .Params.tags }}
+              <span>with tags</span>
+              <span class="inline-flex flex-row gap-1">
+                <span>(</span>
+                {{ range .Params.tags }}
+                  <span>{{ . }}</span>
+                {{ end }}
+                <span>)</span>
+              </span>
+            {{ end }}
           <div class="content">
             {{ .Content | safeHTML }}
           </div>
diff --git a/themes/simple/static/css/tailwind.css b/themes/simple/static/css/tailwind.css
index 0753513..2b4b779 100644
--- a/themes/simple/static/css/tailwind.css
+++ b/themes/simple/static/css/tailwind.css
@@ -27,8 +27,8 @@ article.single h2 {
   @apply text-2xl font-bold mb-8 mt-8 leading-tight;
 }
 
-article.single h2.notes-heading {
-  @apply text-2xl font-bold mb-4 mt-8 leading-tight;
+article.single.note h2 {
+  @apply text-2xl font-bold mb-1 mt-8 leading-tight;
 }
 
 article.single h3 {
@@ -83,6 +83,10 @@ article.single code {
   @apply bg-yellow-100 rounded px-2 py-1 text-xs font-medium;
 }
 
+article.single.note code {
+  @apply bg-gray-100 rounded px-2 py-1 text-xs font-medium;
+}
+
 article.single pre {
   @apply !bg-gray-50 rounded text-xs p-4 mb-6 overflow-x-auto;
 }