63 lines
1.6 KiB
HTML
63 lines
1.6 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
|
||
|
|
<html lang="zh-CN" class="mdui-theme-auto">
|
||
|
|
|
||
|
|
<head>
|
||
|
|
<title>Home</title>
|
||
|
|
|
||
|
|
<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">
|
||
|
|
</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>Posts</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>
|
||
|
|
|
||
|
|
{% 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-list>
|
||
|
|
|
||
|
|
{% for forum in forums %}
|
||
|
|
|
||
|
|
<mdui-list-item
|
||
|
|
headline="{{ forum.name }}"
|
||
|
|
description="{{ forum.description | safe }}"
|
||
|
|
end-icon="arrow-right"
|
||
|
|
href="{{ forum.url }}">
|
||
|
|
</mdui-list-item>
|
||
|
|
|
||
|
|
{% endfor %}
|
||
|
|
|
||
|
|
</mdui-list>
|
||
|
|
</body>
|
||
|
|
|
||
|
|
</html>
|