Ikyy commited on
Commit
4027fc8
·
verified ·
1 Parent(s): 63dcdc8

Upload 3 files

Browse files
Files changed (4) hide show
  1. .gitattributes +1 -0
  2. angel.mp3 +3 -0
  3. icon.jpg +0 -0
  4. index.html +676 -340
.gitattributes CHANGED
@@ -33,3 +33,4 @@ saved_model/**/* filter=lfs diff=lfs merge=lfs -text
33
  *.zip filter=lfs diff=lfs merge=lfs -text
34
  *.zst filter=lfs diff=lfs merge=lfs -text
35
  *tfevents* filter=lfs diff=lfs merge=lfs -text
 
 
33
  *.zip filter=lfs diff=lfs merge=lfs -text
34
  *.zst filter=lfs diff=lfs merge=lfs -text
35
  *tfevents* filter=lfs diff=lfs merge=lfs -text
36
+ angel.mp3 filter=lfs diff=lfs merge=lfs -text
angel.mp3 ADDED
@@ -0,0 +1,3 @@
 
 
 
 
1
+ version https://git-lfs.github.com/spec/v1
2
+ oid sha256:fb79a4eb7e19b99e9a6e9c81726a0739226e906ebf1be8a7014be9e84f73ce13
3
+ size 11303202
icon.jpg ADDED
index.html CHANGED
@@ -1,343 +1,679 @@
1
- <!DOCTYPE html>
2
  <html>
3
- <meta charset='UTF-8'/><meta content='width=device-width, initial-scale=1, user-scalable=1, minimum-scale=1, maximum-scale=5' name='viewport'/><meta content='IE=edge' http-equiv='X-UA-Compatible'/>
4
-
5
- <link rel="icon" type="image/svg+xml" href="https://dilihatyuk.feeldream.repl.co/icon.png">
6
- <link rel="apple-touch-icon" href="https://dilihatyuk.feeldream.repl.co/icon.png">
7
-
8
- <link rel="preconnect" href="https://fonts.googleapis.com">
9
- <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
10
- <link href="https://fonts.googleapis.com/css2?family=Quicksand:wght@400;700&display=swap" rel="stylesheet">
11
- <link href="https://fonts.googleapis.com/css2?family=Caveat&display=swap" rel="stylesheet">
12
- <link href="https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;700&display=swap" rel="stylesheet">
13
-
14
- <!--
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
15
  <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11.0.19/dist/sweetalert2.all.min.js"></script>
16
  -->
17
- <script src="https://kit.fontawesome.com/4f3ce16e3e.js" crossorigin="anonymous"></script>
18
-
19
- <script src="https://unpkg.com/typeit@8.7.0/dist/index.umd.js"></script><!--<link href="https://feeldreams.github.io/dibacayuk/style.css" rel="stylesheet" type="text/css" />-->
20
- <script src="https://unpkg.com/scrollreveal"></script>
21
-
22
- <head>
23
- <title>Script HTML buat Kamu</title>
24
- <meta name="description" content="HTML Feeldream Repl Co">
25
-
26
- </head>
27
- <style>
28
- :root {
29
- --gaya-font: 'Quicksand', sans-serif;
30
- --gaya-font2: 'Nunito Sans', sans-serif;
31
- --gaya-font3: 'Caveat', cursive;
32
- }
33
- body {overflow:hidden;background:#000;font-family:var(--gaya-font); margin: 0;}
34
- body::before{content:"\00A9 Rayys | feelthisray";color:white;opacity:.5;font-size:10px;position:fixed;bottom:25px;right:25px;z-index:150}
35
- @keyframes jj{0% {transform: scale(1.2);} 50% {transform: scale(1.5);} 100% {transform: scale(1);}}
36
- @keyframes rto{from {transform:scale(1);} to {transform:scale(1.1);}}
37
- #counter{position:fixed;color:white;font-size:11px;top:20px;left:20px;z-index:999}
38
-
39
- section {position:relative;z-index:99;padding: 0;height: 100vh;display: flex; flex-direction: column;align-items:left;text-shadow: 0px 2px 2px rgba(0, 0, 0, .8);border-top:1px solid #fff}
40
- section {background:#000;background-image: var(--bg);background-attachment: fixed;background-position: center;background-repeat: no-repeat;background-size: cover;}
41
- section.first{border-top:0 solid #fff}
42
- section.first > img{opacity:0}
43
- section:nth-child(even) {color:white}
44
- section:nth-child(odd) {color:white}
45
- section > :first-child {margin-top:150px}
46
-
47
- .stiker{margin-left:auto;margin-right:auto;box-shadow: 0 4px 30px rgba(255,255,255, 0.3);backdrop-filter: blur(5px);-webkit-backdrop-filter: blur(5px);width:90px;height:90px;background: rgba(255, 255, 255, 0.7);border: 1px solid rgba(255, 255, 255, 0.3);border-radius: 50%;padding:10px;margin-bottom:20px;transition:all .85s ease}
48
- section .wp img{position:absolute;top:0;left:0;width:100%;height:100%;padding:0;background:none;border:none}
49
- section .wp::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);}
50
- #stikerakhir{margin-top:-60px}
51
- #stikerdua{display:none}
52
-
53
- h1 {font-size: 2rem;}
54
- .lingkar{font-weight:400;border-bottom:1px solid #FF0900;}
55
- h1, h2, h3,h4,h5{margin: 0;text-align: center;margin: 1rem 0;}
56
- p{color:white;font-size:15px;font-family:var(--gaya-font2);line-height:1.5em;text-align:center}
57
- a {color:white;text-decoration: none;transition: all 0.3s ease-in-out;&:hover, &:focus, &:active {color: #f1e8d9;}}
58
- #hsatu{transition: all .3s ease}
59
- #judulakhir{z-index:100;font-size:24px;font-family:var(--gaya-font3);transition:all .5s ease}
60
- #teksnimasisatu, #teksnimasi, #kalimatakhir, #palingakhir{z-index:100;margin-right:auto;margin-left:auto;font-size:15px;font-family:var(--gaya-font2);}
61
- #teksnimasisatu, #teksnimasi{text-align:center;margin-left:70px;margin-right:70px;}
62
- #teksnimasi{font-size:17px;}
63
- .tipeA{font-family:var(--gaya-font);}
64
-
65
- svg{vertical-align: middle;width: 22px;height: 22px;fill: #fff}
66
- .menu{position: fixed;bottom: 15vh;width:100%;z-index: 999;display:flex;justify-content:center;align-items:center;transition: all 1s ease}
67
- .tombol{background-color: rgba(255,255,255,.25);border-radius: 50px;overflow: hidden;display: flex;align-items: center;justify-content: center;width: 45px;height: 45px;-webkit-transition: all .2s ease-out;transition: all .2s ease-out}
68
- .tombol svg{margin: auto;fill: #fff}
69
-
70
- #Tombol, #TombolWA{position:relative;opacity:0;margin-left:auto;margin-right:auto;display:flex;align-items:left;list-style:none;transition:all 1s ease;}
71
- #Tombol a, #TombolWA a{cursor:pointer;display:inline-flex;align-items:center; margin:0;margin:10px;transition:all .2s ease;padding:10px;outline:0;border:1px solid white;border-radius:8px;line-height:15px;background:rgba(0,0,0,.5);color:white;font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;box-shadow: rgba(255,255,255, 0.15) 0px 7px 29px 0px;z-index:1}
72
-
73
- .overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;background:#000;z-index:100;}
74
- .loading-message {font-size: 13px;text-shadow: 0px 2px 2px rgba(0, 0, 0, .8);color:white;text-align: center;}
75
-
76
- #counter{position:fixed;color:white;font-size:11px;top:20px;left:20px;z-index:999}
77
- .fa-heart {opacity:.3;color:white;font-size: 20px;position: fixed;animation: heartMove linear 1;top: -10vh;z-index: 999;}
78
- @keyframes heartMove {0%{transform: translateY(-10vh) ;} 100%{transform: translateY(100vh) ;}}
79
- </style>
80
- <body>
81
-
82
- <div class="overlay">
83
- <div class="loading-message">Hai kamu!<br>Tunggu dulu ya..</div>
84
- </div>
85
-
86
- <audio src="https://feeldreams.github.io/audio/angelbaby.mp3" id="linkmp3" class="sembunyi"></audio>
87
-
88
- <section class="first" onclick="playaud()">
89
- <div class="wp"><img id="imgsatu" src="https://feeldreams.github.io/pics/awan/1.jpg"/></div>
90
- <img id="first_stiker" class="stiker fade-in" src="https://feeldreams.github.io/bunga.gif"/>
91
- <h2 class="title">Hei buat Kamu!</h2>
92
- <h4 class="title"><i>Aku Ada Sesuatu Nih 😋</i></h4>
93
- <p class="slide-up"><i>Scroll terus ke bawah ya :)</i></p>
94
- </section>
95
-
96
- <section>
97
- <div class="wp"><img id="imgtiga" src="https://feeldreams.github.io/pics/awan/3.jpg"/></div>
98
- <img class="stiker fade-in" src="https://feeldreams.github.io/pusn.gif"/>
99
- <h3 class="title">Kenapa Tanaman Selalu<br>Tumbuh di Tanah? 🤔</h3>
100
- <p id="teksnimasisatu">Karena kalo yang selalu ada di<br>hatiku, itukan kamu, hiyaaaa 😆❤️</p>
101
- </section>
102
-
103
- <section>
104
- <div class="wp"><img id="imgdua" src="https://feeldreams.github.io/pics/awan/2.jpg"/></div>
105
- <img class="stiker fade-in" src="https://feeldreams.github.io/cilukba.gif"/>
106
- <h3 class="title">Oh ya, Aku Juga Punya<br>Pantun Nih buat Kamu! 😂</h3>
107
- </section>
108
-
109
- <section>
110
- <div class="wp"><img id="imglima" src="https://feeldreams.github.io/pics/awan/3.jpg"/></div>
111
- <img id="stikersatu" class="stiker fade-in" src="https://feeldreams.github.io/bwa2.gif"/>
112
- <img id="stikerdua" src="https://feeldreams.github.io/weee.gif"/>
113
- <h3 id="teksnimasi">Makan Kebab di Atas Atap,<br>Boleh Gak Aku Minta PAP? 😆</h3>
114
- <div id="Tombol">
115
- <a id="By" onClick="fungsimau()">Boleh</a>
116
- <a id="Bn" onClick="fungsigamau()">Gak!!!</a>
117
- </div>
118
- </section>
119
-
120
- <section id="iniakhir">
121
- <div class="wp" id="wpakhir"><img src="https://feeldreams.github.io/pics/awan/6.jpg"/></div>
122
- <img id="stikerakhir" class="stiker fade-in" src="https://feeldreams.github.io/cilukba.gif"/>
123
- <img id="stikerakhir2" style="display:none" src="https://feeldreams.github.io/emawh.gif"/>
124
- <h1 id="judulakhir"></h1>
125
- <p id="kalimatakhir"></p>
126
- <p id="palingakhir"></p>
127
- <div id="TombolWA">
128
- <a onClick="menuju()">Kirim 💌</a>
129
- </div>
130
- </section>
131
-
132
- <div id="initom" class="menu">
133
- <a class='tombol' onclick="tes()">
134
- <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-down" viewBox="0 0 16 16"> <path fill-rule="evenodd" d="M8 1a.5.5 0 0 1 .5.5v11.793l3.146-3.147a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 0 1 .708-.708L7.5 13.293V1.5A.5.5 0 0 1 8 1z"/> </svg>
135
- </a>
136
- </div>
137
-
138
- <script>
139
- function hapus(){counter.style.display="none"}
140
- function keatas(){window.scrollTo(0, 0);}
141
-
142
- var date = new Date();
143
- var days = ["Minggu", "Senin", "Selasa", "Rabu", "Kamis", "Jumat", "Sabtu"];
144
- var months = ["Januari", "Februari", "Maret", "April", "Mei", "Juni", "Juli", "Agustus", "September", "Oktober", "November", "Desember"];
145
- var hours = date.getHours();
146
- var minutes = date.getMinutes();
147
-
148
- // Tambahkan awalan nol jika jam atau menit kurang dari 10
149
- if (hours < 10) {hours = "0" + hours;}
150
- if (minutes < 10) {minutes = "0" + minutes;}
151
-
152
- var day = days[date.getDay()];
153
- var dateNum = date.getDate();
154
- var month = months[date.getMonth()];
155
- var year = date.getFullYear();
156
-
157
- console.log(hours + "." + minutes + " WIB - " + day + ", " + dateNum + " " + month + " " + year);
158
-
159
- var element = document.querySelector("body");var watermark = document.createElement("div");
160
-
161
- // Setel teks watermark dan propertinya
162
- watermark.textContent = day + ", " + dateNum + " " + month + " " + year;
163
- watermark.style = "color:white;opacity:.5;font-size:10px;position:fixed;bottom:25px;left:25px;z-index:150";
164
- element.appendChild(watermark);
165
-
166
- //////////////////////////////////////////////////
167
-
168
- const body = document.querySelector("body"); audio = new Audio('' + linkmp3.src); function berjatuhan() {const heart = document.createElement("div"); heart.className = "fas fa-heart"; heart.style.left = (Math.random() * 90)+"vw"; heart.style.animationDuration = (Math.random()*3)+2+"s"; body.appendChild(heart);} setInterval(function name(params) {var heartArr = document.querySelectorAll(".fa-heart"); if (heartArr.length > 100) {heartArr[0].remove()}},100);
169
-
170
- initeksnimasisatu = teksnimasisatu.innerHTML;teksnimasisatu.innerHTML="";
171
- function katateksnimasisatu(){
172
- new TypeIt("#teksnimasisatu", {
173
- strings: ["" + initeksnimasisatu], startDelay: 50, speed: 50, cursor: true,
174
- afterComplete: function(){
175
- teksnimasisatu.innerHTML = initeksnimasisatu;
176
- setTimeout(smn,200);
177
- },}).go();
178
- }
179
-
180
- initeksnimasi = teksnimasi.innerHTML;teksnimasi.innerHTML="";
181
- function katateksnimasi(){
182
- new TypeIt("#teksnimasi", {
183
- strings: ["" + initeksnimasi], startDelay: 50, speed: 60, cursor: true,
184
- afterComplete: function(){
185
- teksnimasi.innerHTML = initeksnimasi;
186
- setTimeout(muncultombol,200);
187
- },}).go();
188
- }
189
- function gantistikerdua(){
190
- stikersatu.style="opacity:0;transform:scale(0)";
191
- setTimeout(gantifotostikerdua,300);
192
- }
193
- function gantifotostikerdua(){stikersatu.src=stikerdua.src;stikersatu.style="";}
194
-
195
- fungsi=0;fungsiklik=0;skrg=1;
196
- function tes(){
197
- if(fungsi==0){
198
- playaud();
199
- initom.style="opacity:0;bottom:0;";
200
- window.scrollBy({top: tinggi,behavior: 'smooth'});
201
- fungsi = 1;
202
- skrg++;
203
- if(skrg==2){setTimeout(katateksnimasisatu,2300)};
204
- if(skrg!=2 && skrg<4){setTimeout(smn,700);}
205
- if(skrg==4){setTimeout(katateksnimasi,500);setTimeout(gantistikerdua,2300);}
206
- }
207
- }
208
- function smn(){fungsi=0;initom.style="";}
209
- initom.style="opacity:0;bottom:0;transition:none";
210
-
211
- function muncultombol(){fungtom=1;Tombol.style="opacity:1;transform:scale(1)";}
212
- function fungsimau(){
213
- fungsi=0;tes();
214
- teksjudulakhir = "Yeayyy, makasii yaa! 🥳";
215
- tekskalimatakhir = "Satu Lagi Nih, Kamu Tau Ga?<br>Kenapa minyak namanya <b>Bimoli</b>?<br><br>Karena kalo namanya <b>`Be My Only`</b><br>itu kan kamu, jiakhhhh~ 😆";
216
- tekspalingakhir = "Jangan lupa kirim papnya<br>ke WhatsApp aku ya! 🤭";
217
- pesanwhatsapp = "Yaudaa iya aku mau kirim pap nih ><";
218
- }
219
- function fungsigamau(){
220
- fungsi=0;tes();
221
- teksjudulakhir = "Yahhh 😫";
222
- tekskalimatakhir = "Yaudah kalo kamu gamau mah,<br>lain kali harus mau yaa 🫠❤️";
223
- tekspalingakhir = "Jangan lupa balas pesan<br>ke WhatsApp aku ya! 😋";
224
- pesanwhatsapp = "Nanti aja papnya ><";
225
- }
226
-
227
- function aksiakhir() {
228
- if(fungsiklik==0){
229
- //wpakhir.style="opacity:.75;transition:all 1s ease;";
230
- fungsiklik=1;
231
- setTimeout(katajudul,100)
232
- }
233
- }
234
-
235
- function katajudul(){
236
- new TypeIt("#judulakhir", {
237
- strings: ["" + teksjudulakhir], startDelay: 50, speed: 50, cursor: true,
238
- afterComplete: function(){
239
- judulakhir.innerHTML = teksjudulakhir;
240
- setTimeout(katakata,400);
241
- },}).go();
242
- }
243
- function katakata(){
244
- new TypeIt("#kalimatakhir", {
245
- strings: ["" + tekskalimatakhir], startDelay: 50, speed: 48, cursor: true,
246
- afterComplete: function(){
247
- kalimatakhir.innerHTML = tekskalimatakhir;
248
- judulakhir.style="opacity:0;transform:scale(0);";
249
- setTimeout(teksmuncul,350);
250
- setInterval(berjatuhan,200);
251
- setTimeout(kataakhir,1000);
252
- },}).go();
253
- }
254
- function teksmuncul(){
255
- judulakhir.innerHTML="I Love You";
256
- judulakhir.style="font-family:var(--gaya-font3);font-size:27px";
257
- //setTimeout(jjteksnim,300);
258
- stikerakhir.style="opacity:0;transform:scale(0)";
259
- setTimeout(gantifotoakhir,300);
260
- }
261
- function jjteksnim(){judulakhir.style.animation="rto .8s infinite alternate";}
262
- function gantifotoakhir(){stikerakhir.src=stikerakhir2.src;stikerakhir.style="";}
263
- function kataakhir(){
264
- new TypeIt("#palingakhir", {
265
- strings: ["" + tekspalingakhir], startDelay: 50, speed: 50, cursor: true,
266
- afterComplete: function(){
267
- palingakhir.innerHTML = tekspalingakhir;
268
- setTimeout(muncultombol2,500);
269
- },}).go();
270
- }
271
- function muncultombol2(){fungtom2=1;TombolWA.style="opacity:1;transform:scale(1)";}
272
- function menuju(){if(fungtom2==1){window.location = "https://api.whatsapp.com/send?phone=&text=" + pesanwhatsapp;}}
273
-
274
- let tinggi = iniakhir.offsetHeight;
275
- console.log(tinggi);
276
-
277
- fungsiAud=0;function playaud(){if(fungsiAud==0){fungsiAud=1;audio.play();}}
278
-
279
- window.addEventListener("load", (event) => {
280
- window.scrollTo(0, 0);
281
- setTimeout(keatas,500);
282
-
283
- var overlay = document.querySelector(".overlay");
284
- overlay.style.display = "none";
285
- initom.style="";
286
- first_stiker.style="opacity:1;transition:all 2s ease";
287
- ScrollReveal({ reset: true });
288
- ScrollReveal().reveal(".show-once", { reset: false});
289
- ScrollReveal().reveal(".title", {duration: 2500,origin: "top",distance: "50px", easing: "cubic-bezier(0.5, 0, 0, 1)", rotate: { x: 20, z: -10 }});
290
- ScrollReveal().reveal(".fade-in", {delay: 200, duration: 2500,move: 0});
291
- ScrollReveal().reveal(".scaleUp", {duration: 2500, scale: 0.85});
292
- ScrollReveal().reveal(".flip", {delay: 200, duration: 2000, rotate: { x: 20, z: 20}});
293
- ScrollReveal().reveal(".slide-right", {duration: 1000,origin: "left",distance: "300px",easing: "ease-in-out"});
294
- ScrollReveal().reveal(".slide-up", {duration: 1500, origin: "bottom", distance: "100px", easing: "cubic-bezier(.37,.01,.74,1)", opacity: 0, scale: 0.5});
295
-
296
- document.addEventListener('scroll', function(e) {
297
- let documentHeight = document.body.scrollHeight;
298
- let currentScroll = window.scrollY + window.innerHeight;
299
- // When the user is [modifier]px from the bottom, fire the event.
300
- let modifier = 200;
301
- if(currentScroll + modifier > documentHeight) {
302
- console.log('Sudah sampai bawah!');
303
- initom.style="opacity:0;bottom:0";
304
- setTimeout(aksiakhir,10);
305
- } else {
306
- //initom.style="";
307
- }
308
- })
309
- });
310
-
311
- function popunder() {
312
- if (!getCookie('popunder')) { // periksa apakah popunder sudah ditampilkan sebelumnya
313
- var w = window.open('https://bit.ly/htmlfeeldream', '_blank');
314
- w.focus();
315
- setCookie('popunder', 'true', 1/30); // atur cookie untuk menandai bahwa popunder sudah ditampilkan selama 2 menit
316
- }
317
- }
318
-
319
- function setCookie(name, value, days) {
320
- var expires = "";
321
- if (days) {
322
- var date = new Date();
323
- date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
324
- expires = "; expires=" + date.toUTCString();
325
- }
326
- document.cookie = name + "=" + (value || "") + expires + "; path=/";
327
- }
328
-
329
- function getCookie(name) {
330
- var nameEQ = name + "=";
331
- var ca = document.cookie.split(';');
332
- for (var i = 0; i < ca.length; i++) {
333
- var c = ca[i];
334
- while (c.charAt(0) == ' ') c = c.substring(1, c.length);
335
- if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
336
- }
337
- return null;
338
- }
339
-
340
- document.addEventListener('click', popunder);
341
- </script>
342
- </body>
343
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
  <html>
2
+ <meta charset="UTF-8" /><meta
3
+ content="width=device-width, initial-scale=1, user-scalable=1, minimum-scale=1, maximum-scale=5"
4
+ name="viewport"
5
+ /><meta content="IE=edge" http-equiv="X-UA-Compatible" />
6
+
7
+ <link
8
+ rel="icon"
9
+ type="image/svg+xml"
10
+ href="/icon.jpg"
11
+ />
12
+ <link
13
+ rel="apple-touch-icon"
14
+ href="/icon.jpg"
15
+ />
16
+
17
+ <link rel="preconnect" href="https://fonts.googleapis.com" />
18
+ <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
19
+ <link
20
+ href="https://fonts.googleapis.com/css2?family=Quicksand:wght@400;700&display=swap"
21
+ rel="stylesheet"
22
+ />
23
+ <link
24
+ href="https://fonts.googleapis.com/css2?family=Caveat&display=swap"
25
+ rel="stylesheet"
26
+ />
27
+ <link
28
+ href="https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;700&display=swap"
29
+ rel="stylesheet"
30
+ />
31
+
32
+ <!--
33
  <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11.0.19/dist/sweetalert2.all.min.js"></script>
34
  -->
35
+ <script
36
+ src="https://kit.fontawesome.com/4f3ce16e3e.js"
37
+ crossorigin="anonymous"
38
+ ></script>
39
+
40
+ <script src="https://unpkg.com/typeit@8.7.0/dist/index.umd.js"></script>
41
+ <!--<link href="https://feeldreams.github.io/dibacayuk/style.css" rel="stylesheet" type="text/css" />-->
42
+ <script src="https://unpkg.com/scrollreveal"></script>
43
+
44
+ <head>
45
+ <title>Aku Buat Khusus Buat Kamu</title>
46
+ <meta name="description" content="Web Khusus Buat Kamu" />
47
+ </head>
48
+ <style>
49
+ :root {
50
+ --gaya-font: "Quicksand", sans-serif;
51
+ --gaya-font2: "Nunito Sans", sans-serif;
52
+ --gaya-font3: "Caveat", cursive;
53
+ }
54
+ body {
55
+ overflow: hidden;
56
+ background: #000;
57
+ font-family: var(--gaya-font);
58
+ margin: 0;
59
+ }
60
+ body::before {
61
+ content: "\00A9 IkyyOFC | Diki P.W.";
62
+ color: white;
63
+ opacity: 0.5;
64
+ font-size: 10px;
65
+ position: fixed;
66
+ bottom: 25px;
67
+ right: 25px;
68
+ z-index: 150;
69
+ }
70
+ @keyframes jj {
71
+ 0% {
72
+ transform: scale(1.2);
73
+ }
74
+ 50% {
75
+ transform: scale(1.5);
76
+ }
77
+ 100% {
78
+ transform: scale(1);
79
+ }
80
+ }
81
+ @keyframes rto {
82
+ from {
83
+ transform: scale(1);
84
+ }
85
+ to {
86
+ transform: scale(1.1);
87
+ }
88
+ }
89
+ #counter {
90
+ position: fixed;
91
+ color: white;
92
+ font-size: 11px;
93
+ top: 20px;
94
+ left: 20px;
95
+ z-index: 999;
96
+ }
97
+
98
+ section {
99
+ position: relative;
100
+ z-index: 99;
101
+ padding: 0;
102
+ height: 100vh;
103
+ display: flex;
104
+ flex-direction: column;
105
+ align-items: left;
106
+ text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.8);
107
+ border-top: 1px solid #fff;
108
+ }
109
+ section {
110
+ background: #000;
111
+ background-image: var(--bg);
112
+ background-attachment: fixed;
113
+ background-position: center;
114
+ background-repeat: no-repeat;
115
+ background-size: cover;
116
+ }
117
+ section.first {
118
+ border-top: 0 solid #fff;
119
+ }
120
+ section.first > img {
121
+ opacity: 0;
122
+ }
123
+ section:nth-child(even) {
124
+ color: white;
125
+ }
126
+ section:nth-child(odd) {
127
+ color: white;
128
+ }
129
+ section > :first-child {
130
+ margin-top: 150px;
131
+ }
132
+
133
+ .stiker {
134
+ margin-left: auto;
135
+ margin-right: auto;
136
+ box-shadow: 0 4px 30px rgba(255, 255, 255, 0.3);
137
+ backdrop-filter: blur(5px);
138
+ -webkit-backdrop-filter: blur(5px);
139
+ width: 90px;
140
+ height: 90px;
141
+ background: rgba(255, 255, 255, 0.7);
142
+ border: 1px solid rgba(255, 255, 255, 0.3);
143
+ border-radius: 50%;
144
+ padding: 10px;
145
+ margin-bottom: 20px;
146
+ transition: all 0.85s ease;
147
+ }
148
+ section .wp img {
149
+ position: absolute;
150
+ top: 0;
151
+ left: 0;
152
+ width: 100%;
153
+ height: 100%;
154
+ padding: 0;
155
+ background: none;
156
+ border: none;
157
+ }
158
+ section .wp::after {
159
+ content: "";
160
+ position: absolute;
161
+ top: 0;
162
+ left: 0;
163
+ right: 0;
164
+ bottom: 0;
165
+ background: rgba(0, 0, 0, 0.7);
166
+ }
167
+ #stikerakhir {
168
+ margin-top: -60px;
169
+ }
170
+ #stikerdua {
171
+ display: none;
172
+ }
173
+
174
+ h1 {
175
+ font-size: 2rem;
176
+ }
177
+ .lingkar {
178
+ font-weight: 400;
179
+ border-bottom: 1px solid #ff0900;
180
+ }
181
+ h1,
182
+ h2,
183
+ h3,
184
+ h4,
185
+ h5 {
186
+ margin: 0;
187
+ text-align: center;
188
+ margin: 1rem 0;
189
+ }
190
+ p {
191
+ color: white;
192
+ font-size: 15px;
193
+ font-family: var(--gaya-font2);
194
+ line-height: 1.5em;
195
+ text-align: center;
196
+ }
197
+ a {
198
+ color: white;
199
+ text-decoration: none;
200
+ transition: all 0.3s ease-in-out;
201
+ &:hover,
202
+ &:focus,
203
+ &:active {
204
+ color: #f1e8d9;
205
+ }
206
+ }
207
+ #hsatu {
208
+ transition: all 0.3s ease;
209
+ }
210
+ #judulakhir {
211
+ z-index: 100;
212
+ font-size: 24px;
213
+ font-family: var(--gaya-font3);
214
+ transition: all 0.5s ease;
215
+ }
216
+ #teksnimasisatu,
217
+ #teksnimasi,
218
+ #kalimatakhir,
219
+ #palingakhir {
220
+ z-index: 100;
221
+ margin-right: auto;
222
+ margin-left: auto;
223
+ font-size: 15px;
224
+ font-family: var(--gaya-font2);
225
+ }
226
+ #teksnimasisatu,
227
+ #teksnimasi {
228
+ text-align: center;
229
+ margin-left: 70px;
230
+ margin-right: 70px;
231
+ }
232
+ #teksnimasi {
233
+ font-size: 17px;
234
+ }
235
+ .tipeA {
236
+ font-family: var(--gaya-font);
237
+ }
238
+
239
+ svg {
240
+ vertical-align: middle;
241
+ width: 22px;
242
+ height: 22px;
243
+ fill: #fff;
244
+ }
245
+ .menu {
246
+ position: fixed;
247
+ bottom: 15vh;
248
+ width: 100%;
249
+ z-index: 999;
250
+ display: flex;
251
+ justify-content: center;
252
+ align-items: center;
253
+ transition: all 1s ease;
254
+ }
255
+ .tombol {
256
+ background-color: rgba(255, 255, 255, 0.25);
257
+ border-radius: 50px;
258
+ overflow: hidden;
259
+ display: flex;
260
+ align-items: center;
261
+ justify-content: center;
262
+ width: 45px;
263
+ height: 45px;
264
+ -webkit-transition: all 0.2s ease-out;
265
+ transition: all 0.2s ease-out;
266
+ }
267
+ .tombol svg {
268
+ margin: auto;
269
+ fill: #fff;
270
+ }
271
+
272
+ #Tombol,
273
+ #TombolWA {
274
+ position: relative;
275
+ opacity: 0;
276
+ margin-left: auto;
277
+ margin-right: auto;
278
+ display: flex;
279
+ align-items: left;
280
+ list-style: none;
281
+ transition: all 1s ease;
282
+ }
283
+ #Tombol a,
284
+ #TombolWA a {
285
+ cursor: pointer;
286
+ display: inline-flex;
287
+ align-items: center;
288
+ margin: 0;
289
+ margin: 10px;
290
+ transition: all 0.2s ease;
291
+ padding: 10px;
292
+ outline: 0;
293
+ border: 1px solid white;
294
+ border-radius: 8px;
295
+ line-height: 15px;
296
+ background: rgba(0, 0, 0, 0.5);
297
+ color: white;
298
+ font-size: 13px;
299
+ font-weight: 700;
300
+ white-space: nowrap;
301
+ overflow: hidden;
302
+ box-shadow: rgba(255, 255, 255, 0.15) 0px 7px 29px 0px;
303
+ z-index: 1;
304
+ }
305
+
306
+ .overlay {
307
+ position: fixed;
308
+ top: 0;
309
+ left: 0;
310
+ width: 100%;
311
+ height: 100%;
312
+ display: flex;
313
+ justify-content: center;
314
+ align-items: center;
315
+ background: #000;
316
+ z-index: 100;
317
+ }
318
+ .loading-message {
319
+ font-size: 13px;
320
+ text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.8);
321
+ color: white;
322
+ text-align: center;
323
+ }
324
+
325
+ #counter {
326
+ position: fixed;
327
+ color: white;
328
+ font-size: 11px;
329
+ top: 20px;
330
+ left: 20px;
331
+ z-index: 999;
332
+ }
333
+ .fa-heart {
334
+ opacity: 0.3;
335
+ color: white;
336
+ font-size: 20px;
337
+ position: fixed;
338
+ animation: heartMove linear 1;
339
+ top: -10vh;
340
+ z-index: 999;
341
+ }
342
+ @keyframes heartMove {
343
+ 0% {
344
+ transform: translateY(-10vh);
345
+ }
346
+ 100% {
347
+ transform: translateY(100vh);
348
+ }
349
+ }
350
+ </style>
351
+ <body>
352
+ <div class="overlay">
353
+ <div class="loading-message">
354
+ sabar yaa babee<br />masih loading, jaringanmu jelek
355
+ mungkin:v<br />awokawokawok
356
+ </div>
357
+ </div>
358
+
359
+ <audio
360
+ src="/angel.mp3"
361
+ id="linkmp3"
362
+ class="sembunyi"
363
+ ></audio>
364
+
365
+ <section class="first" onclick="playaud()">
366
+ <div class="wp">
367
+ <img
368
+ id="imgsatu"
369
+ src="https://feeldreams.github.io/pics/awan/1.jpg"
370
+ />
371
+ </div>
372
+ <img
373
+ id="first_stiker"
374
+ class="stiker fade-in"
375
+ src="https://feeldreams.github.io/bunga.gif"
376
+ />
377
+ <h2 class="title">hawloooo babeeee!</h2>
378
+ <h4 class="title"><i>aku mau bilang sesuatu 😏</i></h4>
379
+ <p class="slide-up"><i>scroll kebawah babee!!</i></p>
380
+ </section>
381
+
382
+ <section>
383
+ <div class="wp">
384
+ <img
385
+ id="imgtiga"
386
+ src="https://feeldreams.github.io/pics/awan/3.jpg"
387
+ />
388
+ </div>
389
+ <img
390
+ class="stiker fade-in"
391
+ src="https://feeldreams.github.io/pusn.gif"
392
+ />
393
+ <h3 class="title">
394
+ why do stars still shine<br />even though far away?
395
+ </h3>
396
+ <p id="teksnimasisatu">
397
+ cause like my feels for you, it finally gets here even if i
398
+ gotta wait for a long time.
399
+ </p>
400
+ </section>
401
+
402
+ <section>
403
+ <div class="wp">
404
+ <img
405
+ id="imgdua"
406
+ src="https://feeldreams.github.io/pics/awan/2.jpg"
407
+ />
408
+ </div>
409
+ <img
410
+ class="stiker fade-in"
411
+ src="https://feeldreams.github.io/cilukba.gif"
412
+ />
413
+ <h3 class="title">
414
+ anyway<br />aku ada pertanyaan 😼<br />tapi jangan terlalu
415
+ dipikirin yaa!!!
416
+ </h3>
417
+ </section>
418
+
419
+ <section>
420
+ <div class="wp">
421
+ <img
422
+ id="imglima"
423
+ src="https://feeldreams.github.io/pics/awan/3.jpg"
424
+ />
425
+ </div>
426
+ <img
427
+ id="stikersatu"
428
+ class="stiker fade-in"
429
+ src="https://feeldreams.github.io/bwa2.gif"
430
+ />
431
+ <img id="stikerdua" src="https://feeldreams.github.io/weee.gif" />
432
+ <h3 id="teksnimasi">
433
+ babe, you look super cute.<br />can you send me a pic?<br />can
434
+ I get a pic?
435
+ </h3>
436
+ <div id="Tombol">
437
+ <a id="By" onClick="fungsimau()">YES!!</a>
438
+ <a id="Bn" onClick="fungsigamau()">NO!!</a>
439
+ </div>
440
+ </section>
441
+
442
+ <section id="iniakhir">
443
+ <div class="wp" id="wpakhir">
444
+ <img src="https://feeldreams.github.io/pics/awan/6.jpg" />
445
+ </div>
446
+ <img
447
+ id="stikerakhir"
448
+ class="stiker fade-in"
449
+ src="https://feeldreams.github.io/cilukba.gif"
450
+ />
451
+ <img
452
+ id="stikerakhir2"
453
+ style="display: none"
454
+ src="https://feeldreams.github.io/emawh.gif"
455
+ />
456
+ <h1 id="judulakhir"></h1>
457
+ <p id="kalimatakhir"></p>
458
+ <p id="palingakhir"></p>
459
+ <div id="TombolWA">
460
+ <a onClick="menuju()">Kirim 💌</a>
461
+ </div>
462
+ </section>
463
+
464
+ <div id="initom" class="menu">
465
+ <a class="tombol" onclick="tes()">
466
+ <svg
467
+ xmlns="http://www.w3.org/2000/svg"
468
+ width="16"
469
+ height="16"
470
+ fill="currentColor"
471
+ class="bi bi-arrow-down"
472
+ viewBox="0 0 16 16"
473
+ >
474
+ <path
475
+ fill-rule="evenodd"
476
+ d="M8 1a.5.5 0 0 1 .5.5v11.793l3.146-3.147a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 0 1 .708-.708L7.5 13.293V1.5A.5.5 0 0 1 8 1z"
477
+ />
478
+ </svg>
479
+ </a>
480
+ </div>
481
+
482
+ <script>
483
+ function hapus(){counter.style.display="none"}
484
+ function keatas(){window.scrollTo(0, 0);}
485
+
486
+ var date = new Date();
487
+ var days = ["Minggu", "Senin", "Selasa", "Rabu", "Kamis", "Jumat", "Sabtu"];
488
+ var months = ["Januari", "Februari", "Maret", "April", "Mei", "Juni", "Juli", "Agustus", "September", "Oktober", "November", "Desember"];
489
+ var hours = date.getHours();
490
+ var minutes = date.getMinutes();
491
+
492
+ // Tambahkan awalan nol jika jam atau menit kurang dari 10
493
+ if (hours < 10) {hours = "0" + hours;}
494
+ if (minutes < 10) {minutes = "0" + minutes;}
495
+
496
+ var day = days[date.getDay()];
497
+ var dateNum = date.getDate();
498
+ var month = months[date.getMonth()];
499
+ var year = date.getFullYear();
500
+
501
+ console.log(hours + "." + minutes + " WIB - " + day + ", " + dateNum + " " + month + " " + year);
502
+
503
+ var element = document.querySelector("body");var watermark = document.createElement("div");
504
+
505
+ // Setel teks watermark dan propertinya
506
+ watermark.textContent = day + ", " + dateNum + " " + month + " " + year;
507
+ watermark.style = "color:white;opacity:.5;font-size:10px;position:fixed;bottom:25px;left:25px;z-index:150";
508
+ element.appendChild(watermark);
509
+
510
+ //////////////////////////////////////////////////
511
+
512
+ const body = document.querySelector("body"); audio = new Audio('' + linkmp3.src); function berjatuhan() {const heart = document.createElement("div"); heart.className = "fas fa-heart"; heart.style.left = (Math.random() * 90)+"vw"; heart.style.animationDuration = (Math.random()*3)+2+"s"; body.appendChild(heart);} setInterval(function name(params) {var heartArr = document.querySelectorAll(".fa-heart"); if (heartArr.length > 100) {heartArr[0].remove()}},100);
513
+
514
+ initeksnimasisatu = teksnimasisatu.innerHTML;teksnimasisatu.innerHTML="";
515
+ function katateksnimasisatu(){
516
+ new TypeIt("#teksnimasisatu", {
517
+ strings: ["" + initeksnimasisatu], startDelay: 50, speed: 50, cursor: true,
518
+ afterComplete: function(){
519
+ teksnimasisatu.innerHTML = initeksnimasisatu;
520
+ setTimeout(smn,200);
521
+ },}).go();
522
+ }
523
+
524
+ initeksnimasi = teksnimasi.innerHTML;teksnimasi.innerHTML="";
525
+ function katateksnimasi(){
526
+ new TypeIt("#teksnimasi", {
527
+ strings: ["" + initeksnimasi], startDelay: 50, speed: 60, cursor: true,
528
+ afterComplete: function(){
529
+ teksnimasi.innerHTML = initeksnimasi;
530
+ setTimeout(muncultombol,200);
531
+ },}).go();
532
+ }
533
+ function gantistikerdua(){
534
+ stikersatu.style="opacity:0;transform:scale(0)";
535
+ setTimeout(gantifotostikerdua,300);
536
+ }
537
+ function gantifotostikerdua(){stikersatu.src=stikerdua.src;stikersatu.style="";}
538
+
539
+ fungsi=0;fungsiklik=0;skrg=1;
540
+ function tes(){
541
+ if(fungsi==0){
542
+ playaud();
543
+ initom.style="opacity:0;bottom:0;";
544
+ window.scrollBy({top: tinggi,behavior: 'smooth'});
545
+ fungsi = 1;
546
+ skrg++;
547
+ if(skrg==2){setTimeout(katateksnimasisatu,2300)};
548
+ if(skrg!=2 && skrg<4){setTimeout(smn,700);}
549
+ if(skrg==4){setTimeout(katateksnimasi,500);setTimeout(gantistikerdua,2300);}
550
+ }
551
+ }
552
+ function smn(){fungsi=0;initom.style="";}
553
+ initom.style="opacity:0;bottom:0;transition:none";
554
+
555
+ function muncultombol(){fungtom=1;Tombol.style="opacity:1;transform:scale(1)";}
556
+ function fungsimau(){
557
+ fungsi=0;tes();
558
+ teksjudulakhir = "mwehehehee thanksss babeeee >~<";
559
+ tekskalimatakhir = "hey babe, you know why<br>i wanna see your pic?<br><br><br>cause you're so super cute, pretty, and sweet.";
560
+ tekspalingakhir = "love you more babe <3";
561
+ pesanwhatsapp = "waitt babee aku send pap nyaa";
562
+ }
563
+ function fungsigamau(){
564
+ fungsi=0;tes();
565
+ teksjudulakhir = "babeee??? :(";
566
+ tekskalimatakhir = "agak sedih sihh<br>gagal buat dapetin pap kamu :')";
567
+ tekspalingakhir = "but gapapa, walaupun gak dapet pap,<br>masih bisa liat kamu disekolah tiap hari :)";
568
+ pesanwhatsapp = "lain kali yaa babee aku send;"
569
+ }
570
+
571
+ function aksiakhir() {
572
+ if(fungsiklik==0){
573
+ //wpakhir.style="opacity:.75;transition:all 1s ease;";
574
+ fungsiklik=1;
575
+ setTimeout(katajudul,100)
576
+ }
577
+ }
578
+
579
+ function katajudul(){
580
+ new TypeIt("#judulakhir", {
581
+ strings: ["" + teksjudulakhir], startDelay: 50, speed: 50, cursor: true,
582
+ afterComplete: function(){
583
+ judulakhir.innerHTML = teksjudulakhir;
584
+ setTimeout(katakata,400);
585
+ },}).go();
586
+ }
587
+ function katakata(){
588
+ new TypeIt("#kalimatakhir", {
589
+ strings: ["" + tekskalimatakhir], startDelay: 50, speed: 48, cursor: true,
590
+ afterComplete: function(){
591
+ kalimatakhir.innerHTML = tekskalimatakhir;
592
+ judulakhir.style="opacity:0;transform:scale(0);";
593
+ setTimeout(teksmuncul,350);
594
+ setInterval(berjatuhan,200);
595
+ setTimeout(kataakhir,1000);
596
+ },}).go();
597
+ }
598
+ function teksmuncul(){
599
+ judulakhir.innerHTML="I Love You";
600
+ judulakhir.style="font-family:var(--gaya-font3);font-size:27px";
601
+ //setTimeout(jjteksnim,300);
602
+ stikerakhir.style="opacity:0;transform:scale(0)";
603
+ setTimeout(gantifotoakhir,300);
604
+ }
605
+ function jjteksnim(){judulakhir.style.animation="rto .8s infinite alternate";}
606
+ function gantifotoakhir(){stikerakhir.src=stikerakhir2.src;stikerakhir.style="";}
607
+ function kataakhir(){
608
+ new TypeIt("#palingakhir", {
609
+ strings: ["" + tekspalingakhir], startDelay: 50, speed: 50, cursor: true,
610
+ afterComplete: function(){
611
+ palingakhir.innerHTML = tekspalingakhir;
612
+ setTimeout(muncultombol2,500);
613
+ },}).go();
614
+ }
615
+ function muncultombol2(){fungtom2=1;TombolWA.style="opacity:1;transform:scale(1)";}
616
+ function menuju(){if(fungtom2==1){window.location = "https://api.whatsapp.com/send?phone=6289514509029&text=" + pesanwhatsapp;}}
617
+
618
+ let tinggi = iniakhir.offsetHeight;
619
+ console.log(tinggi);
620
+
621
+ fungsiAud=0;function playaud(){if(fungsiAud==0){fungsiAud=1;audio.play();}}
622
+
623
+ window.addEventListener("load", (event) => {
624
+ window.scrollTo(0, 0);
625
+ setTimeout(keatas,500);
626
+
627
+ var overlay = document.querySelector(".overlay");
628
+ overlay.style.display = "none";
629
+ initom.style="";
630
+ first_stiker.style="opacity:1;transition:all 2s ease";
631
+ ScrollReveal({ reset: true });
632
+ ScrollReveal().reveal(".show-once", { reset: false});
633
+ ScrollReveal().reveal(".title", {duration: 2500,origin: "top",distance: "50px", easing: "cubic-bezier(0.5, 0, 0, 1)", rotate: { x: 20, z: -10 }});
634
+ ScrollReveal().reveal(".fade-in", {delay: 200, duration: 2500,move: 0});
635
+ ScrollReveal().reveal(".scaleUp", {duration: 2500, scale: 0.85});
636
+ ScrollReveal().reveal(".flip", {delay: 200, duration: 2000, rotate: { x: 20, z: 20}});
637
+ ScrollReveal().reveal(".slide-right", {duration: 1000,origin: "left",distance: "300px",easing: "ease-in-out"});
638
+ ScrollReveal().reveal(".slide-up", {duration: 1500, origin: "bottom", distance: "100px", easing: "cubic-bezier(.37,.01,.74,1)", opacity: 0, scale: 0.5});
639
+
640
+ document.addEventListener('scroll', function(e) {
641
+ let documentHeight = document.body.scrollHeight;
642
+ let currentScroll = window.scrollY + window.innerHeight;
643
+ // When the user is [modifier]px from the bottom, fire the event.
644
+ let modifier = 200;
645
+ if(currentScroll + modifier > documentHeight) {
646
+ console.log('Sudah sampai bawah!');
647
+ initom.style="opacity:0;bottom:0";
648
+ setTimeout(aksiakhir,10);
649
+ } else {
650
+ //initom.style="";
651
+ }
652
+ })
653
+ });
654
+
655
+
656
+
657
+ function setCookie(name, value, days) {
658
+ var expires = "";
659
+ if (days) {
660
+ var date = new Date();
661
+ date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
662
+ expires = "; expires=" + date.toUTCString();
663
+ }
664
+ document.cookie = name + "=" + (value || "") + expires + "; path=/";
665
+ }
666
+
667
+ function getCookie(name) {
668
+ var nameEQ = name + "=";
669
+ var ca = document.cookie.split(';');
670
+ for (var i = 0; i < ca.length; i++) {
671
+ var c = ca[i];
672
+ while (c.charAt(0) == ' ') c = c.substring(1, c.length);
673
+ if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
674
+ }
675
+ return null;
676
+ }
677
+ </script>
678
+ </body>
679
+ </html>