Add favicon

Author: tufteddeer

README.md

@@ -68,7 +68,7 @@ To build the app for production, use
 elm make src/Main.elm --optimize --output=main.js
 ````
 
-Then deploy `main.js` and `index.html` using a webserver of your choice. Make sure the domain/address and port of your server is included in the  _OAuth Redirect URLs_ list for your twitch app (See [Prerequisites](https://github.com/HS-Flensburg-DST/abschlussprojekt-fabian-w-und-florian#prerequisites)).
+Then deploy `main.js`, `assets`, `favicon.ico` and `index.html` using a webserver of your choice. Make sure the domain/address and port of your server is included in the  _OAuth Redirect URLs_ list for your twitch app (See [Prerequisites](https://github.com/HS-Flensburg-DST/abschlussprojekt-fabian-w-und-florian#prerequisites)).
 
 
 ## Miscellaneous
@@ -132,5 +132,4 @@ local storage. The `index.html` contains a script which provides respective Java
   - [repeat](https://fonts.gstatic.com/s/i/short-term/release/materialsymbolsoutlined/repeat/default/48px.svg)
   - [warning](https://fonts.gstatic.com/s/i/short-term/release/materialsymbolsrounded/warning/default/48px.svg)
   - [check circle](https://fonts.google.com/icons?selected=Material%20Symbols%20Outlined%3Acheck_circle%3AFILL%400%3Bwght%40400%3BGRAD%400%3Bopsz%4048)
-  - [info](https://fonts.google.com/icons?selected=Material%20Symbols%20Outlined%3Ainfo%3AFILL%400%3Bwght%40400%3BGRAD%400%3Bopsz%4048)
-  - [close](https://fonts.gstatic.com/s/i/short-term/release/materialsymbolsoutlined/close/default/48px.svg)
+  - [calendar today (modified for the favicon)]([blob:null/d2d98612-e0b2-4f5d-8153-78d195b3b127](https://fonts.gstatic.com/s/i/short-term/release/materialsymbolsoutlined/calendar_today/default/48px.svg))

assets/favicon-16x16.png

@@ -5,8 +5,8 @@ import Browser.Navigation as Nav
 import Css
 import Css.Global
 import Error exposing (Error(..))
-import Html.Styled as Html exposing (Html, a, button, div, h1, img, li, p, span, text, toUnstyled, ul)
-import Html.Styled.Attributes exposing (alt, class, classList, css, href, src, style, tabindex)
+import Html.Styled as Html exposing (Html, a, button, div, h1, img, li, node, p, span, text, toUnstyled, ul)
+import Html.Styled.Attributes exposing (alt, attribute, class, classList, css, href, rel, src, style, tabindex, type_)
 import Html.Styled.Events exposing (onClick)
 import Http
 import Icons
@@ -392,11 +392,27 @@ handleUrlMsg msg navKey =
 
 view : Model -> Document Msg
 view model =
-    { title = "Stream Time"
+    let
+        favicon size =
+            node
+                "link"
+                [ rel "icon"
+                , type_ "image/png"
+                , attribute "sizes" (sizeSquared size)
+                , href ("/assets/favicon-" ++ sizeSquared size ++ ".png")
+                ]
+                []
+
+        sizeSquared size =
+            String.fromInt size ++ "x" ++ String.fromInt size
+    in
+    { title = "Stream time"
     , body =
         [ toUnstyled <|
             div []
                 [ Css.Global.global Tw.globalStyles
+                , favicon 32
+                , favicon 64
                 , div []
                     [ case model of
                         NotLoggedIn err urlInfo ->