add foia page, minor improvements

webapp/src/components/NewVisitor.vue

@@ -14,7 +14,9 @@
         <v-list-item class="my-4">
           <v-icon size="x-large" color="primary" class="mb-2">mdi-progress-pencil</v-icon>
           <v-list-item-title class="font-weight-bold">The map is incomplete!</v-list-item-title>
-          <v-list-item-subtitle>The ALPRs displayed here are a starting point, and new locations are constantly being added.</v-list-item-subtitle>
+          <v-list-item-subtitle style="white-space: normal;">
+            New locations are always being added.
+          </v-list-item-subtitle>
         </v-list-item>
       </v-list>
 

webapp/src/components/layout/Hero.vue

@@ -6,14 +6,16 @@
       <p class="mb-4">
         {{ description }}
       </p>
-      <v-btn v-if="buttonText" :href="buttonHref" :to="buttonTo" :target="buttonHref ? '_blank' : '_self'" color="rgb(18, 151, 195)" class="mt-4">{{ buttonText }}</v-btn>
+      <v-btn v-if="buttonText" :href="buttonHref" :to="buttonTo" :target color="rgb(18, 151, 195)" class="mt-4">{{ buttonText }}</v-btn>
       </v-col>
     </v-row>
   </v-container>
 </template>
 
 <script setup lang="ts">
-defineProps({
+import { computed } from 'vue';
+
+const props = defineProps({
   title: String,
   description: String,
   imageUrl: String,
@@ -21,6 +23,10 @@ defineProps({
   buttonTo: String,
   buttonHref: String,
 });
+
+const target = computed(() => 
+  props.buttonHref && !props.buttonHref.startsWith('#') ? '_blank' : '_self'
+);
 </script>
 
 <style scoped>