From a5a5c21cb064179e7fb35c0c6718f05d7776bcc5 Mon Sep 17 00:00:00 2001
From: Logan Williams <logan@bellingcat.com>
Date: Wed, 29 Jan 2025 16:05:36 +0100
Subject: [PATCH] Add note about acceptable use policy

---
 frontend/src/App.vue                 |  9 +++-----
 frontend/src/components/HelpCard.vue |  5 ++++-
 frontend/src/views/HomeView.vue      | 31 ++++++++++++++++++++++++++++
 3 files changed, 38 insertions(+), 7 deletions(-)

diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index c7cdc80..4c033ce 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -14,7 +14,6 @@
         >Sign Out</v-btn
       >
     </v-app-bar>
-    <FirebaseLogin v-if="!user" />
     <router-view></router-view>
     <v-footer class="legal">
       <router-link to="/privacy">Privacy Policy</router-link>
@@ -24,13 +23,11 @@
 </template>
 
 <script>
-import FirebaseLogin from "./components/FirebaseLogin.vue";
-
 export default {
   name: "App",
-  components: {
-    FirebaseLogin,
-  },
+  // components: {
+  //   FirebaseLogin,
+  // },
   mounted() {
     this.$store.dispatch("getKeys");
   },
diff --git a/frontend/src/components/HelpCard.vue b/frontend/src/components/HelpCard.vue
index 8913858..79d78c7 100644
--- a/frontend/src/components/HelpCard.vue
+++ b/frontend/src/components/HelpCard.vue
@@ -18,7 +18,10 @@
 
       <p>
         For more information, and a guide to creating searching custom features,
-        read the associated article (coming soon.)
+        <a
+          href="https://www.bellingcat.com/resources/how-tos/2023/05/08/finding-geolocation-leads-with-bellingcats-openstreetmap-search-tool/"
+          >read the associated article</a
+        >.
       </p>
 
       <p>
diff --git a/frontend/src/views/HomeView.vue b/frontend/src/views/HomeView.vue
index 53b33b7..cd79bea 100644
--- a/frontend/src/views/HomeView.vue
+++ b/frontend/src/views/HomeView.vue
@@ -5,9 +5,38 @@
   </v-main>
   <v-main v-else>
     <v-container>
+      <v-card>
+        <v-card-title>About</v-card-title>
+        <v-card-text>
+          <p>
+            The Bellingcat OpenStreetMap search is a tool for assisting
+            researchers and journalists with geolocation tasks by querying
+            public
+            <a href="https://www.openstreetmap.org/">OpenStreetMap</a> data.
+            This tool is an alternative to more sophisticated and more
+            complicated interfaces to the same data such as
+            <a href="https://overpass-turbo.eu/">Overpass Turbo</a>.
+          </p>
+          <p>
+            For more information and a guide to the tool's use, read
+            Bellingcat's article
+            <a
+              href="https://www.bellingcat.com/resources/how-tos/2023/05/08/finding-geolocation-leads-with-bellingcats-openstreetmap-search-tool/"
+              >"Finding Geolocation Leads with Bellingcat's OpenStreetMap Search
+              Tool."</a
+            >
+          </p>
+          <p>
+            This tool is open to public use for journalism and education. All
+            use is audited to ensure compliance with Bellingcat's
+            <a href="/tos">Acceptable Use Policy</a>.
+          </p></v-card-text
+        >
+      </v-card>
       <v-alert type="error" style="padding: 0.75em; margin-top: 1em">
         Please sign in to continue.
       </v-alert>
+      <FirebaseLogin v-if="!user" />
     </v-container>
   </v-main>
 </template>
@@ -15,12 +44,14 @@
 <script>
 import SearchResults from "../components/SearchResults.vue";
 import SearchControls from "../components/SearchControls.vue";
+import FirebaseLogin from "../components/FirebaseLogin.vue";
 
 export default {
   name: "HomeView",
   components: {
     SearchResults,
     SearchControls,
+    FirebaseLogin,
   },
 };
 </script>