forked from xiyou-linuxer/XiyouLinuxWebsite-2015-2022
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
294 lines (281 loc) · 11.9 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>西邮Linux兴趣小组</title>
<meta name="description" content="西邮Linux兴趣小组">
<meta name="keywords" content="西安邮电大学,西邮Linux兴趣小组,Linux,软件自由日">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<!-- Bootstrap core CSS -->
<link href="./assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="http://cdn.bootcss.com/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet">
<link href="./assets/css/index.css" rel="stylesheet">
</head>
<body>
<div id="loading">
<div class="round">
<div class="dot"></div>
</div>
<div class="text">
<p>loading</p>
</div>
</div>
<nav class="navbar navbar-default navbar-fixed-top " id="navbar-custom">
<a href="#" class="navbar-brand">I'm Linuxer!</a>
<ul class="nav nav-pills">
<li class="nav-item active">
<a class="nav-link" href="#"> 主页<span class="sr-only"></span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="http://www.xiyoulinux.org/map/">站内导航</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">小组社区</a>
</li>
<li class="nav-item">
<a class="nav-link" href="http://cs.xiyoulinux.org/">成员登录</a>
</li>
</ul>
</nav>
<!-- banner -->
<div class="banner">
<div class="bg-mask">
<div class="container">
<div class="linuxer-img">
<img src="./assets/images/linuxer.png">
</div>
<div class="desc">
<h1>西邮Linux兴趣小组</h1>
<p>->陕西高校中具有深远影响力的开源社区</p>
<p><a class="btn btn-lg btn-primary btn-join" href="#">加入我们</a></p>
</div>
</div>
</div>
</div><!-- /.banner -->
<div class="feature">
<div class="container">
<div class="row">
<div class="col-xs-6 col-md-3">
<div class="feat-item">
<a href="http://blog.xiyoulinux.org/">
<i class="fa fa-book icon-blog"></i>
</a>
<h4>小组群博</h4>
<p>
小组历届成员博客，一定有你感兴趣的.
<a class="view-more" href="http://blog.xiyoulinux.org/" role="button">More »</a>
</p>
</div>
</div>
<div class="col-xs-6 col-md-3">
<div class="feat-item">
<a href="https://groups.google.com/forum/#!forum/xiyoulinux">
<i class="fa fa-envelope icon-email"></i>
</a>
<h4>邮件列表</h4>
<p>在这里你可以畅所欲言,我们一起来讨论技术上的难题.
<a class="view-more"href="https://groups.google.com/forum/#!forum/xiyoulinux" role="button">More »</a>
</p>
</div>
</div>
<div class="col-xs-6 col-md-3">
<div class="feat-item">
<a href="https://github.com/xiyoulinux">
<i class="fa fa-download icon-resource"></i>
</a>
<h4>小组资源</h4>
<p>你将看到小组成员的部分项目，从而更了解我们平时在做什么.
<a class="view-more" href="https://github.com/xiyoulinux" role="button">More »</a>
</p>
</div>
</div>
<div class="col-xs-6 col-md-3">
<div class="feat-item">
<a href="#">
<i class="fa fa-users icon-lecture"></i>
</a>
<h4>公告讲座</h4>
<p>小组日常讲座面向全部兴趣爱好者,可以随时关注我们的动态.
<a class="view-more"href="#" role="button">More »</a>
</p>
</div>
</div>
</div><!-- /.row -->
<hr class="featurette-divider">
</div>
</div>
<div class="container">
<div class="featurette">
<div class="row">
<div class="col-md-8">
<h2 class="featurette-heading">Linux操作系统 </h2>
<p class="lead">Linux是一套免费使用和自由传播的类Unix操作系统，是一个基于POSIX和UNIX的多用户、多任务、支持多线程和多CPU的操作系统。它能运行主要的UNIX工具软件、应用程序和网络协议。它支持32位和64位硬件。Linux继承了Unix以网络为核心的设计思想，是一个性能稳定的多用户网络操作系统。<a href="http://baike.baidu.com/link?url=Y-qntQsAEvYeZMOPAMLv3SClnps75sY8l3bADg9ghUrOxgi7mL56izWLDpiKP-vt4QPwZ0Y6u9SUuSi9iGrV7a">了解更多>></a></p>
</div>
<div class="col-md-4">
<div class="featurette-img">
<img src="./assets/images/linux.jpg">
</div>
</div>
</div>
<hr class="featurette-divider">
</div>
<div class="featurette">
<div class="row">
<div class="col-md-8 col-md-push-4">
<h2 class="featurette-heading">GNU计划 <span class="text-muted">GNU is Not Unix</span></h2>
<p class="lead">GNU计划，又称革奴计划，是由Richard Stallman在1983年9月27日公开发起的。它的目标是创建一套完全自由的操作系统。Richard Stallman最早是在net.unix-wizards新闻组上公布该消息，并附带《GNU宣言》等解释为何发起该计划的文章，其中一个理由就是要“重现当年软件界合作互助的团结精神”。为保证GNU软件可以自由地“使用、复制、修改和发布”，所有GNU软件都有一份在禁止其他人添加任何限制的情况下授权所有权利给任何人的协议条款，GNU通用公共许可证（GNU General Public License，GPL）。即“反版权”（或称Copyleft）概念。<a href="http://baike.baidu.com/link?url=RI-uZ4SfBWdG2MDh4uZA0qTK6Wsfh4r7fOFunCxzUiEwxLf4HZNBgNZViFwccsqHdJWgn5ol7GMJX6kHjRoDoK">了解更多>></a></p>
</div>
<div class="col-md-4 col-md-pull-8">
<div class="featurette-img">
<img src="./assets/images/gnu.jpg">
</div>
</div>
</div>
<hr class="featurette-divider">
</div>
<div class="featurette">
<div class="row">
<div class="col-md-8">
<h2 class="featurette-heading">Xiyou Linux Group <span class="text-muted"></span></h2>
<p class="lead">西邮Linux兴趣小组直属于西安邮电学院计算机学院，由王亚刚老师,王聪,刘洋等同学于2006年9月策划并组建,现已成为陕西高校中具有深远影响力的技术小组。
小组本着"学习Linux系统，崇尚自由软件，宣传开源文化"的精神，在Linux的学习和应用中起到了带头的作用！小组成员主要学习方向有：Linux平台应用软件开发、Linux平台嵌入式开发、Linux内核分析、Linux服务器配置等。 <a href="http://www.xiyoulinux.org/intro/">了解更多>></a></p>
</div>
<div class="col-md-4">
<div class="featurette-img">
<img src="./assets/images/xiyoulinux.png">
</div>
</div>
</div>
</div>
<!-- /END THE FEATURETTES -->
</div>
<!-- FOOTER -->
<footer>
<div class="container">
<div class="content">
<div class="row">
<div class="col-md-3">
<div class="link-address">
<p class="heading">链接</p>
<ul>
<li><a href="http://222.24.19.3:81/xiyoucs/index.asp">西安邮电大学计算机学院</a></li>
<li><a href="http://www.kerneltravel.net/">Linux内核之旅</a></li>
</ul>
</div>
</div>
<div class="col-md-3">
<div class="link-address">
<p class="heading">社区</p>
<ul>
<li>邮件列表: <a href="https://groups.google.com/forum/#!forum/xiyoulinux">xiyoulinux</a></li>
<li>新浪微博: <a href="http://weibo.com/xylinux">@西邮Linux兴趣小组</a></li>
<li>人人主页: <a href="http://page.renren.com/601367653?checked=true">@西邮Linux兴趣小组</a></li>
</ul>
</div>
</div>
<div class="col-md-3">
<div class="link-address">
<p class="heading">地址</p>
<ul>
<li>
陕西省 西安市 长安区<br>
西安邮电大学长安校区<br>
东区 教学实验楼 FZ118<br>
邮编：710121
</li>
</ul>
</div>
</div>
<div class="col-md-3 text-center">
<div class="link-address">
<p class="heading">关注我们</p>
<ul>
<li>
<img class="qr" src="./assets/images/weixin.jpg">
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="copy-right-content">
<span>
西邮Linux兴趣小组 版权所有 © 2015
</span>
</div>
</div>
</footer>
<p id="back-to-top">
<a class="back-top " href="#">
<i class="fa fa-chevron-up"></i>
</a>
</p>
<script src="//cdn.bootcss.com/jquery/2.1.4/jquery.min.js"></script>
<script src="//cdn.bootcss.com/jquery.nicescroll/3.6.0/jquery.nicescroll.min.js"></script>
<script>
$(window).on('load', function() {
$('#loading').fadeOut(500);
});
$(document).ready(function() {
$("html").niceScroll({
cursorcolor:"#000000",
cursoropacitymax:0.5,
touchbehavior:false,
cursorwidth:"6px",
cursorborder:"0",
cursorborderradius:"4px"
});
var t;
var bannerHeight = $('.banner').height();
$(window).scroll(function() {
clearTimeout(t),
t = setTimeout(function() {
var top = document.documentElement.scrollTop ||
window.pageYOffset || document.body.scrollTop;
if (top > 0) {
$("#back-to-top").fadeIn(500);
} else {
$("#back-to-top").fadeOut(500);
}
if (top >= bannerHeight - 60) {
$('#navbar-custom').css({'background-color': '#2c3e50'});
} else {
$('#navbar-custom').css({'background-color': ''});
}
},30);
});
$('#back-to-top').click(function() {
$(document.body).animate({scrollTop: 0}, 500);
$
});
});
</script>
<div class="sfd-live">
<video width="600" height="340" src="http://121.40.74.70/sfd2015/9th.mp4"></video>
<div class="btn-close">
<i class="fa fa-times"></i>
</div>
<div class="live-info">
<p>第十二届国际自由软件日[西邮站]正在直播<br>(建议使用chrome/firefox浏览器观看)</p>
<a href="/2015/live.html" class="btn btn-primary"> 观看直播 </a>
</div>
</div>
<script>
$(window).on('load', function() {
$('#loading').fadeOut(500);
var time = new Date() - Date.parse('09-19-2015 12:30:00');
if (time > 0 && time < 3600 * 1000 * 5) {
setTimeout(function () {
var sfdLive = $('.sfd-live');
sfdLive.fadeIn(500);
sfdLive.find('video').get(0).play();
sfdLive.find('.btn-close').click(function () {
sfdLive.fadeOut(500);
sfdLive.find('video').get(0).pause();
});
}, 1000);
}
});
</script>
</body>
</html>