jsShapes/index.html at master · mandu/jsShapes · 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
<!DOCTYPE HTML>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
    <script src="jsShapes.js" type="text/javascript" charset="utf-8"></script>
    <link rel="stylesheet" href="main.css" type="text/css" />

    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <title>jsShapes</title>
</head>

<body>

<div id="wrapper">

    <div class="container">
        <div id="topbar">
            <h1 id="player-field">jsShapes</h1>
            <h1 id="score-field"></h1>
            <h1 id="score-text">Score</h1>
        </div>
    </div>

    <div id="name-container">
        <div id="player">
            <h1>Insert Your Name</h1>
            <label><input type="text" id="name" placeholder="Insert Your Name"/></label>
            <h2>hit &lt;enter&gt; to play</h2>
        </div>
    </div>

    <canvas id="game"></canvas>

    <div class="container">
        <div id="message">
            <h1>Messages</h1>
            <ul id="messages"></ul>
        </div>
        <div id="scoreboard">
            <h1>Top 5</h1>
            <ul id="ranking"></ul>
        </div>
    </div>

</div>

</body>
</html>