feat: Add CSS to sign up form

templates/base.html

@@ -6,6 +6,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <title>{% block title %}{{ title }} - What 2 Watch{% endblock %}</title>
     <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 %}
 

templates/user_form.html

@@ -6,21 +6,69 @@
 
 {% block content %}
 
-<p>
-<form action="/signup" enctype="application/x-www-form-urlencoded" method="post">
+<div role="main" aria-label="Sign In" class="page-content user signin">
+
+
+    <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">
+    <div class="required inline field ">
     <label for="username">Username</label>
     <input type="text" name="username" id="username" minlength="1" maxlength="20" required></br>
+    </div>
+
+    <div class="inline field ">
     <label for="displayname">Displayname (optional)</label>
     <input type="text" name="displayname" id="displayname"></br>
+    </div>
+
+    <div class="required inline field ">
     <label for="email">Email</label>
     <input type="text" name="email"></br>
+    </div>
+
+    <div class="required inline field ">
     <label for="password">Password</label>
     <input type="password" name="password" id="password" required></br>
+    </div>
+
+    <div class="required inline field ">
     <label for="confirm_password">Confirm Password</label>
     <input type="password" name="pw_verify" id="pw_verify" required></br>
-    <input type="submit" value="Signup">
-</form>
-</p>
+    </div>
+
+
+    <div class="inline field">
+        <label></label>
+        <button class="ui primary button">
+
+                Sign Up
+        </button>
+    </div>
+
+
+
+
+    </form>
+</div>
+
+        </div>
+    </div>
+</div>
+
 
 {% endblock %}