From https://once.com/writebook

app/views/sessions/new.html.erb

@@ -0,0 +1,33 @@
+<% content_for(:title) { "Sign in" } %>
+<% turbo_page_requires_reload %>
+
+<div class="panel shadow center margin-block-double <%= "shake" if flash[:alert] %>">
+  <%= image_tag "writebook-icon.svg", class: "product__logo center colorize--black", size: 130 %>
+  <h1 class="txt-x- large margin-none-block-start margin-block-end-double">Writebook</h1>
+
+  <%= form_with url: session_url, class: "flex flex-column gap" do |form| %>
+    <div class="flex align-center gap">
+      <%= translation_button(:email_address) %>
+      <label class="flex align-center gap input input--actor txt-large">
+        <%= form.email_field :email_address, required: true, class: "input full-width", autofocus: true, autocomplete: "username", placeholder: "Enter your email address", value: params[:email_address] %>
+        <%= image_tag "email.svg", aria: { hidden: "true" }, size: 30, class: "colorize--black" %>
+      </label>
+    </div>
+
+    <div class="flex align-center gap">
+      <%= translation_button(:password) %>
+      <label class="flex align-center gap input input--actor txt-large">
+        <%= form.password_field :password, required: true, class: "input full-width", autocomplete: "current-password", placeholder: "Enter your password", maxlength: 72 %>
+        <%= image_tag "password.svg", aria: { hidden: "true" }, size: 30, class: "colorize--black" %>
+      </label>
+    </div>
+    <button type="submit" id="log_in" class="btn btn--reversed center">
+      <%= image_tag "arrow-right.svg", aria: { hidden: true }, size: 24 %>
+      <span class="for-screen-reader">Sign in</span>
+    </button>
+  <% end %>
+</div>
+
+<% content_for(:footer) do %>
+  <div class="txt-align-center center margin-block-double txt-subtle">Writebook&trade; version <%= version_badge %></div>
+<% end %>

app/views/sessions/transfers/show.html.erb

@@ -0,0 +1 @@
+<%= auto_submit_form_with method: :put %>