From e4b8f39c8b74d16d062d774991276e69177336df Mon Sep 17 00:00:00 2001
From: Echo <github@3kh0.net>
Date: Mon, 24 Nov 2025 12:47:11 -0500
Subject: [PATCH] force people to agree to not be stinky cheaters (#649)

---
 .../users/wakatime_setup_step_4.html.erb      | 27 ++++++++++++++-----
 1 file changed, 21 insertions(+), 6 deletions(-)

diff --git a/app/views/users/wakatime_setup_step_4.html.erb b/app/views/users/wakatime_setup_step_4.html.erb
index cf4ba4f..3ebbd9d 100644
--- a/app/views/users/wakatime_setup_step_4.html.erb
+++ b/app/views/users/wakatime_setup_step_4.html.erb
@@ -31,11 +31,15 @@
 
     <div class="text-center mb-8 mt-4 max-w-5xl mx-auto">
       <h2 class="text-3xl font-bold text-green mt-4 mb-4">Oh, and one more thing...</h2>
-      <p class="text-xl text-secondary mb-2">
+      <p class="text-xl text-white mb-2">
         <b>Please do not try to cheat the system!</b> We have measures in place to detect and prevent cheating. If you attempt to manipulate Hackatime, you will be banned from Hackatime and other participating YSWS / events / programs, so please play fair! We are a non-profit organization and we run off of donations.
       </p>
+      <label class="flex items-center justify-center gap-2 cursor-pointer select-none mt-2">
+        <input type="checkbox" id="o" class="w-5 h-5 rounded border-gray-300 text-primary focus:ring-primary bg-white text-black">
+        <span class="text-xl text-primary">I agree and I understand the rules.</span>
+      </label>
 
-      <p class="text-xl text-secondary">
+      <p class="text-xl text-white mt-2">
         But besides that, you're all set! Happy hacking!
       </p>
     </div>
@@ -48,7 +52,7 @@
     </div>
 
     <div class="flex gap-4 flex-wrap justify-center">
-      <%= link_to my_wakatime_setup_step_2_path, class: "bg-secondary hover:bg-darkless text-white px-6 py-3 rounded-lg font-semibold transition-colors" do %>
+      <%= link_to my_wakatime_setup_step_2_path, class: "bg-secondary hover:bg-darkless text-white px-6 py-3 rounded-lg transition-colors" do %>
         Set up another editor
       <% end %>
 
@@ -57,9 +61,20 @@
           <%= session.dig(:return_data, "button_text") || "Done" %>
         <% end %>
       <% else %>
-        <%= link_to root_path, class: "bg-primary hover:bg-red text-white px-8 py-3 rounded-lg font-semibold transition-colors text-lg" do %>
-          I agree, Get started!
-        <% end %>
+        <%= link_to root_path, id: "s", class: "bg-primary hover:bg-red text-white px-8 py-3 rounded-lg font-semibold transition-colors text-lg opacity-50 pointer-events-none" do %>
+        I agree, Get started!
+      <% end %>
+
+        <script>
+          document.getElementById('o').addEventListener('change', function() {
+            const x = document.getElementById('s');
+            if (this.checked) {
+              x.classList.remove('opacity-50', 'pointer-events-none');
+            } else {
+              x.classList.add('opacity-50', 'pointer-events-none');
+            }
+          });
+        </script>
       <% end %>
     </div>
   </div>