kleph/beer
1
0
Fork 0
Code Issues 1 Pull requests Releases Wiki Activity

Change icon according to time

Browse source
This commit is contained in:
kleph 2020-04-08 20:10:30 +02:00
parent 96e3b7ae6d
commit cb2552a7c3
4 changed files with 18 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
beer/beer.py
View file

@ -29,7 +29,7 @@ def index(hours=None, minutes=None):
@app.route('/favicon.ico')
def favicon():
""" serve the favicon """
return send_from_directory('static', 'favicon.ico')
return send_from_directory('static', 'clock-icon.png')
def main():
""" main func """

0
beer/static/favicon.ico → beer/static/beer-icon.png
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.5 KiB

After

Width:  |  Height:  |  Size: 5.5 KiB

BIN
beer/static/clock-icon.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 5.5 KiB

18
beer/templates/beer.html
View file

@ -44,8 +44,23 @@
})();
</script>
<script>
// Update the count down every 1 second
const changeFavicon = link => {
let $favicon = document.querySelector('link[rel="icon"]')
// If a <link rel="icon"> element already exists,
// change its href to the given link.
if ($favicon !== null) {
$favicon.href = link
// Otherwise, create a new element and append it to <head>.
} else {
$favicon = document.createElement("link")
$favicon.rel = "icon"
$favicon.href = link
document.head.appendChild($favicon)
}
}
// Update the count down every 1 second
var x = setInterval(function() {
// Get today's date and time
@ -70,6 +85,7 @@ var x = setInterval(function() {
if (distance < 0) {
clearInterval(x);
document.getElementById("demo").innerHTML = "<blink>BEER TIME !</blink>";
changeFavicon('beer-icon.png')
}
}, 1000);
</script>