fix mobile layout

3 files changed, 38 insertions, 9 deletions

diff --git a/.zs/components/buttons.jq b/.zs/components/buttons.jq
index 9a135e0..07b67ce 100644
--- a/.zs/components/buttons.jq
+++ b/.zs/components/buttons.jq
@@ -1,3 +1,3 @@
 include ".zs/components/get_filename";
 
-map("<a href=\"\(.link)\"><img src=\"\($BUTTONS_DIR + (. | filename))\" alt=\"An 88x31 button. \(.alt)\" title=\"\(.title)\"><div class=\"icon\"><img src=\"/assets/svg/external.svg\"></div><div class=\"link\">\(.link)</div></a>") | join("\n")
+map("<a href=\"\(.link)\"><img src=\"\($BUTTONS_DIR + (. | filename))\" alt=\"An 88x31 button. \(.alt)\" title=\"\(.title)\"><div class=\"icon\"><div></div></div><div class=\"link\">\(.link)</div></a>") | join("\n")
diff --git a/.zs/components/nav b/.zs/components/nav
index 935cd92..c787517 100755
--- a/.zs/components/nav
+++ b/.zs/components/nav
@@ -21,6 +21,7 @@ end
 ---@field index boolean?
 ---@field dir string?
 ---@field inside Set?
+---@field icon string
 
 ---@type Link[]
 local links = {
@@ -29,23 +30,27 @@ local links = {
         title = "home",
         inside = set {
             "index"
-        }
+        },
+        icon = "home"
     },
     {
         url = "/projects.html",
         title = "projects",
         inside = set {
             "prismite"
-        }
+        },
+        icon = "git"
     },
     {
         url = "/posts.html",
         title = "ramblings",
-        dir = "blog"
+        dir = "blog",
+        icon = "notebook"
     },
     {
         url = "/buttons.html",
-        title = "buttons"
+        title = "buttons",
+        icon = "external"
     },
 }
 
@@ -79,7 +84,14 @@ for _, link in ipairs(links) do
         {
             tag = "a",
             href = link.url,
-            title,
+            {
+                tag = "div",
+                style = [[mask-image: url("/assets/svg/]] .. link.icon .. [[.svg")]]
+            },
+            {
+                tag = "span",
+                title
+            }
         }
     })
 end
diff --git a/.zs/components/wavy b/.zs/components/wavy
index 645442e..20c4a70 100755
--- a/.zs/components/wavy
+++ b/.zs/components/wavy
@@ -14,13 +14,30 @@ local TEXT = {
 local acc = {}
 
 local i = 0
-for char in TEXT[name or "hey"]:gmatch(".") do
-    table.insert(acc, {
+for word in TEXT[name or "hey"]:gmatch("[^ ]+") do
+    local word_acc = {}
+
+    for char in word:gmatch(".") do
+        table.insert(word_acc, {
+            tag = "span",
+            style = "animation-delay:" .. (-800 * i) .. "ms",
+            char
+        })
+        i = i + 1
+    end
+
+    table.insert(word_acc, {
         tag = "span",
         style = "animation-delay:" .. (-800 * i) .. "ms",
-        char
+        " "
     })
+
     i = i + 1
+
+    table.insert(acc, {
+        tag = "div",
+        word_acc
+    })
 end
 
 print(html {