-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
239 lines (239 loc) · 10.4 KB
/
Copy pathindex.html
File metadata and controls
239 lines (239 loc) · 10.4 KB
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
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>阿珏 Web 实验室</title>
<meta name="keywords" content="阿珏,阿珏网页实验室,阿珏web实验室,阿珏实验室,阿珏博客">
<meta name="description" content="阿珏 Web 实验室用于陈列一些阿珏博客原创作品，以及其它的好玩的内容">
<link rel="shortcut icon" href="https://browser.qq.com/favicon.ico">
<link rel="stylesheet" type="text/css" href="css/reset.css" media="all" />
<link rel="stylesheet" type="text/css" href="css/motion.css" media="all" />
<!-- font-awesome 图标字体 -->
<link href="./css/font-awesome.min.css" media="screen" rel="stylesheet" type="text/css">
<!-- 实验室核心样式文件 -->
<link rel="stylesheet" href="./css/index.css">
</head>
<body style="overflow-x:hidden;overflow-y:auto;">
<!-- 头部 -->
<header class="header">
<ul id="bg">
<div id="bg0"></div>
</ul>
<div id="stage">
<div id="page0" class="status2" style="display:none;">
<div class="main">
<img id="page0_glow" src="images/page0_glow.png" ondragstart="return false">
<ul>
<li></li>
<li></li>
<li><img width="577px" height="359px" src="images/better_title.png" /></li>
<li><img width="577px" height="359px" src="images/better.png" /></li>
<li><img src="images/page1_main_1new.png" /></li>
<li><img src="images/page1_main_2new.png" /></li>
<li><img src="images/page1_main_4.png" /></li>
<li></li>
<div>
<img class="page0_round" src="images/ttround.png"/></div>
</ul>
<div id="hero">
<div id="page0_logo"><img src="images/newlogo.png" width="372px" /></div>
</div>
</div>
</div>
</div>
<!-- <div id="victor-container"><div id="victor-output"></div></div> -->
<a class="scroll-down-tips" onclick="$('html, body').animate({scrollTop: $('.header').height()}, '500');return false;">
<i class="fa fa-angle-double-down" aria-hidden="true"></i>
向下滚动
</a>
</header>
<div class="container" style="margin-top: 50px;">
<section class="section">
<a name="product"></a>
<h3 class="mk-sub-title" style="color: #000;">
<span>Product</span>
<span>/</span>
原创作品
</h3>
<p class="mk-title-describe">没错，这些都是我的原创作品</p>
<div class="mk-item-box">
<div class="mk-item">
<a href="https://note.MoeJue.cn/" target="_blank">
<article class="mk-color-item color3">
<div class="item-logo">
<i class="fa fa-magic" aria-hidden="true"></i>
</div>
<h3>萌音云笔记</h3>
<p>一个高效的在线云笔记、专注技术文档在线创作、阅读、分享和托管</p>
<i class="light"></i>
</article>
</a>
</div>
<div class="mk-item">
<a href="http://movies.MoeKoe.cn" target="_blank">
<article class="mk-color-item color4">
<div class="item-logo">
<i class="fa fa-desktop" aria-hidden="true"></i>
</div>
<h3>萌音影视</h3>
<p>在线无广告影视应用</p>
<i class="light"></i>
</article>
</a>
</div>
<div class="mk-item">
<a href="https://qr.MoeJue.cn" target="_blank">
<article class="mk-color-item color3">
<div class="item-logo">
<i class="fa fa-qrcode" aria-hidden="true"></i>
</div>
<h3>收款啦</h3>
<p>三合一收款二维码</p>
<i class="light"></i>
</article>
</a>
</div>
<div class="mk-item">
<a href="https://www.MoeKoe.cn" target="_blank">
<article class="mk-color-item color1">
<div class="item-logo">
<i class="fa fa-fire" aria-hidden="true"></i>
</div>
<h3>萌音社区</h3>
<p>一个超好玩的二次元交流社区</p>
<i class="light"></i>
</article>
</a>
</div>
<div class="mk-item">
<a href="https://pay.MoeJue.cn" target="_blank">
<article class="mk-color-item color5">
<div class="item-logo">
<i class="fa fa-mouse-pointer" aria-hidden="true"></i>
</div>
<h3>萌音发卡</h3>
<p>一站式免签约自动发卡平台</p>
<i class="light"></i>
</article>
</a>
</div>
<div class="mk-item">
<a href="https://img.MoeJue.cn" target="_blank">
<article class="mk-color-item color6">
<div class="item-logo">
<i class="fa fa-magic" aria-hidden="true"></i>
</div>
<h3>幻想领域</h3>
<p>一个二次元图片的领域</p>
<i class="light"></i>
</article>
</a>
</div>
<div class="mk-item">
<a href="http://random.MoeJue.cn/" target="_blank">
<article class="mk-color-item color3">
<div class="item-logo">
<i class="fa fa-font" aria-hidden="true"></i>
</div>
<h3>api</h3>
<p>随机二次元图片api</p>
<i class="light"></i>
</article>
</a>
</div>
<div class="mk-item">
<a href="http://blog.MoeJue.cn/" target="_blank">
<article class="mk-color-item color4">
<div class="item-logo">
<i class="fa fa-home" aria-hidden="true"></i>
</div>
<h3>简约博客</h3>
<p>简约而不简单的博客系统</p>
<i class="light"></i>
</article>
</a>
</div>
<div class="mk-item">
<a href="https://ac.MoeJue.cn/" target="_blank">
<article class="mk-color-item color1">
<div class="item-logo">
<i class="fa fa-picture-o" aria-hidden="true"></i>
</div>
<h3>图库</h3>
<p>我的二次元在线图库</p>
<i class="light"></i>
</article>
</a>
</div>
<div class="mk-item">
<a href="http://link.MoeJue.cn/" target="_blank">
<article class="mk-color-item color3">
<div class="item-logo">
<i class="fa fa-link" aria-hidden="true"></i>
</div>
<h3>link</h3>
<p>友情链接自助申请单页</p>
<i class="light"></i>
</article>
</a>
</div>
<div class="mk-item">
<a href="http://music.MoeJue.cn/" target="_blank">
<article class="mk-color-item color2">
<div class="item-logo">
<i class="fa fa-music" aria-hidden="true"></i>
</div>
<h3>我的歌单</h3>
<p>基于我的酷狗歌单的音乐播放器</p>
<i class="light"></i>
</article>
</a>
</div>
<div class="mk-item">
<a href="https://music.moekoe.cn/" target="_blank">
<article class="mk-color-item color1">
<div class="item-logo">
<i class="fa fa-music" aria-hidden="true"></i>
</div>
<h3>MoeKoeMusic</h3>
<p>开源简洁高颜值的酷狗第三方客户端</p>
<i class="light"></i>
</article>
</a>
</div>
</div>
</section>
<section class="section" style="margin-top: 50px;">
<div class="mk-big-title">
<h4>About</h4>
</div>
<div class="about-content">
<p>阿珏 Web 实验室用来陈列一些新鲜、好玩、大大小小的本人原创或改写的 Web 作品。</p>
<p>关于界面的设计：页面第一屏是仿QQ浏览器mac版官网主页，作品展示页则是使用 <a href="http://lab.mkblog.cn/" target="_blank">孟坤Web实验室 </a>仿 AlloyTeam 的样式</p>
<p>欲了解更多内容，请访问我的 <a href="https://www.MoeJue.cn" target="_blank">个人博客</a>。</p>
</div>
</section>
</div>
<div class="mk-uptop" title="点击滚回顶部"></div>
<!-- 底部 -->
<footer class="footer">
<div class="social">
<a href="https://github.com/iAJue/" target="_blank" title="Github" mkpop="没啥开原作品，好丢人">
<i class="fa fa-github" aria-hidden="true"></i>
</a>
</div>
<div class="count">
『您是本站第
<img src="http://cc.amazingcounters.com/counter.php?i=3219959&c=9660190">
位访客』
</div>
<div class="web-record"> Copyright © 2018
<a href="http://lab.MoeJue.cn/" target="_blank">阿珏Web实验室</a>
</div>
</footer>
<script src="./js/jquery.min.js"></script>
<script src="./js/vector.js"></script>
<script src="./js/common.js"></script>
<script src="./js/main.js"></script>
</body>
</html>