From c749fd3fff084e4bb23eb1d8e2b3c57ac27bc333 Mon Sep 17 00:00:00 2001
From: msramalho <19508417+msramalho@users.noreply.github.com>
Date: Mon, 14 Mar 2022 17:34:09 +0100
Subject: [PATCH] seo

---
 public/index.html | 61 ++++++++++++++++++++++++-----------------------
 1 file changed, 31 insertions(+), 30 deletions(-)
diff --git a/public/index.html b/public/index.html
index 2c97495..d680ae8 100644
--- a/public/index.html
+++ b/public/index.html
@@ -1,44 +1,45 @@
 <!DOCTYPE html>
 <html lang="en">
-  <head>
+
+<head>
     <meta charset="utf-8" />
     <title>Civilian Harm in Ukraine</title>
-    <link
-      rel="stylesheet"
-      href="https://api.mapbox.com/mapbox.js/v3.1.1/mapbox.css"
-    />
+    <link rel="stylesheet" href="https://api.mapbox.com/mapbox.js/v3.1.1/mapbox.css" />
     <!-- <link -->
     <!--   href="https://fonts.googleapis.com/css?family=Lato" -->
     <!--   rel="stylesheet" -->
     <!-- /> -->
-    <link
-      href="https://fonts.googleapis.com/icon?family=Material+Icons"
-      rel="stylesheet"
-    />
-  </head>
-  <body>
+    <meta name="Description" CONTENT="This map is focused on incidents in Ukraine collected by Bellingcat that have resulted in potential civilian harm. These include: incidents that struck civilian areas, resulted in the destruction of civilian infrastructure, where the presence of civilian injuries are visible, and/or the presence of immobile civilian bodies. This database began collection on February 24, 2022 and intends to be a living document that will continue to be updated as long as the conflict persists. For more detailed information about the incidents included and the information added by Bellingcat investigators, please refer to our methodology.">
+    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" />
+
+</head>
+
+<body>
     <style>
-      @media (hover: none) {
-        #id {
-          display: none;
+        @media (hover: none) {
+            #id {
+                display: none;
+            }
+
+            #nodisplay {
+                display: block;
+            }
         }
-        #nodisplay {
-          display: block;
+
+        @media (hover: hover) {
+            #nodisplay {
+                display: none;
+            }
         }
-      }
-      @media (hover: hover) {
-        #nodisplay {
-          display: none;
-        }
-      }
     </style>
     <div class="page">
-      <div class="page">
-        <div id="explore-app"></div>
-      </div>
-      <div id="nodisplay">
-        This platform is unsuitable for mobile. Please revisit on a desktop.
-      </div>
+        <div class="page">
+            <div id="explore-app"></div>
+        </div>
+        <div id="nodisplay">
+            This platform is unsuitable for mobile. Please revisit on a desktop.
+        </div>
     </div>
-  </body>
-</html>
+</body>
+
+</html>
\ No newline at end of file
