-
Notifications
You must be signed in to change notification settings - Fork 7
/
index.html
314 lines (313 loc) · 15.2 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
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
<!doctype html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="description" content="NyaaCat Community">
<meta name="keywords" content="NyaaCat, 喵窝, Minecraft">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>喵窝 | NyaaCat 社区</title>
<link rel="icon" href="images/favicon.ico">
<link rel="apple-touch-icon" href="images/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="assets/ionicons/css/ionicons.css">
<link rel="stylesheet" href="assets/elegant-icons/style.css">
<!--[if lte IE 7]><script src="assets/elegant-icons/lte-ie7.js"></script><![endif]-->
<link rel="stylesheet" href="css/owl.theme.css">
<link rel="stylesheet" href="css/owl.carousel.css">
<link rel="stylesheet" href="css/nivo-lightbox.css">
<link rel="stylesheet" href="css/nivo_themes/default/default.css">
<link rel="stylesheet" href="css/colors.css">
<link rel="stylesheet" href="css/styles.css">
<link rel="stylesheet" href="css/responsive.css">
<!--[if lt IE 9]>
<script src="js/html5shiv.js"></script>
<script src="js/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="preloader">
<div class="status"> </div>
</div>
<header id="home">
<div class="color-overlay">
<div class="navigation-header">
<div class="navbar navbar-inverse bs-docs-nav navbar-fixed-top sticky-navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#landx-navigation">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#"><img src="images/logo-dark.png" alt=""></a>
</div>
<div class="navbar-collapse collapse" id="landx-navigation">
<ul class="nav navbar-nav navbar-right main-navigation">
<li><a href="#home">Home</a></li>
<li><a href="#section1">关于</a></li>
<li><a href="#section2">社区</a></li>
<li><a href="#section3">风光</a></li>
<li><a href="#section4">加入</a></li>
<li><a href="#section5">联系</a></li>
<li><a href="https://wiki.nyaa.cat" target="_blank">NyaaWiki</a></li>
<li><a href="https://bbs.nyaa.cat" target="_blank">NyaaBBS</a></li>
<li><a href="https://planet.nyaa.cat" target="_blank">Planet</a></li>
<li><a href="https://i.nyaa.cat" target="_blank">Players</a></li>
<li><a href="https://github.com/NyaaCat" target="_blank">GitHub</a></li>
</ul>
</div>
</div>
</div>
<div class="navbar non-sticky">
<div class="container">
<div class="navbar-header">
<img src="images/logo-white.png" alt="">
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<!-- LEFT - HEADING AND TEXTS -->
<div class="col-md-10 col-md-offset-1 intro-section">
<h1 class="intro">
NyaaCat 社区 Minecraft 服务器「喵窝」
</h1>
<p class="sub-heading">
にゃんぱすー游戏进行中喵~
</p>
<div id="cta-5" class="button-container">
<a href="#section4" class="btn standard-button">现在加入</a>
<a href="#section1" class="btn secondary-button-white">了解更多</a>
</div>
</div>
</div>
</div>
</div>
</header>
<section class="section1" id="section1">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="brief text-left">
<h2>温馨有爱的社区和精彩广阔的世界</h2>
<div class="colored-line pull-left">
</div>
<p>
不仅仅是游戏服务器，还是温暖的大家庭。
</p>
<div class="row">
<div class="col-md-6">
<ul class="feature-list-2">
<li>
<div class="icon-container pull-left">
<span class="icon_heart"></span>
</div>
<div class="details pull-left">
<h6>「自由、平等、开放、有爱」</h6>
<p>
我们是一群互联网上的创造者，满怀着爱和信念。我们正在缔造美好的互联网世界。从社区收获、向社区贡献，从而成就并丰富社区的意义。
</p>
</div>
</li>
<li>
<div class="icon-container pull-left">
<span class="icon_globe"></span>
</div>
<div class="details pull-left">
<h6>来自五湖四海，遍布各行各业</h6>
<p>
这里有来自 Google、Amazon、腾讯、阿里、网易、亚马逊等等互联网巨头公司的员工，也有正在起飞的各类互联网创业公司的伙伴。有来自清华、北大、浙大、华科大、中科大、南大、中科院、卡梅隆、大阪大学等等高校和研究院的学生和研究人员，也有机灵活泼、朝气蓬勃的高中生。有热爱御宅文化的黑客们，也有每晚熬夜奋战制作字幕的字幕组成员，更有无数开源社区的贡献者。
</p>
</div>
</li>
</ul>
</div>
<div class="col-md-6">
<ul class="feature-list-2">
<li>
<div class="icon-container pull-left">
<span class="icon_cog"></span>
</div>
<div class="details pull-left">
<h6>强劲的服务器和网络配置</h6>
<p>
选用最新的至强处理器、稳定可靠的内存、快如闪电的固态硬盘保证系统稳定流畅运行。三大运营商和教育网独立带宽接入，物理专线和遍布全球的加速节点解决延迟和丢包的烦恼。
</p>
</div>
</li>
<li>
<div class="icon-container pull-left">
<span class="icon_tools"></span>
</div>
<div class="details pull-left">
<h6>专业的技术，用心的运营</h6>
<p>
广阔无垠的主世界，原汁原味的生存世界，充满惊险、机遇和挑战的黑暗世界满足你的生存需求、探险欲望和建筑才华。服务器日志永久保留、长达一年的方块和物品变动日志、每小时线上热备份、每日异地备份，玩得开心，更加安心。多个独立开发的插件配合凝聚玩家们脑洞的设定，上千种特有物品，环环相扣的活动故事线... 但是所有的游戏设定都不会干涉你的选择，你的游戏你做主。
</p>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section2" id="section2">
<div class="container">
<h2>NyaaCat 社区</h2>
<div class="colored-line">
</div>
<div class="sub-heading">
不仅仅存在于虚拟世界中的港湾
</div>
<div class="features">
<div class="row">
<div class="col-md-4">
<div class="feature">
<div class="icon">
<span class="icon_check_alt2"></span>
</div>
<h4>兴趣驱动</h4>
<p>
NyaaCat 社区由兴趣驱动。不同的人因同样的兴趣爱好而聚集，社区是承载和发展兴趣的平台。
</p>
</div>
</div>
<div class="col-md-4">
<div class="feature">
<div class="icon">
<span class="icon_info_alt"></span>
</div>
<h4>非营利性社区</h4>
<p>
NyaaCat 是非营利性社区。尽管运营服务器需要大量的资金，我们仍然相信社区不需要金钱即可长久存在。
</p>
</div>
</div>
<div class="col-md-4">
<div class="feature">
<div class="icon">
<span class="icon_chat_alt"></span>
</div>
<h4>思想开放，兼容并包</h4>
<p>
最美不过思维碰撞的火花。不同见解、赞扬或批评、优秀的问题和深思熟虑的答案，都是推动思想进步的阶梯。
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section3 bgcolor-2" id="section3">
<div class="container">
<!-- SECTION HEADING -->
<h2>世界风光</h2>
<div class="colored-line">
</div>
<div class="sub-heading">
用实力证明自己的优秀，才华的舞台没有边界
</div>
<!-- SCREENSHOTS -->
<div class="row screenshots">
<div id="screenshots" class="owl-carousel owl-theme">
<div class="shot">
<a href="/images/screenshots/1.jpg" data-lightbox-gallery="screenshots-gallery"><img src="/images/screenshots/1.jpg" alt="Screenshot"></a>
</div>
<div class="shot">
<a href="/images/screenshots/2.jpg" data-lightbox-gallery="screenshots-gallery"><img src="/images/screenshots/2.jpg" alt="Screenshot"></a>
</div>
<div class="shot">
<a href="/images/screenshots/3.jpg" data-lightbox-gallery="screenshots-gallery"><img src="/images/screenshots/3.jpg" alt="Screenshot"></a>
</div>
<div class="shot">
<a href="/images/screenshots/4.jpg" data-lightbox-gallery="screenshots-gallery"><img src="/images/screenshots/4.jpg" alt="Screenshot"></a>
</div>
<div class="shot">
<a href="/images/screenshots/5.jpg" data-lightbox-gallery="screenshots-gallery"><img src="/images/screenshots/5.jpg" alt="Screenshot"></a>
</div>
<div class="shot">
<a href="/images/screenshots/6.jpg" data-lightbox-gallery="screenshots-gallery"><img src="/images/screenshots/6.jpg" alt="Screenshot"></a>
</div>
</div>
</div>
</div>
</section>
<section class="cta-section" id="section4">
<div class="color-overlay">
<div class="container">
<h3>现在就加入吧！<br/><small>您需要有合法的 Minecraft 正版帐号</i></small></h3>
<div class="row">
<div class="col-md-6 col-md-offset-3">
<p class="cta-section-p">写一封申请信，介绍一下自己。格式和内容任意。</p>
<p class="cta-section-p">当然，您还需要至少包含以下内容以便我们处理您的申请：</p>
<div class="row">
<div class="col-md-8 col-md-offset-2">
<ul class="cta-section-ul">
<li class="cta-section-li"><i class="icon arrow_carrot-right"></i> 您的 Minecraft 正版 ID</li>
<li class="cta-section-li"><i class="icon arrow_carrot-right"></i> 您的个人网站，或开放的社交网站主页等</li>
<li class="cta-section-li"><i class="icon arrow_carrot-right"></i> 印象深刻的游戏记忆片段，或是您的各类作品</li>
</ul>
</div>
</div>
<p class="cta-section-p">请将申请信发送到 <a href="mailto:owo@nyaa.cat" class="contact-link"><code class="cta-section-code">owo@nyaa.cat</code></a>。您应在 72 个小时内收到答复。
<p class="cta-section-p">为确保审核结果和后续更新的邮件送达，请将该地址添加到您的联系人。</p>
<p class="cta-section-p">详细的申请及审核要求，请访问<a href="https://wiki.nyaa.cat/#/wiki/whitelist-application" class="contact-link">申请及审核说明</a>页面。</p>
</div>
</div>
</div>
</div>
</section>
<section class="contact-us" id="section5">
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<h3 class="heading">有任何问题？</h3>
<a href="mailto:owo@nyaa.cat" class="contact-link"><span class="icon_mail_alt"></span>联系我们</a>
</div>
</div>
</div>
</section>
<footer class="bgcolor-2">
<div class="container">
<div class="footer-logo">
<img src="images/logo-color.png" alt="">
</div>
<div class="copyright">
©2020 NyaaCat Community
</div>
<ul class="social-icons">
<li>Made with <i class="icon_heart"></i> since 2011.</li>
</ul>
</div>
</footer>
<script src="js/jquery.min.js"></script>
<script>
// makes sure the whole site is loaded
jQuery(window).load(function() {
"use strict";
// will first fade out the loading animation
jQuery(".status").fadeOut();
// will fade out the whole DIV that covers the website.
jQuery(".preloader").delay(1000).fadeOut("slow");
})
</script>
<script src="js/bootstrap.min.js"></script>
<script src="js/retina-1.1.0.min.js"></script>
<script src="js/smoothscroll.js"></script>
<script src="js/jquery.scrollTo.min.js"></script>
<script src="js/jquery.localScroll.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/nivo-lightbox.min.js"></script>
<script src="js/jquery.nav.js"></script>
<script src="js/jquery.fitvids.js"></script>
<script src="js/jquery.ajaxchimp.min.js"></script>
<script src="js/custom.js"></script>
</body>
</html>