add toll camera section, fix operators table, add donation link

webapp/src/App.vue

@@ -17,8 +17,9 @@ const items = [
   { title: 'Known Operators', icon: 'mdi-police-badge', to: '/operators' },
   { title: 'About', icon: 'mdi-information', to: '/about' },
   { title: 'Contact', icon: 'mdi-email', to: '/contact' },
-  { title: 'Feature Roadmap', icon: 'mdi-road-variant', to: '/roadmap' },
-  { title: 'GitHub', icon: 'mdi-github', href: 'https://github.com/frillweeman/deflock'}
+  // { title: 'Feature Roadmap', icon: 'mdi-road-variant', to: '/roadmap' },
+  { title: 'GitHub', icon: 'mdi-github', href: 'https://github.com/frillweeman/deflock'},
+  { title: 'Donate', icon: 'mdi-heart', href: 'https://github.com/sponsors/frillweeman'}
 ]
 const drawer = ref(false)
 
@@ -64,6 +65,7 @@ watch(() => theme.global.name.value, (newTheme) => {
           link
           :to="item.to"
           :href="item.href"
+          :target="{ '_blank': item.href }"
         ><v-icon start>{{ item.icon }}</v-icon>{{ item.title }}</v-list-item>
       </v-list>
     </v-navigation-drawer>

webapp/src/services/apiService.ts

@@ -72,7 +72,7 @@ export const getClusters = async () => {
 }
 
 export const getCities = async () => {
-  const s3Url = "https://deflock-clusters.s3.us-east-1.amazonaws.com/flock_cameras.json";
+  const s3Url = "https://deflock-clusters.s3.us-east-1.amazonaws.com/flock_cameras_null.json";
   const response = await apiService.get(s3Url);
   return response.data;
 }

webapp/src/views/OperatorsView.vue

@@ -21,10 +21,18 @@
           :headers="headers"
           :items="filteredCities"
           :items-per-page="8"
+          :sort-by="[ { key: 'state', order: 'asc' } ]"
         >
+          <template v-slot:item.numCameras="i: any">
+            <span v-if="i.item.numCameras">{{ i.item.numCameras }}</span>
+            <span v-else>N/A</span>
+          </template>
+
           <template v-slot:item.transparencyReportUrl="i: any">
-            <v-btn variant="text" :href="i.item.transparencyReportUrl" target="_blank">
-              <v-icon start>mdi-eye</v-icon> View
+            <v-btn variant="text" :href="i.item.transparencyReportUrl" target="_blank" :disabled="!i.item.transparencyReportUrl">
+              <v-icon start>mdi-eye</v-icon>
+              <span v-if="i.item.transparencyReportUrl"> View</span>
+              <span v-else> N/A</span>
             </v-btn>
           </template>
         </v-data-table>

webapp/src/views/WhatIsAnALPRView.vue

@@ -58,9 +58,9 @@
       While <a href="https://en.wikipedia.org/wiki/Flock_Safety" target="_blank">Flock Safety</a> is a common brand of ALPRs in the US, there are several others, including <a href="https://en.wikipedia.org/wiki/Vigilant_Solutions" target="_blank">Vigilant Solutions</a>, owned by Motorola Solutions. Flock Safety ALPRs are easy to spot as they almost all look the same, typically mounted on poles with a solar panel on top. In rural areas, they are likely to be on standalone black poles, while in cities, they are more likely to be on existing utility or traffic poles. The cameras are often placed near intersections or on main roads at the edge of a city or town. Vigilant Solutions ALPRs, on the other hand, are typically mounted on traffic poles at or near intersections, with a distinctive white box mounted nearby.
     </p>
 
-    <h2>Not All Cameras are ALPRs</h2>
+    <h2>Not All Cameras are Law Enforcement ALPRs</h2>
     <p>
-      Not all cameras near roads are ALPRs. Many people mistakenly assume that every traffic camera or intersection camera is an ALPR, but that's not true. Here are some things ALPRs are not:
+      Not all cameras near roads are ALPRs operated by law enforcement. Many people mistakenly assume that every traffic camera or intersection camera is an ALPR, but the reality is more nuanced. Here are some common types of cameras you might see near roads:
     </p>
 
     <div class="ml-4">
@@ -76,10 +76,10 @@
         <p>These cameras are set up to capture violations, such as running a red light or speeding. They may record plate numbers when a violation is detected, but they do not perform continuous surveillance or collect location data over time.</p>
       </div>
 
-      <h3>Security Cameras</h3>
+      <h3>Toll Cameras</h3>
       <div class="flex-image">
-        <v-img rounded cover aspect-ratio="4/3" width="180" src="/security-camera.jpg" />
-        <p>Cameras used by businesses or homeowners for security purposes may capture vehicles incidentally, but they are not specifically designed to automatically read and record license plates.</p>
+        <v-img rounded cover aspect-ratio="4/3" width="180" src="/toll-camera.jpg" />
+        <p>Cameras on toll roads are used to capture license plates for billing purposes. They are not designed to track vehicles or store data beyond the transaction.</p>
       </div>
     </div>
   </v-container>