OpenFoos-GUI-development/index.html at master · valentinrey/OpenFoos-GUI-development · 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
<!DOCTYPE html>
<html lang="en">
    <head>
        <title>Velkommen til openfoss</title>
        <link rel="stylesheet" type="text/css" href="styles.css" media="screen/handheld"/>
	<meta name="viewport" content="width-device-width; initial-scale=1.0"/>
        <script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
		<script src="jquery.js"></script>
        <script src="script.js"></script>
		<script src="watch.js"></script>

    </head>
    <body>
        <div class="center overflow">
        <div id="container">
                <!--<div class="circle"></div>-->
                <div id="player1" class="players"></div>
                <div id="player2" class="players"></div>
        </div><!-- end #container-->
       </div><!-- .center .overflow -->


       <div class="center overflow">
       <div id="end-game">
           <h1>Congratulasjons Ola, You won the match!</h1>
           <div id="stat">
			<div id="stat-center">
               <!--div id="player1-stat" class="players-stat"></div>
               <div id="player2-stat" class="players-stat"></div-->
					<table width="500" border="0">
						<tr>
							<th>Ola normann</th><th>Valentin</th>
						</tr>
						<tr>
							<td>Won: 87</td><td>Won: 88</td>
						</tr>
						<tr>
							<td>Lost: 6</td><td>Lost: 1</td>
						</tr>
						<tr>
							<td>Rank: #1</td><td>Rank: #1</td>
						</tr>
					</table>
               </div>

           </div>
               <button id="restart" class="buttons" onclick="startTimer()">re-start</button>
               <button id="quit" class="buttons" onclick="stopTimer()">quit</button>
       </div><!-- #end-game -->
       </div>

        <footer>
            <div id="backlayer"></div>
            <div class="center overflow">
            <div id="layer">
                <hgroup>
                    <h1>Welcome to Openfoss</h1>
                    <br>
                    <h4>Start by selecting one of the players</h4>
                </hgroup>

                <input type="submit" id="start" value="Start" onclick="startTimer()"/>
                <form>
                    <input type="text" id="textfield" name="demoname"
                           required placeholder="enter your player name.." title="name"
						autocomplete="on"/>
                    <input type="submit" id="submit" value="Submit"/>
                </form>

                <div id="scoreboard">
                    <!--<div id="h" class="text">HJEM</div>
                    <div id="v" class="text">GJEST</div>-->

                        <div id="home" class="goal">
                            <h6>HOME</h6>
                            <p class="reflection">10</p>
                        </div><!-- #home -->
                        <div id="visitor" class="goal">
                            <h6>VISITORS</h6>
                            <p class="reflection">5</p>
                        </div><!-- #visitor -->
                    <div id="fores">
                        <!--<div id="circle" class="time"></div>-->
                        <div id="digital">
                            <p id="watch" class="reflection">00:00</p>
                        </div>

                    </div><!--  #fores-->

                </div><!-- #scoreboard-->

            </div><!-- #layer -->
            </div><!-- .center.overflow -->
        </footer>
    </body>
</html>