From d7e04e2b29c20497e7a134ed1e53dbba34e7cca3 Mon Sep 17 00:00:00 2001 From: Echo Date: Mon, 8 Dec 2025 20:29:27 -0500 Subject: [PATCH] redo sign in styles (#696) --- app/views/static_pages/index.html.erb | 55 +++++++++--------- app/views/static_pages/minimal_login.html.erb | 14 ++--- public/images/icon-rounded.png | Bin 0 -> 24231 bytes 3 files changed, 35 insertions(+), 34 deletions(-) create mode 100644 public/images/icon-rounded.png diff --git a/app/views/static_pages/index.html.erb b/app/views/static_pages/index.html.erb index 7396081..5cfd2e3 100644 --- a/app/views/static_pages/index.html.erb +++ b/app/views/static_pages/index.html.erb @@ -24,30 +24,31 @@ <% else %>

Track How Much You Code

- <%= link_to hca_auth_path, class: "inline-flex items-center justify-center px-6 py-3 rounded text-white font-bold cursor-pointer border-none w-full my-2 bg-primary" do %> - + <%= link_to hca_auth_path, class: "inline-flex items-center justify-center px-6 py-3 rounded text-white font-bold cursor-pointer border-none w-full mt-4 bg-primary" do %> + + Sign in with your Hack Club account <% end %> -

- <%= link_to slack_auth_path, class: "text-gray-400 hover:text-primary underline" do %> - Sign in with Slack instead - <% end %> -

-
-
+
or -
+
- <%= form_tag email_auth_path, class: "relative", data: { turbo: false } do %> -
- <%= email_field_tag :email, nil, placeholder: "Enter your email to get a sign in link", required: true, class: "w-full px-3 py-3 pr-12 border border-gray-600 rounded text-base bg-gray-800 text-white" %> - -
- <% end %> +
+ <%= form_tag email_auth_path, class: "relative flex-1", data: { turbo: false } do %> +
+ <%= email_field_tag :email, nil, placeholder: "Enter your email to get a sign in link", required: true, class: "w-full px-3 py-3 pr-12 border border-darkless bg-dark hover:bg-gray-600 placeholder-gray-300 rounded focus:outline-none focus:border-blue-500 focus:ring-1 focus:ring-blue-500" %> + +
+ <% end %> + <%= link_to slack_auth_path, class: "flex items-center justify-center px-4 py-3 rounded text-white cursor-pointer border border-darkless bg-dark hover:bg-gray-600 transition-colors w-1/4 gap-2" do %> + + + <% end %> +
<% if params[:sign_in_email] %>
@@ -75,7 +76,7 @@ ['Emacs', 'emacs'], ['Jupyter', 'jupyter'], ['OnShape', 'onshape'] ] %> <% popular_editors.each do |name, slug| %> - " class="bg-darkless rounded-lg p-3 hover:bg-primary/10 transition-all duration-200 text-center block hover:translate-y-[-2px] hover:shadow-lg hover:shadow-blue-500/20"> + " class="bg-darkless rounded-lg p-3 hover:bg-primary/10 transition-all duration-200 text-center block hover:-translate-y-0.5 hover:shadow-lg hover:shadow-blue-500/20"> <%= name %>
<%= name %>
@@ -96,10 +97,10 @@ <% end %>
-

100%
free

-

works
offline

-

real time
stats

-

rise to the
top #1

+

100%
free

+

works
offline

+

real time
stats

+

rise to the
top #1

@@ -128,8 +129,8 @@ -
-
+
+
@@ -149,7 +150,7 @@ <%= link_to "Let's setup Hackatime! Click me :D", my_wakatime_setup_path, class: "inline-block w-auto text-3xl font-bold px-8 py-4 bg-primary text-white rounded shadow-md hover:shadow-lg hover:-translate-y-1 transition-all duration-300 animate-pulse" %>
<% if @ssp_users_recent&.any? %> -
+
<% @ssp_users_recent.each_with_index do |user, index| %>