-
Notifications
You must be signed in to change notification settings - Fork 4
/
index.html
246 lines (245 loc) · 12.8 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
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
240
241
242
243
244
245
246
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/>
<meta name="description" content=""/>
<meta name="author" content=""/>
<title>欢迎使用T大树洞</title>
<!-- Favicon-->
<link rel="icon" type="image/x-icon" href="favicon.ico"/>
<!-- Font Awesome icons (free version)-->
<script src="https://use.fontawesome.com/releases/v5.15.1/js/all.js" crossorigin="anonymous"></script>
<!-- Google fonts-->
<link href="https://fonts.googleapis.com/css?family=Merriweather+Sans:400,700" rel="stylesheet"/>
<link href="https://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic"
rel="stylesheet" type="text/css"/>
<!-- Third party plugin CSS-->
<link href="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/magnific-popup.min.css"
rel="stylesheet"/>
<script>
function redirectToWeb() {
let old_token = localStorage.getItem('old_token')
if (old_token != null && old_token.length > 0) {
window.location.href = "https://web.thuhole.com/?old_token=" + old_token;
} else {
window.location.href = "https://web.thuhole.com"
}
}
</script>
<!-- Core theme CSS (includes Bootstrap)-->
<link href="https://cdn.jsdelivr.net/gh/treehollow/thuhole-index@master/css/styles.css" rel="stylesheet"/>
</head>
<body id="page-top">
<!-- Navigation-->
<nav class="navbar navbar-expand-lg navbar-light fixed-top py-3" id="mainNav">
<div class="container">
<a class="navbar-brand js-scroll-trigger" href="#page-top">Thuhole</a>
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse"
data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false"
aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto my-2 my-lg-0">
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#about">简介</a></li>
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#services">相关服务</a></li>
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#download">下载</a></li>
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#contact">联系我们</a></li>
</ul>
</div>
</div>
</nav>
<!-- Masthead-->
<header class="masthead">
<div class="container h-100">
<div class="row h-100 align-items-center justify-content-center text-center">
<div class="col-lg-10 align-self-end">
<h1 class="text-uppercase text-white font-weight-bold">T大树洞</h1>
<hr class="divider my-4"/>
</div>
<div class="col-lg-8 align-self-baseline">
<p class="text-white-75 font-weight-light mb-5">戴上面具，卸下防备<br>在匿名的树洞里，做回真实的自己</p>
<a class="btn btn-blue btn-xl js-scroll-trigger" href="#about">了解更多</a>
</div>
</div>
</div>
</header>
<!-- About-->
<section class="page-section bg-primary" id="about">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8 text-center">
<h2 class="text-white mt-0">树洞——校内匿名交流平台</h2>
<hr class="divider light my-4"/>
<p class="text-white-50 mb-4 text-left">
从第一条树洞在T大落地，信息的交流和思想的碰撞不断在这里上演，未逾一年，已经有上万人让这里成为了自己的社交空间。信息的高速流动让人有机会做出更充分的选择，匿名的面具守护着每一个人心底的秘密。这座园子曾经巍峨而高峻，现在我们却可以在这里重新构建人与人之间的联系。<br><br>
新开发的功能拓宽了树洞的使用场景，我们的平台比以往的任何时候都更散发活力，只有合理地运用这些特性，我们才能把匿名的双刃剑稳稳地握在手里。<br><br>
陌生人，欢迎你来到这里的一片天地；老朋友，愿你永远能在树洞中找到新的欣喜。</p>
<a class="btn btn-light btn-xl js-scroll-trigger" href="#services">我们的服务</a>
</div>
</div>
</div>
</section>
<!-- Services-->
<section class="page-section" id="services">
<div class="container">
<h2 class="text-center mt-0">在树洞，你能...</h2>
<hr class="divider my-4"/>
<div class="row">
<div class="col-lg-3 col-md-6 text-center">
<div class="mt-5">
<i class="fas fa-4x fa-pen text-primary mb-4"></i>
<h3 class="h4 mb-2">发帖&回复</h3>
<p class="text-muted mb-0">匿名说出你的想法<br>用昵称与互联网彼端的同学交流</p>
</div>
</div>
<div class="col-lg-3 col-md-6 text-center">
<div class="mt-5">
<i class="fas fa-4x fa-star text-primary mb-4"></i>
<h3 class="h4 mb-2">关注</h3>
<p class="text-muted mb-0">将感兴趣的收藏起来，随时查看</p>
</div>
</div>
<div class="col-lg-3 col-md-6 text-center">
<div class="mt-5">
<i class="fas fa-4x fa-bullhorn text-primary mb-4"></i>
<h3 class="h4 mb-2">分享</h3>
<p class="text-muted mb-0">将自己的经验经历分享于此<br>让更多的人看到</p>
</div>
</div>
<div class="col-lg-3 col-md-6 text-center">
<div class="mt-5">
<i class="fas fa-4x fa-question text-primary mb-4"></i>
<h3 class="h4 mb-2">求助</h3>
<p class="text-muted mb-0">选课推荐排雷，网络冲浪秘籍<br>看看别人怎么说</p>
</div>
</div>
</div>
</div>
</section>
<!-- Portfolio-->
<div id="portfolio">
<div class="container-fluid p-0">
<div class="row no-gutters">
<div class="col-lg-2 col-sm-3">
<a class="portfolio-box" href="https://cdn.jsdelivr.net/gh/treehollow/thuhole-index@master/assets/img/portfolio/fullsize/1.jpg">
<img class="img-fluid" src="https://cdn.jsdelivr.net/gh/treehollow/thuhole-index@master/assets/img/portfolio/thumbnails/1.jpg" alt=""/>
<div class="portfolio-box-caption">
<div class="project-category text-white-50">发帖</div>
<div class="project-name">From IOS</div>
</div>
</a>
</div>
<div class="col-lg-2 col-sm-3">
<a class="portfolio-box" href="https://cdn.jsdelivr.net/gh/treehollow/thuhole-index@master/assets/img/portfolio/fullsize/2.jpg">
<img class="img-fluid" src="https://cdn.jsdelivr.net/gh/treehollow/thuhole-index@master/assets/img/portfolio/thumbnails/2.jpg" alt=""/>
<div class="portfolio-box-caption">
<div class="project-category text-white-50">投票</div>
<div class="project-name">From IOS</div>
</div>
</a>
</div>
<div class="col-lg-2 col-sm-3">
<a class="portfolio-box" href="https://cdn.jsdelivr.net/gh/treehollow/thuhole-index@master/assets/img/portfolio/fullsize/3.jpg">
<img class="img-fluid" src="https://cdn.jsdelivr.net/gh/treehollow/thuhole-index@master/assets/img/portfolio/thumbnails/3.jpg" alt=""/>
<div class="portfolio-box-caption">
<div class="project-category text-white-50">搜索</div>
<div class="project-name">From IOS</div>
</div>
</a>
</div>
<div class="col-lg-2 col-sm-3">
<a class="portfolio-box" href="https://cdn.jsdelivr.net/gh/treehollow/thuhole-index@master/assets/img/portfolio/fullsize/4.jpg">
<img class="img-fluid" src="https://cdn.jsdelivr.net/gh/treehollow/thuhole-index@master/assets/img/portfolio/thumbnails/4.jpg" alt=""/>
<div class="portfolio-box-caption">
<div class="project-category text-white-50">随机漫步</div>
<div class="project-name">From IOS</div>
</div>
</a>
</div>
<div class="col-lg-2 col-sm-3">
<a class="portfolio-box" href="https://cdn.jsdelivr.net/gh/treehollow/thuhole-index@master/assets/img/portfolio/fullsize/5.jpg">
<img class="img-fluid" src="https://cdn.jsdelivr.net/gh/treehollow/thuhole-index@master/assets/img/portfolio/thumbnails/5.jpg" alt=""/>
<div class="portfolio-box-caption">
<div class="project-category text-white-50">时间轴</div>
<div class="project-name">From IOS</div>
</div>
</a>
</div>
<div class="col-lg-2 col-sm-3">
<a class="portfolio-box" href="https://cdn.jsdelivr.net/gh/treehollow/thuhole-index@master/assets/img/portfolio/fullsize/6.jpg">
<img class="img-fluid" src="https://cdn.jsdelivr.net/gh/treehollow/thuhole-index@master/assets/img/portfolio/thumbnails/6.jpg" alt=""/>
<div class="portfolio-box-caption p-3">
<div class="project-category text-white-50">登陆记录</div>
<div class="project-name">From IOS</div>
</div>
</a>
</div>
</div>
</div>
</div>
<br>
<br>
<!-- Call to action-->
<section class="page-section bg-dark text-white" id="download">
<div class="container text-center">
<h2 class="mb-4">支持安卓、IOS、网页访问</h2>
<div class="col">
<div class="row-lg-2 text-center">
<a class="btn btn-light btn-xl"
href="https://install.appcenter.ms/users/thuhole/apps/treehollow/distribution_groups/stable%20release">下载Android版</a>
</div>
<br>
<div class="row-lg-2 text-center">
<a class="btn btn-light btn-xl" href="https://apps.apple.com/cn/app/treehollow/id1556835658">下载iOS、MacOS版</a>
</div>
<br>
<div class="row-lg-2 text-center">
<a class="btn btn-light btn-xl" onclick="redirectToWeb()">访问网页版</a>
</div>
</div>
</div>
</section>
<!-- Contact-->
<section class="page-section" id="contact">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8 text-center">
<h2 class="mt-0">联系我们</h2>
<hr class="divider my-4"/>
<p class="text-muted mb-5">有任何问题，欢迎通过邮箱联系我们！</p>
</div>
</div>
<div class="row">
<div class="col-lg-12 text-center">
<i class="fas fa-envelope fa-3x mb-3 text-muted"></i>
<!-- Make sure to change the email address in BOTH the anchor text and the link target below!-->
<a class="d-block" href="?">[email protected]</a>
</div>
</div>
</div>
</section>
<!-- Footer-->
<footer class="bg-light py-5">
<div class="container">
<div class="small text-center text-muted">produced by Thuhole</div>
</div>
</footer>
<script>
let token = localStorage.getItem('TOKEN')
if (token != null && token.length > 0) {
localStorage.setItem('old_token', token)
localStorage.removeItem('TOKEN')
window.location.href = "https://web.thuhole.com/?old_token=" + token;
}
</script>
<!-- Bootstrap core JS-->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
<!-- Third party plugin JS-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/jquery.magnific-popup.min.js"></script>
<!-- Core theme JS-->
<script src="https://cdn.jsdelivr.net/gh/treehollow/thuhole-index@master/js/scripts.js"></script>
<script src="stats.js" defer></script>
</body>
</html>