various improvements, press page

webapp/src/components/FAQ.vue

@@ -0,0 +1,119 @@
+<template>
+  <v-expansion-panels multiple :model-value :readonly="showAll">
+    <v-expansion-panel>
+      <v-expansion-panel-title class="font-weight-bold">
+        Why should I care if I have nothing to hide?
+      </v-expansion-panel-title>
+      <v-expansion-panel-text>
+        <h3 class="mb-2">1. You don't get to decide what looks suspicious tomorrow.</h3>
+        <p class="pl-6">
+          Just because you're not doing anything wrong today doesn't mean you won't be watched tomorrow. License plate cameras like Flock don't know your intentions—only your movements. A trip to a protest, a friend's house in a “high-crime” area, or even a misread plate can flag you as “suspicious.”
+        </p>
+        <p class="pl-6">
+          As history has shown, when governments or third parties gain unchecked surveillance powers, they're eventually used against people who weren't doing anything wrong—<b>until someone decided they were</b>. For example, until early in 2025, ALPRs weren't used for tracking immigrants, legal or otherwise, but <b>now they are</b>, despite policies prohibiting it.
+        </p>
+
+        <h3 class="mb-2 mt-8">2. Mistakes happen, and you're the one who pays for them.</h3>
+        <p class="pl-6">
+          Automated License Plate Readers (ALPRs) are not always accurate. People have been pulled over at gunpoint, arrested, or detained because a camera misread a plate or flagged the wrong car.
+        </p>
+        <p class="pl-6">
+          If you “have nothing to hide,” you also have nothing to correct the record with when a machine error points the finger at you.
+        </p>
+
+      </v-expansion-panel-text>
+    </v-expansion-panel>
+
+    <v-expansion-panel>
+      <v-expansion-panel-title class="font-weight-bold">
+        Do these cameras only record vehicles involved in crimes?
+      </v-expansion-panel-title>
+      <v-expansion-panel-text>
+        <p>
+          <b>No, ALPRs record all vehicles that pass by</b>, not just those involved in crimes. They capture license plates, unique identifying features, locations, dates, and times of every vehicle, regardless of whether the driver is suspected of wrongdoing. This means that even if you're not doing anything wrong, your movements are still being tracked and stored, often for long periods of time.
+        </p>
+        <p>
+          Additionally, the data collected by ALPRs can be shared with other law enforcement agencies and third parties, further extending the reach of this surveillance. This raises significant privacy concerns, as most individuals are not aware that their movements are being monitored and recorded.
+        </p>
+      </v-expansion-panel-text>
+    </v-expansion-panel>
+
+    <v-expansion-panel>
+      <v-expansion-panel-title class="font-weight-bold">
+        Do police need a warrant to search these cameras?
+      </v-expansion-panel-title>
+      <v-expansion-panel-text>
+        <p>
+          <b>No, police do not need a warrant to search these cameras</b>. The data collected by ALPRs is owned by the police department, and law enforcement agencies can access it without a warrant. There is often <b>no oversight at all</b> on how these searches are conducted, <a target="_blank" href="https://ij.org/case/norfolk-virginia-camera-surveillance/">raising concerns about their constitutionality under the Fourth Amendment</a>.
+        </p>
+        <p>
+          Some agencies have implemented agency-wide ALPR policies, but <b>these policies are meaningless</b>, as most agencies have opted into an extensive data sharing network that allows other agencies to access their data without the same restrictions, with <b>tens of thousands of national searches</b> occurring on a daily basis.
+        </p>
+      </v-expansion-panel-text>
+    </v-expansion-panel>
+
+    <v-expansion-panel>
+      <v-expansion-panel-title class="font-weight-bold">
+        What oversight is there for these systems?
+      </v-expansion-panel-title>
+      <v-expansion-panel-text>
+        <p>
+          <b>There is little to no oversight for these systems</b>. While some police departments have implemented policies regarding the use of ALPRs, these policies are often weak and poorly enforced. Many agencies do not have any policies at all, and there is no requirement for transparency or accountability in how these systems are used.
+        </p>
+        <p>
+          While Flock Safety offers a <b>transparency portal</b> for their law enforcement customers, they allow their customers to cherry-pick what information is included or excluded from the portal. They also <b>lack any meaningful data</b>, often underreporting the number of agencies with access. Many activists believe the <b>hotlist hits section is inflated</b> to make it appear that the cameras are more effective than they actually are.
+        </p>
+      </v-expansion-panel-text>
+    </v-expansion-panel>
+
+    <v-expansion-panel>
+      <v-expansion-panel-title class="font-weight-bold">
+        How can I get these cameras out of my city/town?
+      </v-expansion-panel-title>
+      <v-expansion-panel-text>
+        <p>
+          Several cities in the US have killed contracts for ALPRs, such as <a>Denver</a> and <a>Austin</a>. An effective strategy is to raise concerns in your community, build a group of advocates, and petition the city council not to extend the contract. This can be done through public comment at meetings and is most effective when there is a large enough group of concerned residents.
+        </p>
+        <p>
+          <a target="_blank" href="https://youtu.be/YjaH_1Ia6NA">
+            <v-icon start>mdi-youtube</v-icon>
+            Watch Denver's talking points by Councilmember Sarah Parady
+          </a>
+        </p>
+      </v-expansion-panel-text>
+    </v-expansion-panel>
+  </v-expansion-panels>
+</template>
+
+<script setup lang="ts">
+import QuotedSource from '@/components/QuotedSource.vue';
+import { computed } from 'vue';
+
+const props = defineProps({
+  showAll: {
+    type: Boolean,
+    default: false,
+  }
+});
+
+const modelValue = computed(() => props.showAll ? [0,1,2,3,4,5] : []);
+</script>
+
+<style scoped>
+blockquote {
+  border-left: 4px solid #616161;
+  padding-left: 16px;
+  font-style: italic;
+  margin-top: 16px;
+  margin-bottom: 8px;
+}
+
+p {
+  margin-bottom: 16px;
+}
+
+ul {
+  margin-left: 16px;
+  margin-bottom: 16px;
+}
+</style>

webapp/src/components/OSMTagSelector.vue

@@ -22,7 +22,7 @@
           max-width="100%"
           class="my-4"
         ></v-img>
-        <v-btn to="/what-is-an-alpr#photos" color="grey-darken-2" variant="text" size="small"><v-icon start>mdi-image-multiple</v-icon> See All Photos</v-btn>
+        <v-btn to="/what-is-an-alpr#photos" color="#1297C3" variant="tonal" size="small"><v-icon start>mdi-image-multiple</v-icon> See All Photos</v-btn>
       </v-col>
     
       <v-col cols="12" sm="6">

webapp/src/components/layout/Footer.vue

@@ -66,6 +66,7 @@
 </template>
 
 <script setup lang="ts">
+import { icon } from 'leaflet';
 import { computed } from 'vue';
 import { useTheme } from 'vuetify';
 const theme = useTheme();
@@ -76,6 +77,7 @@ const internalLinks = [
   { title: 'About', to: '/about', icon: 'mdi-information' },
   { title: 'Privacy Policy', to: '/privacy', icon: 'mdi-shield-lock' },
   { title: 'Terms of Service', to: '/terms', icon: 'mdi-file-document' },
+  { title: 'Press', to: '/press', icon: 'mdi-newspaper' },
   { title: 'Contact', to: '/contact', icon: 'mdi-email' },
 ];