Merge branch 'main' of github.com:linnnus/blind-guild

4 files changed, 48 insertions, 5 deletions

diff --git a/views/base.html b/views/base.html
index 9133090..3f65912 100644
--- a/views/base.html
+++ b/views/base.html
@@ -14,8 +14,7 @@
 			<ul class="navbar__links" role="navigation" aria-label="Main">
 				<li><a class="navbar__location" href="/index.html">About us</a></li>
 				<li><a class="navbar__location" href="/history.html">History</a></li>
-				<li><a class="navbar__location" href="/join.html">Join</a></li>
-				<li><a class="navbar__location" href="/battle">Log in</a></li>
+				<li><a class="navbar__location" href="/join_intro.html">Join</a></li>
 			</ul>
 		</header>
 		<main>{% block content %}{% endblock %}</main>
diff --git a/views/join.html b/views/join_form.html
index 784019c..440c993 100644
--- a/views/join.html
+++ b/views/join_form.html
@@ -1,7 +1,8 @@
 {% extends "base.html" %}
 
 {% block head %}
-	<link rel="stylesheet" href="/styles/join.css">
+	<link rel="stylesheet" href="/styles/join_common.css">
+	<link rel="stylesheet" href="/styles/join_form.css">
 	<script type="module">
 		var dropdown = document.getElementById("preferredRole");
 		document.getElementById("applicationForm").addEventListener("submit", (event) => {
@@ -15,6 +16,7 @@
 
 {% block content %}
 	<form method="POST" class="signup" id="applicationForm">
+		<input type="hidden" name="userId" value="{{ user_id | e }}">
 		<div class="signup__box">
 			<label class="signup__label" for="name">Name</label>
 			<p>
@@ -51,7 +53,7 @@
 			<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>
+			<button class="button" type="submit">Submit</button>
 		</div>
 	</form>
-{% endblock %}
\ No newline at end of file
+{% endblock %}
diff --git a/views/join_intro.html b/views/join_intro.html
new file mode 100644
index 0000000..abea4fd
--- /dev/null
+++ b/views/join_intro.html
@@ -0,0 +1,24 @@
+{% extends "base.html" %}
+
+{% block head %}
+	<link rel="stylesheet" href="/styles/join_common.css">
+{% endblock %}
+
+{% block content %}
+	<h1>Joining the Blind Guild</h1>
+	<p>
+		So you want to join the Blind Guild.
+		Be warned,
+		we are a very exclusive club
+		and we aren't actively seeking new members.
+		However, if you're a skilled player
+		and feel like you could help elevate the Blind Guild,
+		feel free to send us an application!
+	</p>
+	<p>
+		In order to sync up, we'll need you to connect your battle.net account.
+		Click the button below to sign in with your account.
+		Then you'll be taken to the application form.
+	</p>
+	<a class="button" href="/battle">Sign in</a>
+{% endblock %}
diff --git a/views/join_success.html b/views/join_success.html
new file mode 100644
index 0000000..7e9dace
--- /dev/null
+++ b/views/join_success.html
@@ -0,0 +1,18 @@
+{% extends "base.html" %}
+
+{% block head %}
+	<link rel="stylesheet" href="/styles/join_common.css">
+{% endblock %}
+
+{% block content %}
+	<h1>Application recieved</h1>
+	<p>
+		Your application was submitted successfully!
+		We'll review it and decide if you're cool enough to join our exclusive club.
+		Please note that it may take a few days for us to get to your application.
+	</p>
+	<p>
+		If you're accepted into our elite gang of high-tier gamers,
+		you'll receive an in-game invite to the Blind Guild.
+	</p>
+{% endblock %}