-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
321 lines (271 loc) · 15 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
<!doctype html>
<html lang="en" class="no-js">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href='http://fonts.googleapis.com/css?family=Droid+Serif|Open+Sans:400,700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/reset.css"> <!-- CSS reset -->
<link rel="stylesheet" href="css/style.css"> <!-- Resource style -->
<script src="js/modernizr.js"></script> <!-- Modernizr -->
<title>Gossip Geek Anniversary</title>
</head>
<body>
<header>
<h1>Gossip Geek Timeline 八卦杂志一周年</h1>
</header>
<section id="cd-timeline" class="cd-container">
<div class="cd-timeline-block">
<div class="cd-timeline-img cd-picture">
<img src="img/cd-icon-picture.svg" alt="Picture">
</div> <!-- cd-timeline-img -->
<div class="cd-timeline-content">
<h2>八卦杂志想法落地</h2>
<p>孙镌宸、吴雪峰、史小锋、陈庆敏在西安Office的一间小会议室里，讨论出了八卦杂志的初步想法和大概思路。</p>
<img src="img/xian-1.jpg">
<span class="cd-date">Dec 6 2013</span>
</div> <!-- cd-timeline-content -->
</div> <!-- cd-timeline-block -->
<div class="cd-timeline-block">
<div class="cd-timeline-img cd-location">
<img src="img/cd-icon-location.svg" alt="Movie">
</div> <!-- cd-timeline-img -->
<div class="cd-timeline-content">
<h2>八卦杂志社成立</h2>
<p>第一批八卦杂志社成员由孙镌宸、吴雪峰、史小锋、李青、雷钰、公茂强、祁兮、陈庆敏八人组成，人员分布横跨西安、成都、北京、上海四地。</p>
<span class="cd-date">Dec 9 2013</span>
</div> <!-- cd-timeline-content -->
</div> <!-- cd-timeline-block -->
<div class="cd-timeline-block">
<div class="cd-timeline-img cd-picture">
<img src="img/cd-icon-picture.svg" alt="Location">
</div> <!-- cd-timeline-img -->
<div class="cd-timeline-content">
<h2>北京小分队，杨晓彤强势加入</h2>
<p>主任终于不是一个人在战斗了！</p>
<img src="img/beijing-1.jpg">
<span class="cd-date">Dec 12 2013</span>
</div> <!-- cd-timeline-content -->
</div> <!-- cd-timeline-block -->
<div class="cd-timeline-block">
<div class="cd-timeline-img cd-picture">
<img src="img/cd-icon-picture.svg" alt="Picture">
</div> <!-- cd-timeline-img -->
<div class="cd-timeline-content">
<h2>Gossip Geek第一次票选活动</h2>
<p>票选你心中的Office男神在四地办公室全面铺开，各个Office之内的八卦之魂纷纷燃烧起来。</p>
<img src="img/hero-and-goddess-1.jpg">
<span class="cd-date">Dec 18 2013</span>
</div> <!-- cd-timeline-content -->
</div> <!-- cd-timeline-block -->
<div class="cd-timeline-block">
<div class="cd-timeline-img cd-location">
<img src="img/cd-icon-location.svg" alt="Location">
</div> <!-- cd-timeline-img -->
<div class="cd-timeline-content">
<h2>Gossip Geek创刊号2013年12月刊发出</h2>
<p>（这是在预示着我们日后会深陷拖延症吗）</p>
<span class="cd-date">Jan 1 2014</span>
</div> <!-- cd-timeline-content -->
</div> <!-- cd-timeline-block -->
<div class="cd-timeline-block">
<div class="cd-timeline-img cd-picture">
<img src="img/cd-icon-picture.svg" alt="Movie">
</div> <!-- cd-timeline-img -->
<div class="cd-timeline-content">
<h2>上海编辑祁兮入驻西安</h2>
<p>由于前面两个月不作为的表现，差点被开除出八卦的队伍。不过他接下来的表现还是向世人证明了他是一位认真负责的八卦好编辑。</p>
<img src="img/xian-2.jpg">
<span class="cd-date">Feb 17 2014</span>
</div> <!-- cd-timeline-content -->
</div> <!-- cd-timeline-block -->
<div class="cd-timeline-block">
<div class="cd-timeline-img cd-picture">
<img src="img/cd-icon-picture.svg" alt="Location">
</div> <!-- cd-timeline-img -->
<div class="cd-timeline-content">
<h2>武汉编辑部正式成立</h2>
<p>朱榕、孙泓成为武汉八卦小分队的首批成员。</p>
<img src="img/wuhan-1.jpg">
<span class="cd-date">Mar 5 2014</span>
</div> <!-- cd-timeline-content -->
</div> <!-- cd-timeline-block -->
<div class="cd-timeline-block">
<div class="cd-timeline-img cd-picture">
<img src="img/cd-icon-picture.svg" alt="Location">
</div> <!-- cd-timeline-img -->
<div class="cd-timeline-content">
<h2>小锋 roll off</h2>
<p>小锋因为HR工作繁忙，roll off出八卦小分队，西安小分队形成了孙镌宸、吴雪峰、祁兮三足鼎立之势。但小锋作为创世团队成员之一，所做出的贡献和他的八卦精神永远活在我们心中。</p>
<img src="img/xian-xiaofeng.jpg">
<img src="img/xian-3.jpg">
<span class="cd-date">Mar 21 2014</span>
</div> <!-- cd-timeline-content -->
</div> <!-- cd-timeline-block -->
<div class="cd-timeline-block">
<div class="cd-timeline-img cd-location">
<img src="img/cd-icon-location.svg" alt="Location">
</div> <!-- cd-timeline-img -->
<div class="cd-timeline-content">
<h2>专访板块上线</h2>
<p>雷钰收到热心读者李科伟的feedback，建议加入专访板块，李青主动请缨拉上彪妹一起专访熊节。</p>
<span class="cd-date">Mar 26 2014</span>
</div> <!-- cd-timeline-content -->
</div> <!-- cd-timeline-block -->
<div class="cd-timeline-block">
<div class="cd-timeline-img cd-picture">
<img src="img/cd-icon-picture.svg" alt="Location">
</div> <!-- cd-timeline-img -->
<div class="cd-timeline-content">
<h2>李晓东加入北京Office</h2>
<p>恭喜北京小分队喜获最佳苦力一枚，而且英俊潇洒风流倜傥，长得略像房祖名。</p>
<img src="img/beijing-2.jpg">
<span class="cd-date">Mar 26 2014</span>
</div> <!-- cd-timeline-content -->
</div>
<div class="cd-timeline-block">
<div class="cd-timeline-img cd-location">
<img src="img/cd-icon-location.svg" alt="Location">
</div> <!-- cd-timeline-img -->
<div class="cd-timeline-content">
<h2>3月刊发出（又是一次拖延症）</h2>
<p>首次加上专访板块，群众反响热烈，八卦小组决定将专访板块变成杂志的常规版块。</p>
<span class="cd-date">Apr 1 2014</span>
</div> <!-- cd-timeline-content -->
</div> <!-- cd-timeline-block -->
<div class="cd-timeline-block">
<div class="cd-timeline-img cd-picture">
<img src="img/cd-icon-picture.svg" alt="Location">
</div> <!-- cd-timeline-img -->
<div class="cd-timeline-content">
<h2>张放加入成都Office</h2>
<p>认真负责有创意的张放同学，使得成都Office又焕发出了第二春</p>
<img src="img/chengdong-1.jpg">
<span class="cd-date">Apr 22 2014</span>
</div> <!-- cd-timeline-content -->
</div>
<div class="cd-timeline-block">
<div class="cd-timeline-img cd-picture">
<img src="img/cd-icon-picture.svg" alt="Location">
</div> <!-- cd-timeline-img -->
<div class="cd-timeline-content">
<h2>陈思加入北京Office，晓彤 roll off</h2>
<p>晓彤在前四个月里兢兢业业尽职尽责的表现都让大家，看在眼里，喜在心里。因为繁忙的工作，晓彤不得不roll off出八卦团队，不过我们又迎来归国优秀UX——陈思同学</p>
<img src="img/beijing-3.jpg">
<span class="cd-date">Apr 29 2014</span>
</div> <!-- cd-timeline-content -->
</div>
<div class="cd-timeline-block">
<div class="cd-timeline-img cd-picture">
<img src="img/cd-icon-picture.svg" alt="Location">
</div> <!-- cd-timeline-img -->
<div class="cd-timeline-content">
<h2>陈思 roll off</h2>
<p>果然UX还是太忙了啊……</p>
<img src="img/beijing-4.jpg">
<span class="cd-date">May 2014</span>
</div> <!-- cd-timeline-content -->
</div>
<div class="cd-timeline-block">
<div class="cd-timeline-img cd-location">
<img src="img/cd-icon-location.svg" alt="Location">
</div> <!-- cd-timeline-img -->
<div class="cd-timeline-content">
<h2>技术创新大赛专刊</h2>
<p>配合技术创新大赛组委会，专访上届获奖作品团队。</p>
<span class="cd-date">May 16 2014</span>
</div> <!-- cd-timeline-content -->
</div>
<div class="cd-timeline-block">
<div class="cd-timeline-img cd-location">
<img src="img/cd-icon-location.svg" alt="Location">
</div> <!-- cd-timeline-img -->
<div class="cd-timeline-content">
<h2>首次加入武汉区内容</h2>
<p>八卦杂志5月刊首次加入武汉区内容。</p>
<span class="cd-date">May 29 2014</span>
</div> <!-- cd-timeline-content -->
</div> <!-- cd-timeline-block -->
<div class="cd-timeline-block">
<div class="cd-timeline-img cd-location">
<img src="img/cd-icon-location.svg" alt="Location">
</div> <!-- cd-timeline-img -->
<div class="cd-timeline-content">
<h2>改版</h2>
<p>八卦杂志首次使用mailchamp发布，大大提升了易读性，减少了编辑时的工作量。</p>
<span class="cd-date">June 27 2014</span>
</div> <!-- cd-timeline-content -->
</div> <!-- cd-timeline-block -->
<div class="cd-timeline-block">
<div class="cd-timeline-img cd-picture">
<img src="img/cd-icon-picture.svg" alt="Location">
</div> <!-- cd-timeline-img -->
<div class="cd-timeline-content">
<h2>李彤欣（Momo）强势加入西安小分队</h2>
<p>能口吞拳头的Momo同学的到来，为西安Office带来一阵春风。从此西安八卦小分队成员的年龄段更丰富了，横跨70，80和90。</p>
<p>∑(ι´Дン)ノ）</p>
<img src="img/xian-4.jpg">
<span class="cd-date">July 1 2014</span>
</div> <!-- cd-timeline-content -->
</div> <!-- cd-timeline-block -->
<div class="cd-timeline-block">
<div class="cd-timeline-img cd-location">
<img src="img/cd-icon-location.svg" alt="Location">
</div> <!-- cd-timeline-img -->
<div class="cd-timeline-content">
<h2>Away Day特刊</h2>
<p>八卦杂志第一期特刊。这次特刊一经发出，读者纷纷表示“这才是我们想要看的八卦”，八卦小分队在这期之后的catchup中决定，改变八卦杂志的行文风格，适当减少官方事件的报道比重，争取从更独特的角度将Office的有趣小事写出来。</p>
<span class="cd-date">Sept 3 2014</span>
</div> <!-- cd-timeline-content -->
</div> <!-- cd-timeline-block -->
<div class="cd-timeline-block">
<div class="cd-timeline-img cd-picture">
<img src="img/cd-icon-picture.svg" alt="Location">
</div> <!-- cd-timeline-img -->
<div class="cd-timeline-content">
<h2>张渊加入北京Office</h2>
<p>北京小分队终于突破了两人大关，可是为什么都是男生啊喂！女生的八卦精神在哪里～在！哪！里！</p>
<img src="img/beijing-5.jpg">
<span class="cd-date">Sept 28 2014</span>
</div> <!-- cd-timeline-content -->
</div> <!-- cd-timeline-block -->
<div class="cd-timeline-block">
<div class="cd-timeline-img cd-location">
<img src="img/cd-icon-location.svg" alt="Location">
</div> <!-- cd-timeline-img -->
<div class="cd-timeline-content">
<h2>登陆ThoughtWorks内部指南（微信服务号）</h2>
<p>神秘组织在Away Day后申请了一个微信服务号，用来提供“非内网环境下紧急信息”服务的这个账号，森森的觉得需要增加一些动感信息，所以，神秘组织悄悄联系了Gossip Geek的编辑，于是乎九月份的八卦杂志在微信上登陆咯！</p>
<span class="cd-date">Sept 2014</span>
</div> <!-- cd-timeline-content -->
</div> <!-- cd-timeline-block -->
<div class="cd-timeline-block">
<div class="cd-timeline-img cd-picture">
<img src="img/cd-icon-picture.svg" alt="Location">
</div> <!-- cd-timeline-img -->
<div class="cd-timeline-content">
<h2>西安小分队聘入第一位首席记者——黄磊</h2>
<p>黄磊作为刚入职的新人，就因为一篇关于西安Office拓展训练的报道邮件被西安八卦小分队发现，从此走上了首席特约记者的不归路……</p>
<img src="img/xian-5.jpg">
<span class="cd-date">Nov 5 2014</span>
</div> <!-- cd-timeline-content -->
</div>
<div class="cd-timeline-block">
<div class="cd-timeline-img cd-picture">
<img src="img/cd-icon-picture.svg" alt="Location">
</div> <!-- cd-timeline-img -->
<div class="cd-timeline-content">
<h2>打通沟通壁垒，满足八卦欲望</h2>
<p>孙镌宸/吴雪峰/史小锋/陈庆敏/李青/雷钰/公茂强/祁兮/杨晓彤/朱榕/孙泓/李晓东/张放/陈思/李彤欣/张渊/黄磊 特组成TW第一家八卦小分队，收罗TW万象，为大家带来最精彩的八卦杂志——《Gossip Geek|极客也八卦》</p>
<img src="img/all.jpg">
<span class="cd-date">Now</span>
</div> <!-- cd-timeline-content -->
</div> <!-- cd-timeline-block -->
</section> <!-- cd-timeline -->
<footer>
<p>Gossip Geek, your one and only source into the life of TWer</p>
<p>Copyright © Gossip Geek, All rights reserved.</p>
</footer>
<script src="http://code.jquery.com/jquery-1.11.2.min.js"></script>
<script src="js/main.js"></script> <!-- Resource jQuery -->
</body>
</html>