Heavily customized version of smokesignal - https://whtwnd.com/kayrozen.com/3lpwe4ymowg2t
kayrozen.com
1<form hx-post="/oauth/login" hx-swap="outerHTML" class="my-5">
2 {% if destination %}
3 <input type="hidden" name="destination" value="{{ destination }}">
4 {% endif %}
5 <div class="field">
6 <label class="label" for="loginHandleInput">{{ t("login-handle-label") }}</label>
7 <div class="control has-icons-left{% if handle_error %} has-icons-right{% endif %}" data-loading-class="is-loading">
8 <input class="input{% if handle_error %} is-danger{% endif %}" type="text" id="loginHandleInput" name="handle" required="required" autocomplete="handle" {% if handle_input %}
9 value="{{ handle_input }}" {% endif %} placeholder="{{ t('login-handle-placeholder') }}" data-loading-disable>
10 <span class="icon is-small is-left">
11 <i class="fas fa-at"></i>
12 </span>
13 {% if handle_error %}<span class="icon is-small is-right">
14 <i class="fas fa-exclamation-triangle"></i>
15 </span>{% endif %}
16 </div>
17 {% if handle_error %}<p class="help is-danger">{{ error_message }}</p>{% endif %}
18 </div>
19 <div class="field">
20 <div class="control">
21 <button data-loading-disable type="submit" id="loginSubmit" class="button is-link" name="submit" value="Submit">{{ t("login-sign-in") }}</button>
22 </div>
23 </div>
24</form>