From ad57239d93a5842d1b096e9f5b6c8201fd471258 Mon Sep 17 00:00:00 2001
From: Pavel Kirilin <win10@list.ru>
Date: Sat, 27 Jun 2020 23:56:19 +0400
Subject: [PATCH] Fixed bot page.
Signed-off-by: Pavel Kirilin <win10@list.ru>
---
src/templates/index.html | 58 +++++++++++++++++++++++-----------------
1 file changed, 34 insertions(+), 24 deletions(-)
diff --git a/src/templates/index.html b/src/templates/index.html
index b203586..568a802 100644
--- a/src/templates/index.html
+++ b/src/templates/index.html
@@ -21,12 +21,9 @@
z-index: 10000;
}
- .h-center {
- position: absolute;
- left: 50%;
- top: 40%;
+ .large-center-text {
+ text-align: center;
font-size: large;
- transform: translate(-50%, -50%)
}
.at_bottom {
@@ -40,9 +37,9 @@
html {
height: 100%;
- background: #ADA996; /* fallback for old browsers */
- background: -webkit-linear-gradient(to right, #EAEAEA, #DBDBDB, #F2F2F2, #ADA996); /* Chrome 10-25, Safari 5.1-6 */
- background: linear-gradient(to right, #EAEAEA, #DBDBDB, #F2F2F2, #ADA996); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
+ background: #A1FFCE; /* fallback for old browsers */
+ background: -webkit-linear-gradient(to right, #FAFFD1, #A1FFCE); /* Chrome 10-25, Safari 5.1-6 */
+ background: linear-gradient(to right, #FAFFD1, #A1FFCE); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.mt-15 {
@@ -66,25 +63,38 @@
<body>
{% if not activated %}
-<div class="h-center">
- Welcome back, s3rius!
-</div>
-<form id="code_form" action="/code" method="post" class="center" autocomplete="off">
- <div class="nes-field is-inline">
- <label for="inline_field">Verification code</label>
- <input type="text" id="inline_field" class="nes-input is-success" name="code" placeholder="Your code">
+<div class="center large-center-text">
+ <div>
+ Welcome back, s3rius!
</div>
- <div class="nes-field mt-15">
- <input type="submit" class="nes-input is-success" value="Submit code">
- </div>
-</form>
-{%else%}
-<div class="center">
- Hi, there! The bot is running.
+ <form id="code_form" action="/code" method="post" class="mtr-2" autocomplete="off">
+ <div class="nes-field is-inline">
+ <label for="inline_field">Verification code</label>
+ <input type="text" id="inline_field" class="nes-input is-success" name="code" placeholder="Your code">
+ </div>
+ <div class="nes-field mt-15">
+ <input type="submit" class="nes-input is-success" value="Submit code">
+ </div>
+ </form>
</div>
-<div class="center mtr-2">
- Just write a message to <a href="tg://resolve?domain=s3rius_san">@s3rius_san</a> in telegram.
+{%else%}
+<div class="center large-center-text">
+ <div>
+ Hi, there! The bot is running.
+ </div>
+ <div>
+ Just write a ".h" to <a href="tg://resolve?domain=s3rius_san">@s3rius_san</a> in telegram.
+ </div>
+ <div class="mtr-2">
+ If you want to raise an issue or request feature,
+ </div>
+ <div>
+ you can ask <a href="tg://resolve?domain=s3rius_san">me</a> for that
+ </div>
+ <div>
+ or add an issue on my <a href="https://gitlab.le-memese.com/telegram-bots/bot_s3rius">GitLab</a>.
+ </div>
</div>
{% endif %}
<img src="/girl.png?id={{cash_dropper}}" alt="" class="at_bottom">
--
GitLab