gear-orders/web/templates/index.html
2026-03-08 18:41:40 -05:00

57 lines
1.4 KiB
HTML

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="icon" type="image/png" href="/static/favicon-96x96.png" sizes="96x96" />
<link rel="shortcut icon" href="/static/favicon.ico" />
<title>Gear Orders Bot</title>
<style>
body {
font-family: Arial;
}
h1 {
font-size: 18pt;
}
.grid {
display: grid;
justify-items: center;
align-content: center;
height: 80vh;
}
.flashes {
padding: 10px;
margin: 10px;
background-color: rgb(255, 193, 7);
color: rgb(51, 39, 1);
border: 1px solid rgb(51, 39, 1);
text-align: center;
p {
margin: 0;
}
}
</style>
</head>
<body>
<div class="grid">
<h1>Gear Orders Bot</h1>
<script async src="https://telegram.org/js/telegram-widget.js?19" data-telegram-login="{{ data['bot_name'] }}" data-size="large" data-auth-url="{{ data['bot_domain'] }}/login" data-request-access="write"></script>
{% with messages = get_flashed_messages() %}
{% if messages %}
<div class="flashes">
{% for message in messages %}
<p>{{ message }}</p>
{% endfor %}
</div>
{% endif %}
{% endwith %}
</div>
</body>
</html>