From 4eb4efee9d3e10660633a935d1b4134a1205c452 Mon Sep 17 00:00:00 2001
From: Mouse Reeve <mousereeve@riseup.net>
Date: Thu, 17 Feb 2022 10:22:44 -0800
Subject: [PATCH] Create admin account markup

---
 bookwyrm/templates/setup/admin.html  | 31 ++++++++++++++++++++++------
 bookwyrm/templates/setup/layout.html |  4 +---
 2 files changed, 26 insertions(+), 9 deletions(-)

diff --git a/bookwyrm/templates/setup/admin.html b/bookwyrm/templates/setup/admin.html
index e144ba9a..a92870e2 100644
--- a/bookwyrm/templates/setup/admin.html
+++ b/bookwyrm/templates/setup/admin.html
@@ -1,14 +1,33 @@
 {% extends 'setup/layout.html' %}
 {% load i18n %}
 
-{% block title %}
-    {% trans "Create admin user" %}
-{% endblock %}
-
 {% block header %}
-    {% trans "Create admin user" %}
+    <h1 class="title">{% trans "Setup admin user" %}</h1>
+    <div class="subtitle">Your account a user and an admin</div>
 {% endblock %}
 
 {% block panel %}
-hi
+<div class="columns content">
+    <div class="column is-half">
+        <div class="box has-background-primary-light">
+            <h2 class="title is-4">{% trans "Create your account" %}</h2>
+            <form name="register" method="post" action="/register">
+                {% include 'snippets/register_form.html' %}
+            </form>
+        </div>
+    </div>
+    <div class="column">
+        <p>
+            {% trans "As an admin, you'll be able to configure the instance name and information, and moderate your instance. This means you will have access to private information about your users, and are responsible for repsonding to reports of bad behavior or spam." %}
+        </p>
+        <p>
+            {% trans "Once the instance is set up, you can promote other users to moderator or admin roles from the admin panel." %}
+        </p>
+        <p>
+            <a href="https://docs.joinbookwyrm.com/moderation.html" target="_blank">
+                {% trans "Learn more about moderation" %}
+            </a>
+        </p>
+    </div>
+</div>
 {% endblock %}
diff --git a/bookwyrm/templates/setup/layout.html b/bookwyrm/templates/setup/layout.html
index f44a0c97..41d9bf00 100644
--- a/bookwyrm/templates/setup/layout.html
+++ b/bookwyrm/templates/setup/layout.html
@@ -25,9 +25,7 @@
 <div class="section is-flex-grow-1">
     <div class="container">
         <header class="block content">
-            <h1>
-                {% block header %}{% endblock %}
-            </h1>
+            {% block header %}{% endblock %}
         </header>
 
         <div class="block">