From 9101c375c9ea94e9942e24843277de102d229067 Mon Sep 17 00:00:00 2001
From: Will Freeman <hohosanta@me.com>
Date: Sun, 1 Jun 2025 20:37:07 -0600
Subject: [PATCH] update pages to include recent events

---
 webapp/src/App.vue                   |  3 +--
 webapp/src/components/DFMapPopup.vue | 28 +++++++++++++++++++++++-----
 webapp/src/components/Dangers.vue    | 12 +++++++++++-
 webapp/src/views/Landing.vue         |  2 +-
 webapp/src/views/Wardriving.vue      | 12 +++++++++---
 5 files changed, 45 insertions(+), 12 deletions(-)

diff --git a/webapp/src/App.vue b/webapp/src/App.vue
index b8be9cc..b304a79 100644
--- a/webapp/src/App.vue
+++ b/webapp/src/App.vue
@@ -16,8 +16,8 @@ function toggleTheme() {
 const items = [
   { title: 'Home', icon: 'mdi-home', to: '/' },
   { title: 'Map', icon: 'mdi-map', to: '/map' },
+  { title: 'What are ALPRs', icon: 'mdi-cctv', to: '/what-is-an-alpr' },
   { title: 'Report an ALPR', icon: 'mdi-map-marker-plus', to: '/report' },
-  { title: 'What is an ALPR?', icon: 'mdi-cctv', to: '/what-is-an-alpr' },
   { title: 'Public Records', icon: 'mdi-file-document', to: '/foia' },
   { title: 'Wardriving', icon: 'mdi-car-connected', to: '/wardriving' },
   // { title: 'Known Operators', icon: 'mdi-police-badge', to: '/operators' },
@@ -70,7 +70,6 @@ watch(() => theme.global.name.value, (newTheme) => {
         temporary
       >
         <v-list nav>
-          <v-list-subheader>DeFlock</v-list-subheader>
           <v-list-item
             v-for="item in items"
             :key="item.title"
diff --git a/webapp/src/components/DFMapPopup.vue b/webapp/src/components/DFMapPopup.vue
index 1e15154..58046f5 100644
--- a/webapp/src/components/DFMapPopup.vue
+++ b/webapp/src/components/DFMapPopup.vue
@@ -1,7 +1,12 @@
 <template>
-  <v-sheet width="220">
+  <v-sheet min-width="240">
     <!--  TODO: if a field is unknown, prompt user to edit it -->
-    <v-img cover width="100%" height="120px" src="/alprs/flock-3.jpg" />
+    <div class="position-relative">
+      <v-img v-if="imageUrl" cover width="100%" height="150px" :src="imageUrl" class="rounded mt-5" />
+      <div v-if="imageUrl" class="position-absolute bottom-0 left-0 right-0 text-center text-white text-caption" style="background: rgba(0, 0, 0, 0.5);">
+        {{ manufacturer }} ALPR
+      </div>
+    </div>
     <v-list density="compact" class="my-2">
       <v-list-item>
         <template v-slot:prepend>
@@ -18,11 +23,12 @@
           </span>
         </b>
 
-        <template v-slot:append>
+        <!-- TODO: add transparency portal link if exists -->
+        <!-- <template v-slot:append>
           <v-btn icon size="small" variant="text" :href="transparencyLink" target="_blank" color="primary">
             <v-icon icon="mdi-open-in-new"></v-icon>
           </v-btn>
-        </template>
+        </template> -->
       </v-list-item>
 
       <v-divider class="my-2" />
@@ -52,7 +58,7 @@
 
 <script setup lang="ts">
 import { computed } from 'vue';
-import type { PropType } from 'vue';
+import type { ComputedRef, PropType } from 'vue';
 import type { ALPR } from '@/types';
 import { VIcon, VList, VSheet, VListItem, VBtn, VImg, VListItemSubtitle, VDivider } from 'vuetify/components';
 
@@ -72,6 +78,18 @@ const transparencyLink = computed(() => {
   return `https://transparency.flocksafety.com/boulder-co-pd`;
 });
 
+const imageUrl: ComputedRef<string|undefined> = computed(() => {
+  const mft2Url: Record<string, string> = {
+    'Flock Safety': '/alprs/flock-1.jpg',
+    'Motorola Solutions': '/alprs/motorola-4.jpg',
+    'Genetec': '/alprs/genetec-3.webp',
+    'Leonardo': '/alprs/elsag-1.jpg',
+    'Neology, Inc.': '/alprs/neology-2.jpg',
+  }
+
+  return mft2Url[manufacturer.value];
+});
+
 const abbreviatedOperator = computed(() => {
   if (props.alpr.tags.operator === undefined) {
     return 'Unknown';
diff --git a/webapp/src/components/Dangers.vue b/webapp/src/components/Dangers.vue
index 9cb0858..bb50535 100644
--- a/webapp/src/components/Dangers.vue
+++ b/webapp/src/components/Dangers.vue
@@ -82,7 +82,9 @@
         </p>
         <ul>
           <li>
-            <a href="https://inewsource.org/2022/01/06/police-share-license-plate-data/" target="_blank">Police in San Diego County breaking the law sharing drivers' data</a>
+            <a href="https://www.404media.co/a-texas-cop-searched-license-plate-cameras-nationwide-for-a-woman-who-got-an-abortion/" target="_blank">
+              Texas police used Flock ALPRs to track an abortion seeker across state lines
+            </a>
           </li>
           <li>
             <a href="https://www.kwch.com/2022/10/31/kechi-police-lieutenant-arrested-using-police-technology-stalk-wife/" target="_blank">A police officer used Flock Safety ALPRs to stalk his estranged wife in Kechi, KS</a>
@@ -96,6 +98,9 @@
           <li>
             <a href="https://information.auditor.ca.gov/pdfs/reports/2019-118.pdf" target="_blank">California agencies keeping data longer than necessary and sharing it with unauthorized agencies</a>
           </li>
+          <li>
+            <a href="https://inewsource.org/2022/01/06/police-share-license-plate-data/" target="_blank">Police in San Diego County breaking the law sharing drivers' data</a>
+          </li>
         </ul>
       </v-expansion-panel-text>
     </v-expansion-panel>
@@ -155,6 +160,11 @@
           Police agencies frequently share ALPR data with ICE, putting undocumented people at risk, even in states where this is legally prohibited:
         </p>
         <ul>
+          <li>
+            <a href="https://www.404media.co/ice-taps-into-nationwide-ai-enabled-camera-network-data-shows/" target="_blank">
+              ICE Taps Into Flock's Nationwide Camera Network, Data Shows
+            </a>
+          </li>
           <li>
             <a href="https://www.latimes.com/business/technology/story/2020-12-21/pasadena-long-beach-police-ice-automated-license-plate-reader-data" target="_blank">Police in Pasadena, Long Beach pledged not to send license plate data to ICE. They shared it anyway.</a>
           </li>
diff --git a/webapp/src/views/Landing.vue b/webapp/src/views/Landing.vue
index 6de2670..998d800 100644
--- a/webapp/src/views/Landing.vue
+++ b/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 can be used to track your movements and profile you, and even stalk you. Learn more about the dangers of ALPRs and how you can protect yourself.
+      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.
     </p>
     
     <v-row class="align-center mt-4">
diff --git a/webapp/src/views/Wardriving.vue b/webapp/src/views/Wardriving.vue
index 80a3186..8695695 100644
--- a/webapp/src/views/Wardriving.vue
+++ b/webapp/src/views/Wardriving.vue
@@ -12,7 +12,7 @@
 
     <h2>How is Wardriving Useful?</h2>
     <p>
-      Flock ALPRs often use battery packs called <b>Penguin Packs</b> that emit a Bluetooth signal with names starting with <b>"Penguin-"</b>. By recording these signals while wardriving, you can identify the general location of these cameras.
+      Flock ALPRs often use battery packs called <b>Penguin Packs</b> that emit recognizable Bluetooth signals. Although Flock updates their firmware regularly to make detection more difficult, these devices still follow patterns that can be identified through wardriving techniques.
     </p>
     <p>
       This data can be used to identify new locations of ALPRs and verify the accuracy of existing locations. Members of the community regularly review WiGLE data to identify new ALPRs and update the map accordingly.
@@ -20,7 +20,7 @@
 
     <h2>How to Get Started</h2>
     <p>
-      Download the <a href="https://play.google.com/store/apps/details?id=net.wigle.wigleandroid" target="_blank">WiGLE WiFi Wardriving</a> app on your Android phone. This app will allow you to record the Bluetooth signals emitted by Penguin Packs.
+      Download the <a href="https://play.google.com/store/apps/details?id=net.wigle.wigleandroid" target="_blank">WiGLE WiFi Wardriving</a> app on your Android phone. This app will allow you to record the Bluetooth signals emitted by Flock devices.
     </p>
     <p>
       By running the app while doing your daily commute or driving around town, you can help identify new ALPRs and contribute to the map.
@@ -33,11 +33,17 @@
       icon="mdi-information"
       class="mb-4"
       title="WiGLE Map Layer Coming Soon"
-      text="We're working on a way to visualize WiGLE data on the map to identify unmapped areas. Until then, you can download some of our datasets and contribute to the map manually."
+      text="We're working on adding an overlay to the map that will show likely ALPR locations based on wardriving data. This will help identify unmapped areas and verify existing locations. Until then, you can download some of our datasets and contribute to the map manually."
     />
     <p>
       Even if you haven't collected WiGLE data yourself, you can still contribute to the map by downloading the data from the <router-link to="/operators">our community datasets</router-link> or by performing a <a href="https://wigle.net/search#btSearch" target="_blank">WiGLE search</a> yourself. Once you have the data, you can import the CSV to a map such as <a href="https://www.google.com/mymaps" target="_blank">Google My Maps</a>. From there, you can verify the ALPR's location, direction, and other details. Once you're confident in the data, you can submit it to OpenStreetMap for inclusion in the map.
     </p>
+    
+    <h2>Research Attribution</h2>
+    <p>
+      Much of our wardriving methodology is based on research by <a href="https://www.ryanohoro.com/post/spotting-flock-safety-s-falcon-cameras" target="_blank">Ryan Ohoro</a>, who has documented techniques for identifying Flock Safety's Falcon cameras. We recommend checking out his work for more detailed information.
+    </p>
+    
     <div class="text-center mt-12">
       <v-btn to="/operators" color="rgb(18, 151, 195)"><v-icon start>mdi-table</v-icon>View Datasets</v-btn>
     </div>