From 7904af0fb658c9ddc7b9fb17d4d608c4012f4aec Mon Sep 17 00:00:00 2001
From: Will Freeman <hohosanta@me.com>
Date: Fri, 27 Dec 2024 12:06:39 -0700
Subject: [PATCH] major cleanup

---
 .../main/scala/services/GithubClient.scala    |   1 +
 webapp/public/404media.svg                    |   7 +
 webapp/public/deflock-logo-grey.svg           |  27 +++
 webapp/public/icon-discord-white.svg          |   1 +
 webapp/public/icon-discord.svg                |   1 +
 webapp/public/white-logos/404media.svg        |   7 +
 webapp/public/white-logos/forbes.svg          |   4 +
 webapp/public/white-logos/latimes.svg         |  93 +++++++++
 webapp/src/App.vue                            |  20 +-
 webapp/src/assets/main.css                    |   7 +-
 webapp/src/assets/typography.css              |  26 +++
 webapp/src/components/Dangers.vue             |  14 +-
 webapp/src/components/LeafletMap.vue          |   4 +-
 webapp/src/components/layout/Footer.vue       |  95 +++++++++
 webapp/src/main.ts                            |   7 +
 webapp/src/router/index.ts                    |  16 +-
 webapp/src/views/AboutView.vue                |  17 +-
 webapp/src/views/ContactView.vue              |  67 ++++++-
 webapp/src/views/Dangers.vue                  |  11 +-
 webapp/src/views/Donate.vue                   |  33 +++-
 webapp/src/views/Landing.vue                  | 186 ++++++++++--------
 webapp/src/views/LegalView.vue                |  84 --------
 webapp/src/views/OperatorsView.vue            |   7 +-
 webapp/src/views/PrivacyPolicy.vue            |  48 +++++
 webapp/src/views/ReportView.vue               |  40 ++--
 webapp/src/views/TermsOfService.vue           | 101 ++++++++++
 webapp/src/views/WhatIsAnALPRView.vue         |   7 +-
 27 files changed, 681 insertions(+), 250 deletions(-)
 create mode 100644 webapp/public/404media.svg
 create mode 100644 webapp/public/deflock-logo-grey.svg
 create mode 100644 webapp/public/icon-discord-white.svg
 create mode 100644 webapp/public/icon-discord.svg
 create mode 100644 webapp/public/white-logos/404media.svg
 create mode 100644 webapp/public/white-logos/forbes.svg
 create mode 100644 webapp/public/white-logos/latimes.svg
 create mode 100644 webapp/src/assets/typography.css
 create mode 100644 webapp/src/components/layout/Footer.vue
 delete mode 100644 webapp/src/views/LegalView.vue
 create mode 100644 webapp/src/views/PrivacyPolicy.vue
 create mode 100644 webapp/src/views/TermsOfService.vue

diff --git a/shotgun/src/main/scala/services/GithubClient.scala b/shotgun/src/main/scala/services/GithubClient.scala
index c867d1d..fbd7cb9 100644
--- a/shotgun/src/main/scala/services/GithubClient.scala
+++ b/shotgun/src/main/scala/services/GithubClient.scala
@@ -29,6 +29,7 @@ class GithubClient(implicit val system: ActorSystem, implicit val executionConte
     |          login
     |          name
     |          avatarUrl
+    |          url
     |        }
     |      }
     |    }
diff --git a/webapp/public/404media.svg b/webapp/public/404media.svg
new file mode 100644
index 0000000..8748ee2
--- /dev/null
+++ b/webapp/public/404media.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 118.89 37.86">
+	<path style="fill:#000000;" d="M25.6,.73h13.52l-5,22.98h4.68v6.55h-6.12l-1.49,6.86h-7.03l1.49-6.86H9.47v-9.67L25.6,.73ZM15.38,22.78v.94h11.71L31.35,4.16h-.96L15.38,22.78Z"></path>
+	<path style="fill:#000000;" d="M44.92,14.87c1.1-5.13,2.94-8.89,5.51-11.28s6.11-3.59,10.62-3.59c1.88,0,3.55,.29,5,.86,1.46,.57,2.68,1.37,3.67,2.39s1.75,2.23,2.26,3.61c.51,1.39,.77,2.88,.77,4.47,0,.59-.03,1.18-.08,1.77-.05,.59-.15,1.18-.29,1.77l-1.76,8.11c-1.1,5.13-2.94,8.89-5.51,11.28-2.57,2.39-6.11,3.59-10.62,3.59-1.88,0-3.55-.29-5-.86s-2.68-1.37-3.67-2.39c-.99-1.02-1.75-2.22-2.26-3.59-.51-1.37-.77-2.87-.77-4.5,0-.59,.03-1.18,.08-1.77,.05-.59,.15-1.18,.29-1.77l1.76-8.11Zm10.22,16.74c1.21,0,2.27-.22,3.19-.65,.92-.43,1.73-1.01,2.42-1.74,.69-.73,1.26-1.59,1.7-2.6,.44-1,.79-2.08,1.04-3.22l1.97-8.94c.11-.55,.19-1.03,.24-1.43,.05-.4,.08-.79,.08-1.17,0-1.77-.47-3.15-1.41-4.13-.94-.99-2.26-1.48-3.97-1.48-1.21,0-2.27,.22-3.19,.65-.92,.43-1.73,1.01-2.42,1.74-.69,.73-1.26,1.59-1.7,2.6-.44,1.01-.79,2.08-1.04,3.22l-1.97,8.94c-.21,.94-.32,1.8-.32,2.6,0,1.77,.47,3.15,1.41,4.13s2.26,1.48,3.97,1.48Z"></path>
+	<path style="fill:#000000;" d="M90.76,.73h13.52l-5,22.98h4.68v6.55h-6.12l-1.49,6.86h-7.03l1.49-6.86h-16.18v-9.67L90.76,.73Zm-10.22,22.05v.94h11.71l4.26-19.55h-.96l-15.01,18.62Z"></path>
+	<path style="fill:#91fc4e;" d="M1.07,31.42c-.58,.04-1.07-.41-1.07-.99v-.47c0-.23,.07-.46,.22-.64l1.07-1.31c.16-.19,.24-.43,.22-.68l-.27-5.39c0-.5,.36-.93,.86-1,9.83-1.36,104.88-12.17,115.62-13.39,.55-.06,1.03,.33,1.09,.88l.07,.68c.04,.42-.18,.82-.56,1.01l-1.51,.73c-.15,.07-.26,.21-.29,.37l-.8,4.31c-.08,.42-.41,.75-.84,.81C105.82,17.59,12.17,30.56,1.07,31.42Z"></path>
+	<path style="fill:#a8fd73;" d="M35.59,16.96c-2.48,.29-4.89,.57-7.21,.84l-1.29,5.92H15.38v-.94l3.08-3.82c-3.2,.38-6.05,.71-8.48,1.01l-.51,.63v9.67h1.88c7.04-.87,16.75-2.14,27.45-3.56v-2.99h-4.68l1.47-6.76Zm59.62-6.84l-2.01,9.22c2.58-.35,5.01-.69,7.24-1l1.97-9.04c-2.24,.25-4.65,.53-7.2,.82Zm-20.58,10.48v1.28c2.54-.35,5.04-.69,7.46-1.02l8.21-10.18c-2.69,.31-5.5,.63-8.39,.96l-7.27,8.96Zm-31.46,2.39c-.14,.59-.24,1.18-.29,1.77-.04,.47-.06,.95-.06,1.42,2.31-.31,4.65-.62,7.01-.94,.05-.58,.12-1.18,.27-1.83l1.83-8.33c-2.43,.28-4.84,.56-7.22,.83l-1.53,7.08Zm22.3-8.53l-1.97,8.93c2.44-.33,4.86-.66,7.26-.99l1.63-7.53c.14-.59,.24-1.18,.29-1.77,.01-.14,0-.28,.02-.42-2.33,.27-4.69,.54-7.06,.81-.05,.29-.1,.6-.17,.96Z"></path>
+</svg>
\ No newline at end of file
diff --git a/webapp/public/deflock-logo-grey.svg b/webapp/public/deflock-logo-grey.svg
new file mode 100644
index 0000000..a448b6e
--- /dev/null
+++ b/webapp/public/deflock-logo-grey.svg
@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 1150 300" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
+    <rect id="Artboard1" x="0" y="0" width="1150" height="300" style="fill:none;"/>
+    <g id="Artboard11" serif:id="Artboard1">
+        <g>
+            <g transform="matrix(344.475,0,0,344.475,30.1181,267.042)">
+                <path d="M0.377,-0.658L0.377,-0.655C0.421,-0.629 0.415,-0.593 0.415,-0.547L0.415,-0.415C0.373,-0.452 0.317,-0.473 0.261,-0.473C0.124,-0.473 0.024,-0.364 0.024,-0.229C0.024,-0.08 0.131,0.013 0.277,0.013C0.295,0.013 0.312,0.013 0.329,0.008L0.388,-0.082C0.361,-0.065 0.334,-0.053 0.302,-0.053C0.197,-0.053 0.125,-0.142 0.125,-0.243C0.125,-0.334 0.19,-0.407 0.27,-0.407C0.323,-0.407 0.374,-0.383 0.399,-0.335C0.418,-0.298 0.415,-0.254 0.415,-0.214L0.415,-0L0.544,-0L0.544,-0.003C0.5,-0.027 0.506,-0.064 0.506,-0.11L0.506,-0.674L0.503,-0.674C0.492,-0.658 0.468,-0.658 0.445,-0.658L0.377,-0.658Z" style="fill:rgb(104,104,104);fill-rule:nonzero;"/>
+            </g>
+            <g transform="matrix(344.475,0,0,344.475,229.914,267.042)">
+                <path d="M0.5,-0.246C0.504,-0.375 0.411,-0.473 0.275,-0.473C0.126,-0.473 0.025,-0.372 0.025,-0.233C0.025,-0.094 0.142,0.013 0.312,0.013C0.359,0.013 0.407,0.006 0.45,-0.012L0.5,-0.106L0.497,-0.106C0.451,-0.07 0.393,-0.053 0.333,-0.053C0.22,-0.053 0.135,-0.124 0.133,-0.246L0.5,-0.246ZM0.137,-0.304C0.149,-0.367 0.199,-0.407 0.266,-0.407C0.338,-0.407 0.384,-0.374 0.395,-0.304L0.137,-0.304Z" style="fill:rgb(104,104,104);fill-rule:nonzero;"/>
+            </g>
+            <g transform="matrix(344.475,0,0,344.475,409.04,267.042)">
+                <path d="M0.023,-0.394L0.071,-0.394L0.071,-0.11C0.071,-0.064 0.077,-0.027 0.033,-0.003L0.033,-0L0.2,-0L0.2,-0.003C0.156,-0.028 0.162,-0.064 0.162,-0.11L0.162,-0.394L0.264,-0.394C0.276,-0.394 0.291,-0.391 0.295,-0.38L0.298,-0.38L0.298,-0.46L0.162,-0.46C0.162,-0.56 0.157,-0.608 0.249,-0.608C0.278,-0.608 0.308,-0.603 0.333,-0.59L0.333,-0.11C0.333,-0.064 0.339,-0.027 0.295,-0.003L0.295,-0L0.462,-0L0.462,-0.003C0.418,-0.027 0.424,-0.064 0.424,-0.11L0.424,-0.674L0.421,-0.674C0.411,-0.663 0.394,-0.656 0.378,-0.656C0.347,-0.656 0.319,-0.674 0.266,-0.674C0.206,-0.674 0.148,-0.654 0.107,-0.608C0.068,-0.564 0.071,-0.525 0.071,-0.46L0.023,-0.394Z" style="fill:rgb(104,104,104);fill-rule:nonzero;"/>
+            </g>
+            <g transform="matrix(344.475,0,0,344.475,581.278,267.042)">
+                <path d="M0.276,0.013C0.417,0.013 0.537,-0.091 0.537,-0.235C0.537,-0.303 0.506,-0.369 0.455,-0.414C0.407,-0.456 0.352,-0.473 0.288,-0.473C0.144,-0.473 0.023,-0.376 0.023,-0.226C0.023,-0.084 0.139,0.013 0.276,0.013ZM0.281,-0.053C0.179,-0.053 0.124,-0.152 0.124,-0.244C0.124,-0.334 0.184,-0.407 0.277,-0.407C0.384,-0.407 0.436,-0.311 0.436,-0.214C0.436,-0.124 0.373,-0.053 0.281,-0.053Z" style="fill:rgb(104,104,104);fill-rule:nonzero;"/>
+            </g>
+            <g transform="matrix(344.475,0,0,344.475,774.184,267.042)">
+                <path d="M0.415,-0.461C0.38,-0.469 0.343,-0.473 0.307,-0.473C0.156,-0.473 0.022,-0.39 0.022,-0.218C0.022,-0.088 0.142,0.013 0.296,0.013C0.34,0.013 0.386,0.009 0.428,-0.007L0.48,-0.102L0.477,-0.102C0.438,-0.073 0.382,-0.053 0.331,-0.053C0.22,-0.053 0.123,-0.129 0.123,-0.244C0.123,-0.339 0.193,-0.407 0.29,-0.407C0.335,-0.407 0.383,-0.391 0.412,-0.358L0.415,-0.358L0.415,-0.461Z" style="fill:rgb(104,104,104);fill-rule:nonzero;"/>
+            </g>
+            <g transform="matrix(344.475,0,0,344.475,932.642,267.042)">
+                <path d="M0.029,-0.658L0.029,-0.655C0.072,-0.63 0.066,-0.593 0.066,-0.547L0.066,-0.111C0.066,-0.065 0.072,-0.028 0.029,-0.003L0.029,-0L0.196,-0L0.196,-0.003C0.151,-0.028 0.157,-0.065 0.157,-0.111L0.157,-0.674L0.154,-0.674C0.141,-0.659 0.117,-0.658 0.095,-0.658L0.029,-0.658ZM0.324,-0.056C0.343,-0.029 0.368,-0 0.426,-0L0.504,-0C0.459,-0.028 0.429,-0.071 0.398,-0.112L0.276,-0.267L0.443,-0.46L0.291,-0.46L0.291,-0.457C0.301,-0.451 0.31,-0.442 0.31,-0.428C0.31,-0.403 0.274,-0.365 0.259,-0.348L0.176,-0.257L0.324,-0.056Z" style="fill:rgb(104,104,104);fill-rule:nonzero;"/>
+            </g>
+        </g>
+    </g>
+</svg>
diff --git a/webapp/public/icon-discord-white.svg b/webapp/public/icon-discord-white.svg
new file mode 100644
index 0000000..1a47495
--- /dev/null
+++ b/webapp/public/icon-discord-white.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 50 50" width="50px" height="50px"><path fill="#ffffff" d="M 41.625 10.769531 C 37.644531 7.566406 31.347656 7.023438 31.078125 7.003906 C 30.660156 6.96875 30.261719 7.203125 30.089844 7.589844 C 30.074219 7.613281 29.9375 7.929688 29.785156 8.421875 C 32.417969 8.867188 35.652344 9.761719 38.578125 11.578125 C 39.046875 11.867188 39.191406 12.484375 38.902344 12.953125 C 38.710938 13.261719 38.386719 13.429688 38.050781 13.429688 C 37.871094 13.429688 37.6875 13.378906 37.523438 13.277344 C 32.492188 10.15625 26.210938 10 25 10 C 23.789063 10 17.503906 10.15625 12.476563 13.277344 C 12.007813 13.570313 11.390625 13.425781 11.101563 12.957031 C 10.808594 12.484375 10.953125 11.871094 11.421875 11.578125 C 14.347656 9.765625 17.582031 8.867188 20.214844 8.425781 C 20.0625 7.929688 19.925781 7.617188 19.914063 7.589844 C 19.738281 7.203125 19.34375 6.960938 18.921875 7.003906 C 18.652344 7.023438 12.355469 7.566406 8.320313 10.8125 C 6.214844 12.761719 2 24.152344 2 34 C 2 34.175781 2.046875 34.34375 2.132813 34.496094 C 5.039063 39.605469 12.972656 40.941406 14.78125 41 C 14.789063 41 14.800781 41 14.8125 41 C 15.132813 41 15.433594 40.847656 15.621094 40.589844 L 17.449219 38.074219 C 12.515625 36.800781 9.996094 34.636719 9.851563 34.507813 C 9.4375 34.144531 9.398438 33.511719 9.765625 33.097656 C 10.128906 32.683594 10.761719 32.644531 11.175781 33.007813 C 11.234375 33.0625 15.875 37 25 37 C 34.140625 37 38.78125 33.046875 38.828125 33.007813 C 39.242188 32.648438 39.871094 32.683594 40.238281 33.101563 C 40.601563 33.515625 40.5625 34.144531 40.148438 34.507813 C 40.003906 34.636719 37.484375 36.800781 32.550781 38.074219 L 34.378906 40.589844 C 34.566406 40.847656 34.867188 41 35.1875 41 C 35.199219 41 35.210938 41 35.21875 41 C 37.027344 40.941406 44.960938 39.605469 47.867188 34.496094 C 47.953125 34.34375 48 34.175781 48 34 C 48 24.152344 43.785156 12.761719 41.625 10.769531 Z M 18.5 30 C 16.566406 30 15 28.210938 15 26 C 15 23.789063 16.566406 22 18.5 22 C 20.433594 22 22 23.789063 22 26 C 22 28.210938 20.433594 30 18.5 30 Z M 31.5 30 C 29.566406 30 28 28.210938 28 26 C 28 23.789063 29.566406 22 31.5 22 C 33.433594 22 35 23.789063 35 26 C 35 28.210938 33.433594 30 31.5 30 Z"/></svg>
diff --git a/webapp/public/icon-discord.svg b/webapp/public/icon-discord.svg
new file mode 100644
index 0000000..d57ac7e
--- /dev/null
+++ b/webapp/public/icon-discord.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 50 50" width="50px" height="50px"><path d="M 41.625 10.769531 C 37.644531 7.566406 31.347656 7.023438 31.078125 7.003906 C 30.660156 6.96875 30.261719 7.203125 30.089844 7.589844 C 30.074219 7.613281 29.9375 7.929688 29.785156 8.421875 C 32.417969 8.867188 35.652344 9.761719 38.578125 11.578125 C 39.046875 11.867188 39.191406 12.484375 38.902344 12.953125 C 38.710938 13.261719 38.386719 13.429688 38.050781 13.429688 C 37.871094 13.429688 37.6875 13.378906 37.523438 13.277344 C 32.492188 10.15625 26.210938 10 25 10 C 23.789063 10 17.503906 10.15625 12.476563 13.277344 C 12.007813 13.570313 11.390625 13.425781 11.101563 12.957031 C 10.808594 12.484375 10.953125 11.871094 11.421875 11.578125 C 14.347656 9.765625 17.582031 8.867188 20.214844 8.425781 C 20.0625 7.929688 19.925781 7.617188 19.914063 7.589844 C 19.738281 7.203125 19.34375 6.960938 18.921875 7.003906 C 18.652344 7.023438 12.355469 7.566406 8.320313 10.8125 C 6.214844 12.761719 2 24.152344 2 34 C 2 34.175781 2.046875 34.34375 2.132813 34.496094 C 5.039063 39.605469 12.972656 40.941406 14.78125 41 C 14.789063 41 14.800781 41 14.8125 41 C 15.132813 41 15.433594 40.847656 15.621094 40.589844 L 17.449219 38.074219 C 12.515625 36.800781 9.996094 34.636719 9.851563 34.507813 C 9.4375 34.144531 9.398438 33.511719 9.765625 33.097656 C 10.128906 32.683594 10.761719 32.644531 11.175781 33.007813 C 11.234375 33.0625 15.875 37 25 37 C 34.140625 37 38.78125 33.046875 38.828125 33.007813 C 39.242188 32.648438 39.871094 32.683594 40.238281 33.101563 C 40.601563 33.515625 40.5625 34.144531 40.148438 34.507813 C 40.003906 34.636719 37.484375 36.800781 32.550781 38.074219 L 34.378906 40.589844 C 34.566406 40.847656 34.867188 41 35.1875 41 C 35.199219 41 35.210938 41 35.21875 41 C 37.027344 40.941406 44.960938 39.605469 47.867188 34.496094 C 47.953125 34.34375 48 34.175781 48 34 C 48 24.152344 43.785156 12.761719 41.625 10.769531 Z M 18.5 30 C 16.566406 30 15 28.210938 15 26 C 15 23.789063 16.566406 22 18.5 22 C 20.433594 22 22 23.789063 22 26 C 22 28.210938 20.433594 30 18.5 30 Z M 31.5 30 C 29.566406 30 28 28.210938 28 26 C 28 23.789063 29.566406 22 31.5 22 C 33.433594 22 35 23.789063 35 26 C 35 28.210938 33.433594 30 31.5 30 Z"/></svg>
diff --git a/webapp/public/white-logos/404media.svg b/webapp/public/white-logos/404media.svg
new file mode 100644
index 0000000..5b6f564
--- /dev/null
+++ b/webapp/public/white-logos/404media.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 118.89 37.86">
+	<path style="fill:#ffffff;" d="M25.6,.73h13.52l-5,22.98h4.68v6.55h-6.12l-1.49,6.86h-7.03l1.49-6.86H9.47v-9.67L25.6,.73ZM15.38,22.78v.94h11.71L31.35,4.16h-.96L15.38,22.78Z"></path>
+	<path style="fill:#ffffff;" d="M44.92,14.87c1.1-5.13,2.94-8.89,5.51-11.28s6.11-3.59,10.62-3.59c1.88,0,3.55,.29,5,.86,1.46,.57,2.68,1.37,3.67,2.39s1.75,2.23,2.26,3.61c.51,1.39,.77,2.88,.77,4.47,0,.59-.03,1.18-.08,1.77-.05,.59-.15,1.18-.29,1.77l-1.76,8.11c-1.1,5.13-2.94,8.89-5.51,11.28-2.57,2.39-6.11,3.59-10.62,3.59-1.88,0-3.55-.29-5-.86s-2.68-1.37-3.67-2.39c-.99-1.02-1.75-2.22-2.26-3.59-.51-1.37-.77-2.87-.77-4.5,0-.59,.03-1.18,.08-1.77,.05-.59,.15-1.18,.29-1.77l1.76-8.11Zm10.22,16.74c1.21,0,2.27-.22,3.19-.65,.92-.43,1.73-1.01,2.42-1.74,.69-.73,1.26-1.59,1.7-2.6,.44-1,.79-2.08,1.04-3.22l1.97-8.94c.11-.55,.19-1.03,.24-1.43,.05-.4,.08-.79,.08-1.17,0-1.77-.47-3.15-1.41-4.13-.94-.99-2.26-1.48-3.97-1.48-1.21,0-2.27,.22-3.19,.65-.92,.43-1.73,1.01-2.42,1.74-.69,.73-1.26,1.59-1.7,2.6-.44,1.01-.79,2.08-1.04,3.22l-1.97,8.94c-.21,.94-.32,1.8-.32,2.6,0,1.77,.47,3.15,1.41,4.13s2.26,1.48,3.97,1.48Z"></path>
+	<path style="fill:#ffffff;" d="M90.76,.73h13.52l-5,22.98h4.68v6.55h-6.12l-1.49,6.86h-7.03l1.49-6.86h-16.18v-9.67L90.76,.73Zm-10.22,22.05v.94h11.71l4.26-19.55h-.96l-15.01,18.62Z"></path>
+	<path style="fill:#ffffff;" d="M1.07,31.42c-.58,.04-1.07-.41-1.07-.99v-.47c0-.23,.07-.46,.22-.64l1.07-1.31c.16-.19,.24-.43,.22-.68l-.27-5.39c0-.5,.36-.93,.86-1,9.83-1.36,104.88-12.17,115.62-13.39,.55-.06,1.03,.33,1.09,.88l.07,.68c.04,.42-.18,.82-.56,1.01l-1.51,.73c-.15,.07-.26,.21-.29,.37l-.8,4.31c-.08,.42-.41,.75-.84,.81C105.82,17.59,12.17,30.56,1.07,31.42Z"></path>
+	<path style="fill:#ffffff;" d="M35.59,16.96c-2.48,.29-4.89,.57-7.21,.84l-1.29,5.92H15.38v-.94l3.08-3.82c-3.2,.38-6.05,.71-8.48,1.01l-.51,.63v9.67h1.88c7.04-.87,16.75-2.14,27.45-3.56v-2.99h-4.68l1.47-6.76Zm59.62-6.84l-2.01,9.22c2.58-.35,5.01-.69,7.24-1l1.97-9.04c-2.24,.25-4.65,.53-7.2,.82Zm-20.58,10.48v1.28c2.54-.35,5.04-.69,7.46-1.02l8.21-10.18c-2.69,.31-5.5,.63-8.39,.96l-7.27,8.96Zm-31.46,2.39c-.14,.59-.24,1.18-.29,1.77-.04,.47-.06,.95-.06,1.42,2.31-.31,4.65-.62,7.01-.94,.05-.58,.12-1.18,.27-1.83l1.83-8.33c-2.43,.28-4.84,.56-7.22,.83l-1.53,7.08Zm22.3-8.53l-1.97,8.93c2.44-.33,4.86-.66,7.26-.99l1.63-7.53c.14-.59,.24-1.18,.29-1.77,.01-.14,0-.28,.02-.42-2.33,.27-4.69,.54-7.06,.81-.05,.29-.1,.6-.17,.96Z"></path>
+</svg>
diff --git a/webapp/public/white-logos/forbes.svg b/webapp/public/white-logos/forbes.svg
new file mode 100644
index 0000000..a1a62de
--- /dev/null
+++ b/webapp/public/white-logos/forbes.svg
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 54">
+  <path fill="#ffffff" d="M113.3 18.2c0-5.8.1-11.2.4-16.2L98.4 4.9v1.4l1.5.2c1.1.1 1.8.5 2.2 1.1.4.7.7 1.7.9 3.2.2 2.9.4 9.5.3 19.9 0 10.3-.1 16.8-.3 19.3 5.5 1.2 9.8 1.7 13 1.7 6 0 10.7-1.7 14.1-5.2 3.4-3.4 5.2-8.2 5.2-14.1 0-4.7-1.3-8.6-3.9-11.7-2.6-3.1-5.9-4.6-9.8-4.6-2.6 0-5.3.7-8.3 2.1zm.3 30.8c-.2-3.2-.4-12.8-.4-28.5.9-.3 2.1-.5 3.6-.5 2.4 0 4.3 1.2 5.7 3.7 1.4 2.5 2.1 5.5 2.1 9.3 0 4.7-.8 8.5-2.4 11.7-1.6 3.1-3.6 4.7-6.1 4.7-.8-.2-1.6-.3-2.5-.4zM41 3H1v2l2.1.2c1.6.3 2.7.9 3.4 1.8.7 1 1.1 2.6 1.2 4.8.8 10.8.8 20.9 0 30.2-.2 2.2-.6 3.8-1.2 4.8-.7 1-1.8 1.6-3.4 1.8l-2.1.3v2h25.8v-2l-2.7-.2a4.9 4.9 0 0 1-3.4-1.8c-.7-1-1.1-2.6-1.2-4.8-.3-4-.5-8.6-.5-13.7l5.4.1c2.9.1 4.9 2.3 5.9 6.7h2V18.9h-2c-1 4.3-2.9 6.5-5.9 6.6l-5.4.1c0-9 .2-15.4.5-19.3h7.9c5.6 0 9.4 3.6 11.6 10.8l2.4-.7L41 3zm-4.7 30.8c0 5.2 1.5 9.5 4.4 12.9 2.9 3.4 7.2 5 12.6 5s9.8-1.7 13-5.2c3.2-3.4 4.7-7.7 4.7-12.9s-1.5-9.5-4.4-12.9c-2.9-3.4-7.2-5-12.6-5s-9.8 1.7-13 5.2c-3.2 3.4-4.7 7.7-4.7 12.9zm22.3-11.4c1.2 2.9 1.7 6.7 1.7 11.3 0 10.6-2.2 15.8-6.5 15.8-2.2 0-3.9-1.5-5.1-4.5-1.2-3-1.7-6.8-1.7-11.3C47 23.2 49.2 18 53.5 18c2.2-.1 3.9 1.4 5.1 4.4zm84.5 24.3c3.3 3.3 7.5 5 12.5 5 3.1 0 5.8-.6 8.2-1.9 2.4-1.2 4.3-2.7 5.6-4.5l-1-1.2c-2.2 1.7-4.7 2.5-7.6 2.5-4 0-7.1-1.3-9.2-4-2.2-2.7-3.2-6.1-3-10.5H170c0-4.8-1.2-8.7-3.7-11.8-2.5-3-6-4.5-10.5-4.5-5.6 0-9.9 1.8-13 5.3-3.1 3.5-4.6 7.8-4.6 12.9 0 5.2 1.6 9.4 4.9 12.7zm7.4-25.1c1.1-2.4 2.5-3.6 4.4-3.6 3 0 4.5 3.8 4.5 11.5l-10.6.2c.1-3 .6-5.7 1.7-8.1zm46.4-4c-2.7-1.2-6.1-1.9-10.2-1.9-4.2 0-7.5 1.1-10 3.2s-3.8 4.7-3.8 7.8c0 2.7.8 4.8 2.3 6.3 1.5 1.5 3.9 2.8 7 3.9 2.8 1 4.8 2 5.8 2.9 1 1 1.6 2.1 1.6 3.6 0 1.4-.5 2.7-1.6 3.7-1 1.1-2.4 1.6-4.2 1.6-4.4 0-7.7-3.2-10-9.6l-1.7.5.4 10c3.6 1.4 7.6 2.1 12 2.1 4.6 0 8.1-1 10.7-3.1 2.6-2 3.9-4.9 3.9-8.5 0-2.4-.6-4.4-1.9-5.9-1.3-1.5-3.4-2.8-6.4-4-3.3-1.2-5.6-2.3-6.8-3.3-1.2-1-1.8-2.2-1.8-3.7s.4-2.7 1.3-3.7 2-1.4 3.4-1.4c4 0 6.9 2.9 8.7 8.6l1.7-.5-.4-8.6zm-96.2-.9c-1.4-.7-2.9-1-4.6-1-1.7 0-3.4.7-5.3 2.1-1.9 1.4-3.3 3.3-4.4 5.9l.1-8-15.2 3v1.4l1.5.1c1.9.2 3 1.7 3.2 4.4.6 6.2.6 12.8 0 19.8-.2 2.7-1.3 4.1-3.2 4.4l-1.5.2v1.9h21.2V49l-2.7-.2c-1.9-.2-3-1.7-3.2-4.4-.6-5.8-.7-12-.2-18.4.6-1 1.9-1.6 3.9-1.8 2-.2 4.3.4 6.7 1.8l3.7-9.3z"/>
+</svg>
diff --git a/webapp/public/white-logos/latimes.svg b/webapp/public/white-logos/latimes.svg
new file mode 100644
index 0000000..5de0dca
--- /dev/null
+++ b/webapp/public/white-logos/latimes.svg
@@ -0,0 +1,93 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="892.91339"
+   height="112.32283"
+   id="svg5230">
+  <defs
+     id="defs5232">
+    <clipPath
+       id="clipPath3029">
+      <path
+         d="m 288.876,1559.828 205.226,0 0,24.412 -205.226,0 0,-24.412 z"
+         id="path3031" />
+    </clipPath>
+    <clipPath
+       id="clipPath3039">
+      <path
+         d="m 0.035,-869.52802 783.00101,0 0,1661.52802 -783.00101,0 0,-1661.52802 z"
+         id="path3041" />
+    </clipPath>
+    <clipPath
+       id="clipPath3047">
+      <path
+         d="m 288.876,714.677 205.226,0 0,-24.412 -205.226,0 0,24.412 z"
+         id="path3049" />
+    </clipPath>
+  </defs>
+  <metadata
+     id="metadata5235">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     transform="translate(-46.019458,-272.45092)"
+     id="layer1">
+    <g
+       transform="matrix(4.3163477,0,0,-4.3163477,-1197.3265,7114.0577)"
+       id="g3025">
+      <g
+         clip-path="url(#clipPath3029)"
+         id="g3027">
+        <g
+           transform="translate(0,869.563)"
+           id="g3033">
+          <g
+             id="g3035">
+            <g
+               clip-path="url(#clipPath3039)"
+               id="g3037">
+              <g
+                 id="g3043">
+                <g
+                   clip-path="url(#clipPath3047)"
+                   id="g3045">
+                  <path
+                     d="m 472.612,697.348 c -0.802,-0.657 -2.627,-2.241 -3.379,-2.947 -0.702,0.609 -2.153,1.72 -3.055,2.352 l 0,0.108 c 0.261,0.086 0.433,0.32 0.433,0.893 l 0,6.758 c -0.727,0.511 -1.899,1.271 -2.677,1.757 l -0.784,-0.784 0,-8.056 1.217,-0.892 c 0,0 -1.708,-1.43 -2.46,-2.136 -0.676,0.633 -1.666,1.371 -2.568,2.028 l 0,0.081 c 0.261,0.085 0.432,0.346 0.432,0.919 l 0,7.083 c -0.726,0.511 -1.871,1.217 -2.649,1.703 l -0.945,-0.73 0,-8.056 1.216,-0.892 c 0,0 -1.66,-1.336 -2.46,-2.109 -0.752,0.657 -1.566,1.256 -2.568,2.001 l 0,0.054 c 0.282,0.111 0.459,0.45 0.459,0.838 l 0,8.137 -0.918,0.784 -1.001,-0.919 -0.459,0.46 c 0.751,0.608 2.355,2.003 3.433,3.001 l 2.298,-2.001 0,-0.568 3.108,2.569 c 0.977,-0.682 3.865,-2.461 3.865,-2.461 l 2.974,2.461 c 0.953,-0.73 3.123,-2.049 4.325,-2.731 l 0,-0.108 c -0.401,-0.104 -0.432,-0.597 -0.432,-0.865 l 0,-7.326 1.189,-0.838 0.946,0.838 0.46,-0.406 z M 450.5,711.433 c -0.802,-1.095 -1.455,-1.595 -2.757,-1.595 -0.878,0 -1.353,0.254 -2.055,1.081 l -0.973,-0.892 -0.433,0.514 3.379,2.947 c 0.878,-1.728 1.933,-1.971 2.785,-1.947 l 0.054,-0.108"
+                     id="path3051"
+                     style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+                  <path
+                     d="m 451.581,697.402 c -0.877,-0.73 -2.606,-2.228 -3.406,-3.001 -0.752,0.657 -2.026,1.608 -3.027,2.352 l 0,0.082 c 0.281,0.111 0.432,0.449 0.432,0.837 l 0,7.786 -0.892,0.757 -1.054,-0.919 -0.433,0.433 c 0.752,0.608 2.382,2.057 3.461,3.055 l 2.73,-2.352 0,-0.109 c -0.326,-0.096 -0.433,-0.3 -0.433,-1.027 l 0,-7.542 1.189,-0.784 0.973,0.865 0.46,-0.433 z m -54.901,0 c -0.878,-0.73 -2.634,-2.228 -3.434,-3.001 -0.752,0.657 -2.026,1.608 -3.027,2.352 l 0,0.082 c 0.281,0.111 0.432,0.449 0.432,0.837 l 0,12.626 -0.919,0.784 -1,-0.866 -0.433,0.433 c 0.752,0.608 2.194,1.949 3.271,2.947 l 2.893,-2.352 0,-0.108 c -0.326,-0.097 -0.46,-0.301 -0.46,-1.028 l 0,-12.354 1.244,-0.811 1,0.892 0.433,-0.433 z m -31.061,-0.054 c -0.801,-0.657 -2.654,-2.241 -3.405,-2.947 -0.702,0.609 -2.126,1.72 -3.028,2.352 l 0,0.108 c 0.261,0.086 0.46,0.32 0.46,0.893 l 0,6.758 c -0.727,0.511 -1.9,1.244 -2.677,1.73 -0.158,-0.114 -0.783,-0.56 -0.946,-0.703 l 0,-8.11 1.244,-0.892 c 0,0 -1.66,-1.336 -2.46,-2.109 -0.752,0.657 -1.593,1.256 -2.595,2.001 l 0,0.054 c 0.281,0.111 0.459,0.45 0.459,0.838 l 0,8.137 -0.946,0.784 -0.946,-0.784 -0.405,0.433 c 0.751,0.608 2.301,1.895 3.379,2.893 l 2.27,-2.001 0,-0.568 3.109,2.569 c 0.952,-0.73 3.122,-2.049 4.325,-2.731 l 0,-0.108 c -0.401,-0.104 -0.459,-0.597 -0.459,-0.865 l 0,-7.326 1.189,-0.811 0.973,0.838 0.459,-0.433 z m 124.618,-0.946 0,3.92 c -0.477,0.219 -1.016,0.523 -1.487,0.757 l -3.785,-3.893 0.136,-0.027 c 0.588,0.311 0.824,0.703 2.027,0.703 1.228,0 2.467,-0.864 3.055,-1.487 l 0.054,0.027 z m 3.865,12.03 c 0,-1.314 -1.536,-3.055 -3.568,-3.055 -1.338,0 -2.131,0.663 -2.758,1.514 l -0.053,-0.027 0,-3.271 1.838,-0.865 0.838,0.838 c 0.867,-0.533 2.664,-1.467 3.622,-1.865 l 0,-0.081 c -0.188,-0.077 -0.405,-0.287 -0.405,-0.676 l 0,-2.298 c 0,-0.33 0.23,-0.549 0.405,-0.622 l 0,-0.108 c -1.954,-0.828 -4.763,-2.322 -6.136,-3.515 -0.702,0.657 -1.647,1.271 -2.866,1.271 -1.142,0 -1.648,-0.407 -1.648,-0.784 0,-0.235 0.486,-0.203 0.486,-0.541 0,-0.155 -0.138,-0.324 -0.352,-0.324 -0.267,0 -0.756,0.37 -0.756,0.838 0,0.876 0.625,1.637 2.054,3.082 l 2.514,2.541 c -1.034,0.514 -2.539,1.16 -3.379,1.514 l 0,0.108 c 0.244,0.068 0.406,0.315 0.406,0.595 l 0,2.082 c 0,0.229 -0.105,0.578 -0.406,0.675 l 0,0.109 c 2.105,0.729 4.77,2.198 6.299,3.243 0.342,-0.369 1.251,-1.162 2.216,-1.162 0.813,0 1.001,0.4 1.001,0.676 0,0.157 -0.298,0.243 -0.298,0.486 0,0.209 0.109,0.298 0.271,0.298 0.239,0 0.675,-0.233 0.675,-0.676"
+                     id="path3053"
+                     style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+                </g>
+              </g>
+              <path
+                 d="m 479.532,703.133 c -0.702,0.949 -1.953,2.504 -2.73,3.623 l -0.081,-0.027 0,-5.326 2.811,1.73 z m 3.136,1.217 -5.947,-3.595 0,-2.46 c 0.752,-0.317 2.307,-1.004 3.108,-1.514 l 1.271,1.27 c 0.352,0.353 0.319,0.973 0.946,0.973 0.176,0 0.352,-0.265 0.352,-0.459 0,-0.207 -0.168,-0.306 -0.271,-0.406 l -3.866,-3.758 c -1.328,0.828 -4.024,2.033 -5.352,2.569 l 0,0.108 c 0.215,0.078 0.459,0.221 0.459,0.757 l 0,6.84 c 0,0.559 -0.215,0.739 -0.459,0.783 l 0,0.109 c 2.005,0.632 5.062,2.219 6.515,3.217 1.003,-1.46 2.291,-3.266 3.244,-4.434 z m -42.603,-7.245 0,12.408 c -0.15,-0.01 -0.413,-0.026 -0.567,-0.026 -0.862,0 -2.375,0.327 -3.352,0.594 -2.907,-0.51 -6.272,-2.9 -6.272,-7.38 0,-3.842 2.811,-6.299 6.812,-6.299 1.353,0 2.548,0.223 3.379,0.703 z m 3.461,15.707 c 0,-1.96 -1.341,-2.952 -2.92,-3.244 l 0,-12.166 c 2.03,1.095 2.325,2.217 2.325,2.785 0,0.123 -0.27,0.291 -0.27,0.513 0,0.173 0.221,0.325 0.378,0.325 0.229,0 0.324,-0.203 0.324,-0.568 0,-2.847 -2.794,-6.678 -8.758,-6.678 -4.475,0 -8.272,3.412 -8.272,7.814 0,6.277 5.405,8.459 9.164,8.678 -1.378,0.292 -3.573,0.757 -5.406,0.757 -2.13,0 -3.893,-1.231 -3.893,-2.326 0,-0.413 0.352,-0.491 0.352,-0.783 0,-0.161 -0.069,-0.352 -0.298,-0.352 -0.351,0 -0.649,0.356 -0.649,0.622 0,2.385 1.76,5.785 5.461,5.785 3.752,0 6.54,-1.324 9.461,-1.324 1.931,0 2.481,0.662 2.406,1.757 l 0.432,-0.135 c 0.075,-0.171 0.163,-0.729 0.163,-1.46 z m -29.006,-16.41 0,3.92 c -0.476,0.219 -1.015,0.523 -1.487,0.757 l -3.784,-3.893 0.135,-0.027 c 0.588,0.311 0.825,0.703 2.028,0.703 1.228,0 2.467,-0.864 3.054,-1.487 l 0.054,0.027 z m 3.866,12.03 c 0,-1.314 -1.536,-3.055 -3.568,-3.055 -1.338,0 -2.131,0.663 -2.758,1.514 l -0.054,-0.027 0,-3.271 1.839,-0.865 0.837,0.838 c 0.868,-0.533 2.665,-1.467 3.623,-1.865 l 0,-0.081 c -0.188,-0.077 -0.406,-0.287 -0.406,-0.676 l 0,-2.298 c 0,-0.33 0.23,-0.549 0.406,-0.622 l 0,-0.108 c -1.955,-0.828 -4.764,-2.322 -6.137,-3.515 -0.701,0.657 -1.646,1.271 -2.865,1.271 -1.143,0 -1.649,-0.407 -1.649,-0.784 0,-0.235 0.487,-0.203 0.487,-0.541 0,-0.155 -0.138,-0.324 -0.352,-0.324 -0.267,0 -0.757,0.37 -0.757,0.838 0,0.876 0.625,1.637 2.055,3.082 l 2.514,2.541 c -1.035,0.514 -2.54,1.16 -3.379,1.514 l 0,0.108 c 0.244,0.068 0.405,0.315 0.405,0.595 l 0,2.082 c 0,0.229 -0.105,0.578 -0.405,0.675 l 0,0.109 c 2.105,0.729 4.77,2.198 6.298,3.243 0.343,-0.369 1.251,-1.162 2.217,-1.162 0.813,0 1,0.4 1,0.676 0,0.157 -0.297,0.243 -0.297,0.486 0,0.209 0.109,0.298 0.27,0.298 0.24,0 0.676,-0.233 0.676,-0.676"
+                 id="path3055"
+                 style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+              <path
+                 d="m 403.897,703.133 c -0.702,0.949 -1.954,2.504 -2.73,3.623 l -0.082,-0.027 0,-5.326 2.812,1.73 z m 3.135,1.217 -5.947,-3.595 0,-2.46 c 0.752,-0.317 2.307,-1.004 3.109,-1.514 l 1.271,1.27 c 0.353,0.353 0.32,0.973 0.946,0.973 0.175,0 0.351,-0.265 0.351,-0.459 0,-0.207 -0.167,-0.306 -0.27,-0.406 l -3.866,-3.758 c -1.328,0.828 -4.024,2.033 -5.352,2.569 l 0,0.108 c 0.214,0.078 0.459,0.221 0.459,0.757 l 0,6.84 c 0,0.559 -0.215,0.739 -0.459,0.783 l 0,0.109 c 2.005,0.632 5.061,2.219 6.515,3.217 1.002,-1.46 2.291,-3.266 3.243,-4.434 z m -20.787,-1.217 c -0.702,0.949 -1.954,2.504 -2.73,3.623 l -0.081,-0.027 0,-5.326 2.811,1.73 z m 3.136,1.217 -5.947,-3.595 0,-2.46 c 0.752,-0.317 2.306,-1.004 3.108,-1.514 l 1.27,1.27 c 0.353,0.353 0.32,0.973 0.947,0.973 0.175,0 0.351,-0.265 0.351,-0.459 0,-0.207 -0.167,-0.306 -0.27,-0.406 l -3.866,-3.758 c -1.328,0.828 -4.024,2.033 -5.352,2.569 l 0,0.108 c 0.215,0.078 0.46,0.221 0.46,0.757 l 0,6.84 c 0,0.559 -0.216,0.739 -0.46,0.783 l 0,0.109 c 2.005,0.632 5.061,2.219 6.515,3.217 1.002,-1.46 2.291,-3.266 3.244,-4.434 z m -15.679,-7.597 0,7.651 c -0.977,0.535 -2.599,1.614 -3.676,2.514 l -0.054,-0.027 0,-8.543 c 0.977,-0.437 2.598,-1.356 3.325,-1.892 l 0.405,0.297 z m 4.704,-1.27 c -0.081,-3.09 -1.678,-5.218 -4.65,-5.218 -2.325,0 -4.024,1.162 -6.136,1.162 -1.23,0 -1.896,-0.367 -2.244,-0.783 l -0.162,0.081 c 0.125,2.238 1.753,3.487 3.839,3.487 2.298,0 3.973,-1.433 6.406,-1.433 1.554,0 2.364,0.793 2.514,1.595 l -0.027,0.054 c -0.326,-0.194 -0.752,-0.432 -1.378,-0.432 -1.254,0 -2.613,0.841 -2.839,2.325 -0.598,-0.405 -1.925,-1.419 -2.514,-1.92 -1.468,0.922 -3.849,2.071 -5.001,2.569 l 0,0.108 c 0.24,0.076 0.406,0.365 0.406,0.649 l 0,6.975 c 0,0.414 -0.139,0.704 -0.433,0.756 l 0,0.109 c 2.13,0.754 4.847,2.152 6.326,3.271 1.281,-0.985 3.629,-2.373 5.001,-3.136 l 0,-0.135 c -0.301,-0.122 -0.46,-0.317 -0.46,-0.973 l 0,-7.516 c 0,-0.965 0.092,-1.622 0.811,-1.622 0.114,0 0.251,0.095 0.351,0.216 l 0.19,-0.189 z m -34.358,6.921 -2.568,7.677 -2.838,-7.677 5.406,0 z m 7.65,-4.921 -3.406,-3.082 c -0.952,0.657 -1.771,1.19 -2.973,1.92 l 0,0.135 c 0.272,0.096 0.402,0.362 0.405,0.676 0.001,0.138 -0.034,0.287 -0.081,0.432 l -0.973,2.974 -6.731,0 -0.892,-2.487 c 1.392,0 2.106,-0.155 2.784,-0.432 l 0.676,1.189 0.541,-0.27 -2.325,-4.164 c -0.912,0.504 -1.943,0.893 -3.109,0.893 -1.374,0 -2.411,-0.348 -2.919,-0.812 -0.102,-0.093 -0.249,-0.068 -0.189,0.135 0.551,1.874 1.791,3.303 3.919,3.434 l 4.704,12.652 c -0.487,1.271 -0.958,1.784 -2.136,1.784 -1.103,0 -2.189,-0.497 -2.189,-1.811 0,-0.608 0.621,-0.556 0.621,-1 0,-0.156 -0.138,-0.325 -0.351,-0.325 -0.401,0 -0.811,0.519 -0.811,1.541 0,2.312 1.94,3.677 3.92,3.677 1.804,0 2.53,-0.676 3.081,-1.406 0.176,0.681 0.844,1.133 1.379,1.217 l 0.162,-0.27 c -0.334,-0.403 -0.514,-0.76 -0.514,-1.271 0,-0.266 0.114,-0.815 0.19,-1.028 l 5.055,-14.22 0.865,-0.513 0.919,0.838 0.378,-0.406 z m -28.329,-1.081 0,3.92 c -0.476,0.219 -1.016,0.523 -1.487,0.757 l -3.784,-3.893 0.135,-0.027 c 0.588,0.311 0.824,0.703 2.027,0.703 1.228,0 2.467,-0.864 3.055,-1.487 l 0.054,0.027 z m 3.865,12.03 c 0,-1.314 -1.536,-3.055 -3.568,-3.055 -1.337,0 -2.131,0.663 -2.757,1.514 l -0.054,-0.027 0,-3.271 1.838,-0.865 0.838,0.838 c 0.867,-0.533 2.664,-1.467 3.622,-1.865 l 0,-0.081 c -0.187,-0.077 -0.405,-0.287 -0.405,-0.676 l 0,-2.298 c 0,-0.33 0.23,-0.549 0.405,-0.622 l 0,-0.108 c -1.954,-0.828 -4.763,-2.322 -6.136,-3.515 -0.702,0.657 -1.646,1.271 -2.865,1.271 -1.143,0 -1.649,-0.407 -1.649,-0.784 0,-0.235 0.486,-0.203 0.486,-0.541 0,-0.155 -0.138,-0.324 -0.351,-0.324 -0.268,0 -0.757,0.37 -0.757,0.838 0,0.876 0.625,1.637 2.054,3.082 l 2.514,2.541 c -1.034,0.514 -2.539,1.16 -3.379,1.514 l 0,0.108 c 0.244,0.068 0.406,0.315 0.406,0.595 l 0,2.082 c 0,0.229 -0.105,0.578 -0.406,0.675 l 0,0.109 c 2.105,0.729 4.77,2.198 6.299,3.243 0.342,-0.369 1.251,-1.162 2.216,-1.162 0.813,0 1,0.4 1,0.676 0,0.157 -0.297,0.243 -0.297,0.486 0,0.209 0.11,0.298 0.27,0.298 0.24,0 0.676,-0.233 0.676,-0.676 z m -15.678,-12.057 0,8.029 c -1.153,0.608 -2.848,1.833 -3.65,2.514 l -0.054,-0.027 0,-8.191 c 1.103,-0.584 2.748,-1.598 3.65,-2.352 l 0.054,0.027 z m 3.811,1.541 c -1.676,-0.665 -4.922,-2.322 -6.325,-3.515 -1.479,1.047 -3.629,2.427 -5.001,3.191 l 0,0.08 c 0.351,0.122 0.432,0.371 0.432,0.785 l 0,6.137 c 0,0.564 -0.131,0.767 -0.432,0.864 l 0,0.109 c 2.305,0.827 4.471,2.003 6.325,3.243 1.278,-0.924 3.523,-2.284 5.001,-3.135 l 0,-0.108 c -0.267,-0.105 -0.459,-0.371 -0.459,-0.784 l 0,-6.083 c 0,-0.438 0.184,-0.603 0.459,-0.676 l 0,-0.108 z m -17.895,0.838 0,11.381 c -1.644,0.175 -2.367,1.234 -2.919,1.866 l -1.595,-1.244 c 0.008,-1.731 0.497,-3.134 1.108,-4.515 0.558,-1.262 1.19,-2.896 1.19,-4.027 0,-1.865 -1.065,-3.042 -3.596,-5.354 l 0.081,-0.08 c 1.504,1.094 3.711,1.94 5.731,1.973 z m 6.19,0.027 -2.459,-4.461 c -1.288,0.872 -3.356,1.406 -5.11,1.406 -3.458,0 -5.827,-0.597 -7.055,-1.352 l -0.162,0.162 c 1.097,0.933 2.947,2.43 2.947,5.84 0,1.437 -0.596,3.065 -1.028,4.136 -0.499,1.24 -0.892,1.892 -0.892,3.623 0,3.014 1.677,4.716 4.298,6.001 l 0.19,-0.243 c -0.905,-0.73 -1.326,-1.671 -1.46,-2.622 l 4.19,3.406 c 1.073,-1.463 2.084,-2.027 3.406,-2.027 1.084,0 1.405,0.467 1.405,0.838 0,0.268 -0.378,0.305 -0.378,0.567 0,0.249 0.175,0.325 0.324,0.325 0.333,0 0.649,-0.417 0.649,-0.73 0,-2.052 -1.905,-3.569 -3.784,-3.569 -0.326,0 -0.55,-0.035 -0.757,0 l 0,-11.327 c 1.629,0 3.178,-0.446 4.406,-1.055 l 0.757,1.298 0.513,-0.216 z m 135.295,9.651 c 0,-0.17 -0.198,-0.297 -0.324,-0.297 -0.216,0 -0.399,0.405 -1,0.405 -0.885,0 -1.623,-0.735 -1.623,-1.595 0,-2.263 2.299,-3.178 2.299,-5.758 0,-2.164 -2.18,-3.418 -4.434,-3.704 l -0.433,0.298 c 1.235,0.156 1.839,0.569 1.839,2.027 0,1.971 -2.109,3.575 -2.109,5.894 0,1.875 1.817,3.325 4.298,3.325 0.483,0 0.955,-0.144 1.216,-0.27 0.151,-0.073 0.271,-0.179 0.271,-0.325"
+                 id="path3057"
+                 style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+            </g>
+          </g>
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/webapp/src/App.vue b/webapp/src/App.vue
index 581de5c..c3fa834 100644
--- a/webapp/src/App.vue
+++ b/webapp/src/App.vue
@@ -1,10 +1,11 @@
 <script setup lang="ts">
 import { RouterView, useRouter } from 'vue-router'
-import { ref, watch } from 'vue'
+import { computed, ref, watch } from 'vue'
 import { useTheme } from 'vuetify';
 
 const theme = useTheme();
 const router = useRouter();
+const isDark = computed(() => theme.name.value === 'dark');
 
 function toggleTheme() {
   const newTheme = theme.global.name.value === 'dark' ? 'light' : 'dark';
@@ -23,7 +24,7 @@ const items = [
 ]
 
 const metaItems = [
-  { title: 'Discord', icon: 'mdi-chat-processing-outline', href: 'https://discord.gg/aV7v4R3sKT'},
+  { title: 'Discord', customIcon: '/icon-discord.svg', customIconDark: '/icon-discord-white.svg', href: 'https://discord.gg/aV7v4R3sKT'},
   { title: 'Contact', icon: 'mdi-email-outline', to: '/contact' },
   { title: 'GitHub', icon: 'mdi-github', href: 'https://github.com/frillweeman/deflock'},
   { title: 'Donate', icon: 'mdi-heart', to: '/donate'},
@@ -34,11 +35,9 @@ watch(() => theme.global.name.value, (newTheme) => {
   const root = document.documentElement;
   if (newTheme === 'dark') {
     root.style.setProperty('--df-background-color', 'rgb(33, 33, 33)');
-    root.style.setProperty('--df-page-background-color', 'unset');
     root.style.setProperty('--df-text-color', '#ccc');
   } else {
     root.style.setProperty('--df-background-color', 'white');
-    root.style.setProperty('--df-page-background-color', '#f5f5f5');
     root.style.setProperty('--df-text-color', 'black');
   }
 });
@@ -86,7 +85,11 @@ watch(() => theme.global.name.value, (newTheme) => {
           :to="item.to"
           :href="item.href"
           :target="{ '_blank': item.href }"
-        ><v-icon start>{{ item.icon }}</v-icon>{{ item.title }}</v-list-item>
+        >
+          <v-icon v-if="item.icon" start>{{ item.icon }}</v-icon>
+            <v-img v-else-if="item.customIcon" class="mr-2 custom-icon" contain width="24" height="24" :src="isDark ? item.customIconDark : item.customIcon" style="vertical-align: middle;" />
+            <span style="vertical-align: middle;">{{ item.title }}</span>
+        </v-list-item>
       </v-list>
     </v-navigation-drawer>
 
@@ -95,3 +98,10 @@ watch(() => theme.global.name.value, (newTheme) => {
     </v-main>
   </v-app>
 </template>
+
+<style lang="css" scoped>
+.custom-icon {
+  display: inline-block;
+  margin-right: 5px;
+}
+</style>
diff --git a/webapp/src/assets/main.css b/webapp/src/assets/main.css
index 1ccee5e..0b1a138 100644
--- a/webapp/src/assets/main.css
+++ b/webapp/src/assets/main.css
@@ -1,17 +1,18 @@
 a {
   font-weight: bold;
-  color: rgb(18, 151, 195);
+  color: var(--df-blue);
   text-decoration: none;
 }
 
-a:hover {
+/* underline only simple <a> elements */
+a:not([class]):hover {
   text-decoration: underline;
 }
 
 :root {
   --df-background-color: white;
   --df-text-color: #ccc;
-  --df-page-background-color: #f5f5f5;
+  --df-blue: rgb(18, 151, 195);
 }
 
 .leaflet-popup-content-wrapper, .leaflet-popup-tip, .leaflet-bar a {
diff --git a/webapp/src/assets/typography.css b/webapp/src/assets/typography.css
new file mode 100644
index 0000000..4e21fee
--- /dev/null
+++ b/webapp/src/assets/typography.css
@@ -0,0 +1,26 @@
+/* Typography rules */
+
+body {
+  line-height: 1.6;
+  margin: 0;
+  padding: 0;
+}
+
+h1, h2, h3, h4, h5, h6 {
+  margin-top: 1.5em;
+  margin-bottom: 0.5em;
+  font-weight: bold;
+}
+
+p {
+  margin: 0.5em 0;
+}
+
+ul, ol {
+  margin: 1em 0;
+  padding-left: 1.5em;
+}
+
+ul li, ol li {
+  margin: 0.5em 0;
+}
diff --git a/webapp/src/components/Dangers.vue b/webapp/src/components/Dangers.vue
index afa6a3c..861752f 100644
--- a/webapp/src/components/Dangers.vue
+++ b/webapp/src/components/Dangers.vue
@@ -1,5 +1,5 @@
 <template>
-  <v-expansion-panels multiple>
+  <v-expansion-panels multiple :model-value :readonly="showAll">
     <v-expansion-panel>
       <v-expansion-panel-title class="font-weight-bold">
         ALPRs Do Not Reduce Crime
@@ -19,7 +19,7 @@
           What research does exist regarding the ability of ALPRs to reduce crime is inconclusive at best:
         </p>
 
-        <quoted-source source-url="https://example.com/study" attribution-text="Journal of Experimental Criminology">
+        <quoted-source source-url="https://link.springer.com/article/10.1007/s11292-011-9133-9" attribution-text="Journal of Experimental Criminology">
           Our findings indicate that, when small numbers of LPR patrols are used in crime hot spots in the way we have tested them here, they do not seem to generate either a general or offense-specific deterrent effect.
         </quoted-source>
 
@@ -156,6 +156,16 @@
 
 <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>
diff --git a/webapp/src/components/LeafletMap.vue b/webapp/src/components/LeafletMap.vue
index 8ed854b..f81539e 100644
--- a/webapp/src/components/LeafletMap.vue
+++ b/webapp/src/components/LeafletMap.vue
@@ -60,7 +60,7 @@ function initializeMap() {
   registerWatchers();
 
   L.tileLayer('https://tile.openstreetmap.org/{z}/{x}/{y}.png', {
-    attribution: '&copy; <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>',
+    attribution: '&copy; <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors',
   }).addTo(map);
 
   emit('update:bounds', map.getBounds()); // XXX: this event populates the map
@@ -69,8 +69,6 @@ function initializeMap() {
 function renderCurrentLocation() {
   if (!props.currentLocation)
     return;
-  else
-    console.log('Current location:', props.currentLocation);
 
   if (currentLocationLayer) {
     map.removeLayer(currentLocationLayer);
diff --git a/webapp/src/components/layout/Footer.vue b/webapp/src/components/layout/Footer.vue
new file mode 100644
index 0000000..dc38d70
--- /dev/null
+++ b/webapp/src/components/layout/Footer.vue
@@ -0,0 +1,95 @@
+<template>
+  <v-footer>
+    <v-container>
+      <v-row align-items="center" justify="center">
+
+        <v-col cols="12" class="mt-4">
+          <v-img height="30" contain src="/deflock-logo-grey.svg" />
+        </v-col>
+        
+        <!-- Internal Links -->
+        <v-col cols="7" sm="3">
+          <v-list density="compact">
+            <v-list-subheader>Info</v-list-subheader>
+            <v-list-item
+              v-for="link in internalLinks"
+              :key="link.title"
+              link
+              :to="link.to"
+              slim
+            >
+                <v-list-item-title class="d-flex align-center">
+                <v-icon class="custom-icon" start :icon="link.icon" />
+                {{ link.title }}
+                </v-list-item-title>
+            </v-list-item>
+          </v-list>
+        </v-col>
+
+        <!-- External Links -->
+        <v-col cols="5" sm="3">
+          <v-list density="compact">
+            <v-list-subheader>Get Involved</v-list-subheader>
+            <v-list-item
+              v-for="link in externalLinks"
+              :key="link.title"
+              link
+              slim
+              :href="link.href"
+              :to="link.to"
+              :target="link.href ? '_blank' : undefined"
+            >
+              <v-list-item-title class="d-flex align-center justify-start">
+                <v-icon start v-if="link.icon" class="custom-icon" :icon="link.icon"></v-icon>
+                <img v-else-if="link.customIcon" class="mr-2 custom-icon" width="24" height="24" :src="isDark ? link.customIconDark : link.customIcon" />
+                {{ link.title }}
+              </v-list-item-title>
+            </v-list-item>
+          </v-list>
+        </v-col>
+
+        <!-- Copyright -->
+        <v-col
+          class="text-center serif copyright d-flex align-center justify-center text-grey-darken-1"
+          cols="12"
+          sm="6"
+        >
+        <div>
+          <p>&copy; {{ currentYear }} DeFlock. All Rights Reserved</p>
+          <p>Map data © <a href="https://www.openstreetmap.org/copyright" target="_blank" style="color: unset; font-weight: normal;">OpenStreetMap contributors</a></p>
+        </div>
+        </v-col>
+      </v-row>
+    </v-container>
+  </v-footer>
+</template>
+
+<script setup lang="ts">
+import { computed } from 'vue';
+import { useTheme } from 'vuetify';
+const theme = useTheme();
+const isDark = computed(() => theme.name.value === 'dark');
+const currentYear = new Date().getFullYear();
+
+const internalLinks = [
+  { title: 'About', to: '/about', icon: 'mdi-information' },
+  { title: 'Privacy Policy', to: '/privacy', icon: 'mdi-shield' },
+  { title: 'Terms of Service', to: '/terms', icon: 'mdi-file-document' },
+  { title: 'Contact', to: '/contact', icon: 'mdi-email' },
+];
+
+const externalLinks = [
+  { title: 'Discord', href: 'https://discord.gg/aV7v4R3sKT', customIcon: '/icon-discord.svg', customIconDark: '/icon-discord-white.svg' },
+  { title: 'Donate', to: '/donate', icon: 'mdi-heart' },
+  { title: 'GitHub', href: 'https://github.com/FoggedLens/deflock', icon: 'mdi-github' },
+]
+</script>
+
+<style scoped>
+.custom-icon {
+  opacity: var(--v-medium-emphasis-opacity);
+}
+.copyright {
+  font-size: 0.85rem;
+}
+</style>
diff --git a/webapp/src/main.ts b/webapp/src/main.ts
index 6f0f9c6..41f293f 100644
--- a/webapp/src/main.ts
+++ b/webapp/src/main.ts
@@ -17,6 +17,13 @@ const vuetify = createVuetify({
   directives,
   theme: {
     defaultTheme: 'light',
+    themes: {
+      light: {
+        colors: {
+          background: '#f5f5f5',
+        }
+      }
+    }
   }
 })
 
diff --git a/webapp/src/router/index.ts b/webapp/src/router/index.ts
index 7c835f2..1a13e2f 100644
--- a/webapp/src/router/index.ts
+++ b/webapp/src/router/index.ts
@@ -83,11 +83,19 @@ const router = createRouter({
       }
     },
     {
-      path: '/legal',
-      name: 'legal',
-      component: () => import('../views/LegalView.vue'),
+      path: '/terms',
+      name: 'terms',
+      component: () => import('../views/TermsOfService.vue'),
       meta: {
-        title: 'Legal | DeFlock'
+        title: 'Terms of Service | DeFlock'
+      }
+    },
+    {
+      path: '/privacy',
+      name: 'privacy',
+      component: () => import('../views/PrivacyPolicy.vue'),
+      meta: {
+        title: 'Privacy Policy | DeFlock'
       }
     },
     {
diff --git a/webapp/src/views/AboutView.vue b/webapp/src/views/AboutView.vue
index 3f94594..b4dfa10 100644
--- a/webapp/src/views/AboutView.vue
+++ b/webapp/src/views/AboutView.vue
@@ -1,5 +1,5 @@
 <template>
-  <v-container max-width="1000">
+  <v-container max-width="1000" class="mb-16">
     <h2>About Us</h2>
     <p>
       Welcome to DeFlock, your go-to resource for understanding and addressing the growing presence of Automated License Plate Readers (ALPRs) in our communities.
@@ -48,22 +48,13 @@
         Share our site with your friends, family, and social networks to help raise awareness about the dangers of ALPRs.
       </p>
     </div>
-
-    <v-footer class="my-6">
-      <v-col cols="7" class="text-grey">
-        &copy; {{ thisYear }} DeFlock. All rights reserved.
-      </v-col>
-      <v-spacer></v-spacer>
-      <v-col cols="5">
-        <p><router-link class="text-grey" to="/legal">Legal</router-link></p>
-        <p><router-link class="text-grey" to="/contact">Contact Us</router-link></p>
-      </v-col>
-    </v-footer>
   </v-container>
+
+  <Footer />
 </template>
 
 <script setup lang="ts">
-const thisYear = new Date().getFullYear();
+import Footer from '@/components/layout/Footer.vue';
 </script>
 
 <style scoped>
diff --git a/webapp/src/views/ContactView.vue b/webapp/src/views/ContactView.vue
index 742008a..f5ce89c 100644
--- a/webapp/src/views/ContactView.vue
+++ b/webapp/src/views/ContactView.vue
@@ -1,14 +1,63 @@
 <template>
-  <v-container max-width="1000">
-    <h2>Contact Us</h2>
-    <p>
-      If you have any questions or concerns about the data on this site, please contact us at <a href="mailto:contact@deflock.me">contact@deflock.me</a>.
-    </p>
+  <v-container class="mb-16 text-center">
+    <h1>Contact Us</h1>
+
+    <div>
+      <p>
+        Have questions about DeFlock? Need help contributing to OpenStreetMap?
+      </p>
+      <p>
+        Reach out using the contact options below.
+      </p>
+    </div>
+
+    <v-row class="mt-12">
+      <v-col cols="12" sm="6">
+        <v-card
+          variant="outlined"
+          append-icon="mdi-open-in-new"
+          class="mx-auto my-2"
+          href="mailto:contact@deflock.me"
+          max-width="344"
+          prepend-icon="mdi-email"
+          subtitle="contact@deflock.me"
+          target="_blank"
+          title="Email Us"
+        ></v-card>
+      </v-col>
+
+      <v-col cols="12" sm="6">
+        <v-card
+          variant="outlined"
+          append-icon="mdi-open-in-new"
+          class="mx-auto my-2"
+          href="https://discord.gg/aV7v4R3sKT"
+          max-width="344"
+          subtitle="discord.gg/aV7v4R3sKT"
+          target="_blank"
+          title="Join our Discord"
+        >
+          <template v-slot:prepend>
+            <v-img class="mr-2" contain width="24" height="24" :src="isDark ? 'icon-discord-white.svg' : 'icon-discord.svg'" />
+          </template>
+        </v-card>
+      </v-col>
+    </v-row>
   </v-container>
+  
+  <Footer />
 </template>
 
-<style scoped>
-p {
-  margin-top: 0.5rem;
-}
+<script setup lang="ts">
+import Footer from '@/components/layout/Footer.vue';
+import { useTheme } from 'vuetify';
+import { computed } from 'vue';
+
+const theme = useTheme();
+const isDark = computed(() => theme.name.value === 'dark');
+</script>
+ 
+<style lang="css" scoped>
+@import url('@/assets/typography.css');
 </style>
+
diff --git a/webapp/src/views/Dangers.vue b/webapp/src/views/Dangers.vue
index 774e34b..a54f0b3 100644
--- a/webapp/src/views/Dangers.vue
+++ b/webapp/src/views/Dangers.vue
@@ -1,5 +1,5 @@
 <template>
-  <v-container class="info-section">
+  <v-container class="info-section mb-16">
     <!-- Hero Section -->
     <v-row justify="center" class="hero-section-harms text-center mb-4">
       <v-col cols="12" md="8">
@@ -21,12 +21,15 @@
       </v-col>
     </v-row>
     
-    <dangers />
+    <dangers showAll />
   </v-container>
+
+  <Footer />
 </template>
 
 <script setup lang="ts">
 import Dangers from '@/components/Dangers.vue';
+import Footer from '@/components/layout/Footer.vue';
 </script>
 
 <style scoped>
@@ -57,8 +60,4 @@ import Dangers from '@/components/Dangers.vue';
 p {
   margin-bottom: 16px;
 }
-
-.info-section {
-  background: var(--df-page-background-color);
-}
 </style>
diff --git a/webapp/src/views/Donate.vue b/webapp/src/views/Donate.vue
index ba6321a..d730860 100644
--- a/webapp/src/views/Donate.vue
+++ b/webapp/src/views/Donate.vue
@@ -1,5 +1,5 @@
 <template>
-  <v-container class="sponsor-page">
+  <v-container fluid class="sponsor-page">
     <!-- Hero Section -->
     <v-row justify="center" class="hero-section-sponsor text-center mb-4">
       <v-col cols="12" md="8">
@@ -14,10 +14,13 @@
     <!-- GitHub Sponsors Section -->
     <v-row justify="center" class="sponsors-section text-center">
       <v-col cols="12" md="10">
-        <h2 class="mb-4">Our Amazing Sponsors</h2>
+        <h2 class="mb-2">Our Amazing Sponsors</h2>
+        <p class="mb-8">
+          Want to see your name here? <a href="https://github.com/sponsors/frillweeman">Become a sponsor</a>, and your name will appear on this page!
+        </p>
         <v-row>
           <v-col v-for="sponsor in sponsors" :key="sponsor.login" cols="6" md="4" lg="3">
-            <v-card variant="flat" class="text-center py-2">
+            <v-card :href="sponsor.url" target="_blank" variant="flat" class="text-center py-2" color="transparent">
               <v-avatar size="64px" class="mb-3">
                 <v-img :src="sponsor.avatarUrl" :alt="sponsor.name" />
               </v-avatar>
@@ -27,26 +30,36 @@
         </v-row>
       </v-col>
     </v-row>
-  </v-container>
 
-  <!-- Footer Section -->
-  <v-footer class="text-center mt-8">
-    <v-row>
-      <v-col>
-        <p>&copy; {{ new Date().getFullYear() }} DeFlock. All rights reserved.</p>
+    <!-- GitHub Sponsors Section -->
+    <v-row justify="center" class="sponsors-section text-center mt-4">
+      <v-col cols="12" md="10">
+        <h2 class="mb-2">Special Thanks</h2>
+        
+        <v-card href="https://www.404media.co/" target="_blank" max-width="250" variant="flat" class="text-center py-2 mx-auto" color="transparent">
+          <v-img class="ma-4" src="/404media.svg" alt="404 Media Logo" contain />
+          <v-card-title class="mt-2 serif text-center font-weight-bold">404 Media</v-card-title>
+          <v-card-text>
+            <p>Special thanks to Jason Koebler at 404 Media for popularizing this project. Be sure to support them, as they are fellow privacy advocates.</p>
+          </v-card-text>
+        </v-card>
       </v-col>
     </v-row>
-  </v-footer>
+  </v-container>
+
+  <Footer />
 </template>
 
 <script setup lang="ts">
 import { ref, onMounted, type Ref } from "vue";
 import { getSponsors } from "@/services/apiService";
+import Footer from "@/components/layout/Footer.vue";
 
 interface Sponsor {
   login: string;
   name: string;
   avatarUrl: string;
+  url: string;
 }
 
 const sponsors: Ref<Sponsor[]> = ref([]);
diff --git a/webapp/src/views/Landing.vue b/webapp/src/views/Landing.vue
index 95a0ef4..ada307c 100644
--- a/webapp/src/views/Landing.vue
+++ b/webapp/src/views/Landing.vue
@@ -1,78 +1,90 @@
 <template>
   <!-- Hero Section -->
   <v-container fluid class="hero-section">
-     <v-row justify="center">
-       <v-col cols="12" md="8" class="text-center">
-       <h1 class="display-1 px-8">You're Being Tracked by ALPRs!</h1>
-         <ALPRCounter class="mt-4" />
-         <p class="subtitle-1 px-8 mt-6 mb-12 bigger">
-           Automated License Plate Readers (ALPRs) are monitoring your every move. Learn more about how they work and how you can protect your privacy.
-         </p>
-         <v-btn color="rgb(18, 151, 195)" large @click="goToMap({ withCurrentLocation: true })">
-           Find Nearby ALPRs
-           <v-icon end>mdi-map</v-icon>
-         </v-btn>
-       </v-col>
-     </v-row>
-   </v-container>
-
-   <!-- Dangers Section -->
-   <v-container class="py-10 text-center info-section">
-      <h2 class="display-2 mb-4">The Dangers of ALPRs</h2>
-      <p class="subtitle-1 px-8">
-        ALPRs are a threat to your privacy and civil liberties. They can be used to track your movements, profile you, and even stalk you. Learn more about the dangers of ALPRs and how you can protect yourself.
-      </p>
-      
-     <v-row class="align-center mt-4">
-       <v-col cols="12" md="4" class="text-center">
-         <v-card>
-           <v-card-title class="headline">
-             <v-icon x-large class="mr-2">mdi-shield-alert</v-icon>
-             Privacy Violations
-           </v-card-title>
-           <v-card-text>
-             ALPRs track your movements and store your data for long periods of time, creating a detailed record of your location history. They surveil mostly innocent people while claiming to target criminals.
-           </v-card-text>
-         </v-card>
-       </v-col>
-       <v-col cols="12" md="4" class="text-center">
-         <v-card>
-           <v-card-title class="headline">
-             <v-icon x-large class="mr-2">mdi-alert-circle</v-icon>
-             Risk of Misuse
-           </v-card-title>
-           <v-card-text>
-             Data from ALPRs has led to <a target="_blank" href="https://www.newsobserver.com/news/state/north-carolina/article287381160.html">wrongful arrests</a>, profiling, and <a target="_blank" href="https://www.kwch.com/2022/10/31/kechi-police-lieutenant-arrested-using-police-technology-stalk-wife/">stalking ex-partners</a> by police officers.
-           </v-card-text>
-         </v-card>
-       </v-col>
-       <v-col cols="12" md="4" class="text-center">
-         <v-card>
-           <v-card-title class="headline">
-             <v-icon x-large class="mr-2">mdi-handcuffs</v-icon>
-             Limited Benefits
-           </v-card-title>
-           <v-card-text>
-             There's no substantial evidence that ALPRs effectively prevent crime, despite <a target="_blank" href="https://www.404media.co/researcher-who-oversaw-flock-surveillance-study-now-has-concerns-about-it/">Flock's unethical attempts</a> to prove otherwise.
-           </v-card-text>
-         </v-card>
-       </v-col>
-      </v-row>
-
-      <v-btn class="mt-8" color="rgb(18, 151, 195)" large to="/dangers">
-        See All Dangers
-        <v-icon end>mdi-shield-alert</v-icon>
-      </v-btn>
-    </v-container>
-
-   <!-- Map Section -->
-   <v-container 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">
-       View the Map
-       <v-icon end>mdi-map</v-icon>
-     </v-btn>
-   </v-container>
+    <v-row justify="center">
+      <v-col cols="12" md="8" class="text-center">
+        <h1 class="display-1 px-8">You're Being Tracked by ALPRs!</h1>
+        <ALPRCounter class="mt-4" />
+        <p class="subtitle-1 px-8 mt-6 mb-12 bigger">
+          Automated License Plate Readers (ALPRs) are monitoring your every move. Learn more about how they work and how you can protect your privacy.
+        </p>
+        <v-btn color="rgb(18, 151, 195)" large @click="goToMap({ withCurrentLocation: true })">
+          Find Nearby ALPRs
+          <v-icon end>mdi-map</v-icon>
+        </v-btn>
+        
+        <!-- Featured On Section -->
+        <v-container class="featured-on-section mt-10">
+          <h4 class="mb-8" style="opacity: 0.8">Featured On</h4>
+          <v-row justify="center" align-items="center">
+            <v-card flat v-for="site in featuredOn" class="mx-4" :width="site.wide ? 200 : 100" height="50" :href="site.url" target="_blank" style="background: rgba(0,0,0,0)">
+              <v-img contain :src="site.logo" :alt="site.name" class="featured-logo" style="display: flex; align-items: center; height: 100%;" />
+            </v-card>
+          </v-row>
+        </v-container>
+      </v-col>
+    </v-row>
+  </v-container>
+  
+  <!-- Dangers Section -->
+  <v-container class="py-10 text-center info-section">
+    <h2 class="display-2 mb-4">The Dangers of ALPRs</h2>
+    <p class="subtitle-1 px-8">
+      ALPRs are a threat to your privacy and civil liberties. They can be used to track your movements and profile you, and even stalk you. Learn more about the dangers of ALPRs and how you can protect yourself.
+    </p>
+    
+    <v-row class="align-center mt-4">
+      <v-col cols="12" md="4" class="text-center">
+        <v-card>
+          <v-card-title class="headline">
+            <v-icon x-large class="mr-2">mdi-shield-alert</v-icon>
+            Privacy Violations
+          </v-card-title>
+          <v-card-text>
+            ALPRs track your movements and store your data for long periods of time, creating a detailed record of your location history. They surveil mostly innocent people while claiming to target criminals.
+          </v-card-text>
+        </v-card>
+      </v-col>
+      <v-col cols="12" md="4" class="text-center">
+        <v-card>
+          <v-card-title class="headline">
+            <v-icon x-large class="mr-2">mdi-robber</v-icon>
+            Risk of Misuse
+          </v-card-title>
+          <v-card-text>
+            Data from ALPRs has led to <a target="_blank" href="https://www.newsobserver.com/news/state/north-carolina/article287381160.html">wrongful arrests</a>, profiling, and <a target="_blank" href="https://www.kwch.com/2022/10/31/kechi-police-lieutenant-arrested-using-police-technology-stalk-wife/">stalking ex-partners</a> by police officers.
+          </v-card-text>
+        </v-card>
+      </v-col>
+      <v-col cols="12" md="4" class="text-center">
+        <v-card>
+          <v-card-title class="headline">
+            <v-icon x-large class="mr-2">mdi-handcuffs</v-icon>
+            Limited Benefits
+          </v-card-title>
+          <v-card-text>
+            There's no substantial evidence that ALPRs effectively prevent crime, despite <a target="_blank" href="https://www.404media.co/researcher-who-oversaw-flock-surveillance-study-now-has-concerns-about-it/">Flock's unethical attempts</a> to prove otherwise.
+          </v-card-text>
+        </v-card>
+      </v-col>
+    </v-row>
+    
+    <v-btn class="mt-8" color="rgb(18, 151, 195)" large to="/dangers">
+      <v-icon start>mdi-book-open-page-variant</v-icon>
+      See All Dangers
+    </v-btn>
+  </v-container>
+  
+  <!-- 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">
+      View the Map
+      <v-icon end>mdi-map</v-icon>
+    </v-btn>
+  </v-container>
+  
+  <Footer />
 </template>
 
 <style>
@@ -80,7 +92,7 @@
   background: url('/flock-camera.jpeg') no-repeat center center;
   background-size: cover;
   color: white;
-  padding: 100px 0 !important;
+  padding: 100px 0 50px 0 !important;
   position: relative;
 }
 
@@ -100,10 +112,6 @@
   z-index: 2;
 }
 
-.info-section {
-  background: var(--df-page-background-color);
-}
-
 .map-section {
   background: url('/deflock-screenshot.webp') no-repeat center center;
   background-size: cover;
@@ -130,6 +138,10 @@
 .bigger {
   font-size: 1.1rem;
 }
+
+.featured-logo {
+  opacity: 0.7;
+}
 </style>
 
 
@@ -137,6 +149,7 @@
 import { useRouter } from 'vue-router';
 import ALPRCounter from '@/components/ALPRCounter.vue';
 import { useGlobalStore } from '@/stores/global';
+import Footer from '@/components/layout/Footer.vue';
 
 const router = useRouter();
 const { setCurrentLocation } = useGlobalStore();
@@ -145,6 +158,25 @@ interface GoToMapOptions {
   withCurrentLocation?: boolean;
 }
 
+const featuredOn = [
+{
+  name: 'Forbes',
+  logo: '/white-logos/forbes.svg',
+  url: 'https://www.forbes.com/sites/larsdaniel/2024/11/26/think-youre-not-being-watched-deflock-says-think-again/',
+},
+{
+  name: '404 Media',
+  logo: '/white-logos/404media.svg',
+  url: 'https://www.404media.co/the-open-source-project-deflock-is-mapping-license-plate-surveillance-cameras-all-over-the-world/',
+},
+{
+  name: 'LA Times',
+  logo: '/white-logos/latimes.svg',
+  url: 'https://www.latimes.com/california/story/2024-11-14/are-there-automated-license-plate-readers-in-your-city-theres-an-open-source-program-for-that',
+  wide: true,
+}
+];
+
 async function goToMap(options: GoToMapOptions = {}) {
   if (options.withCurrentLocation) {
     setCurrentLocation()
diff --git a/webapp/src/views/LegalView.vue b/webapp/src/views/LegalView.vue
deleted file mode 100644
index bbd62e3..0000000
--- a/webapp/src/views/LegalView.vue
+++ /dev/null
@@ -1,84 +0,0 @@
-<template>
-  <v-container max-width="1000">
-    <h1>Legal</h1>
-    <h2>Attribution</h2>
-    <p>
-      This website uses data from <a href="https://openstreetmap.org" target="_blank">OpenStreetMap</a>. OpenStreetMap is open data, licensed under the <a href="https://opendatacommons.org/licenses/odbl/" target="_blank">Open Data Commons Open Database License (ODbL)</a>.
-    </p>
-    <p>
-      Geocoding services are provided by <a href="https://nominatim.org/" target="_blank">Nominatim</a>, a project of OpenStreetMap.
-    </p>
-
-    <h2>Privacy Policy</h2>
-    <h3>Plausible Analytics</h3>
-
-    <p>
-      We use Plausible Analytics to track anonymous usage data. Plausible does not use cookies or collect personally identifiable information. The data collected is used solely to understand how people are using the site and to improve user experience.
-    </p>
-    <p>
-      No data is shared with third parties, and no personally identifiable information is stored or collected.
-    </p>
-
-    <h3>User Reports</h3>
-    <p>
-      At this time, DeFlock.me does not collect or store user-submitted reports. Users are directed to submit ALPR camera locations directly to OpenStreetMap via their editing platform, which has its own privacy policy and data practices.
-    </p>
-
-    <h2>Terms of Use</h2>
-
-    <h3>Use of the Website</h3>
-    <p>
-      DeFlock.me provides a service to help users locate and report Automated License Plate Reader (ALPR) cameras through external services like OpenStreetMap. By using this site, you agree to use the tools and resources in a lawful and ethical manner.
-    </p>
-
-    <h3>Liability Disclaimer</h3>
-    <p>
-      DeFlock.me provides information and directs users to third-party services for ALPR reporting. We do not guarantee the accuracy or completeness of the data presented on the map.
-    </p>
-    <p>
-      DeFlock.me and its operators are not liable for any direct or indirect damages arising from the use of the site, including reliance on third-party data or the submission of ALPR locations via OpenStreetMap.
-    </p>
-
-    <h2>User-Generated Content</h2>
-    <p>
-      DeFlock.me does not currently accept user-generated reports directly. All ALPR camera reports are directed to OpenStreetMap&apos;s editing platform. Users should follow OSM&apos;s guidelines and policies when submitting data.
-    </p>
-    <p>
-      In the future, we may add the ability to report ALPR cameras directly on this site. At that time, additional policies will be introduced regarding the use and storage of user-generated content.
-    </p>
-
-    <h2>Copyright Notice</h2>
-    <p>
-      All original content, design, and features of DeFlock.me are © {{ thisYear }} DeFlock.me. All rights reserved. Reproduction, distribution, or use of site content without permission is prohibited.
-    </p>
-    <p>
-      OpenStreetMap data is © OpenStreetMap contributors and is licensed under the Open Data Commons Open Database License (ODbL).
-    </p>
-
-  </v-container>
-</template>
-
-<script setup lang="ts">
-const thisYear = new Date().getFullYear();
-</script>
-
-<style scoped>
-/* TODO: put this all in one place, also in what-is view */
-h2 {
-  margin-top: 2rem;
-}
-
-h3 {
-  margin-top: 1.25rem;
-}
-
-p {
-  margin-top: 0.5rem;
-}
-
-/* as you can see, this one is the most updated */
-a {
-  color: var(green);
-  text-decoration: none;
-}
-</style>
diff --git a/webapp/src/views/OperatorsView.vue b/webapp/src/views/OperatorsView.vue
index a75a770..16b808a 100644
--- a/webapp/src/views/OperatorsView.vue
+++ b/webapp/src/views/OperatorsView.vue
@@ -51,12 +51,15 @@
       We are getting a lot of new datasets and trying to decide how to import them at a large scale, since they need to be verified and deduplicated. If you have any ideas or want to help, please reach out to us <router-link to="/contact">here</router-link> or join our <a href="https://discord.gg/aV7v4R3sKT" target="_blank">Discord</a>.
     </p>
   </v-container>
+
+  <Footer />
 </template>
 
 <script setup lang="ts">
 import { onMounted, ref, computed, watch } from 'vue';
 import { getCities } from '@/services/apiService';
 import CommunityDatasets from '@/components/CommunityDatasets.vue';
+import Footer from '@/components/layout/Footer.vue';
 
 const page = ref(1);
 const selectedState = ref('');
@@ -125,8 +128,4 @@ code {
   border-radius: 0.25rem;
   font-weight: bold;
 }
-
-.info-section {
-  background: var(--df-page-background-color);
-}
 </style>
diff --git a/webapp/src/views/PrivacyPolicy.vue b/webapp/src/views/PrivacyPolicy.vue
new file mode 100644
index 0000000..b641906
--- /dev/null
+++ b/webapp/src/views/PrivacyPolicy.vue
@@ -0,0 +1,48 @@
+<template>
+  <v-container class="mb-16">
+    <h1>Privacy Policy</h1>
+    <p>Effective Date: <b>12/26/2024</b></p>
+
+    <p>
+      At DeFlock, we respect your privacy. This privacy policy outlines our approach to user privacy and how information may be handled when using our platform.
+    </p>
+
+    <h2>Information We Collect</h2>
+    <p>
+      DeFlock does not collect, store, or process any personal information about our users. We do not use cookies, analytics, or tracking technologies on our website.
+    </p>
+
+    <h2>Third-Party Services</h2>
+    <p>
+      DeFlock relies on OpenStreetMap (OSM) for map data and functionality. If you choose to contribute Automatic License Plate Recognition (ALPR) data or other content to OSM, you will interact directly with their platform. OSM may request personal information, such as your email address and name, to facilitate your contributions. Please refer to the OpenStreetMap Privacy Policy for details on their data practices.
+    </p>
+
+    <h2>Your Choices</h2>
+    <p>
+      If you prefer not to share personal information, you are not required to contribute to OSM to use DeFlock. You can still enjoy the map data we source from OSM without uploading additional information.
+    </p>
+
+    <h2>Contact Us</h2>
+    <p>
+      If you have any questions or concerns about this privacy policy, please contact us at:
+    </p>
+    <p>
+      Email: <a href="mailto:contact@deflock.me">contact@deflock.me</a>
+    </p>
+
+    <h2>Policy Updates</h2>
+    <p>
+      We may update this privacy policy from time to time to reflect changes in our practices or for legal compliance. The "Effective Date" above will indicate when the latest changes were made.
+    </p>
+  </v-container>
+
+  <Footer />
+</template>
+
+<script setup lang="ts">
+import Footer from '@/components/layout/Footer.vue';
+</script>
+ 
+<style lang="css" scoped>
+@import url('@/assets/typography.css');
+</style>
diff --git a/webapp/src/views/ReportView.vue b/webapp/src/views/ReportView.vue
index c2d6737..c994bc5 100644
--- a/webapp/src/views/ReportView.vue
+++ b/webapp/src/views/ReportView.vue
@@ -1,31 +1,11 @@
 <template>
   <v-container class="info-section" max-width="1000">
-    <v-alert
-      variant="tonal"
-      type="info"
-      class="my-6"
-      title="Reporting Feature Coming Soon"
-    >
-      <p>
-        We're working on a feature that will allow you to report ALPRs directly on this site. In the meantime, you can follow the steps below to add the ALPR to OpenStreetMap.
-      </p>
-    </v-alert>
+
     <h2>How to Report an ALPR</h2>
     <p>
       If you've spotted an ALPR in your area, you can help us track it by reporting it to OpenStreetMap, where we source our information. Here's how you can do it:
     </p>
 
-    <v-alert
-      variant="tonal"
-      type="warning"
-      class="my-6"
-      title="Are you sure it's an ALPR?"
-    >
-      <p>
-        Before you report an ALPR, please read our <router-link style="color: unset !important" to="/what-is-an-alpr#not-alpr">guide on what ALPRs look like</router-link> to make sure you're reporting the right thing.
-      </p>
-    </v-alert>
-
     <div class="ml-4 mt-4">
       <h3>1. Create an OpenStreetMap Account</h3>
       <p>
@@ -69,6 +49,17 @@
         Once you've added the ALPR to the map, click the <strong>Save</strong> button in the top left corner of the editor. You'll be asked to provide a brief description of your changes. Once you've submitted your changes, the ALPR will be added to OpenStreetMap.
       </p>
 
+      <v-alert
+        variant="tonal"
+        type="info"
+        class="my-6"
+        title="How Long Will It Take?"
+      >
+        <p>
+          We pull data from OpenStreetMap <i>daily</i>, so it may take up to 24 hours for your changes to appear on this site. Rest assured that your changes will be reflected here soon. As we continue to scale, we hope to reduce this delay.
+        </p>
+      </v-alert>
+
       <h3>6. Hang a Sign</h3>
       <p>
         Download our <a href="/deflock-poster.pdf" target="_blank">ALPR sign</a> and hang it near the ALPR to help raise awareness about the device. Be sure to follow all local laws and regulations when hanging signs.
@@ -76,11 +67,12 @@
 
     </div>
   </v-container>
+  <Footer />
 </template>
 
 <script setup lang="ts">
-import DFCode from '@/components/DFCode.vue';
 import OSMTagSelector from '@/components/OSMTagSelector.vue';
+import Footer from '@/components/layout/Footer.vue';
 </script>
 
 <style scoped>
@@ -118,8 +110,4 @@ code {
   border-radius: 0.25rem;
   font-weight: bold;
 }
-
-.info-section {
-  background: var(--df-page-background-color);
-}
 </style>
diff --git a/webapp/src/views/TermsOfService.vue b/webapp/src/views/TermsOfService.vue
new file mode 100644
index 0000000..a643e10
--- /dev/null
+++ b/webapp/src/views/TermsOfService.vue
@@ -0,0 +1,101 @@
+<template>
+  <v-container class="mb-16">
+    <h1>Terms of Service for DeFlock</h1>
+    <p>Effective Date: <b>12/26/2024</b></p>
+    
+    <p>
+      Welcome to DeFlock. By accessing or using our site, you agree to these Terms of Service. If you do not agree, please refrain from using DeFlock.
+    </p>
+
+    <h2>
+      1. About DeFlock
+    </h2>
+    <p>
+      DeFlock provides access to map data sourced from OpenStreetMap (OSM). Our platform allows users to view maps and provides examples of OSM tags for contributing Automatic License Plate Recognition (ALPR) data or other information to OSM.
+    </p>
+
+    <h2>
+      2. User Responsibilities
+    </h2>
+    <h3>
+      2.1 Tagging Guidance
+    </h3>
+    <p>
+      While DeFlock provides examples of OSM tags that may be relevant for your contributions, it is the user’s responsibility to ensure the accuracy and appropriateness of the tags used when uploading to OSM. DeFlock is not liable for any consequences arising from incorrect or inappropriate tagging.
+    </p>
+
+    <h3>
+      2.2 Prohibited Uses
+    </h3>
+    <p>
+      DeFlock must not be used for any of the following purposes:
+    </p>
+
+    <ul class="serif">
+      <li>Locating specific nodes, ways, or relations on OpenStreetMap for the purpose of vandalism, including deleting accurate information or modifying it to be false or misleading.</li>
+      <li>Scraping, harvesting, or systematically collecting data from DeFlock or OpenStreetMap in violation of their terms or for unauthorized purposes.</li>
+      <li>Impersonating other contributors or providing false information when contributing to OpenStreetMap.</li>
+      <li>Using DeFlock or its guidance to create commercial products or services without proper attribution or compliance with OpenStreetMap's licensing terms.</li>
+      <li>Attempting to disrupt or interfere with the functionality of DeFlock, including through hacking, reverse engineering, or introducing malicious software.</li>
+      <li>Using DeFlock in ways that promote hate speech, harassment, or illegal activities.</li>
+    </ul>
+
+    <p>
+      By using DeFlock, you agree to comply with all applicable laws and regulations.
+    </p>
+
+    <h2>
+      3. Third-Party Services
+    </h2>
+    <p>
+      DeFlock integrates with OpenStreetMap, and any interactions with OSM are governed by their terms of use. DeFlock is not responsible for the collection, storage, or use of data by OSM or any third-party services. For more information, please review the OpenStreetMap Terms of Use.
+    </p>
+
+    <h2>4. Disclaimer of Liability</h2>
+    <p>
+      DeFlock is provided "as is" without warranties of any kind. We do not guarantee the accuracy, reliability, or completeness of any map data or tagging guidance provided. DeFlock is not liable for any issues arising from:
+    </p>
+
+    <ul class="serif">
+      <li>The accuracy or use of data sourced from OpenStreetMap.</li>
+      <li>Contributions made to OpenStreetMap, including tagging errors or disputes.</li>
+      <li>Any unauthorized or prohibited use of our platform.</li>
+    </ul>
+
+    <h2>5. Intellectual Property</h2>
+    <p>
+      All content provided by DeFlock, including design, text, and logos, is the intellectual property of DeFlock unless otherwise noted. Users may not copy, distribute, or modify this content without prior written permission.
+    </p>
+    <p>
+      DeFlock's source code is licensed under the MIT License. For details, please refer to the <a target="_blank" href="https://github.com/FoggedLens/deflock?tab=MIT-1-ov-file#readme">LICENSE file</a>.
+    </p>
+
+    <h2>6. Termination of Use</h2>
+    <p>
+      We reserve the right to suspend or terminate access to DeFlock at our sole discretion if we believe a user has violated these Terms of Service.
+    </p>
+
+    <h2>7. Changes to the Terms of Service</h2>
+    <p>
+      DeFlock reserves the right to update or modify these Terms of Service at any time. Changes will be effective upon posting to our website. Continued use of DeFlock constitutes acceptance of the updated terms.
+    </p>
+
+    <h2>8. Contact Us</h2>
+    <p>
+      If you have any questions or concerns regarding these Terms of Service, please contact us at:
+    </p>
+    <p>
+      Email: <a href="mailto:contact@deflock.me">contact@deflock.me</a>
+    </p>
+  </v-container>
+
+  <Footer />
+</template>
+
+<script setup lang="ts">
+import Footer from '@/components/layout/Footer.vue';
+</script>
+ 
+<style lang="css" scoped>
+@import url('@/assets/typography.css');
+</style>
diff --git a/webapp/src/views/WhatIsAnALPRView.vue b/webapp/src/views/WhatIsAnALPRView.vue
index a5b481b..6ec28e7 100644
--- a/webapp/src/views/WhatIsAnALPRView.vue
+++ b/webapp/src/views/WhatIsAnALPRView.vue
@@ -63,11 +63,14 @@
       </div>
     </div>
   </v-container>
+
+  <Footer />
 </template>
 
 <script setup lang="ts">
 import { useRoute } from 'vue-router';
 import Dangers from '@/components/Dangers.vue';
+import Footer from '@/components/layout/Footer.vue';
 const route = useRoute();
 
 const flockImageCount = 6;
@@ -115,8 +118,4 @@ li {
   padding: 0.5rem;
   border-radius: 0.25rem;
 }
-
-.info-section {
-  background: var(--df-page-background-color);
-}
 </style>