This repository has been archived by the owner on Jul 31, 2020. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
111 lines (110 loc) · 4.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
<html class="hola-html-reset hola-var">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>前端实验室</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/weblab/static@master/page/dist/holakit.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/weblab/static@master/page/assets/demo/holakitdemo.css">
</head>
<script src="https://sdk.jinrishici.com/v2/browser/jinrishici.js" charset="utf-8"></script>
<body class="hola-body-typography hola-grey-bg">
<header class="hola-navbar hola-navbar-transparent hola-navbar-darkbg">
<div class="hola-container">
<nav class="hola-navbar-main">
<a href="#" class="hola-navbar-brand">前端实验室</a>
</nav>
<input type="checkbox" class="hola-navbar-toggle" id="navbar-toggle">
<label for="navbar-toggle" class="hola-navbar-toggle-label"></label>
</div>
</header>
<div class="hola-hero hola-hero-dark-bg hola-hero-height-extended">
<div class="hola-container hola-hero-content">
<h1>前端实验室</h1>
<p>捣鼓些新奇的小玩意儿。</p>
<a href="#content" class="hola-button hola-button-ghost">介绍</a>
</div>
</div>
<div class="hola-container">
</div>
<div class="hola-container hola-layout-container hola-layout-container-sidebar-right" id="content">
<div class="hola-layout-main hola-card-stack">
<div class="hola-card">
<h2 class="hola-card-title">作品 works</h2>
<div class="hola-table-container">
<table class="hola-table hola-table-fullwidth">
<thead>
<tr>
<th>作品名称 Title</th>
<th>网址 URL</th>
<!--<th>Ducimus?</th>-->
</tr>
</thead>
<tbody>
<tr>
<td>鸡兔同笼计算器 Chicken and Rabbit Cage Calculator</td>
<td><a href="https://crsc.web-lab.ml/">https://crsc.web-lab.ml/</a></td>
</tr>
<tr>
<td>在线验证码 Online verification code</td>
<td><a href="https://verification.web-lab.ml/">https://verification.web-lab.ml/</a></td>
</tr>
<tr>
<td>在线单位转换 Online unit conversion</td>
<td><a href="https://unit.web-lab.ml/">https://unit.web-lab.ml/</a></td>
</tr>
<tr>
<td>在线计算器 Online calculator</td>
<td><a href="https://calculator.web-lab.ml/">https://calculator.web-lab.ml/</a></td>
</tr>
<tr>
<td>在线狗屁不通文章生成器 Online article generator</td>
<td><a href="https://articlegenerator.web-lab.ml/">https://articlegenerator.web-lab.ml/</a></td>
</tr>
<tr>
<td>点击屏幕烟花效果 Tap the screen fireworks effect</td>
<td><a href="https://fireworks.web-lab.ml/"> https://fireworks.web-lab.ml/</a></td>
</tr>
<tr>
<td>全屏滑稽 Full screen funny</td>
<td><a href="https://doge.web-lab.ml/"> https://doge.web-lab.ml/</a></td>
</tr>
<tr>
<td>3D喷泉 3D fountain</td>
<td><a href="https://fountain.web-lab.ml/"> https://fountain.web-lab.ml/</a></td>
</tr>
<tr>
<td>键盘打字高亮特效 Keyboard typing highlight</td>
<td><a href="https://keyboard.web-lab.ml/"> https://keyboard.web-lab.ml/</a></td>
</tr>
<tr>
<td>在线压缩图片 Compress pictures online</td>
<td><a href="https://picdiet.web-lab.ml/"> https://picdiet.web-lab.ml/</a></td>
</tr>
<tr>
<td>博客 Blog</td>
<td><a href="https://idea.web-lab.ml/"> https://idea.web-lab.ml/</a></td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="hola-card">
<h2 class="hola-card-title">常见问题 FAQ</h2>
<div class="hola-content">
<h4>之前的项目去哪里了? Where did the previous project go?</h4>
基本所有的老项目都在上面的作品里了,欢迎使用!
<br /><br />
<h4>如果有问题去哪里反馈? If there is a problem, where to go?</h4>
<a href="https://support.qq.com/products/73180" title="反馈">戳我立即反馈问题 Poke me to report the problem immediately</a><br />
</div>
</div>
</div>
<div class="hola-layout-sidebar">
<div class="hola-card">
<p id="jinrishici-sentence"></p>
<!--<p></p>-->
</div>
</div>
</div>
<script src="https://cdn.jsdelivr.net/gh/weblab/static@master/all/all.js"></script>
</body>
</html>