From 3170de17434b6bc045da53b4c097a9d986c726d0 Mon Sep 17 00:00:00 2001 From: fatchan Date: Thu, 23 Apr 2020 19:52:03 +1000 Subject: [PATCH] make the number and favicon more clear that there are new posts --- gulp/res/icons/favicon2.ico | Bin 0 -> 93062 bytes gulp/res/js/titlescroll.js | 17 +++++++++++++---- 2 files changed, 13 insertions(+), 4 deletions(-) create mode 100644 gulp/res/icons/favicon2.ico diff --git a/gulp/res/icons/favicon2.ico b/gulp/res/icons/favicon2.ico new file mode 100644 index 0000000000000000000000000000000000000000..da3b01a771c3be0318e1f3b27497650a919c1b32 GIT binary patch literal 93062 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 literal 0 HcmV?d00001 diff --git a/gulp/res/js/titlescroll.js b/gulp/res/js/titlescroll.js index 27b91390..7ac2dcff 100644 --- a/gulp/res/js/titlescroll.js +++ b/gulp/res/js/titlescroll.js @@ -4,6 +4,16 @@ window.addEventListener('DOMContentLoaded', (event) => { let unread = []; const originalTitle = document.title; + const changeFavicon = (href) => { + const currentFav = document.head.querySelector('link[type="image/x-icon"]'); + const newFav = document.createElement('link'); + newFav.type = 'image/x-icon'; + newFav.rel = 'shortcut icon'; + newFav.href = href; + currentFav.remove(); + document.head.appendChild(newFav); + } + const isVisible = (e) => { const top = e.getBoundingClientRect().top; const bottom = e.getBoundingClientRect().bottom; @@ -14,8 +24,10 @@ window.addEventListener('DOMContentLoaded', (event) => { const updateTitle = () => { if (unread.length === 0) { document.title = originalTitle; + changeFavicon('/favicon.ico'); } else { document.title = `(${unread.length}) ${originalTitle}`; + changeFavicon('/file/favicon2.ico'); } } @@ -37,10 +49,7 @@ window.addEventListener('DOMContentLoaded', (event) => { } } - window.onfocus = () => { - focusChange(); - updateVisible(); - } + window.onfocus = focusChange; window.onblur = focusChange; window.addEventListener('scroll', updateVisible);