diff options
Diffstat (limited to 'web')
| -rw-r--r-- | web/source/css/base.css | 16 | ||||
| -rw-r--r-- | web/template/finalize.tmpl | 31 |
2 files changed, 46 insertions, 1 deletions
diff --git a/web/source/css/base.css b/web/source/css/base.css index 023f0ced8..d2fa95a3b 100644 --- a/web/source/css/base.css +++ b/web/source/css/base.css @@ -379,4 +379,18 @@ footer { .monospace { font-family: monospace; -}
\ No newline at end of file +} + +.callout { + margin: 1.5rem 0; + border: .05rem solid $border-accent; + border-radius: .2rem; + padding: 0 .6rem .6rem; + .callout-title { + margin: 0 -.6rem; + padding: .6rem; + font-weight: bold; + background-color: $border-accent; + color: $gray1; + } +} diff --git a/web/template/finalize.tmpl b/web/template/finalize.tmpl new file mode 100644 index 000000000..5ab4f97dc --- /dev/null +++ b/web/template/finalize.tmpl @@ -0,0 +1,31 @@ +{{ template "header.tmpl" .}} + <main> + <form action="/oauth/finalize" method="POST"> + <h1>Hi {{.name}}!</h1> + <p> + You are about to sign-up to {{ .instance.Title }} (<code>{{ .instance.URI }}</code>) + <br> + To ensure the best experience for you, we need you to provide some additional details. + </p> + {{if .error}} + <section class="error"> + <span>❌</span> <pre>{{.error}}</pre> + </section> + {{end}} + <div class="callout"> + <p class="callout-title">Important</p> + <p>Due to the way the ActivityPub standard works, you <strong>cannot</strong> change your username after it has been set.</p> + </div> + <div class="labelinput"> + <label for="username">Username <small>(must contain only lowercase letters, numbers, and underscores)</small></label> + <input type="text" + class="form-control" + name="username" + required + placeholder="Please enter your desired username" value="{{ .preferredUsername }}"> + </div> + <input type="hidden" name="name" value="{{ .name }}"> + <button type="submit" style="width: 100%; margin-top: 1rem;" class="btn btn-success">Submit</button> + </form> + </main> +{{ template "footer.tmpl" .}} |