-avion/index.html at master · HackTM2016/-avion · GitHub

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
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" type="text/css" href="style.css">

    <link rel="shortcut icon" type="image/png" href="img/favicon.png"/>

    <title>avion | ツ Team</title>
    <meta name="author" content="ツ Team">

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.2/modernizr.js"></script>

	<script>$(window).load(function() {
		// Animate loader off screen
		$(".se-pre-con").fadeOut("slow");;
	});

    </script>


    <!-- Utils -->
    <script src='js/gameutils.js'></script>
    <!-- Binding -->
    <script src='js/interfaces.js'></script>
    <script src='js/interfacesMock.js'></script>
    <!-- Firebase -->
    <script src='https://cdn.firebase.com/js/client/2.2.1/firebase.js'></script>
	<script src='js/lodash.js'></script>
    <script src='js/db.js'></script>
    <!-- Menu -->
    <script src="js/startup.js"></script>
    <script src="js/joinGame.js"></script>
    <script src="js/creategame.js"></script>
    <!-- Game -->
    <script src="js/game.js"></script>
</head>

<body id="body" bgcolor="#FFA200" onload="Startup.init()">

	<script type="text/javascript">
<!--
    function toggle_visibility(id) {
       var e = document.getElementById(id);
       if(e.style.display == 'block')
          e.style.display = 'none';
       else
          e.style.display = 'block';
    }
//-->
</script>

    <div class="se-pre-con"></div>

    <div style="display:block; padding: 50px;">
       <img src="img/logo-white.png" width="20%" style="min-width:320px;">
    </div>

    <div id="startup" style="display:none">
	    <font class="username">Please enter an username:</font><br>
        <textarea name="playerName" class="usernameForm"></textarea><br>
        <button name="createGame" type="button" class="button">Create Game</button> <br>
        <button name="joinGame" type="button" class="button">Join Game</button>
    </div>

    <div id="gameCreationForm">
        <table class="gameCreation" style="width:50%" align="center">
        <tr><td style="padding-bottom:40px;"><font class="createScreen">Create Game</font></td></tr>
        <tr><td align="center"><input type="text" name="gameName" placeholder="Game Name" class="inputGame"></td></tr>
        <tr><td align="center"><input type="text" name="planesCount" placeholder="Number of Planes/Player" class="inputGame"></td></tr>
        <tr><td align="center"><input type="text" name="maxPlayerCount" placeholder="Maximum Number of Players" class="inputGame"></td></tr>
        <tr><td align="center"><button name="addGame" type="button" class="buttonAdd">Add Game</button></td></tr>
        <tr><td align="center"><button onclick="toggle_visibility('gameCreationForm'); toggle_visibility('startup');" name="closeWindows" type="button" id="closeButton" class="buttonClose">Close</button></td></tr>
        </table>
    </div>

    <div id="gameJoinForm"  style="display:none">
        <table style="width:50%" class="gameJoin" align="center">
        	<tr><td style="padding-bottom:40px;" colspan="4"><font class="createScreen">Join Game</font></td></tr>
            <tr class="tableHeader"><td align="left">Name</td><td>Players</td><td>Planes/Player</td></tr>
            <tr style="font-weight:bold; font-size:20px;">
            	<td align="left" style="font-weight:bold; font-size:20px;">Name of My Team</td>
                <td>4</td>
                <td>2</td>
                <td><button name="addGame" type="button" class="joinGame">Join</button></td>
            </tr>
            <tr>
            	<td colspan="4" > <button onclick="toggle_visibility('gameJoinForm'); toggle_visibility('startup');" name="closeWindows" type="button" class="buttonClose">Close</button></td>
            </tr>


        </table>

    </div>

    <div id="canvasesForm" height="auto" style="position: relative; display:none;">
        <div width="100%">
        	<table style="min-width:420px;" align="center">
            	<tr>
                	<td><font class="usernameVS" id="ion" style="font-weight:bold;">Ion</font></td>
                    <td><font class="usernameVS" id="blue" style="font-weight:bold;">Blue</font></td>
                </tr>
                <tr>

                	<td colspan="2">
                    	<font class="toast" id="status">Place your airplane.</font>
                    </td>

                </tr>

            </table>

                    	<div>
        				<canvas id="canvasLayer0" width="auto" height="auto" style="position:absolute; left:0; top:130px;"></canvas>
            			<canvas id="canvasLayer1" width="auto" height="auto" style="position:absolute; left:0; top:130px;"></canvas>
                        </div>


        </div>
        <div>

       </div>
    </div>
</body>

</html>