Mirror
/
app-MAIL-temp
mirror of https://github.com/simple-login/app.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

tweak the account activated page ui

This commit is contained in:
Son 2022-05-20 15:35:57 +02:00
parent cfa46e18fc
commit 11e0cbfe9c
1 changed files with 10 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
templates/onboarding/account_activated.html
View File

@ -1,34 +1,37 @@
{% extends 'base.html' %} {% extends 'base.html' %}
{% block content %} {% block content %}
<div class="flex-fill align-items-center mt-8"> <div class="flex-fill align-items-center mt-8">
<!-- Image container --> <!-- Image container -->
<div class="mt-4 mb-4 text-center" style="display:block;"> <div class="mt-4 mb-4 text-center" style="display:block;">
<a class="" href="{{ url_for('dashboard.index') }}"> <a class="" href="{{ url_for('dashboard.index') }}">
<picture> <picture>
<source media="(max-width: 650px)" srcset="/static/logo.svg"> <source media="(max-width: 650px)" srcset="/static/logo.svg">
<img src="/static/logo.svg" style="width: 24rem" alt="logo"> <img src="/static/logo.svg" style="width: 12rem" alt="logo">
</picture> </picture>
</a> </a>
</div> </div>
<!-- Text container --> <!-- Text container -->
<div class="my-6 text-center"> <div class="my-6 text-center">
<h2 style="color:black;font-size:2rem">Welcome to SimpleLogin</h2> <h2 style="color:black;font-size:2rem">Welcome!</h2>
</div> </div>
<div class="px-8" style="width:675px;margin:auto;"> <div class="px-8" style="width:675px;margin:auto;">
<div class="my-6"> <div class="my-6">
<p style="font-size: 1.2em;">Get the most out from SimpleLogin by using our {{ browser_name }} extension</p> <p style="font-size: 1.2em;">
Quickly create aliases everywhere using our {{ browser_name }} extension
</p>
<a class="px-4 py-3 mt-4 text-decoration-none text-center" style="background:black;color:white;display:block;width:50%;" href="{{ extension_link }}">Install {{ browser_name }} extension</a> <a class="px-4 py-3 mt-4 text-decoration-none text-center" style="background:black;color:white;display:block;width:50%;" href="{{ extension_link }}">Install {{ browser_name }} extension</a>
</div> </div>
<h2 class="my-4" style="color:black;font-size:2rem">OR</h2> <hr style="margin-top: 75px">
<div class="my-6">
<p style="font-size: 1.2em;">Install the extension later and start discovering our features on our web app</p> <div style="margin-top: 75px">
<p style="font-size: 1.2em;">Or install the extension later and start discovering our features on our web app</p>
<a class="px-4 py-3 mt-4 text-decoration-none text-center" style="background:white;color:black;border-radius: 2px;border:1px solid black;display:block;width:50%;" href="{{ url_for('dashboard.index') }}">Continue to our web app</a> <a class="px-4 py-3 mt-4 text-decoration-none text-center" style="background:white;color:black;border-radius: 2px;border:1px solid black;display:block;width:50%;" href="{{ url_for('dashboard.index') }}">Continue to our web app</a>
</div> </div>
</div> </div>