From 8743849feeed3665ba485ade2e5a63d9ba75132a Mon Sep 17 00:00:00 2001
From: Beau Findlay <me@beaufindlay.com>
Date: Tue, 12 Mar 2024 21:50:22 +0000
Subject: [PATCH] Hide recaptcha badge

---
 .../src/BeauFindlay.Client/Pages/Contact.razor    | 15 +++++++--------
 BeauFindlay/src/BeauFindlay.Client/_Imports.razor |  3 ++-
 .../src/BeauFindlay.Client/wwwroot/css/app.css    |  7 ++++++-
 .../BeauFindlay.Client/wwwroot/css/app.min.css    | 11 ++++++++---
 .../src/BeauFindlay.Client/wwwroot/index.html     |  3 +++
 5 files changed, 26 insertions(+), 13 deletions(-)

diff --git a/BeauFindlay/src/BeauFindlay.Client/Pages/Contact.razor b/BeauFindlay/src/BeauFindlay.Client/Pages/Contact.razor
index de4e9b4..9ed2d5f 100644
--- a/BeauFindlay/src/BeauFindlay.Client/Pages/Contact.razor
+++ b/BeauFindlay/src/BeauFindlay.Client/Pages/Contact.razor
@@ -2,7 +2,7 @@
 @using BeauFindlay.Shared.Contracts
 
 @inject HttpClient HttpClient
-@inject IJSRuntime JsRuntime
+@inject IJSRuntime JSRuntime
 
 <div class="text-center">
     <h1 class="text-4xl">Contact</h1>
@@ -12,7 +12,7 @@
     </p>
 </div>
 
-<div class="mx-auto max-w-xl pt-10 pb-4">
+<div class="mx-auto max-w-xl pt-8 pb-4">
     <EditForm Model="contactInput" OnValidSubmit="HandleValidSubmit">
         <DataAnnotationsValidator/>
 
@@ -39,7 +39,10 @@
                 </div>
             </div>
         </div>
-        <div class="mt-8 flex items-center justify-center">
+        <div class="mt-4">
+            <small>This site is protected by reCAPTCHA and the Google <a href="https://policies.google.com/privacy" class="underline underline-offset-2">Privacy Policy</a> and <a href="https://policies.google.com/terms" class="underline underline-offset-2">Terms of Service</a> apply.</small>
+        </div>
+        <div class="mt-4 flex items-center justify-center">
             <Button Type="submit" IsLoading="@isSubmitting">
                 <i class="fa-solid fa-paper-plane"></i> Send
             </Button>
@@ -66,10 +69,6 @@
     </div>
 }
 
-<script src="https://www.google.com/recaptcha/api.js?render=6LcvxZIpAAAAAOIP5L6kGngwDZRpwkTdMezPn06x" async
-        defer></script>
-<script src="js/recaptcha.js"></script>
-
 @code {
     private readonly ContactInputModel contactInput = new();
 
@@ -96,7 +95,7 @@
     {
         isSubmitting = true;
         
-        var recaptchaResponse = await JsRuntime.InvokeAsync<string>("executeRecaptcha");
+        var recaptchaResponse = await JSRuntime.InvokeAsync<string>("executeRecaptcha");
 
         if (string.IsNullOrWhiteSpace(recaptchaResponse))
         {
diff --git a/BeauFindlay/src/BeauFindlay.Client/_Imports.razor b/BeauFindlay/src/BeauFindlay.Client/_Imports.razor
index f0ed136..aaeab63 100644
--- a/BeauFindlay/src/BeauFindlay.Client/_Imports.razor
+++ b/BeauFindlay/src/BeauFindlay.Client/_Imports.razor
@@ -12,4 +12,5 @@
 @using BeauFindlay.Client.Components.Alert
 @using BeauFindlay.Client.Components.Typewriter
 @using BeauFindlay.Client.Components.Button
-@using BeauFindlay.Client.Components.LoadingSpinner
\ No newline at end of file
+@using BeauFindlay.Client.Components.LoadingSpinner
+@using BeauFindlay.Shared.Contracts
\ No newline at end of file
diff --git a/BeauFindlay/src/BeauFindlay.Client/wwwroot/css/app.css b/BeauFindlay/src/BeauFindlay.Client/wwwroot/css/app.css
index 9879179..f01f334 100644
--- a/BeauFindlay/src/BeauFindlay.Client/wwwroot/css/app.css
+++ b/BeauFindlay/src/BeauFindlay.Client/wwwroot/css/app.css
@@ -20,4 +20,9 @@
 @keyframes fadeInAnimation {
     from { opacity: 0; }
     to { opacity: 1; }
-}
\ No newline at end of file
+}
+
+.grecaptcha-badge {
+    visibility: hidden !important;
+}
+
diff --git a/BeauFindlay/src/BeauFindlay.Client/wwwroot/css/app.min.css b/BeauFindlay/src/BeauFindlay.Client/wwwroot/css/app.min.css
index 4c5ec61..31843cc 100644
--- a/BeauFindlay/src/BeauFindlay.Client/wwwroot/css/app.min.css
+++ b/BeauFindlay/src/BeauFindlay.Client/wwwroot/css/app.min.css
@@ -809,8 +809,8 @@ video {
   padding-bottom: 1rem;
 }
 
-.pt-10 {
-  padding-top: 2.5rem;
+.pt-8 {
+  padding-top: 2rem;
 }
 
 .text-center {
@@ -980,6 +980,10 @@ video {
   }
 }
 
+.grecaptcha-badge {
+  visibility: hidden !important;
+}
+
 .placeholder\:text-gray-400::-moz-placeholder {
   --tw-text-opacity: 1;
   color: rgb(156 163 175 / var(--tw-text-opacity));
@@ -1090,4 +1094,5 @@ video {
     --tw-text-opacity: 1;
     color: rgb(75 85 99 / var(--tw-text-opacity));
   }
-}
\ No newline at end of file
+}
+
diff --git a/BeauFindlay/src/BeauFindlay.Client/wwwroot/index.html b/BeauFindlay/src/BeauFindlay.Client/wwwroot/index.html
index 92a81b4..a53ac4e 100644
--- a/BeauFindlay/src/BeauFindlay.Client/wwwroot/index.html
+++ b/BeauFindlay/src/BeauFindlay.Client/wwwroot/index.html
@@ -26,6 +26,9 @@
 </div>
 <script src="js/smoothScroll.js"></script>
 <script src="_framework/blazor.webassembly.js"></script>
+<script src="https://www.google.com/recaptcha/api.js?render=6LcvxZIpAAAAAOIP5L6kGngwDZRpwkTdMezPn06x" async
+        defer></script>
+<script src="js/recaptcha.js"></script>
 </body>
 
 </html>