add favicon

Makefile

@@ -1,6 +1,7 @@
 .PHONY: all mkdist watch clean
 
 SRC_DIR = src
+RES_DIR = res
 PAGES_DIR = $(SRC_DIR)/pages
 BLOG_DIR = $(SRC_DIR)/blog
 DIST_DIR = dist
@@ -13,10 +14,7 @@ TARGETS = $(addprefix $(DIST_DIR)/,$(PAGES))
 all: $(PAGES_DIR)/blog.html $(TARGETS)
 
 watch:
-	while sleep 1 ; do \
+		find ./$(SRC_DIR) -iname '*.html' -o -name "*.css" | entr -d make -f ./Makefile ; 
-		find ./$(SRC_DIR) -iname '*.html' -o -name "*.css" \
-		  | entr -d make -f ./Makefile ; \
-	done
 
 mkdirs:
 	mkdir -p $(DIST_DIR)
@@ -26,6 +24,9 @@ template: $(SRC_DIR)/start.html $(SRC_DIR)/nav.html $(SRC_DIR)/side.html | mkdir
 	cp -r $(SRC_DIR)/styles $(DIST_DIR)
 	cat $(SRC_DIR)/start.html $(SRC_DIR)/nav.html $(SRC_DIR)/side.html > $(BUILD_DIR)/template.html
 
+favicon: $(RES_DIR) | mkdirs
+	cp res/* dist/
+
 $(PAGES_DIR)/blog.html: $(BLOG_PAGES) $(BLOG_DIR)/start_blog.html $(BLOG_DIR)/end_blog.html
 	pandoc -f markdown -t html $^ -o $@.tmp
 	cat $(BLOG_DIR)/start_blog.html $@.tmp $(BLOG_DIR)/end_blog.html > $@

res/favicon.svg

@@ -0,0 +1,47 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32" height="32">
+  <defs>
+    <radialGradient id="leftTop" cx="35%" cy="45%" r="65%">
+      <stop offset="0%" stop-color="#7DF9FF"/>
+      <stop offset="40%" stop-color="#1E90FF"/>
+      <stop offset="100%" stop-color="#00008B"/>
+    </radialGradient>
+    <radialGradient id="leftBot" cx="35%" cy="35%" r="65%">
+      <stop offset="0%" stop-color="#5BC8FF"/>
+      <stop offset="45%" stop-color="#1565C0"/>
+      <stop offset="100%" stop-color="#003080"/>
+    </radialGradient>
+    <radialGradient id="rightTop" cx="65%" cy="45%" r="65%">
+      <stop offset="0%" stop-color="#7DF9FF"/>
+      <stop offset="40%" stop-color="#1E90FF"/>
+      <stop offset="100%" stop-color="#00008B"/>
+    </radialGradient>
+    <radialGradient id="rightBot" cx="65%" cy="35%" r="65%">
+      <stop offset="0%" stop-color="#5BC8FF"/>
+      <stop offset="45%" stop-color="#1565C0"/>
+      <stop offset="100%" stop-color="#003080"/>
+    </radialGradient>
+  </defs>
+
+  <!-- Left upper wing - broad connection at body (x=14) -->
+  <path d="M14,16 C13,13 11,9 7,5 C2,4 0,7 1,10 C4,13 8,15 12,16 Z" fill="url(#leftTop)"/>
+  <!-- Left lower wing -->
+  <path d="M14,16 C11,18 7,20 3,24 C2,27 5,29 9,27 C13,22 14,18 14,16 Z" fill="url(#leftBot)"/>
+
+  <!-- Right upper wing - mirrored (x=18) -->
+  <path d="M18,16 C19,13 21,9 25,5 C30,4 32,7 31,10 C28,13 24,15 20,16 Z" fill="url(#rightTop)"/>
+  <!-- Right lower wing -->
+  <path d="M18,16 C21,18 25,20 29,24 C30,27 27,29 23,27 C19,22 18,18 18,16 Z" fill="url(#rightBot)"/>
+
+  <!-- Shimmer highlights -->
+  <path d="M13,13 C10,9 7,7 4,9 C7,12 11,14 13,13 Z" fill="white" opacity="0.18"/>
+  <path d="M19,13 C22,9 25,7 28,9 C25,12 21,14 19,13 Z" fill="white" opacity="0.18"/>
+
+  <!-- Body -->
+  <ellipse cx="16" cy="16" rx="2.2" ry="7" fill="#1a1a2e"/>
+
+  <!-- Antennae -->
+  <line x1="15" y1="9" x2="11" y2="3" stroke="#1a1a2e" stroke-width="0.8" stroke-linecap="round"/>
+  <circle cx="11" cy="3" r="0.9" fill="#1a1a2e"/>
+  <line x1="17" y1="9" x2="21" y2="3" stroke="#1a1a2e" stroke-width="0.8" stroke-linecap="round"/>
+  <circle cx="21" cy="3" r="0.9" fill="#1a1a2e"/>
+</svg>