New Maps (#110)

* use new df map

* close button top-right, link to same position in new map, use localStorage for modal dismissal

* update map image, iframe detection ignores new map modal

* update embed instructions

* pretty banner

* privacy policy update - routing

* launch the map language

* header stuff

* change donate link

* remove new map notice bc 301 on cf

* use user agent for alpr_counts

* news -> footnote4a

* remove blog scraper

webapp/src/App.vue

@@ -35,9 +35,9 @@ onMounted(() => {
 
 const items = [
   { title: 'Home', icon: 'mdi-home', to: '/' },
-  { title: 'Map', icon: 'mdi-map', to: '/map' },
+  { title: 'Map', icon: 'mdi-map', href: 'https://maps.deflock.org' },
   { title: 'Learn', icon: 'mdi-school', to: '/what-is-an-alpr' },
-  { title: 'News', icon: 'mdi-newspaper', to: '/blog' },
+  { title: 'News', icon: 'mdi-newspaper', href: 'https://footnote4a.org/', target: '_blank' },
 ]
 
 const contributeItems = [
@@ -95,10 +95,12 @@ watch(() => theme.global.name.value, (newTheme) => {
         <div class="d-none d-md-flex ml-8 flex-grow-1">
           <!-- Main navigation items -->
           <div class="d-flex align-center">
-            <v-btn 
-              v-for="item in items.slice(1)" 
+            <v-btn
+              v-for="item in items.slice(1)"
               :key="item.title"
               :to="item.to"
+              :href="item.href"
+              :target="item.target"
               variant="text"
               class="mx-1"
               :prepend-icon="item.icon"
@@ -196,6 +198,8 @@ watch(() => theme.global.name.value, (newTheme) => {
             :key="item.title"
             link
             :to="item.to"
+            :href="item.href"
+            :target="item.target"
             role="option"
           >
             <v-icon start>{{ item.icon }}</v-icon>