-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.html
44 lines (41 loc) · 1.46 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
<!DOCTYPE html>
<html>
<head>
<title> Uno Online! </title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="assets/css/index.css">
</head>
<body>
<script>
window.onload = function() {
document.getElementById("song").play();
}
function manageSound(){
var s = document.getElementById('song');
var d = document.getElementsByClassName('sound')[0];
if(s.paused == false){
s.pause();
d.style.backgroundColor= '#f9dc99';
}else{
s.play();
d.style.backgroundColor= '#f9db27';
}
}
</script>
<audio id="song" load="load" play="play" loop="loop">
<source src="assets/res/jazz.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
<button onclick="manageSound();" class="sound"> <img src="assets/res/sound.png" class="sound_icon"></button>
<button class="sound" onclick="location.href='https://github.com/ahmed-debbech/uno_online';"> <img src="assets/res/git.png" class="sound_icon"></button>
<center>
<div id="animated_div"><img src="assets/res/uno_logo.png" class="animated_div"> </div>
<br><br><br>
<button onclick="location.href='choose.html';" class="button"><span> <b>PLAY</b> </span></button>
</center>
<footer>
<h3 style="font-size: 12px;">An Ahmed Debbech Production © 2020.</h3>
<h2 style="font-size: 14px;" id="designedby">Designed with love by Ons Kechrid</h2>
</footer>
</body>
</html>