From 6fd8441419c2f4617fa9aa35c511fc7d40660a4b Mon Sep 17 00:00:00 2001
From: Hyperling <me@hyperling.com>
Date: Mon, 5 Oct 2026 09:58:37 -0700
Subject: [PATCH] menu, take advantage of updated grid setup.

---
 pages/helpers/menu.php | 79 +++++++++++++++++++++++++++++-------------
 1 file changed, 54 insertions(+), 25 deletions(-)

diff --git a/pages/helpers/menu.php b/pages/helpers/menu.php
index cad1238..f1953f2 100755
--- a/pages/helpers/menu.php
+++ b/pages/helpers/menu.php
@@ -1,6 +1,6 @@
 #!/usr/bin/php
+		<!--
 		<div class="row header menu">
-			<!--
 			<ul class="menu-list">
 				<li class="col-3 menu-item"><a href="/">Home</a></li>
 				<li class="col-3 menu-item"><a href="/about/">About</a></li>
@@ -33,29 +33,58 @@
 				</li>
 				<li class="col-3 menu-item"></li>
 			</ul>
-			-->
+		</div>
+		-->
 
-			<p class="menu-list">
-				Main:
-				<a href="/apps/">Apps</a>
-				<a href="/about/">About</a>
-				<a href="/contact/">Contact</a>
-				<a href="/support/">Support</a>
-				| Media:
-				<a href="https://git.hyperling.com/me/"
-					target="_blank" rel="noopener noreferrer">Code</a>
-				<a href="https://works.hyperling.com/categories/books/"
-					target="_blank" rel="noopener noreferrer">Books</a>
-				<a href="https://works.hyperling.com/videos/"
-					target="_blank" rel="noopener noreferrer">Videos</a>
-				<a href="/photos/">Photos</a>
-				| Blog:
-				<a href="https://blog.hyperling.com/categories/articles/"
-					target="_blank" rel="noopener noreferrer">Articles</a>
-				<a href="https://recipes.hyperling.com/categories/recipes/"
-					target="_blank" rel="noopener noreferrer">Recipes</a>
-				<a href="https://blog.hyperling.com/categories/musings/"
-					target="_blank" rel="noopener noreferrer">Poetry</a>
-				<a href="https://recipes.hyperling.com/categories/guides/"
-					target="_blank" rel="noopener noreferrer">Guides</a>
+		<div class="row header menu center">
+			<p class="col-4">
+				<strong>Main</strong>
+				<br>
+				<br>
+				<a class="menu-item col-3 border" href="/apps/">Apps</a>
+				<a class="menu-item col-3 border" href="/about/">About</a>
+				<a class="menu-item col-3 border" href="/contact/">Contact</a>
+				<a class="menu-item col-3 border" href="/support/">Support</a>
+			</p>
+			<p class="col-4">
+				<strong>Media</strong>
+				<br>
+				<br>
+				<a class="menu-item col-3 border"
+					href="https://git.hyperling.com/me/"
+					target="_blank" rel="noopener noreferrer"
+				>Code</a>
+				<a class="menu-item col-3 border"
+					href="https://works.hyperling.com/categories/books/"
+					target="_blank" rel="noopener noreferrer"
+				>Books</a>
+				<a class="menu-item col-3 border"
+					href="https://works.hyperling.com/videos/"
+					target="_blank" rel="noopener noreferrer"
+				>Videos</a>
+				<a class="menu-item col-3 border"
+					href="/photos/"
+				>Photos</a>
+			</p>
+			<p class="col-4">
+				<strong>Blog</strong>
+				<br>
+				<br>
+				<a class="menu-item col-3 border"
+					href="https://blog.hyperling.com/categories/articles/"
+					target="_blank" rel="noopener noreferrer"
+				>Articles</a>
+				<a class="menu-item col-3 border"
+					href="https://recipes.hyperling.com/categories/recipes/"
+					target="_blank" rel="noopener noreferrer"
+				>Recipes</a>
+				<a class="menu-item col-3 border"
+					href="https://blog.hyperling.com/categories/musings/"
+					target="_blank" rel="noopener noreferrer"
+				>Poetry</a>
+				<a class="menu-item col-3 border"
+					href="https://recipes.hyperling.com/categories/guides/"
+					target="_blank" rel="noopener noreferrer"
+				>Guides</a>
+			</p>
 		</div>