bbcovert/theme/user.html

56 lines
1.7 KiB
HTML

<!DOCTYPE html>
<html lang="zh-CN" class="mdui-theme-auto">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, shrink-to-fit=no" />
<meta name="renderer" content="webkit" />
<link rel="stylesheet" href="https://unpkg.com/mdui@2/mdui.css">
<script src="https://unpkg.com/mdui@2/mdui.global.js"></script>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<title>User -- {{ user.name }}</title>
</head>
<body>
<mdui-top-app-bar style="position: relative;">
<mdui-button-icon id="open-drawer" icon="menu"></mdui-button-icon>
<mdui-top-app-bar-title>User -- {{ user.name }}</mdui-top-app-bar-title>
<div style="flex-grow: 1"></div>
</mdui-top-app-bar>
<mdui-navigation-drawer close-on-overlay-click modal close-on-esc id="navi-drawer">
<mdui-list>
{% for forum in forums %}
<mdui-list-item headline="{{ forum.name }}" end-icon="arrow-right" href="{{ forum.url }}">
</mdui-list-item>
<hr style="FILTER: alpha(opacity=100,finishopacity=0,style=3)" width="80%" color=#987cb9 size=3>
{% endfor %}
</mdui-list>
</mdui-navigation-drawer>
<script>
const navigationDrawer = document.querySelector("#navi-drawer");
const openButton = document.querySelector("#open-drawer")
openButton.addEventListener("click", () => navigationDrawer.open = true);
</script>
<mdui-button variant="text" onclick="javascript:history.go(-1);">Back</mdui-button>
<ol>
<h3>{{ user.name }}</h3>
<div class="mdui-prose">
{{ user.description | safe }}
Register time: {{ user.reg_time }}
</div>
</body>
</html>