hmtsai-cn-index-page/index.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>