CalvinBackup/deflock
1
0
Fork 0
mirror of https://github.com/FoggedLens/deflock.git synced 2026-02-12 15:02:45 +00:00
Code Issues Packages Projects Releases Wiki Activity

various improvements, press page

Browse Source
This commit is contained in:
Will Freeman
2025-07-18 16:30:19 -06:00
parent ef5559c038
commit 8d02c6195b
10 changed files with 209 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
webapp/public/press.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 311 KiB

4
webapp/src/App.vue
View File

@@ -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/id' },
{ title: 'Learn', icon: 'mdi-school', to: '/what-is-an-alpr' },
{ title: 'Submit Cameras', icon: 'mdi-map-marker-plus', to: '/report/id' },
{ 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' },

119
webapp/src/components/FAQ.vue Normal file
View File

@@ -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>

2
webapp/src/components/OSMTagSelector.vue
View File

@@ -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">

2
webapp/src/components/layout/Footer.vue
View File

@@ -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' },
];

12
webapp/src/router/index.ts
View File

@@ -47,7 +47,7 @@ const router = createRouter({
name: 'what-is-an-alpr',
component: () => import('../views/WhatIsAnALPRView.vue'),
meta: {
title: 'What is an ALPR | DeFlock'
title: 'Learn | DeFlock'
}
},
{
@@ -68,7 +68,7 @@ const router = createRouter({
name: 'reportID',
component: () => import('../views/ReportID.vue'),
meta: {
title: 'Report using iD | DeFlock'
title: 'Submit Cameras | DeFlock'
}
},
{
@@ -150,6 +150,14 @@ const router = createRouter({
name: 'foia',
component: () => import('../views/FOIA.vue'),
},
{
path: '/press',
name: 'press',
component: () => import('../views/Press.vue'),
meta: {
title: 'Press | DeFlock'
}
},
{
path: '/:pathMatch(.*)*',
name: 'not-found',

4
webapp/src/views/Landing.vue
View File

@@ -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>

64
webapp/src/views/Press.vue Normal file
View File

@@ -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>

16
webapp/src/views/ReportID.vue
View File

@@ -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

27
webapp/src/views/WhatIsAnALPRView.vue
View File

@@ -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();