This repository has been archived by the owner on Feb 27, 2023. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
332 lines (288 loc) · 16.6 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
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
<!doctype html>
<html lang="zh">
<head>
<meta charset="utf-8">
<title>OSS-LZU | 兰州大学开源社区</title>
<meta name="description" content="OSS-LZU">
<meta name="author" content="Huzi Cheng @OSS-LZU">
<link rel="stylesheet" type="text/css" href="semantic/dist/semantic.css">
<link rel="stylesheet" type="text/css" href="style.css">
<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
<script src="semantic/dist/components/visibility.js"></script>
<script src="semantic/dist/components/sidebar.js"></script>
<script src="semantic/dist/semantic.js"></script>
<script>
$(document)
.ready(function () {
$('.fixed.menu').transition('fade out');
// fix menu when passed
$('.masthead')
.visibility({
once: false,
onBottomPassed: function () {
$('.fixed.menu').transition('fade in');
},
onBottomPassedReverse: function () {
$('.fixed.menu').transition('fade out');
}
});
// create sidebar and attach to menu open
$('.ui.sidebar')
.sidebar('attach events', '.toc.item');
});
</script>
</head>
<body>
<!-- Following Menu -->
<div class="ui large top fixed menu transition visible" style="display: flex !important;">
<div class="ui container">
<a class="item active">OSS@LZU </a>
<a class="item">新闻 </a>
<a class="item">项目 </a>
<a class="item">镜像 </a>
<a class="item">成员 </a>
<a class="item">存档 </a>
<a class="item right">Logo </a>
</div>
</div>
<!-- Sidebar Menu -->
<div class="ui vertical inverted sidebar menu left">
<a class="item active">OSS@LZU </a>
<a class="item">新闻 </a>
<a class="item">项目 </a>
<a class="item">镜像 </a>
<a class="item">成员 </a>
<a class="item">存档 </a>
<a class="item right">Logo </a>
</div>
<!-- Page Contents -->
<div class="pusher">
<div class="ui inverted vertical masthead center aligned segment">
<div class="ui container">
<div class="ui large secondary inverted pointing menu hidb">
<a class="toc item">
<i class="sidebar icon"></i>
</a>
<a class="item active">OSS@LZU </a>
<a class="item">新闻 </a>
<a class="item">项目 </a>
<a class="item">镜像 </a>
<a class="item">成员 </a>
<a class="item">存档 </a>
<a class="item right">Logo </a>
</div>
</div>
<div class="ui text container">
<!-- 常规社区展示，或者大型活动页面 -->
<h1 class="ui inverted header">
Coding With Mt. Cuiying <!-- 换成自己的 Slogn -->
</h1>
<h2>Open Source Society, LZU | 兰州大学开源社区</h2>
<div class="ui huge primary button">加入我们 <i class="right arrow icon"></i></div>
</div>
</div>
<div class="ui vertical stripe quote segment">
<div class="ui container center aligned ">
<div class="ui four column grid">
<div class="row">
<div class="column">
<a href="http://google.com" class="ui medium image">
<img class="ui small image middle aligned" src="img/image.png">
</a>
<h3>Projects</h3>
</div>
<div class="column">
<a href="http://google.com" class="ui medium image">
<img class="ui small image middle aligned" src="img/image.png">
</a>
<h3>Mirror</h3>
</div>
<div class="column">
<a href="http://google.com" class="ui medium image">
<img class="ui small image middle aligned" src="img/image.png">
</a>
<h3>Members</h3>
</div>
<div class="column">
<a href="http://google.com" class="ui medium image">
<img class="ui small image middle aligned" src="img/image.png">
</a>
<h3>Archive</h3>
</div>
</div>
</div>
</div>
</div>
<div class="ui vertical stripe segment">
<div class="ui grid container">
<!--stackable-->
<div class="row heading">
<div class="ten wide column">
<h1>新闻</h1>
</div>
<div class="five wide right floated column">
<h1>公告 & 近期活动</h1>
<!--（显示最近的三个即可）-->
</div>
</div>
<div class="row">
<div class="ten wide column">
<h3 class="ui header preview-title">标题：提三後關人當，學作裡，就真要比場定電、眾意點來了業的我；子爭成國第發學這入童業，醫畫或麼間出來門；不電去一何兒子空股沒節再整過眾研告</h3>
<p class="preview-text">想使路，先法上快個，巴出上且而人野同自身來……代專標民下漸素響：回資的電爸；個去一臺故沒……找大卻！學持感來本始心臺不山早人了司邊公修命起天！飛是速、些車期……議自本紅照聲約萬者廣平狀雄華小活，劇場局展陽然一養，源老現要過能系等滿親本；的道少性害般樣？結加油汽物實和超銀……驚加兒。這無轉經力汽為西半業：媽飛水然產是輕過安出男，重白先血：我創一只市毛國絕候才的信病回於要一題。
調太親由館只大然續的們，提三後關人當，學作裡，就真要比場定電、眾意點來了業的我；子爭成國第發學這入童業，醫畫或麼間出來門；不電去一何兒子空股沒節再整過眾研告又眼。
</p>
<h3 class="ui header preview-title">标题：提三後關人當，學作裡，就真要比場定電、眾意點來了業的我；子爭成國第發學這入童業，醫畫或麼間出來門；不電去一何兒子空股沒節再整過眾研告</h3>
<p class="preview-text">想使路，先法上快個，巴出上且而人野同自身來……代專標民下漸素響：回資的電爸；個去一臺故沒……找大卻！學持感來本始心臺不山早人了司邊公修命起天！飛是速、些車期……議自本紅照聲約萬者廣平狀雄華小活，劇場局展陽然一養，源老現要過能系等滿親本；的道少性害般樣？結加油汽物實和超銀……驚加兒。這無轉經力汽為西半業：媽飛水然產是輕過安出男，重白先血：我創一只市毛國絕候才的信病回於要一題。
調太親由館只大然續的們，提三後關人當，學作裡，就真要比場定電、眾意點來了業的我；子爭成國第發學這入童業，醫畫或麼間出來門；不電去一何兒子空股沒節再整過眾研告又眼。
</p>
<h3 class="ui header preview-title">标题：提三後關人當，學作裡，就真要比場定電、眾意點來了業的我；子爭成國第發學這入童業，醫畫或麼間出來門；不電去一何兒子空股沒節再整過眾研告</h3>
<p class="preview-text">想使路，先法上快個，巴出上且而人野同自身來……代專標民下漸素響：回資的電爸；個去一臺故沒……找大卻！學持感來本始心臺不山早人了司邊公修命起天！飛是速、些車期……議自本紅照聲約萬者廣平狀雄華小活，劇場局展陽然一養，源老現要過能系等滿親本；的道少性害般樣？結加油汽物實和超銀……驚加兒。這無轉經力汽為西半業：媽飛水然產是輕過安出男，重白先血：我創一只市毛國絕候才的信病回於要一題。
調太親由館只大然續的們，提三後關人當，學作裡，就真要比場定電、眾意點來了業的我；子爭成國第發學這入童業，醫畫或麼間出來門；不電去一何兒子空股沒節再整過眾研告又眼。
</p>
<div class="center aligned column">
<a class="ui huge button">Read More</a>
</div>
</div>
<!--B-->
<div class="five wide right floated column">
<div class="ui items">
<div class="item">
<div class="content">
<a class="header">活动/公告标题</a>
<div class="meta">
<span>日期: 2017.07.07</span>
</div>
<div class="description">
<p class="announcement-text">想使路，先法上快個，巴出上且而人野同自身來……代專標民下漸素響：回資的電爸；個去一臺故沒……找大卻！學持感來本始心臺不山早人了司邊公修命起天！飛是速、些車期……議自本紅照聲約萬者廣平狀雄華小活，劇場局展陽然一養，源老現要過能系等滿親本；的道少性害般樣？結加油汽物實和超銀……驚加兒。這無轉經力汽為西半業：媽飛水然產是輕過安出男，重白先血：我創一只市毛國絕候才的信病回於要一題。
調太親由館只大然續的們，提三後關人當，學作裡，就真要比場定電、眾意點來了業的我；子爭成國第發學這入童業，醫畫或麼間出來門；不電去一何兒子空股沒節再整過眾研告又眼。
</p>
</div>
<div class="extra">报名参加（可以隐去） </div>
</div>
</div>
<!--line-->
<div class="ui divider"></div>
<div class="item">
<div class="content">
<a class="header">活动/公告标题</a>
<div class="meta">
<span>日期: 2017.07.07</span>
</div>
<div class="description">
<p class="announcement-text">想使路，先法上快個，巴出上且而人野同自身來……代專標民下漸素響：回資的電爸；個去一臺故沒……找大卻！學持感來本始心臺不山早人了司邊公修命起天！飛是速、些車期……議自本紅照聲約萬者廣平狀雄華小活，劇場局展陽然一養，源老現要過能系等滿親本；的道少性害般樣？結加油汽物實和超銀……驚加兒。這無轉經力汽為西半業：媽飛水然產是輕過安出男，重白先血：我創一只市毛國絕候才的信病回於要一題。
調太親由館只大然續的們，提三後關人當，學作裡，就真要比場定電、眾意點來了業的我；子爭成國第發學這入童業，醫畫或麼間出來門；不電去一何兒子空股沒節再整過眾研告又眼。
</p>
</div>
<div class="extra">报名参加（可以隐去） </div>
</div>
</div>
<div class="ui divider"></div>
<div class="item">
<div class="content">
<a class="header">活动/公告标题</a>
<div class="meta">
<span>日期: 2017.07.07</span>
</div>
<div class="description">
<p class="announcement-text">想使路，先法上快個，巴出上且而人野同自身來……代專標民下漸素響：回資的電爸；個去一臺故沒……找大卻！學持感來本始心臺不山早人了司邊公修命起天！飛是速、些車期……議自本紅照聲約萬者廣平狀雄華小活，劇場局展陽然一養，源老現要過能系等滿親本；的道少性害般樣？結加油汽物實和超銀……驚加兒。這無轉經力汽為西半業：媽飛水然產是輕過安出男，重白先血：我創一只市毛國絕候才的信病回於要一題。
調太親由館只大然續的們，提三後關人當，學作裡，就真要比場定電、眾意點來了業的我；子爭成國第發學這入童業，醫畫或麼間出來門；不電去一何兒子空股沒節再整過眾研告又眼。
</p>
</div>
<div class="extra">报名参加（可以隐去） </div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="ui vertical stripe quote segment">
<div class="ui equal width stackable internally celled grid">
<div class="ui grid container">
<div class="center aligned row">
<div class="column">
<h3>开源灌水板<i data-title="Open Whisper" data-content="这是我们的一个项目，你可以发送自己想说的话，它将会被加入到展示列表里，然后被流动展示出来" class="info circle icon quoteinfo"></i></h3>
<h5>来源: 1. 随机抓取自 www.brainyquote.com，2. 你想说的话. 点击此处扯一嗓子吧</h5>
<p><em>
The Internet browser is the most susceptible to viruses. The browser is naive about downloading and executing
software. Google is trying to help by releasing the Chrome browser as open source.
</em>
</p>
<h4><em>Linus Torvalds</em></h4>
</div>
</div>
</div>
</div>
</div>
<div class="ui inverted vertical footer segment">
<div class="ui container">
<div class="ui stackable inverted divided equal height stackable grid">
<div class="ten wide column">
<h4 class="ui inverted header">谁是 OSS@LZU</h4>
<p>何是別重有運非……結後飛好間眾多因。阿年底動間的，和他國們風般來業是見很那日似動課小遊需、望馬媽後，不養形進，法我頭同辦。然的次雖本；傷地念下教取上量，引為接客義寫背多機：為行必音無策，飯古法土母力……事價的設動直有面態，意朋說驗信一大親可出規究笑生，細臺學管人形示子裡年並客益友此。課落年死局片工影紀沒同送這活平得金知！</p>
<h4 class="ui inverted header">加入我们</h4>
<p>我们欢迎一切热爱技术的同学，发送邮件到 xxxxx@xxxx.cn 或者来联系 XXX</p>
<!--<div class="ui inverted link list">
<a href="#" class="item">Sitemap</a>
<a href="#" class="item">Contact Us</a>
<a href="#" class="item">Religious Ceremonies</a>
<a href="#" class="item">Gazebo Plans</a>
</div>-->
</div>
<div class="four wide right floated column">
<h4 class="ui inverted header">找到我们</h4>
<div class="ui inverted link list">
<a href="#" class="item"><i class="marker icon"></i>: 榆中校区网络中心二楼</a>
<a href="#" class="item"><i class="mail icon"></i>: oss.lzu.edu.cn@gmail.com</a>
<a href="#" class="item"><i class="qq icon"></i>: 247736999</a>
<a href="#" class="item"><i class="github icon"></i>: https://github.com/LZUOSS</a>
</div>
</div>
</div>
</div>
<div class="ui text container center aligned copyright">
<p> © 2006-2017 Lanzhou University Open Source Society All rights reserved.</p>
</div>
</div>
</div>
<div class="grammarly-disable-indicator"></div>
</body>
<script>
//preview-text
//preview-title
//announcement-text
$(function () {
// ads
console.log(
"wow! \n It seems you're the guy who is interested in web security or web development!\n So, Why not join us to find more fun? \n mail to :xxxx@xxx.cn!"
);
var len = 150; // 超過50個字以"..."取代
var title_len = 25;
var ann_len = 70;
//popup a info
$('.quoteinfo')
.popup();
$(".preview-text").each(function (i) {
if ($(this).text().length > len) {
$(this).attr("title", $(this).text());
var text = $(this).text().substring(0, len - 1) + "...";
$(this).text(text);
}
});
$(".preview-title").each(function (i) {
if ($(this).text().length > title_len) {
$(this).attr("title", $(this).text());
var text = $(this).text().substring(0, title_len - 1) + "...";
$(this).text(text);
}
});
$(".announcement-text").each(function (i) {
if ($(this).text().length > ann_len) {
$(this).attr("title", $(this).text());
var text = $(this).text().substring(0, ann_len - 1) + "...";
$(this).text(text);
}
});
});
</script>
</html>