feat: Add CSS to sign up form

This commit is contained in:
Erika Rowland 2024-03-10 19:23:51 -07:00
parent 861c6731c7
commit 15e2939a68
2 changed files with 55 additions and 5 deletions

View file

@ -6,6 +6,8 @@
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>{% block title %}{{ title }} - What 2 Watch{% endblock %}</title> <title>{% block title %}{{ title }} - What 2 Watch{% endblock %}</title>
<link rel="stylesheet" href="/assets/ww.css"> <link rel="stylesheet" href="/assets/ww.css">
<link rel="stylesheet" href="/assets/css/index.css?v=1.21.4~0">
<link rel="stylesheet" href="/assets/css/theme-forgejo-auto.css?v=1.21.4~0">
{% block head %}{% endblock %} {% block head %}{% endblock %}

View file

@ -6,21 +6,69 @@
{% block content %} {% block content %}
<p> <div role="main" aria-label="Sign In" class="page-content user signin">
<form action="/signup" enctype="application/x-www-form-urlencoded" method="post">
<div class="ui middle very relaxed page grid">
<div class="ui container column fluid">
<h4 class="ui top attached header center">
Sign Up
</h4>
<div class="ui attached segment">
<form class="ui form" action="/signup" enctype="application/x-www-form-urlencoded" method="post">
<input type="hidden" value="{{ self.receipt }}" name="receipt"> <input type="hidden" value="{{ self.receipt }}" name="receipt">
<div class="required inline field ">
<label for="username">Username</label> <label for="username">Username</label>
<input type="text" name="username" id="username" minlength="1" maxlength="20" required></br> <input type="text" name="username" id="username" minlength="1" maxlength="20" required></br>
</div>
<div class="inline field ">
<label for="displayname">Displayname (optional)</label> <label for="displayname">Displayname (optional)</label>
<input type="text" name="displayname" id="displayname"></br> <input type="text" name="displayname" id="displayname"></br>
</div>
<div class="required inline field ">
<label for="email">Email</label> <label for="email">Email</label>
<input type="text" name="email"></br> <input type="text" name="email"></br>
</div>
<div class="required inline field ">
<label for="password">Password</label> <label for="password">Password</label>
<input type="password" name="password" id="password" required></br> <input type="password" name="password" id="password" required></br>
</div>
<div class="required inline field ">
<label for="confirm_password">Confirm Password</label> <label for="confirm_password">Confirm Password</label>
<input type="password" name="pw_verify" id="pw_verify" required></br> <input type="password" name="pw_verify" id="pw_verify" required></br>
<input type="submit" value="Signup"> </div>
<div class="inline field">
<label></label>
<button class="ui primary button">
Sign Up
</button>
</div>
</form> </form>
</p> </div>
</div>
</div>
</div>
{% endblock %} {% endblock %}