From 5b9947e9ad3c737321f558599928a4f2d83b9cb7 Mon Sep 17 00:00:00 2001
From: Konstantin Kollar <konstantin@kollar.email>
Date: Wed, 29 Jan 2025 21:43:22 +0100
Subject: [PATCH] calendar overview for blog entries

---
 themes/bluewater/layouts/index.html           |  1 +
 .../layouts/partials/post-calendar.html       | 33 +++++++++++++++++++
 .../layouts/partials/svg/arrow-down.html      | 13 ++++++++
 .../layouts/partials/svg/arrow-right.html     |  2 ++
 4 files changed, 49 insertions(+)
 create mode 100644 themes/bluewater/layouts/partials/post-calendar.html
 create mode 100644 themes/bluewater/layouts/partials/svg/arrow-down.html
 create mode 100644 themes/bluewater/layouts/partials/svg/arrow-right.html

diff --git a/themes/bluewater/layouts/index.html b/themes/bluewater/layouts/index.html
index 7bd699b..e82e557 100644
--- a/themes/bluewater/layouts/index.html
+++ b/themes/bluewater/layouts/index.html
@@ -30,6 +30,7 @@
       </div>
     </div>
     <div class="basis-1/1 lg:basis-1/3 border-2 min-h-[200vh]">
+      {{- partial "post-calendar" . -}}
       <ul>
         {{ range .Site.Taxonomies.tags }}
           <li>
diff --git a/themes/bluewater/layouts/partials/post-calendar.html b/themes/bluewater/layouts/partials/post-calendar.html
new file mode 100644
index 0000000..ffd96ac
--- /dev/null
+++ b/themes/bluewater/layouts/partials/post-calendar.html
@@ -0,0 +1,33 @@
+<ul>
+  {{ range (where .Site.RegularPages "Type" "blog").GroupByDate "2006" }}
+    <li>
+        <input id="checkbox-{{.Key}}" type="checkbox" class="peer/Button hidden" />
+        <label for="checkbox-{{.Key}}" class="cursor-pointer peer-checked/Button:inline-block hidden align-text-bottom">{{ partial "svg/arrow-down.html" . }}</label>
+        <label for="checkbox-{{.Key}}" class="cursor-pointer peer-checked/Button:hidden inline-block align-text-bottom">{{ partial "svg/arrow-right.html" . }}</label> 
+        <label for="checkbox-{{.Key}}" class="cursor-pointer items-center">{{ .Key }}</label>
+        <div class="peer-checked/Button:flex hidden">
+            <ul class="ml-4">
+                {{ range .Pages.GroupByDate "2006-01" }}
+                   <li>
+                        <input id="checkbox-{{.Key}}" type="checkbox" class="peer/Button hidden" />
+                        <label for="checkbox-{{.Key}}" class="cursor-pointer peer-checked/Button:inline-block hidden align-text-bottom">{{ partial "svg/arrow-down.html" . }}</label>
+                        <label for="checkbox-{{.Key}}" class="cursor-pointer peer-checked/Button:hidden inline-block align-text-bottom">{{ partial "svg/arrow-right.html" . }}</label> 
+                        <label for="checkbox-{{.Key}}" class="cursor-pointer items-center">{{ (time.AsTime (print .Key "-01")) | time.Format "January" }}</label>
+                        <div class="peer-checked/Button:flex hidden">
+                            <ul class="ml-6">
+                                {{ range .Pages }}
+                                    <li class="my-1.5 first:my-0 last:mb-1"> 
+                                        <a href="{{ .RelPermalink }}" class="underline text-tertiary-600 hover:text-tertiary-500 visited:text-primary-400">{{ .Title }}</a>
+                                    </li>
+                                {{ end }}   
+                            </ul>
+                            
+                        </div>
+                   </li> 
+                {{ end }} 
+            </ul>
+            
+        </div>
+    </li>
+  {{ end }} 
+</ul>
\ No newline at end of file
diff --git a/themes/bluewater/layouts/partials/svg/arrow-down.html b/themes/bluewater/layouts/partials/svg/arrow-down.html
new file mode 100644
index 0000000..5fc5fa4
--- /dev/null
+++ b/themes/bluewater/layouts/partials/svg/arrow-down.html
@@ -0,0 +1,13 @@
+<svg width="" height="" class="inline w-4 h-4" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" transform="rotate(90)">
+
+    <g id="SVGRepo_bgCarrier" stroke-width="0"/>
+    
+    <g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"/>
+    
+    <g id="SVGRepo_iconCarrier">
+    
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10ZM11.707 7.293a1 1 0 1 0-1.414 1.414L13.586 12l-3.293 3.293a1 1 0 1 0 1.414 1.414l4-4a1 1 0 0 0 0-1.414l-4-4Z" fill="#000000"/>
+    
+    </g>
+    
+    </svg>
\ No newline at end of file
diff --git a/themes/bluewater/layouts/partials/svg/arrow-right.html b/themes/bluewater/layouts/partials/svg/arrow-right.html
new file mode 100644
index 0000000..09eadbc
--- /dev/null
+++ b/themes/bluewater/layouts/partials/svg/arrow-right.html
@@ -0,0 +1,2 @@
+<svg class="inline w-4 h-4" width="" height="" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10ZM11.707 7.293a1 1 0 1 0-1.414 1.414L13.586 12l-3.293 3.293a1 1 0 1 0 1.414 1.414l4-4a1 1 0 0 0 0-1.414l-4-4Z" fill="#000000"/></svg>
+