Merge pull request #1012 from simple-login/account-activated-ui

tweak the account activated page ui
This commit is contained in:
Son Nguyen Kim 2022-05-20 15:40:47 +02:00 committed by GitHub
commit 6afe86b395
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -1,34 +1,37 @@
{% extends 'base.html' %}
{% block content %}
<div class="flex-fill align-items-center mt-8">
<!-- Image container -->
<div class="mt-4 mb-4 text-center" style="display:block;">
<a class="" href="{{ url_for('dashboard.index') }}">
<picture>
<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>
</a>
</div>
<!-- Text container -->
<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 class="px-8" style="width:675px;margin:auto;">
<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>
</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>
</div>
</div>