2 files changed, 44 insertions, 1 deletions
diff --git a/python/fatcat_web/templates/auth_account.html b/python/fatcat_web/templates/auth_account.html
index 4faeb48f..4a51241a 100644
--- a/python/fatcat_web/templates/auth_account.html
+++ b/python/fatcat_web/templates/auth_account.html
@@ -26,11 +26,24 @@
 </form>
 </div>
 
+<div class="ui segment">
+<h3 class="ui header">Create API Token</h3>
+<form class="" role="change_username" action="/auth/create_token" method="post">
+  <input type="hidden" name="csrf_token" value="{{ csrf_token() }}"/>
+  <div class="ui form">
+    <button class="ui green button" style="float: right;">Create Token</button>
+    <div class="field" style="width: 20em; clear: unset;">
+      <input type="text" name="duration_seconds" id="duration_seconds" aria-label="token valid duration (seconds)" placeholder="default 31 days">
+      <label for="duration_seconds">Token Validity Duration (seconds; optional)</label>
+    </div>
+  </div>
+</form>
+</div>
+
 <br>
 <p>In the future, you will be able to...
 <ul>
   <li>Create and manage bot accounts
-  <li>Generate API tokens
 </ul>
 
 {% endblock %}
diff --git a/python/fatcat_web/templates/auth_token.html b/python/fatcat_web/templates/auth_token.html
new file mode 100644
index 00000000..5ff94277
--- /dev/null
+++ b/python/fatcat_web/templates/auth_token.html
@@ -0,0 +1,30 @@
+{% extends "base.html" %}
+{% block body %}
+<h1>Create API Token</h1>
+
+
+{% if current_user.is_authenticated %}
+
+  <p>An API auth token has been created. This token gives full access to your editor account, so you should take care to keep it private.
+
+  <p>Copy from box:
+  <div class="ui input" style="width: 100%;">
+    <input value="{{ auth_token }}" style="width: 100%;"></input>
+  </div>
+
+  <br>
+  <br>
+
+  <p>As wrapped text (beware whitespace):
+  <div class="ui segment" style="overflow-wrap: break-word;">
+    <code>{{ auth_token }}</code>
+  </div>
+
+{% else %}
+  <div class="ui negative message">
+    <div class="header">Something Went Wrong</div>
+    <p>Horribly wrong! You should log-out (if possible) and log back in.
+  </div>
+{% endif %}
+
+{% endblock %}