"> <%= image_tag "writebook-icon.svg", class: "product__logo center colorize--black", size: 130 %>

Writebook

<%= form_with model: @user, url: join_path(params[:join_code]), class: "flex flex-column gap" do |form| %>

<%= translation_button(:user_name) %> <%= form.text_field :name, class: "input full-width", autocomplete: "name", placeholder: "Name", autofocus: true, required: true, data: { "1p-ignore": true } %> <%= image_tag "person.svg", aria: { hidden: "true" }, size: 30, class: "colorize--black" %>

<%= translation_button(:email_address) %> <%= form.email_field :email_address, class: "input full-width", autocomplete: "username", placeholder: "Email address", required: true %> <%= image_tag "email.svg", aria: { hidden: "true" }, size: 30, class: "colorize--black" %>

<%= translation_button(:password) %> <%= form.password_field :password, class: "input full-width", autocomplete: "new-password", placeholder: "Password", required: true, maxlength: 72 %> <%= image_tag "password.svg", aria: { hidden: "true" }, size: 30, class: "colorize--black" %>

<% end %>