directus extension for auto-populating CMS with recent wins given url, link to wins

webapp/src/components/ALPRCounter.vue

@@ -12,7 +12,12 @@
         <div class="d-flex flex-column align-center text-center">
           <v-icon :size="isMobile ? 24 : 32" color="white" class="mb-2">mdi-trophy-outline</v-icon>
           <div ref="winsCounterEl" class="font-weight-bold mb-2" :class="isMobile ? 'text-h3' : 'text-h2'">0</div>
-          <div class="text-body-1">Cities Rejecting LPRs</div>
+          <div class="text-body-1">
+            <v-btn to="/council#wins" variant="text">
+              Cities Rejecting LPRs
+              <v-icon class="ml-1">mdi-arrow-right-thick</v-icon>
+            </v-btn>
+          </div>
         </div>
       </v-col>
     </v-row>

webapp/src/router/index.ts

@@ -9,6 +9,7 @@ const router = createRouter({
     if (to.hash && !to.hash.startsWith('#map')) {
       return {
         el: to.hash,
+        top: 64,
         behavior: 'smooth',
       }
     }

webapp/src/views/CouncilView.vue

@@ -226,7 +226,7 @@
     </v-row>
 
     <!-- Success Stories -->
-    <v-row class="mb-12">
+    <v-row class="mb-12" id="wins">
       <v-col cols="12" md="10" lg="8" class="mx-auto">
         <div ref="tableRef" class="intersection-target">
           <v-card class="pa-6" elevation="3" rounded="lg">
@@ -236,7 +236,7 @@
               </v-avatar>
               <div>
                 <h3 class="text-h5 font-weight-bold mb-1">Recent Victories</h3>
-                <p class="text-body-2 text-medium-emphasis mb-0">Communities across the country are winning</p>
+                <p class="text-body-2 text-medium-emphasis mb-0">Communities across the country are rejecting ALPRs</p>
               </div>
             </div>