Add: terms and conditions and privacy policy

layouts/_partials/footer/copyright.html

@@ -1,3 +1,5 @@
 <p class="footer__copyright-notice">
-	&copy; <a href="https://freedoms4.org">freedoms4.org</a> <a href="/changelog/">Changelog</a>
+	&copy; <a href="https://freedoms4.org">freedoms4.org</a>
+	<a href="/terms/">Terms and Conditions</a> <a href="/privacy/">Privacy Policy</a>
+	<a href="/changelog/">Changelog</a>
 </p>

layouts/privacy/list.html

@@ -0,0 +1,4 @@
+{{ define "main" }}
+
+<h1>{{ .Title }}</h1>
+{{ .Content }} {{ end }}

layouts/privacy/single.html

@@ -0,0 +1,4 @@
+{{ define "main" }}
+
+<h1>{{ .Title }}</h1>
+{{ .Content }} {{ end }}

layouts/signup/single.html

@@ -112,6 +112,21 @@
 				</div>
 			</div>
 
+			<div class="auth-form__group auth-form__group--checkbox">
+				<label class="auth-form__checkbox-label" for="signup-terms">
+					<input
+						class="auth-form__checkbox"
+						type="checkbox"
+						id="signup-terms"
+						name="terms"
+						required
+					/>
+					I agree to the
+					<a href="/terms/" target="_blank" rel="noopener">Terms and Conditions</a> and
+					<a href="/privacy/" target="_blank" rel="noopener">Privacy Policy</a>.
+				</label>
+			</div>
+
 			<button type="submit" class="auth-form__submit" id="signup-submit">
 				<span class="auth-form__submit-text">Send verification code</span>
 				<span class="auth-form__submit-loader" style="display: none">
@@ -316,6 +331,10 @@
 				showMsg('Passwords do not match.', 'error');
 				return;
 			}
+			if (!document.getElementById('signup-terms').checked) {
+				showMsg('You must agree to the Terms and Conditions and Privacy Policy.', 'error');
+				return;
+			}
 
 			state.username = username;
 			state.email = email;

layouts/terms/list.html

@@ -0,0 +1,4 @@
+{{ define "main" }}
+
+<h1>{{ .Title }}</h1>
+{{ .Content }} {{ end }}

layouts/terms/single.html

@@ -0,0 +1,4 @@
+{{ define "main" }}
+
+<h1>{{ .Title }}</h1>
+{{ .Content }} {{ end }}