Add favicon

8 files changed, 42 insertions, 1 deletions

diff --git a/assets/public/favicon.ico b/assets/public/favicon.ico
deleted file mode 100644
index 73de524..0000000
--- a/assets/public/favicon.ico
+++ /dev/null
Binary files differdiff --git a/assets/public/icon/android-chrome-144x144.png b/assets/public/icon/android-chrome-144x144.png
new file mode 100644
index 0000000..f95baa2
--- /dev/null
+++ b/assets/public/icon/android-chrome-144x144.png
Binary files differdiff --git a/assets/public/icon/apple-touch-icon.png b/assets/public/icon/apple-touch-icon.png
new file mode 100644
index 0000000..5f45766
--- /dev/null
+++ b/assets/public/icon/apple-touch-icon.png
Binary files differdiff --git a/assets/public/icon/favicon.ico b/assets/public/icon/favicon.ico
new file mode 100644
index 0000000..89f8595
--- /dev/null
+++ b/assets/public/icon/favicon.ico
Binary files differdiff --git a/assets/public/icon/favicon.svg b/assets/public/icon/favicon.svg
new file mode 100644
index 0000000..7295ae9
--- /dev/null
+++ b/assets/public/icon/favicon.svg
@@ -0,0 +1,21 @@
+<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <style>
+        @media (prefers-color-scheme: light) {
+            path {
+                fill: black !important;
+            }
+        }
+    </style>
+    <path
+        d="M18.0843 36C11.9658 36 7 33.5171 7 30.4579V26.1646C7.48032 33.495 28.7031 33.4876 29.176 26.1646V30.4579C29.176 33.5171 24.2102 36 18.0843 36Z"
+        fill="white"
+    />
+    <path
+        d="M18.0843 1.18048C16.5916 1.18048 15.2098 1.40217 14.057 1.79381L12.7417 0.803613C15.7344 -0.267871 20.4416 -0.267871 23.4269 0.803613L22.1042 1.79381C20.9588 1.40956 19.577 1.18048 18.0843 1.18048Z"
+        fill="white"
+    />
+    <path
+        d="M18.0843 29.7781C13.0742 29.7928 7.99759 27.5243 9.82281 24.428C10.1775 23.7704 11.7737 20.4746 11.9732 13.6171C10.4509 12.893 9.44594 11.8954 9.25382 10.7869C9.25382 10.7869 8.46313 4.99354 8.46313 4.8088C8.46313 3.8186 9.06169 2.9023 10.0814 2.13379L12.0545 2.79146C10.4361 3.9664 10.4361 5.64382 12.0545 6.81876L10.0814 7.47643L10.2957 9.27209C10.983 9.78197 11.8623 10.2253 12.8821 10.5653L12.7343 8.80655L14.0496 7.81635C16.3034 8.62181 19.843 8.62181 22.0968 7.81635L23.4122 8.80655L23.2644 10.5653C24.2841 10.2253 25.1635 9.78197 25.8507 9.27209L26.065 7.47643L24.092 6.81876C25.7103 5.64382 25.7103 3.9664 24.092 2.79146L26.065 2.13379C27.0922 2.89491 27.6833 3.8186 27.6833 4.8088C27.6833 5.00093 26.8927 10.7869 26.8927 10.7869C26.7005 11.8954 25.6955 12.893 24.1733 13.6171C24.3728 20.4746 25.969 23.7704 26.3237 24.428C28.171 27.5243 23.1018 29.8002 18.0843 29.7781Z"
+        fill="white"
+    />
+</svg>
diff --git a/assets/public/icon/rook.webmanifest b/assets/public/icon/rook.webmanifest
new file mode 100644
index 0000000..5e70d4e
--- /dev/null
+++ b/assets/public/icon/rook.webmanifest
@@ -0,0 +1,14 @@
+{
+    "name": "",
+    "short_name": "",
+    "icons": [
+        {
+            "src": "/icon/android-chrome-144x144.png",
+            "sizes": "144x144",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#000000",
+    "background_color": "#000000",
+    "display": "standalone"
+}
diff --git a/lib/rook_web/endpoint.ex b/lib/rook_web/endpoint.ex
index 31c9790..d310435 100644
--- a/lib/rook_web/endpoint.ex
+++ b/lib/rook_web/endpoint.ex
@@ -22,7 +22,7 @@ defmodule RookWeb.Endpoint do
     at: "/",
     from: :rook,
     gzip: false,
-    only: ~w(css fonts images js favicon.ico robots.txt)
+    only: ~w(css fonts images js icon robots.txt)
 
   # Code reloading can be explicitly enabled under the
   # :code_reloader configuration of your endpoint.
diff --git a/lib/rook_web/templates/layout/app.html.eex b/lib/rook_web/templates/layout/app.html.eex
index e840b54..ba90dab 100644
--- a/lib/rook_web/templates/layout/app.html.eex
+++ b/lib/rook_web/templates/layout/app.html.eex
@@ -7,6 +7,12 @@
     <title>Rook</title>
     <link rel="preconnect" href="https://fonts.gstatic.com">
     <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap" rel="stylesheet">
+
+    <link rel="apple-touch-icon" href="<%= Routes.static_path(@conn, "/icon/apple-touch-icon.png") %>">
+    <link rel="icon" sizes="any" href="<%= Routes.static_path(@conn, "/icon/favicon.ico") %>">
+    <link rel="icon" href="<%= Routes.static_path(@conn, "/icon/favicon.svg") %>" type="image/svg+xml">
+    <link rel="manifest" href="<%= Routes.static_path(@conn, "/icon/rook.webmanifest") %>">
+
     <link rel="stylesheet" href="<%= Routes.static_path(@conn, "/css/app.css") %>"/>
   </head>
   <body>