-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
170 lines (156 loc) · 5.43 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
<!DOCTYPE HTML>
<!--
Forty by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Welcome visit XiaoMouz!</title>
<link rel="icon" href="/images/favicon.jpg" type="image/x-icon" />
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<noscript>
<link rel="stylesheet" href="assets/css/noscript.css" />
</noscript>
</head>
<body class="is-preload">
<!-- Wrapper -->
<div id="wrapper">
<!-- Header -->
<header id="header" class="alt">
<a href="/" class="logo"><strong>MOU.BEST</strong> <span>>>></span></a>
<nav>
<a href="#menu"></a>
</nav>
</header>
<!-- Menu -->
<nav id="menu">
<ul class="links">
<li><a href=".">Stay Here</a></li>
<li><a href="https://blog.mou.best">博客</a></li>
<li><a href="https://about.mou.best/">关于我</a></li>
<li><a href="https://github.com/XiaoMouz">我的Github</a></li>
</ul>
</nav>
<!-- Banner -->
<section id="banner" class="major">
<div class="inner">
<header class="major">
<h1>Hello ~ 你好 ~</h1>
</header>
<div class="content">
<p>我是 XiaoMouz, aka 小莫、小莫子</p>
<ul class="actions">
<li><a href="#two" class="button next scrolly">更多</a></li>
</ul>
</div>
</div>
</section>
<!-- Main -->
<div id="main">
<!-- Top -->
<section id="two">
<div class="inner">
<header class="major">
<h2>我的博客</h2>
</header>
<p>记录自己学习与生活的经验与收获, 好看好玩又好吃, 吸溜吸溜~</p>
<ul class="actions">
<li><a href="/blog" class="button next">开吃</a></li>
</ul>
</div>
</section>
<!-- One -->
<section id="one" class="tiles">
<article>
<span class="image">
<img src="/images/element/statusMonitor.jpg" alt="" />
</span>
<header class="major">
<h3><a href="https://status.mou.best" class="link">状态监视</a></h3>
<p>部署的服务越来越多, 因此大部分服务都加入了监视器, 你可以在这里查看我的各项服务是否正常以判断是否是自己的网络问题</p>
</header>
</article>
<article>
<span class="image">
<img src="/images/element/mastodon.png" alt="" />
</span>
<header class="major">
<h3><a href="https://m.mou.best" class="link">Mastodon</a></h3>
<p>Mastodon 是一个分布式的社交媒体网络服务, 欢迎来我的嘟嘟节点玩, 如果你还没体验过它可以来我的节点作为你的第一站哦</p>
</header>
</article>
<article>
<span class="image">
<img src="/images/element/github.png" alt="" />
</span>
<header class="major">
<h3><a href="https://github.com/XiaoMouz" class="link">GitHub</a></h3>
<p>学了很多, 学的很杂, 一直有着做一个项目的心, 一直处在咕咕咕的状态</p>
</header>
</article>
<article>
<span class="image">
<img src="/images/element/bilibiliSpace.jpg" alt="" />
</span>
<header class="major">
<h3><a href="https://space.bilibili.com/64110204" class="link">Bilibili Space</a></h3>
<p>什么都有可能发的 Bilibili, 还有可能掉落随机直播哦</p>
</header>
</article>
<article>
<span class="image">
<img src="/images/element/codetools.jpg" alt="" />
</span>
<header class="major">
<h3><a href="https://codetool.mou.best/" class="link">Code Tools</a></h3>
<p>好玩的工具箱, 抄的, 欢迎来用 XD</p>
</header>
</article>
<article>
<span class="image">
<img src="/images/element/apiCenter.jpg" alt="" />
</span>
<header class="major">
<h3><a href="https://api.mou.best/" class="link">API Center</a></h3>
<p>我的 API 中心</p>
</header>
</article>
</section>
</div>
<!-- Footer -->
<footer id="footer">
<div class="inner">
<ul class="icons">
<li><a href="https://steamcommunity.com/id/Justjokemou/" class="icon brands alt fa-steam"><span
class="label">Steam</span></a></li>
<li><a href="https://twitter.com/XiaoMouz" class="icon brands alt fa-twitter"><span
class="label">Twitter</span></a></li>
<li><a href="https://www.facebook.com/mou.xiao.35" class="icon brands alt fa-facebook-f"><span
class="label">Facebook</span></a></li>
<li><a href="https://t.me/XiaoMouz" class="icon brands alt fa-telegram"><span
class="label">Telegram</span></a></li>
<li><a href="https://github.com/XiaoMouz" class="icon brands alt fa-github"><span
class="label">GitHub</span></a></li>
<li style="display:none;"><a rel="me" href="https://m.mou.best/@xiaomouz">Mastodon</a></li>
</ul>
<ul class="copyright">
<li>© XiaoMouz</li>
<li>Design: <a href="https://html5up.net">HTML5 UP</a></li>
<li>Banner: <a href="http://mou.best/images/banner.jpg">自取</a></li>
</ul>
</div>
</footer>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>