Added captcha notice

nimiq · Sep 25, 2023 · e4df523 · e4df523
1 parent 181020c
commit e4df523
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 5 deletions.
diff --git a/src/components/elements/CryptoMapModal.vue b/src/components/elements/CryptoMapModal.vue
@@ -31,11 +31,10 @@ function _onLanguagesChange(language: string) {
     </template>
 
     <template #content>
-      <p class="[text-wrap:pretty]">
-        {{
-          $t('This app is brought to you by Nimiq, only places that are verified by Google are accepted for this map.')
-        }}
-      </p>
+      <i18n-t class="[text-wrap:pretty]" tag="p" keypath="This app is brought to you by Nimiq. It is protected by reCAPTCHA and the Google {privacyPolicy} and {termsOfService} apply.">
+        <template #privacyPolicy><a href="https://policies.google.com/privacy" target="_blank" rel="noopener" class="underline">{{ $t('Privacy Policy') }}</a></template>
+        <template #termsOfService><a href="https://policies.google.com/terms" target="_blank" rel="noopener" class="underline">{{ $t('Terms of Service') }}</a></template>
+      </i18n-t>
 
       <div class="flex items-center justify-between mt-8">
         <Button bg="sky" href="/location/add">

diff --git a/src/components/elements/TheMapInstance.vue b/src/components/elements/TheMapInstance.vue
@@ -55,6 +55,10 @@ const isDark = useDark()
       :class="isDark ? 'bg-space' : 'bg-white'"
     >
       <img :src="`logo-horizontal-${isDark ? 'dark' : 'light'}.svg`" loading="eager" :alt="$t('Crypto Map logo')" class="animate-fade">
+      <i18n-t class="absolute inset-x-0 w-screen px-4 text-xs md:text-center bottom-4 text-white/50" tag="div" keypath="This site is protected by reCAPTCHA and the Google {privacyPolicy} and {termsOfService} apply.">
+        <template #privacyPolicy><a href="https://policies.google.com/privacy" target="_blank" rel="noopener" class="underline text-white/60">{{ $t('Privacy Policy') }}</a></template>
+        <template #termsOfService><a href="https://policies.google.com/terms" target="_blank" rel="noopener" class="underline text-white/60">{{ $t('Terms of Service') }}</a></template>
+      </i18n-t>
     </div>
   </transition>
 

diff --git a/src/index.css b/src/index.css
@@ -35,3 +35,5 @@ body {
 .scroll-grey::-webkit-scrollbar-track {
   background-color: #3b4c6a33;
 }
+
+.grecaptcha-badge { visibility: hidden; }