csasq/cit-is-bot-backend
csasq/cit-is-bot-backend
1
0
Форкнуть 0
Код Задачи 8 Запросы на слияние Действия Пакеты Projects Релизы Вики Активность

Разработан каркас Telegram Mini App

Просмотр исходного кода
Этот коммит содержится в:
Глеб Иваницкий 2024-08-14 17:51:48 +03:00
родитель 2bd1242c1c
Коммит 7742c0cb15
1 изменённых файлов: 22 добавлений и 51 удалений
Показать статистику Скачать Patch файл Скачать Diff файл Показать все файлы Свернуть все файлы

73
templates/main.jinja2
Просмотреть файл

@ -2,62 +2,33 @@
<html lang="ru-RU"> <html lang="ru-RU">
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="color-scheme" content="dark light" />
<meta name="application-name" content="{{ app_name }}" /> <meta name="application-name" content="{{ app_name }}" />
<meta name="author" content="Иваницкий Глеб Олегович" /> <meta name="author" content="Иваницкий Глеб Олегович" />
<meta name="robots" content="none" /> <meta name="robots" content="none" />
<title>{{ title }} &mdash; {{ app_name }}</title> <title>Настройки</title>
<link rel="icon" href="/static/icons/favicon.svg" type="image/svg+xml" /> <link rel="icon" href="/static/icons/favicon.svg" type="image/svg+xml" />
<link rel="stylesheet" href="/static/styles/main.css" /> <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap" type="text/css" />
<script src="/static/scripts/vendor.js"></script> <script type="importmap">
<script src="/static/scripts/main.js"></script> {
"imports": {
"@material/web/": "https://esm.run/@material/web/"
}
}
</script>
<script type="module">
import '@material/web/all.js';
import {styles as typescaleStyles} from '@material/web/typography/md-typescale-styles.js';
document.adoptedStyleSheets.push(typescaleStyles.styleSheet);
</script>
<script src="https://telegram.org/js/telegram-web-app.js"></script>
<style>
body > * {
width: 100%;
}
</style>
</head> </head>
<body> <body>
<aside id="top-bar"> <md-outlined-text-field label="Favorite color"></md-outlined-text-field>
<div id="logo">
<svg id="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#19a1e6">
<path d="M11.82,20.97c-4.77,0-8.64-3.87-8.64-8.64S7.05,3.69,11.82,3.69s8.64,3.87,8.64,8.64-3.87,8.64-8.64,8.64ZM11.19,5.52c-3.96,0-7.2,3.24-7.2,7.2s3.24,7.2,7.2,7.2,7.2-3.24,7.2-7.2-3.24-7.2-7.2-7.2Z"></path>
<circle cx="17.25" cy="6" r="6"></circle>
<circle cx="4.95" cy="8.19" r="4.2"></circle>
<circle cx="5.55" cy="17.7" r="3.3"></circle>
<circle cx="16.05" cy="18.9" r="5.1"></circle>
</svg>
<span id="title">{{ app_name }}</span>
</div>
<div id="actions"></div>
</aside>
<div id="content">
<aside id="menu">
<span class="header">Меню</span>
<div class="item">
<input data-page="dashboard" type="button" value="Дашборд" />
<div class="marker"></div>
</div>
<div class="item">
<input data-page="polls" type="button" value="Опросы" />
<div class="marker"></div>
</div>
<div class="item">
<input data-page="statistics" type="button" value="Статистика" />
<div class="marker"></div>
</div>
</aside>
<main id="main">
<section id="input">
<div data-page="dashboard">Дашборд</div>
<div data-page="polls">Опросы</div>
<div data-page="statistics">Статистика</div>
</section>
<section id="output">
<div data-page="dashboard"></div>
<div data-page="polls"></div>
<div data-page="statistics"></div>
</section>
</main>
</div>
<aside id="bottom-bar">
<span>CC BY-NC 4.0&nbsp;&bull;&nbsp;</span>
<a href="https://git.csasq.ru/csasq/cit-is-bot" target="_blank">Репозиторий проекта</a>
</aside>
</body> </body>
</html> </html>