73 lines
2.6 KiB
Plaintext
73 lines
2.6 KiB
Plaintext
<main class="np-box-container np-open-access">
|
|
<div class="np-box">
|
|
{% include "header_minimal" %}
|
|
<div class="np-box-content-container">
|
|
<form class="np-form np-box-content" action="{{ form.url }}" method="get" novalidate>
|
|
{% form_authenticity_token %}
|
|
<div class="np-form-headline">
|
|
Welcome!
|
|
</div>
|
|
|
|
<div class="np-form-field">
|
|
<label class="np-input-label" for="learner_employee_id" style="font-size: 1rem;">
|
|
Log in or Sign up
|
|
</label>
|
|
<div style="margin-bottom: 12px; font-size: 0.9rem; color: #555; line-height: 1.5;">
|
|
Combine your retailer name, store number (if you know it), first name, and last initial for a unique ID.
|
|
<br><em>Example: Instacart-0129-JohnS</em>
|
|
<br><span style="font-size: 0.85rem; color: #888; margin-top: 4px; display: inline-block;">Returning? Enter the same unique ID you used before (exact spelling and capitalization).</span>
|
|
|
|
</div>
|
|
<input
|
|
class="np-input"
|
|
autofocus="autofocus"
|
|
type="text"
|
|
name="employee_id"
|
|
id="learner_employee_id"
|
|
value="{{ form.employee_id }}"
|
|
placeholder="Instacart-0129-JohnS"
|
|
autocomplete="off"
|
|
/>
|
|
</div>
|
|
<div class="np-form-field">
|
|
<label class="np-input-label" for="learner_first_name" style="font-size: 1rem;">
|
|
First Name
|
|
</label>
|
|
<input
|
|
class="np-input"
|
|
type="text"
|
|
name="first_name"
|
|
id="learner_first_name"
|
|
value="{{ form.first_name }}"
|
|
placeholder="John"
|
|
autocomplete="off"
|
|
/>
|
|
</div>
|
|
<div class="np-form-field">
|
|
<label class="np-input-label" for="learner_last_name" style="font-size: 1rem;">
|
|
Last Name Initial
|
|
</label>
|
|
<input
|
|
class="np-input"
|
|
type="text"
|
|
name="last_name"
|
|
id="learner_last_name"
|
|
value="{{ form.last_name }}"
|
|
placeholder="S"
|
|
autocomplete="off"
|
|
/>
|
|
</div>
|
|
<input
|
|
type="submit"
|
|
name="commit"
|
|
value="{% t shared.enter %}"
|
|
class="np-button np-button-big np-form-action"
|
|
/>
|
|
<label style="text-align: center; display: block; font-size: 1rem; margin-top: 20px;">
|
|
|
|
</label>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</main>
|