force people to agree to not be stinky cheaters (#649)

This commit is contained in:
Echo
2025-11-24 12:47:11 -05:00
committed by GitHub
parent fc2ffe6e08
commit e4b8f39c8b

View File

@@ -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>