Compare commits
No commits in common. "99277aecdd9192d3b8ee4c93fc2935049a5b08ba" and "eb8e5d6df58f82931ed642cca148100c4554e0cc" have entirely different histories.
99277aecdd
...
eb8e5d6df5
4 changed files with 39 additions and 154 deletions
Binary file not shown.
Before Width: | Height: | Size: 3.2 KiB |
|
@ -1,84 +0,0 @@
|
||||||
@import "../../partials/clean/constants"
|
|
||||||
|
|
||||||
body.devise-sessions, body.devise-sessions-new
|
|
||||||
#title
|
|
||||||
text-align: center
|
|
||||||
font-size: 2.5rem
|
|
||||||
|
|
||||||
.login-options
|
|
||||||
display: flex
|
|
||||||
margin-block: 3em
|
|
||||||
|
|
||||||
section
|
|
||||||
flex: 1 1 0
|
|
||||||
padding-block: 1em
|
|
||||||
display: flex
|
|
||||||
flex-direction: column
|
|
||||||
justify-content: center
|
|
||||||
align-items: center
|
|
||||||
|
|
||||||
&:not(:last-of-type)
|
|
||||||
border-right: 1px solid $module-border-color
|
|
||||||
margin-right: 1em
|
|
||||||
padding-right: 1em
|
|
||||||
|
|
||||||
.login-option-neopass
|
|
||||||
text-align: center
|
|
||||||
|
|
||||||
header
|
|
||||||
font-weight: bold
|
|
||||||
font-size: 125%
|
|
||||||
margin-bottom: .5em
|
|
||||||
|
|
||||||
.neopass-explanation
|
|
||||||
font-size: 85%
|
|
||||||
|
|
||||||
summary
|
|
||||||
cursor: pointer
|
|
||||||
margin-bottom: 1em
|
|
||||||
|
|
||||||
.login-form
|
|
||||||
margin-bottom: 1em
|
|
||||||
|
|
||||||
.field
|
|
||||||
margin-bottom: .75em
|
|
||||||
|
|
||||||
.input-field label
|
|
||||||
font-weight: bold
|
|
||||||
|
|
||||||
.actions
|
|
||||||
display: flex
|
|
||||||
align-items: center
|
|
||||||
gap: .5em
|
|
||||||
|
|
||||||
.remember-me
|
|
||||||
display: flex
|
|
||||||
align-items: center
|
|
||||||
gap: .25em
|
|
||||||
font-size: 85%
|
|
||||||
|
|
||||||
input[type=checkbox]
|
|
||||||
height: 1em
|
|
||||||
width: 1em
|
|
||||||
|
|
||||||
.login-links
|
|
||||||
font-size: 85%
|
|
||||||
display: flex
|
|
||||||
gap: .5em
|
|
||||||
|
|
||||||
.log-in-with-neopass-button
|
|
||||||
background: linear-gradient(#ebb233, #f6e250, #ebb233)
|
|
||||||
color: #111
|
|
||||||
font-size: 1rem
|
|
||||||
text-shadow: none
|
|
||||||
font-family: "Arial Black", sans-serif
|
|
||||||
margin-bottom: 1em
|
|
||||||
|
|
||||||
&:hover
|
|
||||||
color: #111 // override default DTI styles
|
|
||||||
filter: brightness(105%)
|
|
||||||
|
|
||||||
.neopass-icon
|
|
||||||
vertical-align: middle
|
|
||||||
height: 2em
|
|
||||||
width: 2em
|
|
|
@ -1,68 +1,38 @@
|
||||||
<% title "Log into Dress to Impress" %>
|
<h2>Log in</h2>
|
||||||
|
|
||||||
<div class="login-options">
|
<% if can_use_neopass %>
|
||||||
<section class="login-option-password">
|
🌟✨🌟✨🌟✨🌟✨🌟
|
||||||
<%= form_with(model: resource, url: session_path(resource_name),
|
<br />
|
||||||
class: "login-form") do |f| %>
|
<%= button_to "Log in with NeoPass",
|
||||||
<div class="field input-field">
|
auth_user_neopass_omniauth_authorize_path(intent: "login"),
|
||||||
<%= f.label :name, 'DTI Username' %><br />
|
data: {turbo: false} # Turbo can't handle this redirect!
|
||||||
<%= f.text_field :name, autofocus: true, autocomplete: "username" %>
|
%>
|
||||||
</div>
|
🌟✨🌟✨🌟✨🌟✨🌟
|
||||||
|
<br />
|
||||||
<div class="field input-field">
|
<br />
|
||||||
<%= f.label :password, "DTI Password" %><br />
|
|
||||||
<%= f.password_field :password, autocomplete: "current-password" %>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="actions">
|
|
||||||
<%= f.submit "Log in" %>
|
|
||||||
<div class="remember-me">
|
|
||||||
<%= f.check_box :remember_me %>
|
|
||||||
<%= f.label :remember_me %>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<% end %>
|
|
||||||
|
|
||||||
<div class="login-links">
|
|
||||||
<%= link_to "Sign up", new_auth_user_path %>
|
|
||||||
<%= link_to "Forgot your password?", new_auth_user_password_path %>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<% if can_use_neopass %>
|
|
||||||
<section class="login-option-neopass">
|
|
||||||
<header>Have a NeoPass?</header>
|
|
||||||
|
|
||||||
<%= button_to auth_user_neopass_omniauth_authorize_path(intent: "login"),
|
|
||||||
data: {turbo: false}, class: "log-in-with-neopass-button" do
|
|
||||||
%>
|
|
||||||
Log in with
|
|
||||||
<%= image_tag "neopass_icon.png", alt: "NeoPass", class: "neopass-icon" %>
|
|
||||||
<% end %>
|
|
||||||
|
|
||||||
<details class="neopass-explanation">
|
|
||||||
<summary>How does it work?</summary>
|
|
||||||
<p>
|
|
||||||
If this is your first time using NeoPass at Dress to Impress, we'll
|
|
||||||
create a new DTI account for you automatically!
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
You'll be asked for 3 permissions: <em>OpenID</em> and
|
|
||||||
<em>Email</em> tell us who you are, and
|
|
||||||
<em>Linkage</em> tells us your Neopets username.
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
After that, you'll be able to one-click log in here, any time!
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
To connect an existing DTI account, don't start here! Log in with
|
|
||||||
your password first, then check the Settings page.
|
|
||||||
</p>
|
|
||||||
</details>
|
|
||||||
</section>
|
|
||||||
<% end %>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<% content_for :stylesheets do %>
|
|
||||||
<%= stylesheet_link_tag "devise/sessions/new" %>
|
|
||||||
<% end %>
|
<% end %>
|
||||||
|
|
||||||
|
<%= form_for(resource, as: resource_name, url: session_path(resource_name)) do |f| %>
|
||||||
|
<div class="field">
|
||||||
|
<%= f.label :name, 'Username' %><br />
|
||||||
|
<%= f.text_field :name, autofocus: true, autocomplete: "username" %>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="field">
|
||||||
|
<%= f.label :password %><br />
|
||||||
|
<%= f.password_field :password, autocomplete: "current-password" %>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<% if devise_mapping.rememberable? %>
|
||||||
|
<div class="field">
|
||||||
|
<%= f.check_box :remember_me %>
|
||||||
|
<%= f.label :remember_me %>
|
||||||
|
</div>
|
||||||
|
<% end %>
|
||||||
|
|
||||||
|
<div class="actions">
|
||||||
|
<%= f.submit "Log in" %>
|
||||||
|
</div>
|
||||||
|
<% end %>
|
||||||
|
|
||||||
|
<%= render "devise/shared/links" %>
|
||||||
|
|
|
@ -18,12 +18,11 @@
|
||||||
%br
|
%br
|
||||||
= link_to "Here's what's coming and why.", about_neopass_path
|
= link_to "Here's what's coming and why.", about_neopass_path
|
||||||
|
|
||||||
- if @neopass_test_group < 50
|
- if @neopass_test_group < 25
|
||||||
%p
|
%p
|
||||||
%strong ➡️ Seeking beta testers, please!
|
%strong ➡️ We're starting limited testing today!
|
||||||
= link_to "Check out the secret testing info",
|
= link_to "Here's the secret info if you'd like to take a look!",
|
||||||
"https://forms.gle/hEkw5bXY1W4YhUZb7"
|
"https://forms.gle/hEkw5bXY1W4YhUZb7"
|
||||||
and let us know how it goes!
|
|
||||||
|
|
||||||
#outfit-forms
|
#outfit-forms
|
||||||
- localized_cache :action_suffix => 'outfit_forms_intro' do
|
- localized_cache :action_suffix => 'outfit_forms_intro' do
|
||||||
|
|
Loading…
Reference in a new issue