80 строки
3.2 KiB
Django/Jinja
80 строки
3.2 KiB
Django/Jinja
<!DOCTYPE html>
|
|
<html lang="ru-RU">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="application-name" content="{{ app_name }}" />
|
|
<meta name="author" content="Иваницкий Глеб Олегович" />
|
|
<meta name="robots" content="none" />
|
|
<title>Настройки</title>
|
|
<link rel="icon" href="/static/icons/favicon.svg" type="image/svg+xml" />
|
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap" type="text/css" />
|
|
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Symbols+Outlined" type="text/css" />
|
|
<link rel="stylesheet" href="/static/styles/main.css" type="text/css" />
|
|
<script type="importmap">
|
|
{
|
|
"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" type="text/javascript"></script>
|
|
<script src="/static/scripts/vendor.js" type="text/javascript"></script>
|
|
<script>
|
|
document.addEventListener('DOMContentLoaded', async () => {
|
|
const link = document.createElement('link')
|
|
const href = new URL(location)
|
|
href.pathname = `/static/styles/${window.Telegram.WebApp.colorScheme}-theme.css`
|
|
link.rel = 'stylesheet'
|
|
link.href = href.toString()
|
|
link.type = 'text/css'
|
|
document.head.append(link)
|
|
|
|
window.Telegram.WebApp.ready()
|
|
})
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<main>
|
|
<md-outlined-text-field label="Favorite color"></md-outlined-text-field>
|
|
<md-switch id="qwerty"></md-switch>
|
|
<md-switch id="qwerty"></md-switch>
|
|
<md-switch id="qwerty"></md-switch>
|
|
<md-switch id="qwerty"></md-switch>
|
|
</main>
|
|
<nav class="md-typescale-body-small">
|
|
<ul>
|
|
<li>
|
|
<md-icon-button href="/">
|
|
<md-icon>dashboard</md-icon>
|
|
</md-icon-button>
|
|
Дашборд
|
|
</li>
|
|
<li>
|
|
<md-icon-button href="/">
|
|
<md-icon>ballot</md-icon>
|
|
</md-icon-button>
|
|
Опросы
|
|
</li>
|
|
<li>
|
|
<md-icon-button href="/">
|
|
<md-icon>chat</md-icon>
|
|
</md-icon-button>
|
|
Чаты
|
|
</li>
|
|
<li>
|
|
<md-icon-button href="/">
|
|
<md-icon>group</md-icon>
|
|
</md-icon-button>
|
|
Пользователи
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
</body>
|
|
</html>
|