-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathdefault.html
214 lines (180 loc) · 9.76 KB
/
default.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
<!DOCTYPE html>
<html lang="zh-cn" class="no-js">
<head>
<meta http-equiv="Content-Type">
<meta content="text/html; charset=utf-8">
<meta charset="utf-8">
<title>油club</title>
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="format-detection" content="telephone=no">
<meta name="format-detection" content="email=no">
<link rel="stylesheet" type="text/css" href="css/default.css?v=123" />
<link rel="stylesheet" type="text/css" href="css/animations.css" />
</head>
<body class="default">
<div class="player-button">
<audio class="audio-source" id="audio" autoplay="autoplay" loop="loop" src="m4.mp3"></audio>
<!-- <audio class="audio-source pt-page-delay700" id="audio" loop="loop" src="m3.mp3"></audio> -->
</div>
<div>
<div class="page page-1-1 on">
<div class="wrap">
<img src="img/default/7.png" class="img_1 abs btm pt-page-flipInRight pt-page-delay700">
<div class="main1 abs full white lh40 top pt-page-moveFromLeft ">
<p class="h2">我们生活在这喧嚣的城市</p>
</div>
<img class="img_3 next pt-page-moveIconUp icon-up pt-page-delay700" src="img/up_arrow.png" />
</div>
</div>
<div class="page page-2-1 hide " bg="background-image: url(img/default/5.jpg)">
<div class="wrap">
<img src="img/default/9.png" class="img_1 abs btm pt-page-flipInRight pt-page-delay700">
<div class="main1 abs full white lh40 top pt-page-moveFromLeft ">
<p class="h2">孤独的寻找着朋友</p>
</div>
<img class="img_3 next pt-page-moveIconUp icon-up pt-page-delay700" src="img/up_arrow.png" />
</div>
</div>
<div class="page page-3-1 hide" bg="background-image: url(img/default/3.jpg)">
<div class="wrap">
<img data-src="img/default/8.png" src="img/default/loading.gif" class="img_1 abs top pt-page-flipInRight">
<div class="main1 abs full bg-black lh30 btm pt-page-moveFromLeft pt-page-delay700">
<p class="h2">我们一直在等待</p>
</div>
<div class="main2 abs full bg-black lh30 btm pt-page-moveFromRight pt-page-delay700">
<p class="h2">因为知乎</p>
</div>
<div class="main3 abs full bg-black lh30 btm pt-page-moveFromLeft pt-page-delay700">
<p class="h2">我们相聚在一起</p>
</div>
<div class="main4 abs full bg-black lh30 btm pt-page-moveFromRight pt-page-delay700">
<p class="h2">油club出生啦</p>
</div>
<img class="img_3 next pt-page-moveIconUp icon-up pt-page-delay700" src="img/up_arrow.png" />
</div>
</div>
<div class="page page-4-1 hide" bg="background-image: url(img/default/13.jpg);">
<div class="wrap">
<div class="main1 abs full bg-black lh40 top pt-page-rotateInNewspaper pt-page-delay700">
<p class="h2">这次的club</p>
<p class="h2">将会有三位特别嘉宾</p>
<p class="h2">他们会带来三场微讲座</p>
</div>
<img class="img_3 next pt-page-moveIconUp icon-up pt-page-delay700" src="img/up_arrow.png" />
</div>
</div>
<div class="page page-5-1 hide " bg="background-image: url(img/default/92.jpg)">
<div class="wrap">
<img data-src="img/default/b1.jpg" src="img/default/loading.gif" class="img_1 abs top radius pt-page-flipInRight">
<div class="main1 abs full bg-black btm pt-page-moveFromRight pt-page-delay700">
<p class="h2 lh40">采铜 </p>
<!-- <p class="p3 h3 lh30 t-left">从事学习、思维与创新方法的独立研究与写作，代表作:《开放的智力》《深度学习的艺术》</p> -->
<p class="padding20 t-left lh40 h3">主题：怎样做一个自由职业者</p>
<p class="padding20 t-left lh20 h4">简介：自由职业者的时代即将到来，为什么要做一个自由职业者？如何做一个自由者？如何尽可能发挥自己的才能？如何更好地利用网络？</p>
</div>
<img class="img_3 next pt-page-moveIconUp icon-up pt-page-delay700" src="img/up_arrow.png" />
</div>
</div>
<div class="page page-6-1 hide" bg="background-image: url(img/default/8.jpg)">
<div class="wrap">
<img data-src="img/default/b2.jpg" src="img/default/loading.gif" class="img_1 abs top radius pt-page-flipInRight">
<div class="main1 abs full bg-black btm pt-page-moveFromLeft pt-page-delay700">
<p class="h2 lh40">动机在杭州 </p>
<!-- <p class="p3 h3 lh30">应用心理学博士，心理学教师。开设积极心理学课程，同时做积极心理学的研究、培训和科普。在佛学院开设心理学课程</p> -->
<p class="padding20 t-left lh40 h3">主题：因为缺爱，所以拖延</p>
<p class="padding20 t-left lh20 h4">简介：《星际穿越》把爱当作最高维度是真的吗？拖延症是因为缺意志力还是因为缺爱？“对自己狠一点”会缓解拖延症吗？怎么通过“爱自己”来克服拖延症？</p>
</div>
<img class="img_3 next pt-page-moveIconUp icon-up pt-page-delay700" src="img/up_arrow.png" />
</div>
</div>
<div class="page page-7-1 hide" bg="background-image: url(img/default/11.jpg);">
<div class="wrap">
<img data-src="img/default/b3.jpg" src="img/default/loading.gif" class="img_1 abs top radius pt-page-flipInRight">
<div class="main1 abs full bg-black btm pt-page-moveFromTop pt-page-delay700">
<p class="h2 lh40">李老西 </p>
<!-- <p class="p3 h3 lh30">自由职业，资深特教老师。简介：关注特殊儿童就是关注我们自己</p> -->
<p class="padding20 t-left lh40 h3">主题：自闭症不为人知的一面</p>
<p class="padding20 t-left lh20 h4">简介：公众对自闭症误解颇多，同时许多影视作品的擅自演绎也增强了这种误解。所以我将现场为大家演示何为真实的自闭症以及与之相处之道。同时也可随时提问以解答各位相关问题之疑虑。</p>
</div>
<img class="img_3 next pt-page-moveIconUp icon-up pt-page-delay700" src="img/up_arrow.png" />
</div>
</div>
<div class="page page-8-1 hide" bg="background-image: url(img/default/14.jpg);">
<div class="wrap">
<div class="main1 abs full top bg-black pt-page-rotatePullLeft pt-page-delay700">
<p class="p3 lh40 h2 ">阿勒 有嘉宾</p>
<p class="p3 lh40 h3 ">就必须有得观众嘛</p>
</div>
<img class="img_3 next pt-page-moveIconUp icon-up pt-page-delay700" src="img/up_arrow.png" />
</div>
</div>
<div class="page page-9-1 hide" bg="background-image: url(img/default/g3.jpg);">
<div class="wrap">
<div class="main1 abs full btm bg-black pt-page-rotateCubeLeftIn pt-page-delay700">
<p class="p3 lh40 h2 ">菇凉们 粗来接客啦</p>
</div>
<img class="img_6 next pt-page-moveIconUp icon-up" src="img/up_arrow.png" />
</div>
</div>
<div class="page page-10-1 hide" bg="background-image: url(img/default/g1.jpg);">
<div class="wrap">
<div class="main1 abs full btm bg-black pt-page-rotateUnfoldBottom pt-page-delay700">
<p class="p3 lh40 h2 ">有妹纸的地方 就一定有</p>
<p class="p3 lh40 h2 ">Gentleman</p>
</div>
<img class="img_6 next pt-page-moveIconUp icon-up" src="img/up_arrow.png" />
</div>
</div>
<div class="page page-11-1 hide" bg="background-image: url(img/default/16.jpg);">
<div class="wrap">
<div class="main1 abs full top bg-black pt-page-rotatePullBottom pt-page-delay700">
<p class="p3 lh30 h3 ">既然小伙伴们都到齐了</p>
<p class="p3 lh30 h3 ">那就看看场地吧 </p>
</div>
<img class="img_6 next pt-page-moveIconUp icon-up" src="img/up_arrow.png" />
</div>
</div>
<div class="page page-12-1 hide" bg="background-image: url(img/default/17.jpg);">
<div class="wrap">
<div class="main1 abs full btm bg-black pt-page-rotateCubeTopIn pt-page-delay700">
<p class="p3 lh40 h2 ">沙发一角</p>
</div>
<img class="img_6 next pt-page-moveIconUp icon-up" src="img/up_arrow.png" />
</div>
</div>
<div class="page page-13-1 hide" bg="background-image: url(img/default/18.jpg);">
<div class="wrap">
<div class="main1 abs full btm bg-black pt-page-flipInTop pt-page-delay700">
<p class="p3 lh40 h2 ">猕猴桃Mojito</p>
</div>
<img class="img_6 next pt-page-moveIconUp icon-up" src="img/up_arrow.png" />
</div>
</div>
<div class="page page-14-1 hide" bg="background-image: url(img/default/2.jpg);">
<div class="wrap">
<div class="main1 abs full top bg-black t-left pt-page-rotateInNewspaper pt-page-delay700">
<p class="p3 lh40 h3 ">报名方式：已满</p>
<p class="p3 lh40 h3 ">地址：aurora酒吧 上城区环城东路85号</p>
<p class="p3 lh40 h3 ">时间：2015年5月9日19:30 ~ 21:30</p>
<p class="p3 lh40 h3 ">小贴士：希望小伙伴们穿得稍微正式点噢</p>
</div>
<img class="img_6 next pt-page-moveIconUp icon-up" src="img/up_arrow.png" />
</div>
</div>
<div class="page page-15-1 hide" bg="background-image: url(img/default/15.jpg);">
<div class="wrap">
<div class="main1 abs full top bg-black pt-page-scaleUpCenter pt-page-delay700">
<p class="p3 lh40 h2 ">最后</p>
<p class="p3 lh30 h3 ">感谢藥師、梦梦、13娘、苍斯基、Gurkin等小伙伴们的精心组织</p>
<p class="p3 lh40 h2 ">五月九日 咱们不见不散~~ </p>
</div>
<div class="main2 abs full white pt-page-flipInLeft pt-page-delay700">
<p class="p3 lh40 h2 "><a href="http://www.zhihu.com/people/duxiaodu">By：肚小肚 >></a> </p>
</div>
</div>
</div>
</div>
<script src="http://apps.bdimg.com/libs/zepto/1.1.4/zepto.min.js"></script>
<script src="js/default.js?v=1223"></script>
</body>
</html>