diff --git a/public/android-chrome-192x192.png b/public/android-chrome-192x192.png
new file mode 100644
index 0000000..e74cb91
Binary files /dev/null and b/public/android-chrome-192x192.png differ
diff --git a/public/android-chrome-512x512.png b/public/android-chrome-512x512.png
new file mode 100644
index 0000000..82dc52b
Binary files /dev/null and b/public/android-chrome-512x512.png differ
diff --git a/public/apple-touch-icon.png b/public/apple-touch-icon.png
new file mode 100644
index 0000000..e9c9c0f
Binary files /dev/null and b/public/apple-touch-icon.png differ
diff --git a/public/browserconfig.xml b/public/browserconfig.xml
new file mode 100644
index 0000000..af968e0
--- /dev/null
+++ b/public/browserconfig.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/mstile-150x150.png"/>
+            <TileColor>#0c4a6e</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>
diff --git a/public/favicon-16x16.png b/public/favicon-16x16.png
new file mode 100644
index 0000000..05d9d82
Binary files /dev/null and b/public/favicon-16x16.png differ
diff --git a/public/favicon-32x32.png b/public/favicon-32x32.png
new file mode 100644
index 0000000..1464e60
Binary files /dev/null and b/public/favicon-32x32.png differ
diff --git a/public/favicon.ico b/public/favicon.ico
new file mode 100644
index 0000000..6e4e864
Binary files /dev/null and b/public/favicon.ico differ
diff --git a/public/favicon.svg b/public/favicon.svg
deleted file mode 100644
index f157bd1..0000000
--- a/public/favicon.svg
+++ /dev/null
@@ -1,9 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 128 128">
-    <path d="M50.4 78.5a75.1 75.1 0 0 0-28.5 6.9l24.2-65.7c.7-2 1.9-3.2 3.4-3.2h29c1.5 0 2.7 1.2 3.4 3.2l24.2 65.7s-11.6-7-28.5-7L67 45.5c-.4-1.7-1.6-2.8-2.9-2.8-1.3 0-2.5 1.1-2.9 2.7L50.4 78.5Zm-1.1 28.2Zm-4.2-20.2c-2 6.6-.6 15.8 4.2 20.2a17.5 17.5 0 0 1 .2-.7 5.5 5.5 0 0 1 5.7-4.5c2.8.1 4.3 1.5 4.7 4.7.2 1.1.2 2.3.2 3.5v.4c0 2.7.7 5.2 2.2 7.4a13 13 0 0 0 5.7 4.9v-.3l-.2-.3c-1.8-5.6-.5-9.5 4.4-12.8l1.5-1a73 73 0 0 0 3.2-2.2 16 16 0 0 0 6.8-11.4c.3-2 .1-4-.6-6l-.8.6-1.6 1a37 37 0 0 1-22.4 2.7c-5-.7-9.7-2-13.2-6.2Z" />
-    <style>
-        path { fill: #000; }
-        @media (prefers-color-scheme: dark) {
-            path { fill: #FFF; }
-        }
-    </style>
-</svg>
diff --git a/public/mstile-144x144.png b/public/mstile-144x144.png
new file mode 100644
index 0000000..2185cef
Binary files /dev/null and b/public/mstile-144x144.png differ
diff --git a/public/mstile-150x150.png b/public/mstile-150x150.png
new file mode 100644
index 0000000..0b14064
Binary files /dev/null and b/public/mstile-150x150.png differ
diff --git a/public/mstile-310x150.png b/public/mstile-310x150.png
new file mode 100644
index 0000000..938a2a8
Binary files /dev/null and b/public/mstile-310x150.png differ
diff --git a/public/mstile-310x310.png b/public/mstile-310x310.png
new file mode 100644
index 0000000..dd9cdbf
Binary files /dev/null and b/public/mstile-310x310.png differ
diff --git a/public/mstile-70x70.png b/public/mstile-70x70.png
new file mode 100644
index 0000000..c6fada1
Binary files /dev/null and b/public/mstile-70x70.png differ
diff --git a/public/safari-pinned-tab.svg b/public/safari-pinned-tab.svg
new file mode 100644
index 0000000..1cff51a
--- /dev/null
+++ b/public/safari-pinned-tab.svg
@@ -0,0 +1,137 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="700.000000pt" height="700.000000pt" viewBox="0 0 700.000000 700.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.14, written by Peter Selinger 2001-2017
+</metadata>
+<g transform="translate(0.000000,700.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M2978 6313 c-3 -43 -2 -81 1 -85 3 -3 56 -9 116 -13 180 -10 249 -15
+252 -18 1 -2 -18 -18 -43 -35 -114 -81 -117 -269 -6 -378 113 -111 352 -141
+505 -62 91 46 140 125 145 234 5 84 -16 133 -75 183 l-38 31 57 -2 c32 -1 60
+1 62 3 3 2 6 39 9 82 4 73 3 77 -17 78 -12 0 -34 2 -51 4 -16 1 -86 5 -155 9
+-69 4 -145 9 -170 11 -25 2 -94 7 -155 10 -60 3 -135 8 -165 10 -30 3 -103 7
+-161 10 l-107 6 -4 -78z m734 -151 c140 -61 138 -238 -2 -295 -75 -30 -216
+-16 -284 28 -40 26 -69 82 -68 127 5 112 85 168 233 163 49 -2 92 -10 121 -23z"/>
+<path d="M1260 6027 c-18 -45 -39 -95 -46 -112 -7 -16 -36 -91 -64 -165 -29
+-74 -58 -148 -65 -165 -7 -16 -40 -102 -74 -190 -34 -88 -66 -168 -71 -177
+-14 -24 -13 -25 18 -36 15 -5 50 -19 79 -31 l52 -20 68 174 c37 96 70 171 74
+167 3 -4 11 -25 17 -47 14 -48 60 -98 116 -127 57 -30 164 -30 229 0 83 37
+160 134 206 257 57 152 20 315 -89 390 -84 58 -178 65 -257 20 -23 -14 -44
+-25 -46 -25 -3 0 4 23 16 50 13 32 17 54 11 60 -5 5 -39 20 -76 34 l-66 25
+-32 -82z m306 -167 c24 -12 52 -36 64 -56 52 -84 3 -266 -93 -344 -42 -34
+-141 -36 -184 -4 -69 51 -81 166 -30 277 58 127 146 173 243 127z"/>
+<path d="M2133 6008 c-7 -13 -68 -169 -138 -348 -69 -179 -133 -339 -140 -357
+-8 -17 -15 -35 -15 -40 0 -6 -7 -24 -16 -41 -8 -17 -16 -43 -17 -58 -2 -24 5
+-29 71 -54 l73 -29 10 27 c6 15 31 79 56 142 24 63 56 144 70 180 33 84 55
+114 97 134 44 21 81 20 133 -4 55 -24 82 -68 77 -123 -2 -23 -39 -134 -84
+-246 -44 -113 -80 -208 -80 -212 0 -10 149 -69 154 -61 3 6 109 275 156 397
+39 101 44 178 14 240 -57 120 -226 177 -336 112 -52 -30 -56 -27 -32 30 44
+101 104 256 104 267 0 9 -37 26 -131 61 -10 4 -19 -3 -26 -17z"/>
+<path d="M5265 5865 c-11 -7 -41 -26 -67 -42 l-48 -29 49 -79 c26 -44 137
+-226 246 -405 109 -179 199 -326 200 -328 3 -4 104 56 127 76 15 13 8 27 -80
+170 -52 87 -106 176 -119 199 -50 87 -24 181 61 222 50 25 77 26 116 6 38 -20
+58 -48 185 -255 58 -96 111 -174 116 -172 5 1 29 14 52 29 23 15 52 32 64 38
+21 11 18 17 -109 226 -71 118 -142 227 -156 242 -15 15 -50 39 -80 54 -44 21
+-62 25 -106 20 -125 -13 -226 -107 -229 -213 -1 -24 -4 -44 -7 -44 -3 0 -46
+65 -94 145 -49 80 -92 147 -95 149 -3 2 -15 -2 -26 -9z"/>
+<path d="M3204 5545 c-2 -5 -5 -43 -6 -84 l-3 -74 40 -3 c372 -22 397 -24 431
+-35 36 -11 79 -54 89 -89 24 -76 -11 -160 -73 -181 -35 -12 -128 -13 -232 -4
+-25 2 -98 7 -162 10 l-118 7 -1 -49 c0 -26 -2 -62 -4 -80 -4 -39 -1 -40 120
+-47 50 -3 142 -8 205 -12 161 -11 225 -7 278 16 86 38 132 114 132 220 0 80
+-24 136 -74 176 -20 16 -36 33 -36 37 0 5 4 6 8 3 6 -4 146 -13 312 -20 31 -1
+34 1 36 29 1 17 3 51 5 77 2 26 1 49 -2 52 -2 2 -51 7 -109 10 -58 4 -130 9
+-160 11 -30 2 -107 7 -170 10 -63 4 -135 8 -160 10 -51 4 -257 16 -309 19 -18
+1 -35 -3 -37 -9z"/>
+<path d="M4950 5395 c-55 -17 -122 -72 -143 -117 -9 -18 -17 -52 -20 -76 -5
+-54 -10 -59 -28 -24 -7 15 -21 37 -30 49 l-16 22 -66 -40 c-37 -22 -67 -44
+-67 -49 0 -4 40 -73 88 -151 49 -79 161 -264 251 -411 89 -148 168 -268 174
+-267 20 1 132 76 130 86 -1 5 -32 59 -69 119 -123 200 -127 207 -107 199 119
+-50 207 -34 288 52 48 51 67 97 73 174 6 81 -21 169 -77 256 -104 160 -237
+222 -381 178z m129 -164 c111 -57 190 -239 144 -335 -33 -69 -128 -103 -198
+-70 -115 54 -205 244 -160 334 41 80 134 111 214 71z"/>
+<path d="M1343 4743 l-62 -58 120 -125 c66 -69 124 -133 129 -142 9 -15 6 -16
+-22 -7 -81 23 -172 -10 -229 -82 -104 -130 -83 -294 58 -445 81 -87 192 -144
+282 -144 89 0 196 65 239 145 11 20 16 54 16 98 l-1 68 42 -41 41 -40 57 52
+c32 29 57 56 57 60 0 4 -10 18 -22 31 -50 51 -258 274 -444 476 -32 35 -90 97
+-129 138 l-70 74 -62 -58z m275 -440 c48 -23 125 -103 152 -157 47 -99 15
+-191 -80 -229 -67 -27 -149 3 -221 80 -76 82 -104 167 -76 235 15 36 66 82
+102 91 28 7 84 -2 123 -20z"/>
+<path d="M3560 3835 l0 -635 113 0 113 0 -1 298 c0 315 6 363 51 413 29 33 87
+58 143 63 70 6 146 -32 175 -89 20 -38 21 -60 24 -362 l3 -323 112 0 112 0 -1
+348 c-2 383 -4 403 -65 493 -58 84 -165 130 -288 123 -113 -6 -198 -57 -249
+-149 -16 -29 -17 -20 -20 213 l-2 242 -110 0 -110 0 0 -635z"/>
+<path d="M2897 4159 c-21 -5 -52 -16 -69 -25 -36 -19 -105 -89 -114 -116 -12
+-39 -23 -14 -26 60 l-3 77 -100 0 c-55 0 -104 -1 -110 -2 -7 -2 -9 -223 -8
+-641 1 -350 2 -645 2 -654 1 -16 13 -18 111 -18 l110 0 1 28 c0 15 0 131 0
+257 0 256 -7 239 61 152 39 -50 121 -88 202 -92 192 -10 343 112 396 320 18
+72 20 241 4 318 -34 163 -131 283 -266 326 -47 16 -143 20 -191 10z m130 -212
+c76 -53 114 -158 108 -297 -8 -178 -90 -280 -225 -280 -143 0 -227 126 -218
+329 8 191 88 286 234 278 48 -2 71 -9 101 -30z"/>
+<path d="M932 3998 c-48 -44 -62 -59 -62 -68 0 -5 33 -41 190 -209 58 -62 110
+-123 117 -135 35 -66 22 -137 -33 -185 -41 -36 -71 -46 -120 -36 -41 7 -74 39
+-328 314 l-48 53 -41 -39 c-22 -21 -50 -47 -62 -58 -16 -15 -19 -24 -11 -31 6
+-6 58 -62 116 -124 213 -229 235 -250 285 -274 111 -53 237 -9 313 108 23 35
+26 52 26 112 l0 72 45 -51 c25 -27 80 -86 123 -131 l76 -81 55 50 c30 28 55
+55 56 60 1 10 -15 28 -192 218 -55 59 -107 116 -116 126 -9 10 -68 74 -132
+142 -64 68 -134 143 -154 167 -21 23 -42 42 -47 42 -5 0 -30 -19 -56 -42z"/>
+<path d="M5090 3768 c-24 -51 -64 -138 -90 -193 -26 -55 -57 -120 -68 -145
+-11 -25 -55 -119 -97 -210 -43 -91 -86 -184 -96 -208 l-19 -42 72 -35 c57 -28
+74 -33 83 -23 6 7 42 81 80 163 72 160 85 181 86 149 4 -119 110 -206 250
+-206 114 0 213 68 283 196 92 164 91 323 0 425 -81 90 -199 118 -288 68 -51
+-29 -55 -24 -26 33 11 22 20 43 20 48 0 5 -30 22 -67 38 -37 16 -70 30 -73 32
+-4 1 -26 -39 -50 -90z m315 -179 c19 -13 42 -38 50 -56 56 -116 -55 -340 -178
+-358 -105 -16 -185 66 -174 180 9 101 80 218 152 251 41 19 107 12 150 -17z"/>
+<path d="M5933 3637 c-23 -50 -112 -243 -198 -427 -85 -184 -155 -337 -155
+-340 0 -11 144 -70 151 -63 4 5 47 94 95 198 85 184 125 248 168 262 85 27
+191 -29 201 -108 5 -38 -13 -90 -73 -219 -103 -220 -122 -264 -115 -270 5 -4
+38 -21 76 -38 l68 -31 40 87 c170 364 181 393 182 462 0 72 -13 107 -63 157
+-76 77 -204 102 -284 55 -21 -13 -40 -21 -43 -19 -2 3 25 65 59 138 35 74 68
+145 74 158 10 24 7 26 -59 58 -38 18 -72 33 -75 33 -4 0 -26 -42 -49 -93z"/>
+<path d="M1238 2781 l-66 -48 72 -104 c40 -57 111 -160 159 -229 47 -69 91
+-132 97 -140 49 -72 153 -221 170 -245 11 -16 27 -38 34 -48 11 -18 16 -16 79
+28 37 25 67 49 67 52 0 2 -53 82 -119 176 -143 207 -150 221 -146 274 4 53 17
+76 62 110 46 35 117 39 159 8 15 -12 85 -104 155 -205 71 -102 132 -186 137
+-188 11 -3 132 78 132 89 0 14 -259 382 -296 421 -90 96 -198 107 -311 33 -68
+-45 -104 -105 -105 -179 -2 -64 9 -73 -118 109 -45 66 -85 123 -89 126 -3 4
+-36 -14 -73 -40z"/>
+<path d="M5126 2433 c-26 -36 -44 -68 -40 -73 5 -4 68 -51 139 -105 174 -131
+166 -121 101 -123 -70 -1 -127 -30 -167 -85 -42 -56 -59 -99 -61 -150 -5 -126
+54 -228 188 -323 164 -117 329 -114 439 8 63 70 79 141 51 221 -8 20 -11 37
+-7 37 3 0 24 -14 45 -30 22 -17 44 -30 50 -29 6 0 31 27 54 61 36 50 41 63 30
+73 -7 7 -121 94 -253 194 -132 100 -247 188 -255 194 -59 48 -257 197 -261
+196 -2 0 -26 -30 -53 -66z m393 -408 c177 -90 226 -259 99 -343 -74 -48 -185
+-20 -278 70 -90 88 -103 184 -37 257 49 53 131 60 216 16z"/>
+<path d="M1031 2334 c-114 -30 -183 -108 -185 -211 -1 -29 -3 -53 -6 -53 -3 0
+-18 21 -35 45 -16 25 -33 45 -37 45 -7 0 -98 -60 -121 -81 -5 -4 -4 -16 2 -26
+8 -17 217 -320 331 -483 17 -25 72 -103 122 -175 50 -71 91 -131 92 -132 2 -2
+124 82 134 91 2 3 -44 73 -102 157 -58 84 -105 153 -103 155 1 1 24 -3 52 -10
+84 -22 154 -1 223 64 58 56 77 104 77 201 0 79 -3 91 -39 164 -51 103 -158
+213 -231 237 -74 25 -114 28 -174 12z m133 -183 c70 -44 146 -171 146 -244 0
+-84 -58 -147 -141 -155 -60 -6 -120 27 -174 93 -114 138 -100 285 30 330 44
+15 88 7 139 -24z"/>
+<path d="M3087 2235 c-44 -30 -65 -50 -60 -58 4 -7 34 -51 67 -100 34 -48 88
+-127 121 -175 33 -48 124 -180 203 -294 l143 -207 47 33 c26 18 57 40 70 48
+l22 15 -117 169 c-154 223 -153 222 -153 273 0 112 124 188 215 133 18 -11 83
+-96 158 -205 71 -103 133 -189 138 -192 5 -4 38 15 74 40 l65 46 -18 27 c-66
+102 -258 373 -283 400 -96 101 -248 101 -350 -1 -41 -41 -71 -109 -68 -152 2
+-19 1 -36 -2 -39 -2 -3 -49 60 -104 140 -54 79 -99 144 -100 144 0 0 -31 -20
+-68 -45z"/>
+<path d="M2858 1785 c-105 -38 -168 -116 -168 -209 0 -25 -3 -46 -7 -46 -5 0
+-21 20 -36 45 -17 27 -34 42 -40 38 -7 -3 -38 -24 -70 -46 l-57 -40 17 -26
+c35 -54 526 -766 534 -775 8 -9 139 72 139 87 0 4 -39 65 -88 135 -48 70 -95
+139 -104 154 l-18 27 41 -14 c164 -58 336 89 322 275 -7 100 -74 231 -159 312
+-85 81 -214 116 -306 83z m159 -186 c75 -52 135 -157 136 -240 1 -123 -131
+-195 -238 -129 -77 48 -142 149 -151 236 -5 51 -3 64 18 94 13 19 43 45 68 58
+56 28 106 22 167 -19z"/>
+<path d="M4847 1620 c-26 -33 -47 -63 -47 -68 1 -4 58 -50 128 -102 253 -190
+277 -216 268 -291 -10 -79 -69 -138 -140 -141 -42 -1 -48 2 -261 163 -94 71
+-174 129 -177 129 -9 0 -98 -116 -98 -127 0 -8 276 -220 378 -291 107 -74 215
+-72 306 8 71 63 102 152 81 233 -7 29 -12 53 -11 54 1 2 65 -45 141 -104 l138
+-106 38 44 c50 58 66 88 53 97 -6 4 -82 61 -168 127 -87 66 -230 175 -319 243
+-89 68 -169 129 -177 135 -27 22 -78 57 -82 57 -3 0 -26 -27 -51 -60z"/>
+</g>
+</svg>
diff --git a/public/site.webmanifest b/public/site.webmanifest
new file mode 100644
index 0000000..f126df0
--- /dev/null
+++ b/public/site.webmanifest
@@ -0,0 +1,19 @@
+{
+    "name": "",
+    "short_name": "",
+    "icons": [
+        {
+            "src": "/android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "/android-chrome-512x512.png",
+            "sizes": "512x512",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#0c4a6e",
+    "background_color": "#0c4a6e",
+    "display": "standalone"
+}
diff --git a/readme.md b/readme.md
index 4aab771..c865d45 100644
--- a/readme.md
+++ b/readme.md
@@ -9,6 +9,10 @@ http://philippeloctaux.com
 - https://astro.build
 - https://tailwindcss.com
 
+## colors
+
+- main color: `#0c4a6e`
+
 ## wallpapers
 
 1. place **JPEG** files in `public/wallpapers` and make sure they have exif data (GPS + date)
diff --git a/src/layouts/page.astro b/src/layouts/page.astro
index bcd1d08..8b0c0f3 100644
--- a/src/layouts/page.astro
+++ b/src/layouts/page.astro
@@ -13,9 +13,15 @@ title = title !== undefined ? `${title} - ` : title;
 <html lang="en">
     <head>
         <meta charset="utf-8" />
-        <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
         <meta name="viewport" content="width=device-width" />
         <title>{title}Philippe Loctaux</title>
+        <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
+        <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
+        <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
+        <link rel="manifest" href="/site.webmanifest">
+        <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#0c4a6e">
+        <meta name="msapplication-TileColor" content="#0c4a6e">
+        <meta name="theme-color" content="#0c4a6e">
     </head>
     <body class="flex flex-col min-h-screen bg-gray-900 text-white">
         <div class="flex-grow">