-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathALL_NEWS.html
172 lines (140 loc) · 6.23 KB
/
ALL_NEWS.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>中興大學2016清流盃電競賽</title>
<link rel="shortcut icon" type="image/x-icon" href="img/LOGO2.gif">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.1.6/semantic.min.css">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/rwd.css">
<link rel="stylesheet" href="css/animate.css">
<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.1.6/semantic.min.js"></script>
<script src="js/main.js"></script>
<style>
.ui.segment{
background: rgba(210, 212, 224, 0.77);
}
</style>
</head>
<body id="ALL_NEWS">
<!-- manu bar -->
<div class="ui top menu">
<div class="ui container" style="height: 55px;">
<a href="index.html" class="item">
<img src="img/LOGO.gif" alt="LOGO">
</a>
<a href="./LOL_join.html" class="item">
<i class="large arrow right icon"></i>前往報名
</a>
<a href="https://goo.gl/G2CGbR" class="item">
<i class="large facebook square icon"></i>粉絲專頁
</a>
<div class="right item">
<div class="item">
<img class="ui avatar image" src="http://i1.imgbus.com/doimg/3ydybe9tfsdc6n3n3.gif">
<div class="content">
<a class="header">2016清流盃</a>
<div class="description">賽務組</div>
</div>
</div>
</div>
</div>
</div>
<div class="ui container">
<!-- total grid-->
<div class="ui grid">
<div class="one wide column"></div>
<div class="fourteen wide column">
<br>
<div class="ui segment">
<h2 class="ui header">
<img class="ui image" src="http://semantic-ui.com/images/icons/plugin.png">
<div class="content">
Learn More
</div>
</h2>
<!-- accordion -->
<div id="insert" class="ui styled fluid accordion" style="height: 666px;">
<!-- backend:https://goo.gl/FFWZdn -->
<!-- insert google sheet data-->
</div>
</div>
</div>
</div>
<br><br>
</div>
<div class="one wide column"></div> <!-- total grid end -->
</div>
<!-- footer segment -->
<div class="ui inverted vertical footer segment">
<div class="ui center aligned container">
<div class="ui stackable inverted divided grid">
<div class="three wide column">
<h4 class="ui inverted header">主辦單位</h4>
<div class="ui inverted link list">
<a href="https://www.facebook.com/SA.Physics.NCHU/" target="_blank" class="item"><img src="img/PHY.jpg" data-title="主辦單位" data-content="中興大學物理系學會FB" class="pop" class="ui circular image" style="max-width: 59%;" alt="phy"></a>
</div>
</div>
<div class="three wide column">
<h4 class="ui inverted header">贊助商</h4>
<div class="ui inverted link list">
<a href="#" class="item">twitch</a>
<a href="#" class="item">Garena</a>
<a href="#" class="item">閃電狼</a>
<a href="#" class="item">暴雪娛樂</a>
<a href="#" class="item">萬代福影城</a>
</div>
</div>
<div class="three wide column">
<h4 class="ui inverted header"><span style="font-family:comic sans ms,cursive">twitch連結</span></h4>
<div>
<a href="http://www.twitch.tv/esports_nchu/profile0" target="_blank"><img src="http://i.imgur.com/KR58Tst.png" style="max-width: 31%;" alt="twitch" class="twit"></a>
</div>
</div>
<div class="seven wide column">
<h4 class="ui inverted header">協辦單位</h4>
<a href="https://goo.gl/PNrCCW" target="_blank" class="item"><img src="img/SG.jpg" data-title="協辦單位" data-content="中興大學學生會FB" class="pop" style="max-width: 16%;" alt="SG"></a>
<a href="https://goo.gl/pxUPSj" target="_blank" class="item"><img src="img/EE.jpg" data-title="協辦單位" data-content="中興大學電機系學會FB" class="pop" style="max-width: 17.2%;" alt="EE"></a>
<a href="https://goo.gl/2qO4x3" target="_blank" class="item"><img src="img/AM.jpg" data-title="協辦單位" data-content="中興大學應數系學會FB" class="pop" style="max-width: 16%;" alt="AM"></a>
</div>
</div>
<div class="ui inverted section divider"></div>
<!-- <a href="http://nchuit.cc" target="_blank"><img src="http://i.imgur.com/WZsKt8x.png?1" class="ui centered mini image"></a> -->
<div class="ui horizontal inverted small divided link list">
<a class="item" href="http://nchuit.cc" target="_blank"><span style="font-family:comic sans ms,cursive">清流技術組 X NCHU IT</span></a>
<ul>
<li><a href="https://www.facebook.com/2016%E4%B8%AD%E8%88%88%E6%A0%A1%E5%9C%92%E9%9B%BB%E7%AB%B6-%E6%B8%85%E6%B5%81%E7%9B%83-NCHU-ES-921008901320491/?fref=nf" target="_blank"><div class="animation_button grey"><i class="fa fa-facebook-official fa-2x"></i><br />FB粉絲頁</div></a></li>
<li><a href="mailto:[email protected]"><div class="animation_button grey"><i class="fa fa-envelope fa-2x"></i><br />Contact</div></a></li>
<li><a href="http://nchuit.cc" target="_blank"><div class="animation_button grey"><img src="http://i.imgur.com/WZsKt8x.png?1" style="max-width: 66%;"></i><br />技術組</div></a></li>
</ul>
</div>
</div>
</div>
<script src="js/spreadsheetSoup.js"></script>
<script>
jQuery(document).ready(function(){
$('.ui.accordion').accordion();
function myCallback(data){
data.reverse();
console.log(data);
// ActiveStart
console.log(data[i])
var temp1 = '<div class="title active"><i class="dropdown icon"></i>' + data[0].title + '</div>'+'<div class="content active"><p>' + data[0].content + '</p></div>';
$(temp1).appendTo("#insert");
// ActiveEnd
for (var i = 1 ; i < data.length ; i++){
console.log(data[i])
var temp = '<div class="title"><i class="dropdown icon"></i>' + data[i].title +'</div>'
+ '<div class="content"><p>' + data[i].content + '</p></div>';
$(temp).appendTo("#insert");
}
}
var key = '1o3E8f8vD0tUWm2Ls-RZqsjzgCDEx-_IhNl2QtKii9Uk';
var soup = new SpreadsheetSoup(key, myCallback);
});
</script>
</body>
</html>