init wompum header image

2025-03-06 22:09:53 -07:00
parent 0be059b269
commit 1a7f4521f5
11 changed files with 358 additions and 15 deletions
--- a/static/css/wompum.css
+++ b/static/css/wompum.css
@ -0,0 +1,30 @@
+.wompum-container {
+    width: 100%;
+    margin: 0 auto;
+}
+
+.wompum-grid {
+    display: grid;
+    gap: 0;
+    padding: 0;
+    width: 100%;
+}
+
+.wompum-cell {
+    width: 100%;
+    min-height: 30px; /* Minimum height for cells */
+    background-color: var(--sand-500);
+}
+
+/* Create pseudo-random pattern using prime numbers */
+.wompum-cell:nth-child(7n+1) {
+    background-color: var(--sand-100);
+}
+
+.wompum-cell:nth-child(5n+2) {
+    background-color: var(--sand-900);
+}
+
+.wompum-cell:nth-child(11n+3) {
+    background-color: var(--sand-500);
+}