styled invite and reg pages

members_lumbung_space/templates/register.html

@@ -1,35 +1,48 @@
 {% extends "base.html" %}
 {% block content %}
-  <p>
-    You've been invited by {{ invited_by }} 🎉
-  </p>
+  <div class="signup-form-box">
+    <div class="form-header">
+      <div id="formlogo" class="logo">
+        <img src="{{ url_for('static', path='svg/lumbung_space_logo.svg') }}" alt="lumbung.space logo">
+      </div>
+    </div>
+    <div class="form-body">
+      <p>
+        You've been invited by {{ invited_by }} 🎉
+      </p>
+    
+      {% if exception %}
+      <p class="error">Oops, something went wrong: {{ exception }} 😬</p>
+      {% endif %}
+    
+      <form method="post" action="{{ url_for('form_keycloak_register') }}">
+        <label for="first_name">First name:</label>
+        <input type="text" name="first_name" value="{{ first_name }}" minlength="3" />
+    
+        <label for="last_name">Last name:</label>
+        <input type="text" name="last_name" value="{{ last_name }}" minlength="3"/>
+    
+        <label for="username">Username:</label>
+        <input type="text" name="username" value="{{ username }}" minlength="3"/>
+    
+        <label for="email">Email:</label>
+        <input type="text" name="email" value="{{ email }}" minlength="3"/>
+    
+        <label for="password">Password:</label>
+        <input type="password" name="password" minlength="8"/>
+    
+        <label for="password_again">Password (just to be sure):</label>
+        <input type="password" name="password_again" minlength="8"/>
+    
+        <input type="hidden" name="invited_by" value="{{ invited_by }}"/>
 
-  {% if exception %}
-  <p class="error">Oops, something went wrong: {{ exception }} 😬</p>
-  {% endif %}
+        <input class="button "type="submit" value="Register" />
 
-  <form method="post" action="{{ url_for('form_keycloak_register') }}">
-    <label for="first_name">First name:</label>
-    <input type="text" name="first_name" value="{{ first_name }}" minlength="3" />
+        
+      </form>
+    </div>
 
-    <label for="last_name">Last name:</label>
-    <input type="text" name="last_name" value="{{ last_name }}" minlength="3"/>
+  </div>
 
-    <label for="username">Username:</label>
-    <input type="text" name="username" value="{{ username }}" minlength="3"/>
-
-    <label for="email">Email:</label>
-    <input type="text" name="email" value="{{ email }}" minlength="3"/>
-
-    <label for="password">Password:</label>
-    <input type="password" name="password" minlength="8"/>
-
-    <label for="password_again">Password (just to be sure):</label>
-    <input type="password" name="password_again" minlength="8"/>
-
-    <input type="hidden" name="invited_by" value="{{ invited_by }}"/>
-
-    <input type="submit" value="Register" />
-  </form>
 
 {% endblock %}