Generate & return webauthn registration challenge

templates/settings/add_webauthn_page.html

@@ -0,0 +1,14 @@
+{% extends "base_settings_page.html" %}
+{% block content %}
+<div style="max-width: 700px;">
+
+    <p>In order, to continue, please insert your security key & approve the registration request.</p>
+
+    <script>
+        const OPAQUE_STATE = "{{ opaque_state }}";
+        const REGISTRATION_CHALLENGE = JSON.parse(decodeURIComponent("{{ challenge_json }}"));
+    </script>
+
+</div>
+
+{% endblock content %}

templates/settings/two_factors_page.html

@@ -12,6 +12,7 @@
 
 <p>
     <a href="/settings/two_factors/add_totp" type="button" class="btn btn-primary">Add Authenticator App</a>
+    <a href="/settings/two_factors/add_webauthn" type="button" class="btn btn-primary">Add Security Key</a>
 </p>
 
 <table class="table table-hover" style="max-width: 800px;" aria-describedby="Factors list">