various improvements, press page

webapp/src/views/Landing.vue

@@ -37,7 +37,7 @@
 
     <h2 class="display-2 mb-4">The Dangers of ALPRs</h2>
     <p class="px-6">
-      ALPRs are a threat to your privacy and civil liberties. They're regularly used to track everyone's movements without a warrant, probable cause, or reasonable suspicion. Law enforcement agencies use them for various purposes, no matter how unethical, including <a target="_blank" href="https://www.404media.co/ice-taps-into-nationwide-ai-enabled-camera-network-data-shows/">ICE raids</a> and <a target="_blank" href="https://www.404media.co/a-texas-cop-searched-license-plate-cameras-nationwide-for-a-woman-who-got-an-abortion/">tracking abortion seekers</a> across state lines.
+      ALPRs are a threat to your privacy and civil liberties. They're regularly used to track everyone's movements without a warrant, probable cause, or reasonable suspicion. Law enforcement agencies use them for various purposes, including <a target="_blank" href="https://www.404media.co/ice-taps-into-nationwide-ai-enabled-camera-network-data-shows/">ICE raids</a> and <a target="_blank" href="https://www.404media.co/a-texas-cop-searched-license-plate-cameras-nationwide-for-a-woman-who-got-an-abortion/">tracking abortion seekers</a> across state lines.
     </p>
     
     <v-row class="align-center mt-4">
@@ -85,7 +85,7 @@
   <!-- Map Section -->
   <v-container fluid class="map-section py-10 text-center">
     <h2 class="display-2 mb-4">Explore ALPR Locations Near You</h2>
-    <v-btn color="white" large @click="goToMap">
+    <v-btn color="white" large @click="goToMap({ withCurrentLocation: true })">
       View the Map
       <v-icon end>mdi-map</v-icon>
     </v-btn>

webapp/src/views/Press.vue

@@ -0,0 +1,64 @@
+<template>
+<Hero
+  imageUrl="/press.jpg"
+  title="Press"
+  description="We're grateful for the media's interest in DeFlock. Below you'll find our press kit and contact information for interviews."
+/>
+
+<v-container class="mb-16">
+  <h2>What is DeFlock?</h2>
+  <p>
+    DeFlock is a community-driven project that maps surveillance devices across the world. We help communities hold their government and surveillance vendors accountable and understand where and how they're being watched.
+  </p>
+
+  <h2>Founder Bio</h2>
+  <p>
+    DeFlock was founded in October 2024 by Will Freeman, a software engineer and privacy advocate. On a road trip from Washington state to Alabama, he noticed hundreds of newly-installed cameras mounted on black poles with solar panels in nearly every town he passed through. Curious about their purpose, he discovered they were <a target="_blank" href="https://en.wikipedia.org/wiki/Flock_Safety">Flock cameras</a> used for surveillance. Upset about this trend to blatantly disregard the Fourth Amendment, he created a platform that maps these devices, empowering communities to understand and challenge surveillance practices.
+  </p>
+
+  <p>Since its launch, DeFlock has received significant media coverage and community support, including code contributors and volunteer mappers, helping to raise awareness about the dangers of surveillance technology.</p>
+
+  <h2>Media Kit</h2>
+  <p>
+    Download our very basic media kit <a target="_blank" href="https://cdn.deflock.me/deflock-media-kit.zip">here</a>.
+  </p>
+
+  <h2>Embedding our Map</h2>
+  <p>
+    You are welcome to embed our map on your website. Use the following HTML snippet:
+  </p>
+
+  <p>
+    <DFCode>
+      &lt;iframe src=&quot;https://deflock.me/map&quot; width=&quot;100%&quot; height=&quot;600&quot; style=&quot;border: none;&quot;&gt;&lt;/iframe&gt;
+    </DFCode>
+  </p>
+
+  <p>
+    If you would like to <b>localize the URL</b> to a specific region, please zoom to the area at <router-link to="/map">https://deflock.me/map</router-link> and copy the URL from your browser's address bar.
+  </p>
+
+  <p>
+    To <b>remove the header bar</b>, add the following query parameter to the URL: <code>?fullscreen=true</code>. For example:
+    <DFCode>
+      &lt;iframe src=&quot;http://localhost:5173/map?fullscreen=true#map=14/40.014863/-105.266275&quot; width=&quot;100%&quot; height=&quot;600&quot; style=&quot;border: none;&quot;&gt;&lt;/iframe&gt;
+    </DFCode>
+  </p>
+
+  <h2>Contact Us</h2>
+  <p>
+    For press inquiries and interview requests, <router-link to="/contact" >please contact us here</router-link>.
+  </p>
+
+</v-container>
+<Footer />
+</template>
+
+<script setup lang="ts">
+import "@/assets/typography.css"
+import Hero from '@/components/layout/Hero.vue';
+import Footer from "@/components/layout/Footer.vue";
+import DFCode from "@/components/DFCode.vue";
+
+
+</script>

webapp/src/views/ReportID.vue

@@ -1,8 +1,8 @@
 <template>
   <Hero
     imageUrl="/id.webp"
-    title="Report using iD" 
-    description="Add and edit ALPRs using OSM's powerful web-based editor."
+    title="Submit Cameras" 
+    description="Add or edit ALPRs using OSM's powerful web-based editor."
   />
 
   <v-container class="mb-16">
@@ -10,18 +10,6 @@
       Editing the Map
     </h1>
 
-    <v-alert
-      variant="elevated"
-      type="info"
-      class="my-6"
-      title="Easier Reporting Coming Soon!"
-      color="green"
-    >
-      <p>
-        We're working on an easier method for reporting ALPRs that will allow you to submit them with just one click. Stay tuned for updates!
-      </p>
-    </v-alert>
-
     <v-stepper-vertical color="rgb(18, 151, 195)" v-model="step" flat non-linear class="my-8" edit-icon="mdi-home">
       <template v-slot:default="{ step }: { step: any }">
         <v-stepper-vertical-item

webapp/src/views/WhatIsAnALPRView.vue

@@ -5,7 +5,7 @@
   </v-container>
   
   <v-container class="info-section">
-    <h1 class="mt-0">What is an ALPR?</h1>
+    <h1 class="mt-0">What are ALPRs?</h1>
     <p>
       Automated License Plate Readers (ALPRs) are cameras that capture images of all passing license plates, storing details like the car's location, date, and time. These cameras collect data on millions of vehicles—regardless of whether the driver is suspected of a crime. While these systems can be useful for tracking stolen cars or wanted individuals, they are mostly used to track the movements of innocent people.
     </p>
@@ -19,7 +19,11 @@
 
     <Dangers />
 
-    <h2 id="photos">Photos by Vendor</h2>
+
+    <h2>Frequently Asked Questions</h2>
+    <FAQ />
+
+    <h2 id="photos">What they Look Like</h2>
 
     <v-row v-for="vendor in vendors" :key="vendor.vendor" class="mb-4">
       <v-col cols="12">
@@ -29,24 +33,6 @@
         <v-img @click="openImageInNewTab(url)" style="cursor: pointer;" cover :aspect-ratio="3/2" :src="url" />
       </v-col>
     </v-row>
-
-    <!-- TODO: why is this in a separate section? -->
-
-    <h2>Common Vendors</h2>
-    <ul class="serif mb-16">
-      <li>
-        <a href="https://www.flocksafety.com/devices/lpr" target="_blank">Flock Safety</a> - A leading provider of ALPR technology, known for their solar-powered cameras. This is the most common brand of ALPR in the US. Flock Safety cameras are used by police departments, HOAs, as well as private businesses such as hardware stores and hotels. One of the most appealing features of Flock cameras is the data sharing network, which allows law enforcement agencies to access data from other Flock cameras in the area. This means that even if your local police department doesn't have a Flock camera, they can still access data from other Flock cameras in the area.
-      </li>
-      <li>
-        <a href="https://www.motorolasolutions.com/en_us/video-security-access-control/license-plate-recognition-camera-systems.html" target="_blank">Vigilant Solutions</a> - Owned by Motorola Solutions, offering a range of ALPR products and services.
-      </li>
-      <li>
-        <a href="https://www.leonardocompany-us.com/lpr/elsag-fixed" target="_blank">ELSAG</a> - A subsidiary of Leonardo, specializing in ALPR technology.
-      </li>
-      <li>
-        <a href="https://neology.com/solutions/enforcement/" target="_blank">Neology</a> - Specializes in ALPR technology and tolling solutions.
-      </li>
-    </ul>
   </v-container>
   <Footer />
 </template>
@@ -55,6 +41,7 @@
 import { ref, type Ref } from 'vue';
 import { useDisplay } from 'vuetify';
 import Dangers from '@/components/Dangers.vue';
+import FAQ from '@/components/FAQ.vue';
 import Footer from '@/components/layout/Footer.vue';
 const { xs: isMobile } = useDisplay();