-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathplatforms.html
98 lines (80 loc) · 3.42 KB
/
platforms.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
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="icon" href="images/logo.gif" type="image/gif" sizes="16x16" />
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="referrer" content="origin" />
<meta name="author" content="ENKR | Pang Jing Hui | 彭竞辉" />
<meta name="description"
content="Pang Jing Hui, also known as EnKr, is a software developer and beatboxer. This is a pure HTML, CSS, and JS website developed and designed all by himself." />
<meta name="keywords"
content="enkr1, enkr, enkr beatbox, beatbox, singapore beatbox, asia beatboix, vonderie, vonderie beatbox, 555, 555 beatbox" />
<title>ENKR | Pang Jing Hui | 彭竞辉</title>
<link rel="stylesheet" href="css/style.css?v=3.0.0" />
</head>
<body>
<preloader-component></preloader-component>
<eye-candy-component></eye-candy-component>
<div class="cursor"></div>
<platforms-component></platforms-component>
<!-- <iframe src="assets/audios/melancholy.wav" type="audio/wav" allow="autoplay" id="audio" volume="0.1"
style="display:none"></iframe>
<audio autoplay volume="0.1">
<source src="assets/audios/melancholy.wav" type="audio/wav">
</audio> -->
<!-- <iframe id="audioIframe" src="assets/audios/melancholy.wav" type="audio/wav" allow="autoplay" style="display:none"></iframe> -->
<iframe src="assets/audios/melancholy.wav" type="audio/wav" allow="autoplay" id="audio" style="display:none"></iframe>
<!-- <audio autoplay> -->
<audio controls autoplay loop hidden>
<source src="assets/audios/melancholy.wav" type="audio/wav">
</audio>
<!-- <script>
var audioIframe = document.getElementById('audioIframe');
// Wait for the iframe to load
audioIframe.addEventListener('load', function () {
// Send a postMessage to the iframe to adjust the volume
audioIframe.contentWindow.postMessage({ volume: 0.5 }, '*');
});
// Listen for the volume response from the iframe
window.addEventListener('message', function (event) {
if (event.origin === window.location.origin && event.source === audioIframe.contentWindow) {
// Volume response received from the iframe
var volume = event.data.volume;
console.log('Volume adjusted:', volume);
}
});
</script> -->
<!-- <audio id="audio-melancholy" src="assets/audios/melancholy.wav" loop volume="0.1"></audio> -->
<!-- <embed src="assets/audios/melancholy.wav" loop="true" autostart="true" width="2" height="0"> -->
<!-- <audio
src="assets/audios/melancholy.wav"
autoplay
loop
volume="0.1"
>
</audio> -->
<!-- <script>
// var audio = document.getElementById('audio');
// audio.volume = 0.5; // Set the volume to 50%
// let audio = document.getElementById("audio-melancholy");
//
// console.log("audio")
// console.log(audio)
//
// if (audio !== undefined) {
// window.addEventListener('canplaythrough', function () {
// console.log("Playing ...")
// audio.play();
// });
// }
</script> -->
<!--
TODO: Find a way to not need to load so many unused package?
-->
<script src="https://unpkg.com/swiper@7/swiper-bundle.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
<script type="text/javascript" defer src="js/main.js"></script>
</body>
</html>