Rearranges and updates images and icons (electricitymaps#114)

VIKTORVAV99 · Jan 5, 2023 · a44702c · a44702c
1 parent 553377a
commit a44702c
Show file tree

Hide file tree

Showing 170 changed files with 40 additions and 23 deletions.
diff --git a/web/index.html b/web/index.html
@@ -7,7 +7,7 @@
     <title>Electricity Maps | Live 24/7 CO₂ emissions of electricity consumption</title>
     <meta name="description" content="Electricity Maps is a live 24/7 visualization of where your electricity comes from and how much CO2 was emitted to produce it." />
     <meta property="og:description" content="Electricity Maps is a live 24/7 visualization of where your electricity comes from and how much CO2 was emitted to produce it." />
-    <meta property="og:image" content="https://app.electricitymaps.com/electricitymap_social_image.png" />
+    <meta property="og:image" content="https://app.electricitymaps.com/images/electricitymap_social_image.png" />
     <meta property="og:title" content="Live 24/7 CO₂ emissions of electricity consumption" />
     <meta property="og:type" content="website" />
     <!-- It's important to keep the old og:url, else likes will not accumulate properly -->
@@ -17,19 +17,19 @@
     <meta name="twitter:card" content="summary_large_image" />
     <meta name="twitter:creator" content="@electricitymaps" />
     <meta name="twitter:description" content="Electricity Maps is a live 24/7 visualization of where your electricity comes from and how much CO2 was emitted to produce it." />
-    <meta name="twitter:image" content="https://app.electricitymaps.com/electricitymap_social_image.png" />
+    <meta name="twitter:image" content="https://app.electricitymaps.com/images/electricitymap_social_image.png" />
     <meta name="twitter:site" content="@ElectricityMaps" />
     <meta name="twitter:title" content="@ElectricityMaps | Live 24/7 CO2 emissions of electricity consumption" />
 
     <base href="/" />
 
     <!-- Visual identity -->
     <meta name="theme-color" content="#ffffff" />
-    <link rel="icon" type="image/svg+xml" href="/images/electricitymap-favicon-dark-light.svg" />
-    <link rel="apple-touch-icon" sizes="180x180" href="/images/apple-icon-180x180.png" />
-    <link rel="icon" type="image/png" sizes="32x32" href="/images/favicon-32x32.png" />
-    <link rel="icon" type="image/png" sizes="16x16" href="/images/favicon-16x16.png" />
+    <link rel="icon" href="/icons/favicon.svg" />
+    <link rel="mask-icon" href="/icons/favicon.svg" color="#000000">
+    <link rel="apple-touch-icon" href="/icons/apple-touch-icon.png" />
 
+
     <!-- Mobile linking -->
     <meta name="apple-itunes-app" content="app-id=1224594248" />
     <link rel="alternate" href="android-app://com.tmrow.electricitymap/https/app.electricitymaps.com" />
@@ -114,7 +114,7 @@
   </head>
   <body>
     <noscript>
-      <img src="/electricity-maps-logo.svg" alt="Electricity Maps logo" />
+      <img src="/images/electricity-maps-logo.svg" alt="Electricity Maps logo" />
       <div>
         <h1>JavaScript required!</h1>
         <p>

diff --git a/web/public/android-chrome-192x192.png b/web/public/android-chrome-192x192.png
diff --git a/web/public/android-chrome-512x512.png b/web/public/android-chrome-512x512.png
diff --git a/web/public/apple-touch-icon.png b/web/public/apple-touch-icon.png
diff --git a/web/public/favicon.ico b/web/public/favicon.ico
diff --git a/web/public/favicon.png b/web/public/favicon.png
diff --git a/web/public/icons/android-chrome-192x192.png b/web/public/icons/android-chrome-192x192.png
diff --git a/web/public/icons/android-chrome-512x512.png b/web/public/icons/android-chrome-512x512.png
diff --git a/web/public/icons/apple-touch-icon.png b/web/public/icons/apple-touch-icon.png
diff --git a/web/public/icons/arrow-left.svg b/web/public/icons/arrow-left.svg
diff --git a/web/public/icons/favicon.svg b/web/public/icons/favicon.svg
diff --git a/web/public/arrows/arrow-0-animated-0.gif → ...blic/images/arrows/arrow-0-animated-0.gif b/web/public/arrows/arrow-0-animated-0.gif → ...blic/images/arrows/arrow-0-animated-0.gif
diff --git a/web/public/arrows/arrow-0-animated-0.webp → ...lic/images/arrows/arrow-0-animated-0.webp b/web/public/arrows/arrow-0-animated-0.webp → ...lic/images/arrows/arrow-0-animated-0.webp
diff --git a/web/public/arrows/arrow-0-animated-1.gif → ...blic/images/arrows/arrow-0-animated-1.gif b/web/public/arrows/arrow-0-animated-1.gif → ...blic/images/arrows/arrow-0-animated-1.gif
diff --git a/web/public/arrows/arrow-0-animated-1.webp → ...lic/images/arrows/arrow-0-animated-1.webp b/web/public/arrows/arrow-0-animated-1.webp → ...lic/images/arrows/arrow-0-animated-1.webp
diff --git a/web/public/arrows/arrow-0-animated-2.gif → ...blic/images/arrows/arrow-0-animated-2.gif b/web/public/arrows/arrow-0-animated-2.gif → ...blic/images/arrows/arrow-0-animated-2.gif
diff --git a/web/public/arrows/arrow-0-animated-2.webp → ...lic/images/arrows/arrow-0-animated-2.webp b/web/public/arrows/arrow-0-animated-2.webp → ...lic/images/arrows/arrow-0-animated-2.webp
diff --git a/web/public/arrows/arrow-160-animated-0.gif → ...ic/images/arrows/arrow-160-animated-0.gif b/web/public/arrows/arrow-160-animated-0.gif → ...ic/images/arrows/arrow-160-animated-0.gif
diff --git a/web/public/arrows/arrow-160-animated-0.webp → ...c/images/arrows/arrow-160-animated-0.webp b/web/public/arrows/arrow-160-animated-0.webp → ...c/images/arrows/arrow-160-animated-0.webp
diff --git a/web/public/arrows/arrow-160-animated-1.gif → ...ic/images/arrows/arrow-160-animated-1.gif b/web/public/arrows/arrow-160-animated-1.gif → ...ic/images/arrows/arrow-160-animated-1.gif
diff --git a/web/public/arrows/arrow-160-animated-1.webp → ...c/images/arrows/arrow-160-animated-1.webp b/web/public/arrows/arrow-160-animated-1.webp → ...c/images/arrows/arrow-160-animated-1.webp
diff --git a/web/public/arrows/arrow-160-animated-2.gif → ...ic/images/arrows/arrow-160-animated-2.gif b/web/public/arrows/arrow-160-animated-2.gif → ...ic/images/arrows/arrow-160-animated-2.gif
diff --git a/web/public/arrows/arrow-160-animated-2.webp → ...c/images/arrows/arrow-160-animated-2.webp b/web/public/arrows/arrow-160-animated-2.webp → ...c/images/arrows/arrow-160-animated-2.webp
diff --git a/web/public/arrows/arrow-240-animated-0.gif → ...ic/images/arrows/arrow-240-animated-0.gif b/web/public/arrows/arrow-240-animated-0.gif → ...ic/images/arrows/arrow-240-animated-0.gif
diff --git a/web/public/arrows/arrow-240-animated-0.webp → ...c/images/arrows/arrow-240-animated-0.webp b/web/public/arrows/arrow-240-animated-0.webp → ...c/images/arrows/arrow-240-animated-0.webp
diff --git a/web/public/arrows/arrow-240-animated-1.gif → ...ic/images/arrows/arrow-240-animated-1.gif b/web/public/arrows/arrow-240-animated-1.gif → ...ic/images/arrows/arrow-240-animated-1.gif
diff --git a/web/public/arrows/arrow-240-animated-1.webp → ...c/images/arrows/arrow-240-animated-1.webp b/web/public/arrows/arrow-240-animated-1.webp → ...c/images/arrows/arrow-240-animated-1.webp
diff --git a/web/public/arrows/arrow-240-animated-2.gif → ...ic/images/arrows/arrow-240-animated-2.gif b/web/public/arrows/arrow-240-animated-2.gif → ...ic/images/arrows/arrow-240-animated-2.gif
diff --git a/web/public/arrows/arrow-240-animated-2.webp → ...c/images/arrows/arrow-240-animated-2.webp b/web/public/arrows/arrow-240-animated-2.webp → ...c/images/arrows/arrow-240-animated-2.webp
diff --git a/web/public/arrows/arrow-320-animated-0.gif → ...ic/images/arrows/arrow-320-animated-0.gif b/web/public/arrows/arrow-320-animated-0.gif → ...ic/images/arrows/arrow-320-animated-0.gif
diff --git a/web/public/arrows/arrow-320-animated-0.webp → ...c/images/arrows/arrow-320-animated-0.webp b/web/public/arrows/arrow-320-animated-0.webp → ...c/images/arrows/arrow-320-animated-0.webp
diff --git a/web/public/arrows/arrow-320-animated-1.gif → ...ic/images/arrows/arrow-320-animated-1.gif b/web/public/arrows/arrow-320-animated-1.gif → ...ic/images/arrows/arrow-320-animated-1.gif
diff --git a/web/public/arrows/arrow-320-animated-1.webp → ...c/images/arrows/arrow-320-animated-1.webp b/web/public/arrows/arrow-320-animated-1.webp → ...c/images/arrows/arrow-320-animated-1.webp
diff --git a/web/public/arrows/arrow-320-animated-2.gif → ...ic/images/arrows/arrow-320-animated-2.gif b/web/public/arrows/arrow-320-animated-2.gif → ...ic/images/arrows/arrow-320-animated-2.gif
diff --git a/web/public/arrows/arrow-320-animated-2.webp → ...c/images/arrows/arrow-320-animated-2.webp b/web/public/arrows/arrow-320-animated-2.webp → ...c/images/arrows/arrow-320-animated-2.webp
diff --git a/web/public/arrows/arrow-400-animated-0.gif → ...ic/images/arrows/arrow-400-animated-0.gif b/web/public/arrows/arrow-400-animated-0.gif → ...ic/images/arrows/arrow-400-animated-0.gif
diff --git a/web/public/arrows/arrow-400-animated-0.webp → ...c/images/arrows/arrow-400-animated-0.webp b/web/public/arrows/arrow-400-animated-0.webp → ...c/images/arrows/arrow-400-animated-0.webp
diff --git a/web/public/arrows/arrow-400-animated-1.gif → ...ic/images/arrows/arrow-400-animated-1.gif b/web/public/arrows/arrow-400-animated-1.gif → ...ic/images/arrows/arrow-400-animated-1.gif
diff --git a/web/public/arrows/arrow-400-animated-1.webp → ...c/images/arrows/arrow-400-animated-1.webp b/web/public/arrows/arrow-400-animated-1.webp → ...c/images/arrows/arrow-400-animated-1.webp
diff --git a/web/public/arrows/arrow-400-animated-2.gif → ...ic/images/arrows/arrow-400-animated-2.gif b/web/public/arrows/arrow-400-animated-2.gif → ...ic/images/arrows/arrow-400-animated-2.gif
diff --git a/web/public/arrows/arrow-400-animated-2.webp → ...c/images/arrows/arrow-400-animated-2.webp b/web/public/arrows/arrow-400-animated-2.webp → ...c/images/arrows/arrow-400-animated-2.webp
diff --git a/web/public/arrows/arrow-480-animated-0.gif → ...ic/images/arrows/arrow-480-animated-0.gif b/web/public/arrows/arrow-480-animated-0.gif → ...ic/images/arrows/arrow-480-animated-0.gif
diff --git a/web/public/arrows/arrow-480-animated-0.webp → ...c/images/arrows/arrow-480-animated-0.webp b/web/public/arrows/arrow-480-animated-0.webp → ...c/images/arrows/arrow-480-animated-0.webp
diff --git a/web/public/arrows/arrow-480-animated-1.gif → ...ic/images/arrows/arrow-480-animated-1.gif b/web/public/arrows/arrow-480-animated-1.gif → ...ic/images/arrows/arrow-480-animated-1.gif
diff --git a/web/public/arrows/arrow-480-animated-1.webp → ...c/images/arrows/arrow-480-animated-1.webp b/web/public/arrows/arrow-480-animated-1.webp → ...c/images/arrows/arrow-480-animated-1.webp
diff --git a/web/public/arrows/arrow-480-animated-2.gif → ...ic/images/arrows/arrow-480-animated-2.gif b/web/public/arrows/arrow-480-animated-2.gif → ...ic/images/arrows/arrow-480-animated-2.gif
diff --git a/web/public/arrows/arrow-480-animated-2.webp → ...c/images/arrows/arrow-480-animated-2.webp b/web/public/arrows/arrow-480-animated-2.webp → ...c/images/arrows/arrow-480-animated-2.webp
diff --git a/web/public/arrows/arrow-560-animated-0.gif → ...ic/images/arrows/arrow-560-animated-0.gif b/web/public/arrows/arrow-560-animated-0.gif → ...ic/images/arrows/arrow-560-animated-0.gif
diff --git a/web/public/arrows/arrow-560-animated-0.webp → ...c/images/arrows/arrow-560-animated-0.webp b/web/public/arrows/arrow-560-animated-0.webp → ...c/images/arrows/arrow-560-animated-0.webp
diff --git a/web/public/arrows/arrow-560-animated-1.gif → ...ic/images/arrows/arrow-560-animated-1.gif b/web/public/arrows/arrow-560-animated-1.gif → ...ic/images/arrows/arrow-560-animated-1.gif
diff --git a/web/public/arrows/arrow-560-animated-1.webp → ...c/images/arrows/arrow-560-animated-1.webp b/web/public/arrows/arrow-560-animated-1.webp → ...c/images/arrows/arrow-560-animated-1.webp
diff --git a/web/public/arrows/arrow-560-animated-2.gif → ...ic/images/arrows/arrow-560-animated-2.gif b/web/public/arrows/arrow-560-animated-2.gif → ...ic/images/arrows/arrow-560-animated-2.gif
diff --git a/web/public/arrows/arrow-560-animated-2.webp → ...c/images/arrows/arrow-560-animated-2.webp b/web/public/arrows/arrow-560-animated-2.webp → ...c/images/arrows/arrow-560-animated-2.webp
diff --git a/web/public/arrows/arrow-640-animated-0.gif → ...ic/images/arrows/arrow-640-animated-0.gif b/web/public/arrows/arrow-640-animated-0.gif → ...ic/images/arrows/arrow-640-animated-0.gif
diff --git a/web/public/arrows/arrow-640-animated-0.webp → ...c/images/arrows/arrow-640-animated-0.webp b/web/public/arrows/arrow-640-animated-0.webp → ...c/images/arrows/arrow-640-animated-0.webp
diff --git a/web/public/arrows/arrow-640-animated-1.gif → ...ic/images/arrows/arrow-640-animated-1.gif b/web/public/arrows/arrow-640-animated-1.gif → ...ic/images/arrows/arrow-640-animated-1.gif
diff --git a/web/public/arrows/arrow-640-animated-1.webp → ...c/images/arrows/arrow-640-animated-1.webp b/web/public/arrows/arrow-640-animated-1.webp → ...c/images/arrows/arrow-640-animated-1.webp
diff --git a/web/public/arrows/arrow-640-animated-2.gif → ...ic/images/arrows/arrow-640-animated-2.gif b/web/public/arrows/arrow-640-animated-2.gif → ...ic/images/arrows/arrow-640-animated-2.gif
diff --git a/web/public/arrows/arrow-640-animated-2.webp → ...c/images/arrows/arrow-640-animated-2.webp b/web/public/arrows/arrow-640-animated-2.webp → ...c/images/arrows/arrow-640-animated-2.webp
diff --git a/web/public/arrows/arrow-720-animated-0.gif → ...ic/images/arrows/arrow-720-animated-0.gif b/web/public/arrows/arrow-720-animated-0.gif → ...ic/images/arrows/arrow-720-animated-0.gif
diff --git a/web/public/arrows/arrow-720-animated-0.webp → ...c/images/arrows/arrow-720-animated-0.webp b/web/public/arrows/arrow-720-animated-0.webp → ...c/images/arrows/arrow-720-animated-0.webp
diff --git a/web/public/arrows/arrow-720-animated-1.gif → ...ic/images/arrows/arrow-720-animated-1.gif b/web/public/arrows/arrow-720-animated-1.gif → ...ic/images/arrows/arrow-720-animated-1.gif
diff --git a/web/public/arrows/arrow-720-animated-1.webp → ...c/images/arrows/arrow-720-animated-1.webp b/web/public/arrows/arrow-720-animated-1.webp → ...c/images/arrows/arrow-720-animated-1.webp
diff --git a/web/public/arrows/arrow-720-animated-2.gif → ...ic/images/arrows/arrow-720-animated-2.gif b/web/public/arrows/arrow-720-animated-2.gif → ...ic/images/arrows/arrow-720-animated-2.gif
diff --git a/web/public/arrows/arrow-720-animated-2.webp → ...c/images/arrows/arrow-720-animated-2.webp b/web/public/arrows/arrow-720-animated-2.webp → ...c/images/arrows/arrow-720-animated-2.webp
diff --git a/web/public/arrows/arrow-80-animated-0.gif → ...lic/images/arrows/arrow-80-animated-0.gif b/web/public/arrows/arrow-80-animated-0.gif → ...lic/images/arrows/arrow-80-animated-0.gif
diff --git a/web/public/arrows/arrow-80-animated-0.webp → ...ic/images/arrows/arrow-80-animated-0.webp b/web/public/arrows/arrow-80-animated-0.webp → ...ic/images/arrows/arrow-80-animated-0.webp
diff --git a/web/public/arrows/arrow-80-animated-1.gif → ...lic/images/arrows/arrow-80-animated-1.gif b/web/public/arrows/arrow-80-animated-1.gif → ...lic/images/arrows/arrow-80-animated-1.gif
diff --git a/web/public/arrows/arrow-80-animated-1.webp → ...ic/images/arrows/arrow-80-animated-1.webp b/web/public/arrows/arrow-80-animated-1.webp → ...ic/images/arrows/arrow-80-animated-1.webp
diff --git a/web/public/arrows/arrow-80-animated-2.gif → ...lic/images/arrows/arrow-80-animated-2.gif b/web/public/arrows/arrow-80-animated-2.gif → ...lic/images/arrows/arrow-80-animated-2.gif
diff --git a/web/public/arrows/arrow-80-animated-2.webp → ...ic/images/arrows/arrow-80-animated-2.webp b/web/public/arrows/arrow-80-animated-2.webp → ...ic/images/arrows/arrow-80-animated-2.webp
diff --git a/web/public/arrows/arrow-800-animated-0.gif → ...ic/images/arrows/arrow-800-animated-0.gif b/web/public/arrows/arrow-800-animated-0.gif → ...ic/images/arrows/arrow-800-animated-0.gif
diff --git a/web/public/arrows/arrow-800-animated-0.webp → ...c/images/arrows/arrow-800-animated-0.webp b/web/public/arrows/arrow-800-animated-0.webp → ...c/images/arrows/arrow-800-animated-0.webp
diff --git a/web/public/arrows/arrow-800-animated-1.gif → ...ic/images/arrows/arrow-800-animated-1.gif b/web/public/arrows/arrow-800-animated-1.gif → ...ic/images/arrows/arrow-800-animated-1.gif
diff --git a/web/public/arrows/arrow-800-animated-1.webp → ...c/images/arrows/arrow-800-animated-1.webp b/web/public/arrows/arrow-800-animated-1.webp → ...c/images/arrows/arrow-800-animated-1.webp
diff --git a/web/public/arrows/arrow-800-animated-2.gif → ...ic/images/arrows/arrow-800-animated-2.gif b/web/public/arrows/arrow-800-animated-2.gif → ...ic/images/arrows/arrow-800-animated-2.gif
diff --git a/web/public/arrows/arrow-800-animated-2.webp → ...c/images/arrows/arrow-800-animated-2.webp b/web/public/arrows/arrow-800-animated-2.webp → ...c/images/arrows/arrow-800-animated-2.webp
diff --git a/web/public/arrows/arrow-nan-animated-0.gif → ...ic/images/arrows/arrow-nan-animated-0.gif b/web/public/arrows/arrow-nan-animated-0.gif → ...ic/images/arrows/arrow-nan-animated-0.gif
diff --git a/web/public/arrows/arrow-nan-animated-0.webp → ...c/images/arrows/arrow-nan-animated-0.webp b/web/public/arrows/arrow-nan-animated-0.webp → ...c/images/arrows/arrow-nan-animated-0.webp
diff --git a/web/public/arrows/arrow-nan-animated-1.gif → ...ic/images/arrows/arrow-nan-animated-1.gif b/web/public/arrows/arrow-nan-animated-1.gif → ...ic/images/arrows/arrow-nan-animated-1.gif
diff --git a/web/public/arrows/arrow-nan-animated-1.webp → ...c/images/arrows/arrow-nan-animated-1.webp b/web/public/arrows/arrow-nan-animated-1.webp → ...c/images/arrows/arrow-nan-animated-1.webp
diff --git a/web/public/arrows/arrow-nan-animated-2.gif → ...ic/images/arrows/arrow-nan-animated-2.gif b/web/public/arrows/arrow-nan-animated-2.gif → ...ic/images/arrows/arrow-nan-animated-2.gif
diff --git a/web/public/arrows/arrow-nan-animated-2.webp → ...c/images/arrows/arrow-nan-animated-2.webp b/web/public/arrows/arrow-nan-animated-2.webp → ...c/images/arrows/arrow-nan-animated-2.webp
diff --git a/.../arrows/colorblind-arrow-0-animated-0.gif → .../arrows/colorblind-arrow-0-animated-0.gif b/.../arrows/colorblind-arrow-0-animated-0.gif → .../arrows/colorblind-arrow-0-animated-0.gif
diff --git a/...arrows/colorblind-arrow-0-animated-0.webp → ...arrows/colorblind-arrow-0-animated-0.webp b/...arrows/colorblind-arrow-0-animated-0.webp → ...arrows/colorblind-arrow-0-animated-0.webp
diff --git a/.../arrows/colorblind-arrow-0-animated-1.gif → .../arrows/colorblind-arrow-0-animated-1.gif b/.../arrows/colorblind-arrow-0-animated-1.gif → .../arrows/colorblind-arrow-0-animated-1.gif
diff --git a/...arrows/colorblind-arrow-0-animated-1.webp → ...arrows/colorblind-arrow-0-animated-1.webp b/...arrows/colorblind-arrow-0-animated-1.webp → ...arrows/colorblind-arrow-0-animated-1.webp
diff --git a/.../arrows/colorblind-arrow-0-animated-2.gif → .../arrows/colorblind-arrow-0-animated-2.gif b/.../arrows/colorblind-arrow-0-animated-2.gif → .../arrows/colorblind-arrow-0-animated-2.gif
diff --git a/...arrows/colorblind-arrow-0-animated-2.webp → ...arrows/colorblind-arrow-0-animated-2.webp b/...arrows/colorblind-arrow-0-animated-2.webp → ...arrows/colorblind-arrow-0-animated-2.webp
diff --git a/...rrows/colorblind-arrow-160-animated-0.gif → ...rrows/colorblind-arrow-160-animated-0.gif b/...rrows/colorblind-arrow-160-animated-0.gif → ...rrows/colorblind-arrow-160-animated-0.gif
diff --git a/...rows/colorblind-arrow-160-animated-0.webp → ...rows/colorblind-arrow-160-animated-0.webp b/...rows/colorblind-arrow-160-animated-0.webp → ...rows/colorblind-arrow-160-animated-0.webp
diff --git a/...rrows/colorblind-arrow-160-animated-1.gif → ...rrows/colorblind-arrow-160-animated-1.gif b/...rrows/colorblind-arrow-160-animated-1.gif → ...rrows/colorblind-arrow-160-animated-1.gif
diff --git a/...rows/colorblind-arrow-160-animated-1.webp → ...rows/colorblind-arrow-160-animated-1.webp b/...rows/colorblind-arrow-160-animated-1.webp → ...rows/colorblind-arrow-160-animated-1.webp
diff --git a/...rrows/colorblind-arrow-160-animated-2.gif → ...rrows/colorblind-arrow-160-animated-2.gif b/...rrows/colorblind-arrow-160-animated-2.gif → ...rrows/colorblind-arrow-160-animated-2.gif
diff --git a/...rows/colorblind-arrow-160-animated-2.webp → ...rows/colorblind-arrow-160-animated-2.webp b/...rows/colorblind-arrow-160-animated-2.webp → ...rows/colorblind-arrow-160-animated-2.webp
diff --git a/...rrows/colorblind-arrow-240-animated-0.gif → ...rrows/colorblind-arrow-240-animated-0.gif b/...rrows/colorblind-arrow-240-animated-0.gif → ...rrows/colorblind-arrow-240-animated-0.gif
diff --git a/...rows/colorblind-arrow-240-animated-0.webp → ...rows/colorblind-arrow-240-animated-0.webp b/...rows/colorblind-arrow-240-animated-0.webp → ...rows/colorblind-arrow-240-animated-0.webp
diff --git a/...rrows/colorblind-arrow-240-animated-1.gif → ...rrows/colorblind-arrow-240-animated-1.gif b/...rrows/colorblind-arrow-240-animated-1.gif → ...rrows/colorblind-arrow-240-animated-1.gif
diff --git a/...rows/colorblind-arrow-240-animated-1.webp → ...rows/colorblind-arrow-240-animated-1.webp b/...rows/colorblind-arrow-240-animated-1.webp → ...rows/colorblind-arrow-240-animated-1.webp
diff --git a/...rrows/colorblind-arrow-240-animated-2.gif → ...rrows/colorblind-arrow-240-animated-2.gif b/...rrows/colorblind-arrow-240-animated-2.gif → ...rrows/colorblind-arrow-240-animated-2.gif
diff --git a/...rows/colorblind-arrow-240-animated-2.webp → ...rows/colorblind-arrow-240-animated-2.webp b/...rows/colorblind-arrow-240-animated-2.webp → ...rows/colorblind-arrow-240-animated-2.webp
diff --git a/...rrows/colorblind-arrow-320-animated-0.gif → ...rrows/colorblind-arrow-320-animated-0.gif b/...rrows/colorblind-arrow-320-animated-0.gif → ...rrows/colorblind-arrow-320-animated-0.gif
diff --git a/...rows/colorblind-arrow-320-animated-0.webp → ...rows/colorblind-arrow-320-animated-0.webp b/...rows/colorblind-arrow-320-animated-0.webp → ...rows/colorblind-arrow-320-animated-0.webp
diff --git a/...rrows/colorblind-arrow-320-animated-1.gif → ...rrows/colorblind-arrow-320-animated-1.gif b/...rrows/colorblind-arrow-320-animated-1.gif → ...rrows/colorblind-arrow-320-animated-1.gif
diff --git a/...rows/colorblind-arrow-320-animated-1.webp → ...rows/colorblind-arrow-320-animated-1.webp b/...rows/colorblind-arrow-320-animated-1.webp → ...rows/colorblind-arrow-320-animated-1.webp
diff --git a/...rrows/colorblind-arrow-320-animated-2.gif → ...rrows/colorblind-arrow-320-animated-2.gif b/...rrows/colorblind-arrow-320-animated-2.gif → ...rrows/colorblind-arrow-320-animated-2.gif
diff --git a/...rows/colorblind-arrow-320-animated-2.webp → ...rows/colorblind-arrow-320-animated-2.webp b/...rows/colorblind-arrow-320-animated-2.webp → ...rows/colorblind-arrow-320-animated-2.webp
diff --git a/...rrows/colorblind-arrow-400-animated-0.gif → ...rrows/colorblind-arrow-400-animated-0.gif b/...rrows/colorblind-arrow-400-animated-0.gif → ...rrows/colorblind-arrow-400-animated-0.gif
diff --git a/...rows/colorblind-arrow-400-animated-0.webp → ...rows/colorblind-arrow-400-animated-0.webp b/...rows/colorblind-arrow-400-animated-0.webp → ...rows/colorblind-arrow-400-animated-0.webp
diff --git a/...rrows/colorblind-arrow-400-animated-1.gif → ...rrows/colorblind-arrow-400-animated-1.gif b/...rrows/colorblind-arrow-400-animated-1.gif → ...rrows/colorblind-arrow-400-animated-1.gif
diff --git a/...rows/colorblind-arrow-400-animated-1.webp → ...rows/colorblind-arrow-400-animated-1.webp b/...rows/colorblind-arrow-400-animated-1.webp → ...rows/colorblind-arrow-400-animated-1.webp
diff --git a/...rrows/colorblind-arrow-400-animated-2.gif → ...rrows/colorblind-arrow-400-animated-2.gif b/...rrows/colorblind-arrow-400-animated-2.gif → ...rrows/colorblind-arrow-400-animated-2.gif
diff --git a/...rows/colorblind-arrow-400-animated-2.webp → ...rows/colorblind-arrow-400-animated-2.webp b/...rows/colorblind-arrow-400-animated-2.webp → ...rows/colorblind-arrow-400-animated-2.webp
diff --git a/...rrows/colorblind-arrow-480-animated-0.gif → ...rrows/colorblind-arrow-480-animated-0.gif b/...rrows/colorblind-arrow-480-animated-0.gif → ...rrows/colorblind-arrow-480-animated-0.gif
diff --git a/...rows/colorblind-arrow-480-animated-0.webp → ...rows/colorblind-arrow-480-animated-0.webp b/...rows/colorblind-arrow-480-animated-0.webp → ...rows/colorblind-arrow-480-animated-0.webp
diff --git a/...rrows/colorblind-arrow-480-animated-1.gif → ...rrows/colorblind-arrow-480-animated-1.gif b/...rrows/colorblind-arrow-480-animated-1.gif → ...rrows/colorblind-arrow-480-animated-1.gif
diff --git a/...rows/colorblind-arrow-480-animated-1.webp → ...rows/colorblind-arrow-480-animated-1.webp b/...rows/colorblind-arrow-480-animated-1.webp → ...rows/colorblind-arrow-480-animated-1.webp
diff --git a/...rrows/colorblind-arrow-480-animated-2.gif → ...rrows/colorblind-arrow-480-animated-2.gif b/...rrows/colorblind-arrow-480-animated-2.gif → ...rrows/colorblind-arrow-480-animated-2.gif
diff --git a/...rows/colorblind-arrow-480-animated-2.webp → ...rows/colorblind-arrow-480-animated-2.webp b/...rows/colorblind-arrow-480-animated-2.webp → ...rows/colorblind-arrow-480-animated-2.webp
diff --git a/...rrows/colorblind-arrow-560-animated-0.gif → ...rrows/colorblind-arrow-560-animated-0.gif b/...rrows/colorblind-arrow-560-animated-0.gif → ...rrows/colorblind-arrow-560-animated-0.gif
diff --git a/...rows/colorblind-arrow-560-animated-0.webp → ...rows/colorblind-arrow-560-animated-0.webp b/...rows/colorblind-arrow-560-animated-0.webp → ...rows/colorblind-arrow-560-animated-0.webp
diff --git a/...rrows/colorblind-arrow-560-animated-1.gif → ...rrows/colorblind-arrow-560-animated-1.gif b/...rrows/colorblind-arrow-560-animated-1.gif → ...rrows/colorblind-arrow-560-animated-1.gif
diff --git a/...rows/colorblind-arrow-560-animated-1.webp → ...rows/colorblind-arrow-560-animated-1.webp b/...rows/colorblind-arrow-560-animated-1.webp → ...rows/colorblind-arrow-560-animated-1.webp
diff --git a/...rrows/colorblind-arrow-560-animated-2.gif → ...rrows/colorblind-arrow-560-animated-2.gif b/...rrows/colorblind-arrow-560-animated-2.gif → ...rrows/colorblind-arrow-560-animated-2.gif
diff --git a/...rows/colorblind-arrow-560-animated-2.webp → ...rows/colorblind-arrow-560-animated-2.webp b/...rows/colorblind-arrow-560-animated-2.webp → ...rows/colorblind-arrow-560-animated-2.webp
diff --git a/...rrows/colorblind-arrow-640-animated-0.gif → ...rrows/colorblind-arrow-640-animated-0.gif b/...rrows/colorblind-arrow-640-animated-0.gif → ...rrows/colorblind-arrow-640-animated-0.gif
diff --git a/...rows/colorblind-arrow-640-animated-0.webp → ...rows/colorblind-arrow-640-animated-0.webp b/...rows/colorblind-arrow-640-animated-0.webp → ...rows/colorblind-arrow-640-animated-0.webp
diff --git a/...rrows/colorblind-arrow-640-animated-1.gif → ...rrows/colorblind-arrow-640-animated-1.gif b/...rrows/colorblind-arrow-640-animated-1.gif → ...rrows/colorblind-arrow-640-animated-1.gif
diff --git a/...rows/colorblind-arrow-640-animated-1.webp → ...rows/colorblind-arrow-640-animated-1.webp b/...rows/colorblind-arrow-640-animated-1.webp → ...rows/colorblind-arrow-640-animated-1.webp
diff --git a/...rrows/colorblind-arrow-640-animated-2.gif → ...rrows/colorblind-arrow-640-animated-2.gif b/...rrows/colorblind-arrow-640-animated-2.gif → ...rrows/colorblind-arrow-640-animated-2.gif
diff --git a/...rows/colorblind-arrow-640-animated-2.webp → ...rows/colorblind-arrow-640-animated-2.webp b/...rows/colorblind-arrow-640-animated-2.webp → ...rows/colorblind-arrow-640-animated-2.webp
diff --git a/...rrows/colorblind-arrow-720-animated-0.gif → ...rrows/colorblind-arrow-720-animated-0.gif b/...rrows/colorblind-arrow-720-animated-0.gif → ...rrows/colorblind-arrow-720-animated-0.gif
diff --git a/...rows/colorblind-arrow-720-animated-0.webp → ...rows/colorblind-arrow-720-animated-0.webp b/...rows/colorblind-arrow-720-animated-0.webp → ...rows/colorblind-arrow-720-animated-0.webp
diff --git a/...rrows/colorblind-arrow-720-animated-1.gif → ...rrows/colorblind-arrow-720-animated-1.gif b/...rrows/colorblind-arrow-720-animated-1.gif → ...rrows/colorblind-arrow-720-animated-1.gif
diff --git a/...rows/colorblind-arrow-720-animated-1.webp → ...rows/colorblind-arrow-720-animated-1.webp b/...rows/colorblind-arrow-720-animated-1.webp → ...rows/colorblind-arrow-720-animated-1.webp
diff --git a/...rrows/colorblind-arrow-720-animated-2.gif → ...rrows/colorblind-arrow-720-animated-2.gif b/...rrows/colorblind-arrow-720-animated-2.gif → ...rrows/colorblind-arrow-720-animated-2.gif
diff --git a/...rows/colorblind-arrow-720-animated-2.webp → ...rows/colorblind-arrow-720-animated-2.webp b/...rows/colorblind-arrow-720-animated-2.webp → ...rows/colorblind-arrow-720-animated-2.webp
diff --git a/...arrows/colorblind-arrow-80-animated-0.gif → ...arrows/colorblind-arrow-80-animated-0.gif b/...arrows/colorblind-arrow-80-animated-0.gif → ...arrows/colorblind-arrow-80-animated-0.gif
diff --git a/...rrows/colorblind-arrow-80-animated-0.webp → ...rrows/colorblind-arrow-80-animated-0.webp b/...rrows/colorblind-arrow-80-animated-0.webp → ...rrows/colorblind-arrow-80-animated-0.webp
diff --git a/...arrows/colorblind-arrow-80-animated-1.gif → ...arrows/colorblind-arrow-80-animated-1.gif b/...arrows/colorblind-arrow-80-animated-1.gif → ...arrows/colorblind-arrow-80-animated-1.gif
diff --git a/...rrows/colorblind-arrow-80-animated-1.webp → ...rrows/colorblind-arrow-80-animated-1.webp b/...rrows/colorblind-arrow-80-animated-1.webp → ...rrows/colorblind-arrow-80-animated-1.webp
diff --git a/...arrows/colorblind-arrow-80-animated-2.gif → ...arrows/colorblind-arrow-80-animated-2.gif b/...arrows/colorblind-arrow-80-animated-2.gif → ...arrows/colorblind-arrow-80-animated-2.gif
diff --git a/...rrows/colorblind-arrow-80-animated-2.webp → ...rrows/colorblind-arrow-80-animated-2.webp b/...rrows/colorblind-arrow-80-animated-2.webp → ...rrows/colorblind-arrow-80-animated-2.webp
diff --git a/...rrows/colorblind-arrow-800-animated-0.gif → ...rrows/colorblind-arrow-800-animated-0.gif b/...rrows/colorblind-arrow-800-animated-0.gif → ...rrows/colorblind-arrow-800-animated-0.gif
diff --git a/...rows/colorblind-arrow-800-animated-0.webp → ...rows/colorblind-arrow-800-animated-0.webp b/...rows/colorblind-arrow-800-animated-0.webp → ...rows/colorblind-arrow-800-animated-0.webp
diff --git a/...rrows/colorblind-arrow-800-animated-1.gif → ...rrows/colorblind-arrow-800-animated-1.gif b/...rrows/colorblind-arrow-800-animated-1.gif → ...rrows/colorblind-arrow-800-animated-1.gif
diff --git a/...rows/colorblind-arrow-800-animated-1.webp → ...rows/colorblind-arrow-800-animated-1.webp b/...rows/colorblind-arrow-800-animated-1.webp → ...rows/colorblind-arrow-800-animated-1.webp
diff --git a/...rrows/colorblind-arrow-800-animated-2.gif → ...rrows/colorblind-arrow-800-animated-2.gif b/...rrows/colorblind-arrow-800-animated-2.gif → ...rrows/colorblind-arrow-800-animated-2.gif
diff --git a/...rows/colorblind-arrow-800-animated-2.webp → ...rows/colorblind-arrow-800-animated-2.webp b/...rows/colorblind-arrow-800-animated-2.webp → ...rows/colorblind-arrow-800-animated-2.webp
diff --git a/...rrows/colorblind-arrow-nan-animated-0.gif → ...rrows/colorblind-arrow-nan-animated-0.gif b/...rrows/colorblind-arrow-nan-animated-0.gif → ...rrows/colorblind-arrow-nan-animated-0.gif
diff --git a/...rows/colorblind-arrow-nan-animated-0.webp → ...rows/colorblind-arrow-nan-animated-0.webp b/...rows/colorblind-arrow-nan-animated-0.webp → ...rows/colorblind-arrow-nan-animated-0.webp
diff --git a/...rrows/colorblind-arrow-nan-animated-1.gif → ...rrows/colorblind-arrow-nan-animated-1.gif b/...rrows/colorblind-arrow-nan-animated-1.gif → ...rrows/colorblind-arrow-nan-animated-1.gif
diff --git a/...rows/colorblind-arrow-nan-animated-1.webp → ...rows/colorblind-arrow-nan-animated-1.webp b/...rows/colorblind-arrow-nan-animated-1.webp → ...rows/colorblind-arrow-nan-animated-1.webp
diff --git a/...rrows/colorblind-arrow-nan-animated-2.gif → ...rrows/colorblind-arrow-nan-animated-2.gif b/...rrows/colorblind-arrow-nan-animated-2.gif → ...rrows/colorblind-arrow-nan-animated-2.gif
diff --git a/...rows/colorblind-arrow-nan-animated-2.webp → ...rows/colorblind-arrow-nan-animated-2.webp b/...rows/colorblind-arrow-nan-animated-2.webp → ...rows/colorblind-arrow-nan-animated-2.webp
diff --git a/web/public/electricity-maps-logo.svg → web/public/images/electricity-maps-logo.svg b/web/public/electricity-maps-logo.svg → web/public/images/electricity-maps-logo.svg
diff --git a/web/public/electricitymap_social_image.png → ...ic/images/electricitymap_social_image.png b/web/public/electricitymap_social_image.png → ...ic/images/electricitymap_social_image.png
diff --git a/web/public/electricitymaps-icon.svg → web/public/images/electricitymaps-icon.svg b/web/public/electricitymaps-icon.svg → web/public/images/electricitymaps-icon.svg
diff --git a/web/public/loading-icon-darkmode.svg → web/public/images/loading-icon-darkmode.svg b/web/public/loading-icon-darkmode.svg → web/public/images/loading-icon-darkmode.svg
diff --git a/web/public/loading-icon.svg → web/public/images/loading-icon.svg b/web/public/loading-icon.svg → web/public/images/loading-icon.svg
diff --git a/web/public/onboarding/exchangeArrows.png → ...blic/images/onboarding/exchangeArrows.png b/web/public/onboarding/exchangeArrows.png → ...blic/images/onboarding/exchangeArrows.png
diff --git a/web/public/onboarding/mapExtract.png → web/public/images/onboarding/mapExtract.png b/web/public/onboarding/mapExtract.png → web/public/images/onboarding/mapExtract.png
diff --git a/web/public/onboarding/splitLayers.png → web/public/images/onboarding/splitLayers.png b/web/public/onboarding/splitLayers.png → web/public/images/onboarding/splitLayers.png
diff --git a/web/public/icons/slider-thumb.svg → web/public/images/slider-thumb.svg b/web/public/icons/slider-thumb.svg → web/public/images/slider-thumb.svg
diff --git a/web/src/components/LoadingOverlay.tsx b/web/src/components/LoadingOverlay.tsx
@@ -17,7 +17,7 @@ function FadingOverlay({ isVisible }: { isVisible: boolean }) {
     (styles, isVisible) =>
       isVisible && (
         <animated.div
-          className="fixed z-50 h-full w-full bg-gray-100 bg-[url('/loading-icon.svg')] bg-[length:100px] bg-center bg-no-repeat dark:bg-gray-900 dark:bg-[url('/loading-icon-darkmode.svg')]"
+          className="fixed z-50 h-full w-full bg-gray-100 bg-[url('/images/loading-icon.svg')] bg-[length:100px] bg-center bg-no-repeat dark:bg-gray-900 dark:bg-[url('/images/loading-icon-darkmode.svg')]"
           style={styles}
         />
       )

diff --git a/web/src/components/TimeSlider.tsx b/web/src/components/TimeSlider.tsx
@@ -21,7 +21,7 @@ function TimeSlider({ onChange, numberOfEntries, selectedIndex }: TimeSliderProp
         <SliderPrimitive.Range />
       </SliderPrimitive.Track>
       <SliderPrimitive.Thumb
-        className={`block h-6 w-6 rounded-full bg-white bg-[url("/icons/slider-thumb.svg")]
+        className={`block h-6 w-6 rounded-full bg-white bg-[url("/images/slider-thumb.svg")]
           bg-center bg-no-repeat shadow-3xl focus:outline-none
           focus-visible:ring focus-visible:ring-brand-green/10
           focus-visible:ring-opacity-75 dark:bg-gray-400 dark:focus-visible:ring-white/70`}

diff --git a/web/src/components/modals/OnboardingModal.tsx b/web/src/components/modals/OnboardingModal.tsx
@@ -6,7 +6,7 @@ import Modal from './OnboardingModalInner';
 
 const views = [
   {
-    headerImage: resolvePath('electricitymaps-icon.svg'),
+    headerImage: resolvePath('images/electricitymaps-icon.svg'),
     isMainTitle: true,
     renderContent: (__: (translationKey: string) => string) => (
       <>
@@ -20,7 +20,7 @@ const views = [
     ),
   },
   {
-    headerImage: resolvePath('onboarding/mapExtract.png'),
+    headerImage: resolvePath('images/onboarding/mapExtract.png'),
     renderContent: (__: (translationKey: string) => string) => (
       <>
         <div>
@@ -33,7 +33,7 @@ const views = [
     ),
   },
   {
-    headerImage: resolvePath('onboarding/exchangeArrows.png'),
+    headerImage: resolvePath('images/onboarding/exchangeArrows.png'),
     renderContent: (__: (translationKey: string) => string) => (
       <>
         <div>
@@ -46,7 +46,7 @@ const views = [
     ),
   },
   {
-    headerImage: resolvePath('onboarding/splitLayers.png'),
+    headerImage: resolvePath('images/onboarding/splitLayers.png'),
     renderContent: (__: (translationKey: string) => string) => (
       <>
         <div>

diff --git a/web/src/features/exchanges/ExchangeArrow.tsx b/web/src/features/exchanges/ExchangeArrow.tsx
@@ -28,7 +28,8 @@ function ExchangeArrow({ data, viewportWidth, viewportHeight, map }: ExchangeArr
     const prefix = colorBlindModeEnabled ? 'colorblind-' : '';
     const intensity = quantizedCo2IntensityScale(co2intensity);
     const speed = quantizedExchangeSpeedScale(Math.abs(netFlow));
-    return resolvePath(`arrows/${prefix}arrow-${intensity}-animated-${speed}`).pathname;
+    return resolvePath(`images/arrows/${prefix}arrow-${intensity}-animated-${speed}`)
+      .pathname;
   }, [colorBlindModeEnabled, co2intensity, netFlow]);
 
   const projection = map.project(lonlat);

diff --git a/web/src/features/panels/zone/ZoneDetails.tsx b/web/src/features/panels/zone/ZoneDetails.tsx
@@ -13,8 +13,8 @@ import Attribution from './Attribution';
 import DisplayByEmissionToggle from './DisplayByEmissionToggle';
 import Divider from './Divider';
 import NoInformationMessage from './NoInformationMessage';
-import { getZoneDataStatus, ZoneDataStatus } from './util';
 import { ZoneHeader } from './ZoneHeader';
+import { ZoneDataStatus, getZoneDataStatus } from './util';
 
 export default function ZoneDetails(): JSX.Element {
   const { zoneId } = useParams();
@@ -80,7 +80,7 @@ function ZoneDetailsContent({
   if (isLoading) {
     return (
       <div className={`flex h-full w-full items-center justify-center`}>
-        <div className="z-50 h-[50px] w-[50px] bg-[url('/loading-icon.svg')] bg-[length:60px] bg-center bg-no-repeat dark:bg-[url('/loading-icon-darkmode.svg')]"></div>
+        <div className="z-50 h-[50px] w-[50px] bg-[url('/images/loading-icon.svg')] bg-[length:60px] bg-center bg-no-repeat dark:bg-[url('/images/loading-icon-darkmode.svg')]"></div>
       </div>
     );
   }

diff --git a/web/vite.config.ts b/web/vite.config.ts
@@ -52,23 +52,23 @@ export default defineConfig(({ mode }) => ({
               maximumFileSizeToCacheInBytes: 3_500_000,
             },
             includeAssets: [
-              'favicon.png',
+              'icons/*.{svg,png}',
               'robots.txt',
-              'apple-touch-icon.png',
-              'icons/*.svg',
+              // Consider if we should also add subdirectories below
+              'images/*.{svg,png}',
               'fonts/*.woff2',
             ],
             manifest: {
-              theme_color: '#BD34FE',
+              theme_color: '#000000',
               icons: [
                 {
-                  src: '/android-chrome-192x192.png',
+                  src: '/icons/android-chrome-192x192.png',
                   sizes: '192x192',
                   type: 'image/png',
                   purpose: 'any maskable',
                 },
                 {
-                  src: '/android-chrome-512x512.png',
+                  src: '/icons/android-chrome-512x512.png',
                   sizes: '512x512',
                   type: 'image/png',
                 },