Heavily customized version of smokesignal - https://whtwnd.com/kayrozen.com/3lpwe4ymowg2t
kayrozen.com
1<section class="section">
2 <div class="container">
3 <div class="content">
4 <h1 class="title">{{ t("rsvp-viewer-title") }}</h1>
5
6 <div class="box">
7 <form hx-get="/rsvps" hx-target="#rsvp-result" hx-swap="innerHTML" hx-indicator="#spinner">
8 <div class="field">
9 <label class="label">{{ t("rsvp-at-uri-label") }}</label>
10 <div class="control">
11 <input class="input" type="text" name="aturi" placeholder="at://did:plc:example/community.lexicon.calendar.rsvp/abcdef123" required>
12 </div>
13 <p class="help">{{ t("rsvp-at-uri-help") }}</p>
14 </div>
15
16 <div class="field">
17 <div class="control">
18 <button class="button is-primary" type="submit">
19 <span>{{ t("view-rsvp") }}</span>
20 <span id="spinner" class="htmx-indicator">
21 <i class="fas fa-spinner fa-spin"></i>
22 </span>
23 </button>
24 </div>
25 </div>
26 </form>
27 </div>
28 <div id="rsvp-result">
29 {% include 'view_rsvp.' + current_locale + '.partial.html' %}
30 </div>
31 </div>
32 </div>
33</section>