-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.html
109 lines (94 loc) · 3.1 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
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
<!DOCTYPE html>
<html>
<head>
<title>ConnWars - LudumDare30</title>
<link rel="icon" type="image/png" href="images/favicon.png">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=0.6, user-scalable=0" />
<script src='https://cdn.firebase.com/js/client/1.1.1/firebase.js'></script>
<style type="text/css">
body {
background-image: url("images/stars.gif");
font-family: sans-serif;
-moz-user-select: -moz-none;
-khtml-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
#menu {
left:auto;
right:auto;
text-align:center;
}
.option {
display:inline-block;
font-size: 22px;
font-weight:bold;
padding: 0px 20px 20px 20px;
color: white;
vertical-align:top;
}
#mute-button {
float:left;
position:absolute;
color: white;
padding: 4px;
border: 2px solid white;
cursor: pointer;
margin-left: 10px;
}
#soundloop {
display: none;
}
#instructions-wrapper {
color:white;
}
</style>
</head>
<body>
<!-- Fork me on GitHub! -->
<a href="https://github.com/GTLudumDare/ludum-dare-30"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://camo.githubusercontent.com/52760788cde945287fbb584134c4cbc2bc36f904/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f77686974655f6666666666662e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_white_ffffff.png"></a>
<div id='mute-button'>Mute</div>
<div id="menu">
<div id="logo-wrapper">
<img src="images/logo.png" style="height: 300px;" />
</div>
<div id="option-wrapper">
<a href="singleplayer.html">
<div class="option">SINGLEPLAYER</div>
</a>
<a href="multiplayer.html">
<div class="option">MULTIPLAYER<br/><small>(beta)</small></div>
</a>
</div>
<div id="instructions-wrapper">
<br/>
<br/>
<h3>
Instructions
</h3>
To start, click on a planet to settle.<br />Click on two planets in a row to connect them.<br/>Connect to enemy planets to eliminate their population.
</div>
</div>
<audio controls autoplay and loop id = "soundloop">
<source src="audio/ludumdaremenu.mp3" type="audio/mpeg">
</audio>
<script src="scripts/jquery.min.js"></script>
<script type="text/javascript">
var playing = true;
$('#mute-button').click(function() {
var music = $('#soundloop')[0];
if(!playing) {
music.play();
playing = true;
$('#mute-button').html('Mute');
}
else {
music.pause();
playing = false;
$('#mute-button').html('UnMute');
}
});
</script>
</body>
</html>