summaryrefslogtreecommitdiff
path: root/views/join.html
diff options
context:
space:
mode:
authorLinnnus <[email protected]>2024-04-27 21:21:51 +0200
committerLinnnus <[email protected]>2024-04-27 21:21:51 +0200
commitc0d2b9eb7e2b65b582039aafdca765fe32acf81e (patch)
tree9aa75621f78fb74c67907856a76d65a299ea66bf /views/join.html
parent2bc4e69a4b08dbbd60b1ed711d6cfe825adb0209 (diff)
Flesh out 'join' user flow
This commit splits the user flow when sending in an application to join the guild into three staged: 1. Intro text 2. HTML form 3. Form submission feedback (aka. "yay it went through")
Diffstat (limited to 'views/join.html')
-rw-r--r--views/join.html57
1 files changed, 0 insertions, 57 deletions
diff --git a/views/join.html b/views/join.html
deleted file mode 100644
index 784019c..0000000
--- a/views/join.html
+++ /dev/null
@@ -1,57 +0,0 @@
-{% extends "base.html" %}
-
-{% block head %}
- <link rel="stylesheet" href="/styles/join.css">
- <script type="module">
- var dropdown = document.getElementById("preferredRole");
- document.getElementById("applicationForm").addEventListener("submit", (event) => {
- if ( dropdown.value === "invalid" ) {
- alert("Pick a preferred role.");
- event.preventDefault()
- }
- });
- </script>
-{% endblock %}
-
-{% block content %}
- <form method="POST" class="signup" id="applicationForm">
- <div class="signup__box">
- <label class="signup__label" for="name">Name</label>
- <p>
- We use your username to connect you with your account later.
- Please make sure it's spelled correclty.
- </p>
- <p>
- If your application is accepted, we will accept your in-game guild application.
- Please make sure you have supmitted such an application in the game's UI.
- </p>
- <input class="signup__input" type="text" id="name" name="name" required placeholder="PoopenFarten43" minlength="2" maxlength="12">
- </div>
- <div class="signup__box">
- <label class="signup__label" for="preferredRole">Preferred role</label>
- <p>
- We are always looking ot balance our guild.
- As such it's important for us to know which role you like to play as.
- Please feel free to elaborate in text box below.
- </p>
- <select required class="signup__input" id="preferredRole" name="preferredRole">
- <option value="invalid" selected disabled>Choose a preferred role</option>
- <option value="dps">DPS</option>
- <option value="tank">Tank</option>
- <option value="healer">Healer</option>
- </select>
- </div>
- <div class="signup__box">
- <label class="signup__label" for="motivation">Motivation</label>
- <p>
- Write us a little post about why you'd like to join our guild.
- Keep in mind that we get a lot of applications for our guild;
- a simple "i like vidya" won't get you through the golden gates!
- </p>
- <textarea required class="signup__input" id="motivation" name="motivation" rows="20" placeholder="I would like to join because..."></textarea>
- </div>
- <div>
- <button class="signup__submit" type="submit">Submit</button>
- </div>
- </form>
-{% endblock %} \ No newline at end of file