From a89636c8465431debd4dd0ec6933293b0aca4a18 Mon Sep 17 00:00:00 2001
From: yukirij <yukirij@yukiri.net>
Date: Sat, 28 Sep 2024 20:35:49 -0700
Subject: [PATCH] Add favicon notification.

---
 server/src/main.rs           |   2 +
 www/asset/favicon_notify.png | Bin 0 -> 4173 bytes
 www/asset/favicon_notify.svg |  86 +++++++++++++++++++++++++++++++++++
 www/js/badge.js              |  15 +++---
 www/js/system.js             |   2 +
 5 files changed, 99 insertions(+), 6 deletions(-)
 create mode 100644 www/asset/favicon_notify.png
 create mode 100644 www/asset/favicon_notify.svg

diff --git a/server/src/main.rs b/server/src/main.rs
index b4357d5..642feae 100644
--- a/server/src/main.rs
+++ b/server/src/main.rs
@@ -174,6 +174,7 @@ async fn main()
                 "www/js/const.js",
                 "www/js/language.js",
                 "www/js/util.js",
+                "www/js/badge.js",
                 "www/js/game_asset.js",
                 "www/js/game.js",
                 "www/js/interface.js",
@@ -183,6 +184,7 @@ async fn main()
                 "www/js/main.js",
             ]).ok();
             cache.cache_file("image/png", "/favicon.png", "www/asset/favicon.png").ok();
+            cache.cache_file("image/png", "/favicon_notify.png", "www/asset/favicon_notify.png").ok();
 
             let asset_path = std::path::Path::new("www/asset");
             for asset in [
diff --git a/www/asset/favicon_notify.png b/www/asset/favicon_notify.png
new file mode 100644
index 0000000000000000000000000000000000000000..ff4e1baf6c58b64838e5ef6c5e13bef8557ddf84
GIT binary patch
literal 4173
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
XxI%5ye_?kY00000NkvXXu0mjf<pv0q

literal 0
HcmV?d00001

diff --git a/www/asset/favicon_notify.svg b/www/asset/favicon_notify.svg
new file mode 100644
index 0000000..41f05e7
--- /dev/null
+++ b/www/asset/favicon_notify.svg
@@ -0,0 +1,86 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="120"
+   height="120"
+   viewBox="0 0 120 120"
+   version="1.1"
+   id="svg1"
+   inkscape:version="1.3.2 (091e20e, 2023-11-25, custom)"
+   sodipodi:docname="favicon_notify.svg"
+   inkscape:export-filename="favicon_notify.png"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#111111"
+     borderopacity="1"
+     inkscape:showpageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="1"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="px"
+     showgrid="true"
+     inkscape:zoom="4.9208333"
+     inkscape:cx="41.558002"
+     inkscape:cy="30.279424"
+     inkscape:window-width="2588"
+     inkscape:window-height="1368"
+     inkscape:window-x="1257"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="layer1">
+    <inkscape:grid
+       id="grid1"
+       units="px"
+       originx="0"
+       originy="0"
+       spacingx="1"
+       spacingy="1"
+       empcolor="#0099e5"
+       empopacity="0.30196078"
+       color="#0099e5"
+       opacity="0.14901961"
+       empspacing="5"
+       dotted="false"
+       gridanglex="30"
+       gridanglez="30"
+       visible="true" />
+  </sodipodi:namedview>
+  <defs
+     id="defs1" />
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <path
+       style="fill:#621313;fill-opacity:1;stroke-width:1.10891"
+       d="M 62.871213,3.4652358 V 16.772189 L 35.148395,36.732618 29.603831,114.35651 H 96.138595 L 90.594031,36.732618 62.871213,16.772189 V 3.4652358 l 44.356507,27.7228182 5.54456,77.623896 -16.633685,11.08913 H 29.603831 l -16.63369,-11.08913 5.544563,-77.623896 z"
+       id="path2-3"
+       sodipodi:nodetypes="ccccccccccccccc" />
+    <path
+       style="fill:#ae5555;fill-opacity:1;stroke-width:1.10891"
+       d="M 59.356512,0.2638065 V 13.57076 L 31.633694,33.531188 26.08913,111.15508 H 92.623894 L 87.07933,33.531188 59.356512,13.57076 V 0.2638065 l 44.356508,27.7228185 5.54456,77.623895 -16.633686,11.08913 H 26.08913 L 9.4554395,105.61052 15.000003,27.986625 Z"
+       id="path2"
+       sodipodi:nodetypes="ccccccccccccccc" />
+    <ellipse
+       style="fill:#ffdb65;fill-opacity:1;stroke-width:1.25"
+       id="path1"
+       cx="75"
+       cy="30"
+       rx="24.999996"
+       ry="25" />
+    <circle
+       style="fill:#fff998;fill-opacity:1;stroke-width:1"
+       id="path1-2"
+       cx="75"
+       cy="30"
+       r="20" />
+  </g>
+</svg>
diff --git a/www/js/badge.js b/www/js/badge.js
index c2435cb..28be812 100644
--- a/www/js/badge.js
+++ b/www/js/badge.js
@@ -1,8 +1,11 @@
-class Badge {
-    
-}
-
-function BADGE_UPDATE()
+function BADGE_UPDATE(notify)
 {
-    
+    let link = document.querySelector("link[rel~='icon']");
+    if(link) {
+        if(notify) {
+            link.href = "/favicon_notify.png";
+        } else {
+            link.href = "/favicon.png";
+        }
+    }
 }
diff --git a/www/js/system.js b/www/js/system.js
index 18cf4bc..3f7cbc3 100644
--- a/www/js/system.js
+++ b/www/js/system.js
@@ -132,6 +132,8 @@ function MESSAGE(event) {
                 index = result.index;
                 STATUS.resume = result.data;
 
+                BADGE_UPDATE(STATUS.challenge > 0 || STATUS.resume > 0);
+
                 UI.update_status();
             }
         } break;