-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathrain.html
223 lines (221 loc) · 5.25 KB
/
rain.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
<html lang="zh-CN"><head>
<meta charset="utf-8">
<title>明信片——雨 徐跃鸣制作</title>
<link rel="stylesheet" href="https://www.retiehe.com/css/template.css">
<style>
* {
box-sizing: border-box;
}
body {
margin: 0;
}
*{
box-sizing:border-box;
}
body{
margin-top:0px;
margin-right:0px;
margin-bottom:0px;
margin-left:0px;
font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Roboto, Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft Yahei", "Microsoft Jhenghei", sans-serif;
}
.logo path{
pointer-events:none;
fill:none;
stroke-linecap:round;
stroke-width:7;
stroke:rgb(255, 255, 255);
}
.wechat-group img{
max-width:220px;
height:auto;
border-top-left-radius:8px;
border-top-right-radius:8px;
border-bottom-right-radius:8px;
border-bottom-left-radius:8px;
margin-top:0px;
margin-right:auto;
margin-bottom:0px;
margin-left:auto;
width:100%;
}
.welcome-img img{
width:100%;
max-width:380px;
}
#inzl{
position: absolute;
height:540px;
margin: 5%;
}
#徐跃鸣制作{
padding:10px 0 10px 0;
font-family:Helvetica, sans-serif;
text-align:justify;
box-shadow:0 0 1px 0 green;
margin:50px 0 0 80%;
font-size:20px;
}
#itnj{
position: absolute;
padding:10px;
font-size:20px;
font-weight:500;
text-align:right;
width:300px;
margin:0 0 0 75%;
font-family:Helvetica, sans-serif;
}
#itnj2{
position: absolute;
padding:10px;
font-size:20px;
font-weight:500;
text-align:right;
width:300px;
margin:0 0 0 55%;
font-family:Helvetica, sans-serif;
}
</style>
</head>
<body>
<div class="bg-img"></div>
<header>明信片——雨 徐跃鸣制作</header>
<main>
<div data-v-54a60d35="" id="i8at">
</div>
<div id="徐跃鸣制作" title="徐跃鸣制作">网页：徐跃鸣
<br>文字：包凌靖、章子睿
</div>
<div id="itnj2">
<p class="MsoNormal">雨是什么？
<span lang="EN-US"></span></p><p>
</p>
<p></p>
<p class="MsoNormal">有人说，
<span lang="EN-US"></span></p><p>
</p>
<p></p>
<p class="MsoNormal">春雨是上苍散落人间的灵药，
<span lang="EN-US"></span></p><p>
</p>
<p></p>
<p class="MsoNormal">治愈了严冬带来的创伤，
<span lang="EN-US"></span></p><p>
</p>
<p></p>
<p class="MsoNormal">恢复了三月未见的暖阳。
<span lang="EN-US"></span></p><p>
</p>
<p></p>
<p class="MsoNormal">春雨细无声，
<span lang="EN-US"></span></p><p>
</p>
<p></p>
<p class="MsoNormal">它从悄无声息地来绵绵地下着。
<span lang="EN-US"></span></p><p>
</p>
<p></p>
<p class="MsoNormal">于是，
<span lang="EN-US"></span></p><p>
</p>
<p></p>
<p class="MsoNormal">山绿起来了，
<span lang="EN-US"></span></p><p>
</p>
<p></p>
<p class="MsoNormal">水涨起来了。
<span lang="EN-US"></span></p><p>
</p>
<p></p>
<p class="MsoNormal">第一场春雨送来了第一缕阳光
<span lang="EN-US"></span></p><p>
</p>
<p></p>
<p class="MsoNormal">春的话剧，
<span lang="EN-US"></span></p><p>
</p>
<p></p>
<p class="MsoNormal">由此开场。
<span lang="EN-US"></span></p><p>
</p>
<p></p>
<p class="MsoNormal">有人说雨是夏的狂欢，
<span lang="EN-US"></span></p><p>
</p>
<p></p>
<p class="MsoNormal">给叶染上了一抹浓绿，
<span lang="EN-US"></span></p><p>
</p>
<p></p>
<p class="MsoNormal">给世界带来了活力。
<span lang="EN-US"></span></p><p>
</p>
<p></p>
</div>
<div id="itnj">
<p class="MsoNormal">夏雨是热烈的，
<span lang="EN-US"></span></p><p>
</p>
<p></p>
<p class="MsoNormal">他的到来总是充满激情。
<span lang="EN-US"></span></p><p>
</p>
<p></p>
<p class="MsoNormal">于是草木便在夏雨的哺育下，
<span lang="EN-US"></span></p><p>
</p>
<p></p>
<p class="MsoNormal">尽情地释放自己的生机与活力。
<span lang="EN-US"></span></p><p>
</p>
<p></p>
<p class="MsoNormal">一个绿的世界由夏雨送来了。
<span lang="EN-US"></span></p><p>
</p>
<p></p>
<p class="MsoNormal">有人说秋雨是一场戏法，
<span lang="EN-US"></span></p><p>
</p>
<p></p>
<p class="MsoNormal">秋雨经过的地方，
<span lang="EN-US"></span></p><p>
</p>
<p></p>
<p class="MsoNormal">寒意渐上。
<span lang="EN-US"></span></p><p>
</p>
<p></p>
<p class="MsoNormal">冷雨带来遍地金黄。
<span lang="EN-US"></span></p><p>
</p>
<p></p>
<p class="MsoNormal">秋风秋雨一夜间，
<span lang="EN-US"></span></p><p>
</p>
<p></p>
<p class="MsoNormal">换了人间。
<span lang="EN-US"></span></p><p>
</p>
<p></p>
<p class="MsoNormal">秋雨带来了文人的思绪，
<span lang="EN-US"></span></p><p>
</p>
<p></p>
<p class="MsoNormal">是化作春泥更护花的滋润。
<span lang="EN-US"></span></p><p>
</p>
<p></p>
<p class="MsoNormal">秋雨是对冬的铺垫，
<span lang="EN-US"></span></p><p>
</p>
<p></p>
<p class="MsoNormal">奠定了冬的凄凉。
<span lang="EN-US"></span></p><p>
</p>
<p></p>
</div>
<video allowfullscreen="allowfullscreen" id="inzl" src="rain.mp4" loop="loop" autoplay="autoplay" controls="control">
</video>
</main>
</body></html>