learn-homepage/index.html

83 lines
2.2 KiB
HTML
Raw Normal View History

2024-08-31 09:51:56 +08:00
<!DOCTYPE html>
<html lang="zh-CN">
<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"
/>
<link href="index.css" rel="stylesheet" />
<title>Study Area CN Learn</title>
</head>
<body>
<mdui-layout>
<mdui-navigation-drawer>
<mdui-list-item
end-icon="arrow_right"
2024-08-31 18:01:02 +08:00
href="https://study-area.org.cn"
>主页</mdui-list-item
2024-08-31 09:51:56 +08:00
>
<mdui-list-item
end-icon="arrow_right"
href="https://forum.study-area.org.cn"
>讨论区</mdui-list-item
>
<mdui-list-item
end-icon="arrow_right"
href="https://git.hmtsai.cn/study-area-cn/learn-homepage"
>查看本站源码</mdui-list-item
>
</mdui-navigation-drawer>
<mdui-top-app-bar style="position: relative">
<mdui-button-icon icon="menu"></mdui-button-icon>
<mdui-top-app-bar-title>Study Area CN Learn</mdui-top-app-bar-title>
</mdui-top-app-bar>
<mdui-layout-main class="example-layout-main" style="min-height: 300px">
<mdui-card
2024-08-31 18:01:02 +08:00
href="/intro/"
clickable
class="card"
>
<h1>前言</h1>
</mdui-card>
<mdui-card
href="/computer/"
2024-08-31 09:51:56 +08:00
clickable
class="card"
>
<h1>学习电脑</h1>
</mdui-card>
<mdui-card
2024-08-31 18:01:02 +08:00
href="/linux-basic/"
2024-08-31 09:51:56 +08:00
clickable
class="card"
>
<h1>学习 Linux 基础</h1>
</mdui-card>
</mdui-layout-main>
</mdui-layout>
<script>
document
.querySelector("mdui-button-icon")
.addEventListener("click", () => {
document.querySelector("mdui-navigation-drawer").open =
!document.querySelector("mdui-navigation-drawer").open;
});
</script>
</body>
</html>