Hugging Face's logo

Spaces:
tjwrld
/
Love
Running

App Files Community
tjwrld commited on
Commit
53c3c05
·
verified ·
1 Parent(s): 142c12b

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +218 -218
index.html CHANGED
@@ -1,218 +1,218 @@
1
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
2
- <!-- saved from url=(0027)http://itzoo.info/love.html -->
3
- <html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
4
- <title>Love</title>
5
-
6
- <link type="text/css" rel="stylesheet" href="./Love_files/default.css">
7
- <script type="text/javascript" src="./Love_files/jquery.min.js"></script>
8
- <script type="text/javascript" src="./Love_files/jscex.min.js"></script>
9
- <script type="text/javascript" src="./Love_files/jscex-parser.js"></script>
10
- <script type="text/javascript" src="./Love_files/jscex-jit.js"></script>
11
- <script type="text/javascript" src="./Love_files/jscex-builderbase.min.js"></script>
12
- <script type="text/javascript" src="./Love_files/jscex-async.min.js"></script>
13
- <script type="text/javascript" src="./Love_files/jscex-async-powerpack.min.js"></script>
14
- <script type="text/javascript" src="./Love_files/functions.js" charset="utf-8"></script>
15
- <script type="text/javascript" src="./Love_files/love.js" charset="utf-8"></script>
16
-
17
- </head>
18
- <body>
19
- <div id="main">
20
- <div id="error">---(<a href="http://www.google.cn/chrome/intl/zh-CN/landing_chrome.html?hl=zh-CN&brand=CHMI">Chrome</a>)---(<a href="http://firefox.com.cn/download/">Firefox</a>)----~</div>
21
- <div id="wrap">
22
- <div id="text">
23
- <div id="code">
24
-
25
- <span class="say">You entered my heart Slowly, quietly and passionately</span><br>
26
- <span class="say">Your love spread through me.</span><br>
27
- <span class="say">Now Why are you so perfect,</span><br>
28
- <span class="say">God only knows..
29
- </span><br>
30
- <span class="say">In every direction, there is you – just you.</span><br>
31
- <span class="say">My emotions are rising and I am facing short of breath;</span><br>
32
- <span class="say">My heart is beating fast</span><br>
33
- <span class="say">What madness, what obsession…</span><br>
34
- <span class="say">What can I say of my state now?</span><br>
35
- <span class="say">My heart, my soul, my whole world,</span><br>
36
- <span class="say">you are my only desire.</span><br>
37
- <br>
38
- <span class="say">My Pookie GIRL only You!! </span><br>
39
-
40
- <br>
41
- <span class="say"><span class="space"></span> To, MY Pookie GIRL(Prachi Arora)😍😍</span>
42
- </div>
43
- </div>
44
- <div id="clock-box">
45
- <span>..</span> ..<span>..</span>..
46
- <div id="clock"></div>
47
- </div>
48
- <canvas id="canvas" width="1100" height="680"></canvas>
49
- </div>
50
- <audio src="love.mp3" autoplay="autoplay"></audio>
51
- </div>
52
-
53
- <script>
54
- </script>
55
-
56
- <script>
57
- (function(){
58
- var canvas = $('#canvas');
59
-
60
- if (!canvas[0].getContext) {
61
- $("#error").show();
62
- return false;
63
- }
64
-
65
- var width = canvas.width();
66
- var height = canvas.height();
67
-
68
- canvas.attr("width", width);
69
- canvas.attr("height", height);
70
-
71
- var opts = {
72
- seed: {
73
- x: width / 2 - 20,
74
- color: "rgb(190, 26, 37)",
75
- scale: 2
76
- },
77
- branch: [
78
- [535, 680, 570, 250, 500, 200, 30, 100, [
79
- [540, 500, 455, 417, 340, 400, 13, 100, [
80
- [450, 435, 434, 430, 394, 395, 2, 40]
81
- ]],
82
- [550, 445, 600, 356, 680, 345, 12, 100, [
83
- [578, 400, 648, 409, 661, 426, 3, 80]
84
- ]],
85
- [539, 281, 537, 248, 534, 217, 3, 40],
86
- [546, 397, 413, 247, 328, 244, 9, 80, [
87
- [427, 286, 383, 253, 371, 205, 2, 40],
88
- [498, 345, 435, 315, 395, 330, 4, 60]
89
- ]],
90
- [546, 357, 608, 252, 678, 221, 6, 100, [
91
- [590, 293, 646, 277, 648, 271, 2, 80]
92
- ]]
93
- ]]
94
- ],
95
- bloom: {
96
- num: 700,
97
- width: 1080,
98
- height: 650,
99
- },
100
- footer: {
101
- width: 1200,
102
- height: 5,
103
- speed: 10,
104
- }
105
- }
106
-
107
- var tree = new Tree(canvas[0], width, height, opts);
108
- var seed = tree.seed;
109
- var foot = tree.footer;
110
- var hold = 1;
111
-
112
- canvas.click(function(e) {
113
- var offset = canvas.offset(), x, y;
114
- x = e.pageX - offset.left;
115
- y = e.pageY - offset.top;
116
- if (seed.hover(x, y)) {
117
- hold = 0;
118
- canvas.unbind("click");
119
- canvas.unbind("mousemove");
120
- canvas.removeClass('hand');
121
- }
122
- }).mousemove(function(e){
123
- var offset = canvas.offset(), x, y;
124
- x = e.pageX - offset.left;
125
- y = e.pageY - offset.top;
126
- canvas.toggleClass('hand', seed.hover(x, y));
127
- });
128
-
129
- var seedAnimate = eval(Jscex.compile("async", function () {
130
- seed.draw();
131
- while (hold) {
132
- $await(Jscex.Async.sleep(10));
133
- }
134
- while (seed.canScale()) {
135
- seed.scale(0.95);
136
- $await(Jscex.Async.sleep(10));
137
- }
138
- while (seed.canMove()) {
139
- seed.move(0, 2);
140
- foot.draw();
141
- $await(Jscex.Async.sleep(10));
142
- }
143
- }));
144
-
145
- var growAnimate = eval(Jscex.compile("async", function () {
146
- do {
147
- tree.grow();
148
- $await(Jscex.Async.sleep(10));
149
- } while (tree.canGrow());
150
- }));
151
-
152
- var flowAnimate = eval(Jscex.compile("async", function () {
153
- do {
154
- tree.flower(2);
155
- $await(Jscex.Async.sleep(10));
156
- } while (tree.canFlower());
157
- }));
158
-
159
- var moveAnimate = eval(Jscex.compile("async", function () {
160
- tree.snapshot("p1", 240, 0, 610, 680);
161
- while (tree.move("p1", 500, 0)) {
162
- foot.draw();
163
- $await(Jscex.Async.sleep(10));
164
- }
165
- foot.draw();
166
- tree.snapshot("p2", 500, 0, 610, 680);
167
-
168
- // 会有闪烁不得意这样做, (＞﹏＜)
169
- canvas.parent().css("background", "url(" + tree.toDataURL('image/png') + ")");
170
- canvas.css("background", "#ffe");
171
- $await(Jscex.Async.sleep(300));
172
- canvas.css("background", "none");
173
- }));
174
-
175
- var jumpAnimate = eval(Jscex.compile("async", function () {
176
- var ctx = tree.ctx;
177
- while (true) {
178
- tree.ctx.clearRect(0, 0, width, height);
179
- tree.jump();
180
- foot.draw();
181
- $await(Jscex.Async.sleep(25));
182
- }
183
- }));
184
-
185
- var textAnimate = eval(Jscex.compile("async", function () {
186
- var together = new Date();
187
- together.setFullYear(2018,1, 13);
188
- together.setHours(15);
189
- together.setMinutes(45);
190
- together.setSeconds(0);
191
- together.setMilliseconds(0);
192
-
193
- $("#code").show().typewriter();
194
- $("#clock-box").fadeIn(500);
195
- while (true) {
196
- timeElapse(together);
197
- $await(Jscex.Async.sleep(1000));
198
- }
199
- }));
200
-
201
- var runAsync = eval(Jscex.compile("async", function () {
202
- $await(seedAnimate());
203
- $await(growAnimate());
204
- $await(flowAnimate());
205
- $await(moveAnimate());
206
-
207
- textAnimate().start();
208
-
209
- $await(jumpAnimate());
210
- }));
211
-
212
- runAsync().start();
213
- })();
214
- </script>
215
-
216
-
217
-
218
- </body></html>
 
1
+ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
2
+ <!-- saved from url=(0027)http://itzoo.info/love.html -->
3
+ <html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
4
+ <title>Love</title>
5
+
6
+ <link type="text/css" rel="stylesheet" href="./Love_files/default.css">
7
+ <script type="text/javascript" src="./Love_files/jquery.min.js"></script>
8
+ <script type="text/javascript" src="./Love_files/jscex.min.js"></script>
9
+ <script type="text/javascript" src="./Love_files/jscex-parser.js"></script>
10
+ <script type="text/javascript" src="./Love_files/jscex-jit.js"></script>
11
+ <script type="text/javascript" src="./Love_files/jscex-builderbase.min.js"></script>
12
+ <script type="text/javascript" src="./Love_files/jscex-async.min.js"></script>
13
+ <script type="text/javascript" src="./Love_files/jscex-async-powerpack.min.js"></script>
14
+ <script type="text/javascript" src="./Love_files/functions.js" charset="utf-8"></script>
15
+ <script type="text/javascript" src="./Love_files/love.js" charset="utf-8"></script>
16
+
17
+ </head>
18
+ <body>
19
+ <div id="main">
20
+ <div id="error">---(<a href="http://www.google.cn/chrome/intl/zh-CN/landing_chrome.html?hl=zh-CN&brand=CHMI">Chrome</a>)---(<a href="http://firefox.com.cn/download/">Firefox</a>)----~</div>
21
+ <div id="wrap">
22
+ <div id="text">
23
+ <div id="code">
24
+
25
+ <span class="say">You entered my heart Slowly, quietly and passionately</span><br>
26
+ <span class="say">Your love spread through me.</span><br>
27
+ <span class="say">Now Why are you so perfect,</span><br>
28
+ <span class="say">God only knows..
29
+ </span><br>
30
+ <span class="say">In every direction, there is you – just you.</span><br>
31
+ <span class="say">My emotions are rising and I am facing short of breath;</span><br>
32
+ <span class="say">My heart is beating fast</span><br>
33
+ <span class="say">What madness, what obsession…</span><br>
34
+ <span class="say">What can I say of my state now?</span><br>
35
+ <span class="say">My heart, my soul, my whole world,</span><br>
36
+ <span class="say">you are my only desire.</span><br>
37
+ <br>
38
+ <span class="say">My Pookie GIRL only You!! </span><br>
39
+
40
+ <br>
41
+ <span class="say">To, MY Pookie GIRL(Prachi Arora)😍😍</span>
42
+ </div>
43
+ </div>
44
+ <div id="clock-box">
45
+ <span>..</span> ..<span>..</span>..
46
+ <div id="clock"></div>
47
+ </div>
48
+ <canvas id="canvas" width="1100" height="680"></canvas>
49
+ </div>
50
+ <audio src="love.mp3" autoplay="autoplay"></audio>
51
+ </div>
52
+
53
+ <script>
54
+ </script>
55
+
56
+ <script>
57
+ (function(){
58
+ var canvas = $('#canvas');
59
+
60
+ if (!canvas[0].getContext) {
61
+ $("#error").show();
62
+ return false;
63
+ }
64
+
65
+ var width = canvas.width();
66
+ var height = canvas.height();
67
+
68
+ canvas.attr("width", width);
69
+ canvas.attr("height", height);
70
+
71
+ var opts = {
72
+ seed: {
73
+ x: width / 2 - 20,
74
+ color: "rgb(190, 26, 37)",
75
+ scale: 2
76
+ },
77
+ branch: [
78
+ [535, 680, 570, 250, 500, 200, 30, 100, [
79
+ [540, 500, 455, 417, 340, 400, 13, 100, [
80
+ [450, 435, 434, 430, 394, 395, 2, 40]
81
+ ]],
82
+ [550, 445, 600, 356, 680, 345, 12, 100, [
83
+ [578, 400, 648, 409, 661, 426, 3, 80]
84
+ ]],
85
+ [539, 281, 537, 248, 534, 217, 3, 40],
86
+ [546, 397, 413, 247, 328, 244, 9, 80, [
87
+ [427, 286, 383, 253, 371, 205, 2, 40],
88
+ [498, 345, 435, 315, 395, 330, 4, 60]
89
+ ]],
90
+ [546, 357, 608, 252, 678, 221, 6, 100, [
91
+ [590, 293, 646, 277, 648, 271, 2, 80]
92
+ ]]
93
+ ]]
94
+ ],
95
+ bloom: {
96
+ num: 700,
97
+ width: 1080,
98
+ height: 650,
99
+ },
100
+ footer: {
101
+ width: 1200,
102
+ height: 5,
103
+ speed: 10,
104
+ }
105
+ }
106
+
107
+ var tree = new Tree(canvas[0], width, height, opts);
108
+ var seed = tree.seed;
109
+ var foot = tree.footer;
110
+ var hold = 1;
111
+
112
+ canvas.click(function(e) {
113
+ var offset = canvas.offset(), x, y;
114
+ x = e.pageX - offset.left;
115
+ y = e.pageY - offset.top;
116
+ if (seed.hover(x, y)) {
117
+ hold = 0;
118
+ canvas.unbind("click");
119
+ canvas.unbind("mousemove");
120
+ canvas.removeClass('hand');
121
+ }
122
+ }).mousemove(function(e){
123
+ var offset = canvas.offset(), x, y;
124
+ x = e.pageX - offset.left;
125
+ y = e.pageY - offset.top;
126
+ canvas.toggleClass('hand', seed.hover(x, y));
127
+ });
128
+
129
+ var seedAnimate = eval(Jscex.compile("async", function () {
130
+ seed.draw();
131
+ while (hold) {
132
+ $await(Jscex.Async.sleep(10));
133
+ }
134
+ while (seed.canScale()) {
135
+ seed.scale(0.95);
136
+ $await(Jscex.Async.sleep(10));
137
+ }
138
+ while (seed.canMove()) {
139
+ seed.move(0, 2);
140
+ foot.draw();
141
+ $await(Jscex.Async.sleep(10));
142
+ }
143
+ }));
144
+
145
+ var growAnimate = eval(Jscex.compile("async", function () {
146
+ do {
147
+ tree.grow();
148
+ $await(Jscex.Async.sleep(10));
149
+ } while (tree.canGrow());
150
+ }));
151
+
152
+ var flowAnimate = eval(Jscex.compile("async", function () {
153
+ do {
154
+ tree.flower(2);
155
+ $await(Jscex.Async.sleep(10));
156
+ } while (tree.canFlower());
157
+ }));
158
+
159
+ var moveAnimate = eval(Jscex.compile("async", function () {
160
+ tree.snapshot("p1", 240, 0, 610, 680);
161
+ while (tree.move("p1", 500, 0)) {
162
+ foot.draw();
163
+ $await(Jscex.Async.sleep(10));
164
+ }
165
+ foot.draw();
166
+ tree.snapshot("p2", 500, 0, 610, 680);
167
+
168
+ // 会有闪烁不得意这样做, (＞﹏＜)
169
+ canvas.parent().css("background", "url(" + tree.toDataURL('image/png') + ")");
170
+ canvas.css("background", "#ffe");
171
+ $await(Jscex.Async.sleep(300));
172
+ canvas.css("background", "none");
173
+ }));
174
+
175
+ var jumpAnimate = eval(Jscex.compile("async", function () {
176
+ var ctx = tree.ctx;
177
+ while (true) {
178
+ tree.ctx.clearRect(0, 0, width, height);
179
+ tree.jump();
180
+ foot.draw();
181
+ $await(Jscex.Async.sleep(25));
182
+ }
183
+ }));
184
+
185
+ var textAnimate = eval(Jscex.compile("async", function () {
186
+ var together = new Date();
187
+ together.setFullYear(2018,1, 13);
188
+ together.setHours(15);
189
+ together.setMinutes(45);
190
+ together.setSeconds(0);
191
+ together.setMilliseconds(0);
192
+
193
+ $("#code").show().typewriter();
194
+ $("#clock-box").fadeIn(500);
195
+ while (true) {
196
+ timeElapse(together);
197
+ $await(Jscex.Async.sleep(1000));
198
+ }
199
+ }));
200
+
201
+ var runAsync = eval(Jscex.compile("async", function () {
202
+ $await(seedAnimate());
203
+ $await(growAnimate());
204
+ $await(flowAnimate());
205
+ $await(moveAnimate());
206
+
207
+ textAnimate().start();
208
+
209
+ $await(jumpAnimate());
210
+ }));
211
+
212
+ runAsync().start();
213
+ })();
214
+ </script>
215
+
216
+
217
+
218
+ </body></html>