calendar overview for blog entries

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>

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>

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>

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>
+