59 lines
1.8 KiB
HTML
59 lines
1.8 KiB
HTML
<!doctype html>
|
|
<html lang="zh-CN" class="mdui-theme-auto" style="height: 100%;">
|
|
|
|
<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>
|
|
<!-- 如果使用了组件的 icon 属性,还需要引入图标的 CSS 文件 -->
|
|
|
|
<title>Hmtsai's Website</title>
|
|
|
|
<style>
|
|
.wcol {
|
|
height: 5px;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body style="height: 100%;">
|
|
<mdui-top-app-bar style="position: relative;">
|
|
<mdui-top-app-bar-title>Hmtsai's Website</mdui-top-app-bar-title>
|
|
<div style="flex-grow: 1"></div>
|
|
<mdui-button variant="text" href="http://blog.hmtsai.cn">Blog</mdui-button>
|
|
<mdui-button variant="text" href="http://git.hmtsai.cn">Gitea</mdui-button>
|
|
</mdui-top-app-bar>
|
|
|
|
<h2>Websites</h2>
|
|
<div class="wcol"></div>
|
|
<mdui-divider> </mdui-divider>
|
|
<mdui-card clickable variant="elevated" style="width: 100%;height: 20%" href="http://blog.hmtsai.cn">
|
|
<h3 style="text-align:center;">Hmtsai's Blog</h3>
|
|
<mdui-divider></mdui-divider>
|
|
<p style="text-align: center;">Read more.</p>
|
|
</mdui-card>
|
|
<mdui-card clickable variant="elevated" style="width: 100%;height: 20%" href="http://git.hmtsai.cn">
|
|
<h3 style="text-align:center;">Hmtsai Gitea</h3>
|
|
<mdui-divider></mdui-divider>
|
|
<p style="text-align: center;">Read more</p>
|
|
</mdui-card>
|
|
|
|
<h2>Projects</h2>
|
|
<mdui-divider></mdui-divider>
|
|
<div class="wcol"></div>
|
|
<p style="text-align: center;">Nothing...</p>
|
|
|
|
<br />
|
|
<br />
|
|
<br />
|
|
<br />
|
|
<p style="text-align:auto;">This Page's Source Code in <a
|
|
href="http://git.hmtsai.cn/hmtsai/hmtsai-cn-index-page">Here</a>
|
|
</p>
|
|
</body>
|
|
|
|
</html>
|