diff options
author | Linnnus <[email protected]> | 2024-04-27 21:21:51 +0200 |
---|---|---|
committer | Linnnus <[email protected]> | 2024-04-27 21:21:51 +0200 |
commit | c0d2b9eb7e2b65b582039aafdca765fe32acf81e (patch) | |
tree | 9aa75621f78fb74c67907856a76d65a299ea66bf /views/join.html | |
parent | 2bc4e69a4b08dbbd60b1ed711d6cfe825adb0209 (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.html | 57 |
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 |