-
Notifications
You must be signed in to change notification settings - Fork 26
/
index.html
84 lines (84 loc) · 5.37 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
<!DOCTYPE html>
<html lang="en" class="no-js">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Haiii Selamat Pagi Ayang Aku</title>
<meta name="description" content="Semangat ya buat segala aktifitasnya" />
<meta name="author" content="Wafa Rifki Anafin" />
<link rel="stylesheet" type="text/css" href="css/uwu-primary.css" />
<link rel="stylesheet" type="text/css" href="css/uwu.css" />
<script>document.documentElement.className="js";var supportsCssVars=function(){var e,t=document.createElement("style");return t.innerHTML="root: { --tmp-var: bold; }",document.head.appendChild(t),e=!!(window.CSS&&window.CSS.supports&&window.CSS.supports("font-weight","var(--tmp-var)")),t.parentNode.removeChild(t),e};supportsCssVars()||alert("Please view this website in a modern browser that supports CSS Variables.");</script>
</head>
<body id="xixixi">
<main>
<svg class="hidden">
<symbol id="icon-soundon" viewBox="0 0 32 31">
<title>Sound on</title>
<path d="M6.405 9.239H0v13.128h6.405l12.474 8.316V.923L6.405 9.239zM5.75 20.491H1.875v-9.377h3.876v9.377zm11.252 6.687l-9.376-6.25v-10.25l9.376-6.25v22.75zm10.884-21.32c5.484 5.483 5.484 14.406 0 19.89l-1.326-1.326c4.753-4.752 4.753-12.486 0-17.239l1.326-1.326zm-2.652 2.651c4.021 4.022 4.021 10.566 0 14.587l-1.326-1.326c3.29-3.29 3.29-8.644 0-11.935l1.326-1.326zm-2.652 2.652a6.571 6.571 0 010 9.283l-1.327-1.326a4.694 4.694 0 000-6.63l1.327-1.327z"/>
</symbol>
<symbol id="icon-soundoff" viewBox="0 0 32 31">
<title>Sound off</title>
<path d="M6.409 9.11H0v13.135h6.409l12.48 8.32V.79L6.41 9.109zm-.655 11.258H1.876v-9.382h3.878v9.382zm11.26 6.691L7.63 20.804V10.55l9.382-6.255V27.06zM32 11.65l-1.327-1.326-4.027 4.027-4.028-4.027-1.327 1.326 4.028 4.028-4.028 4.028 1.327 1.327 4.027-4.028 4.028 4.028L32 19.705l-4.028-4.028L32 11.65z"/>
</symbol>
</svg>
<div class="frame">
<h1 class="frame__title"></h1>
<div class="frame__links">
</div>
<div class="frame__demos">
<a href="#" class="frame__demo frame__demo--current"></a>
</div>
<button class="toggle toggle--on button" id="toggle-btn" style="display: none;">
<svg class="toggle__icon toggle__icon--on">
<use xlink:href="#icon-soundon"></use>
</svg>
<svg class="toggle__icon toggle__icon--off">
<use xlink:href="#icon-soundoff"></use>
</svg>
</button>
</div>
<div class="content">
<br><br><br><br><br><br><br><br>
<h3 class="content__subtitle">Selamat Pagi Ayang</h3>
<h2 class="content__title">ANISA AULIA</h2>
<div class="content__credits"><small>Ada jarak yang terbentang karena rindu.</small> Ada cerita yang terbuat karena jarak.<small> Aku percaya banget,</small>cerita kamu dan cerita aku akan menjadi cerita kita saat kita bertemu nanti. <small>Tetap Semangat Yah Sayang menjalani segala aktifitasnya hari ini.</small> Aku Sayang Banget Sama Kamu <small>I LOVE YOU ANISA AULIA</small>
<br /><br /><br /><a href="https://instagram.com/wafarifki_" rel="sponsored">Created by Wafa Rifki Anafin</a>
</div>
</div>
<div class="screen screen--grid intro">
<p class="intro__content">
<span class="intro__content-line">Wafa Rifki Anafin</span>
<span class="intro__content-line intro__content-line--small">Mempersembahkan</span>
</p>
<p class="intro__content">
<span class="intro__content-line intro__content-line--small">Website Spesial Dibuat Limited Edition Untuk</span>
<span class="intro__content-line">Anisa Aulia Tersayang</span>
</p>
</div>
<div class="screen screen--flex action">
<span class="action__line">Hai Ayangnya Aku</span>
<button id="play-btn" class="button button--box" onclick="openFullscreen();">Mulai Sekarang</button>
</div>
</main>
<div id="p5_loading" class="p5_loading">
<div class="p5_loading__inner"></div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.8.0/p5.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.8.0/addons/p5.dom.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.8.0/addons/p5.sound.min.js"></script>
<script src="js/uwu.js"></script>
<script>
var uwu = document.getElementById("xixixi");
function openFullscreen() {
if (uwu.requestFullscreen) {
uwu.requestFullscreen();
} else if (uwu.webkitRequestFullscreen) { /* Safari */
uwu.webkitRequestFullscreen();
} else if (uwu.msRequestFullscreen) { /* IE11 */
uwu.msRequestFullscreen();
}
}
</script>
</body>
</html>