enhance grid layout and functionality for articles; improve spacing and sigil generation

This commit is contained in:
Drew
2025-04-07 12:22:06 -06:00
parent ac88d5e4d0
commit fa2579bc08
4 changed files with 144 additions and 77 deletions

View File

@ -1,8 +1,7 @@
<div class="wompum-container">
<div class="wompum-grid"
data-metadata="{{ jsonify .Params }}"
>
<!-- Grid will be populated by JavaScript -->
<!-- 7x5 = 35 cells total -->
</div>
<div class="wompum-article-grid"
data-metadata="{{ dict "narrator" .Params.narrator "subject" .Params.subject "facilitator" .Params.facilitator | jsonify }}"
data-columns="7"
data-rows="5">
</div>
</div>

View File

@ -1,16 +1,25 @@
<!-- basic header partial in hugo with just home and about -->
<header class="p-4 flex justify-between items-center border-b border-gray-300 mb-4">
<h1 class="text-2xl font-bold">
<a href="/">{{ .Site.Title }}</a>
</h1>
<nav class="font-iosevka">
<ul class="flex gap-4">
<li>
<a href="/" class="hover:text-blue-700">Home</a>
</li>
<li>
<a href="/about" class="hover:text-blue-700">About</a>
</li>
</ul>
</nav>
<header class="flex flex-col mb-4">
<div class="flex justify-between items-center p-4">
<h1 class="text-2xl font-bold">
<a href="/">{{ .Site.Title }}</a>
</h1>
<nav class="font-iosevka">
<ul class="flex gap-4">
<li>
<a href="/" class="hover:text-blue-700">Home</a>
</li>
<li>
<a href="/about" class="hover:text-blue-700">About</a>
</li>
</ul>
</nav>
</div>
<div class="wompum-container">
<div class="wompum-grid h-2"
data-text="{{ .Site.Title }}"
data-columns="7"
data-rows="1">
</div>
</div>
</header>