annotate www/8/score-large.html @ 101:52e44ee1c791 tip master

enabled all scores in autostart script
author Rob Canning <rc@kiben.net>
date Tue, 21 Apr 2015 16:20:57 +0100
parents 9bf133b91890
children
rev   line source
rc-web@63 1 <!DOCTYPE html>
rc-web@63 2 <html>
rc-web@63 3 <head>
rc-web@63 4 <meta charset="UTF-8">
rc-web@63 5 <title>score@nodescore</title>
rc-web@63 6
rc-web@63 7 <link rel="shortcut icon" href="/kiben_favicon.ico" type="image/x-icon" />
rc-web@63 8
rc-web@63 9
rc-web@63 10 <link href="css/nodescore.css" rel="stylesheet">
rc-web@63 11 <link href="css/chat.css" rel="stylesheet">
rc-web@63 12 <link href="css/menu.css" rel="stylesheet">
rc-web@63 13
rc-web@63 14 <script src="js/jquery-1.7.1.min.js"></script>
rc-web@63 15 <script src="/socket.io/socket.io.js"></script>
rc-web@63 16 <script src="js/nodescore-client.js"></script>
rc-web@63 17
rc-web@63 18
rc-web@63 19 </head>
rc-web@63 20
rc-web@63 21 <body onload='document.getElementById("countinnumber").style.visibility="hidden";'>
rc-web@63 22
rc-web@63 23 <input type="hidden" id="group" value='1'>
rc-web@63 24
rc-web@63 25
rc-web@63 26
rc-web@63 27 <div class="outermaster">
rc-web@63 28 <div style="position:absolute;
rc-web@63 29 width:97%;
rc-web@63 30 padding: 0px 0px 0px 0px ;
rc-web@63 31 margin:0 0 0 0px;
rc-web@63 32 left:14px; top:12px;
rc-web@63 33 border:2px solid white;
rc-web@63 34 border-radius:15px;
rc-web@63 35 opacity:0.5;
rc-web@63 36 ">
rc-web@63 37
rc-web@63 38 <h1 style="background:transparent;
rc-web@63 39 text-align:center;
rc-web@63 40 margin:0px 0px 0px 0px;
rc-web@63 41 padding: 0px 0px 0px 0px ;
rc-web@63 42 opacity: 1;
rc-web@63 43 ">static notation demo + + + n o d e s c o r e</h1>
rc-web@63 44 </div>
rc-web@63 45 <div id="countinnumber"></div>
rc-web@63 46 <div id="live"> </div>
rc-web@63 47
rc-web@63 48 <div id="comms">
rc-web@63 49 <div id="chat" title="type here to chat with others connected to network" >
rc-web@63 50 <div id="nickname" title="type your login name and press enter" >
rc-web@63 51 <form id="set-nickname" class="wrap">
rc-web@63 52 <p>LOGIN:</p>
rc-web@63 53 <input id="nick">
rc-web@63 54 <p id="nickname-err">Nickname already in use</p>
rc-web@63 55 </form>
rc-web@63 56 </div>
rc-web@63 57 <div id="connecting">
rc-web@63 58 <div class="wrap">Connecting to socket.io server</div>
rc-web@63 59 </div>
rc-web@63 60 <div id="messages">
rc-web@63 61 <div id="nicknames"></div>
rc-web@63 62 <div id="lines"></div>
rc-web@63 63 </div>
rc-web@63 64 <form id="send-message">
rc-web@63 65 <input id="message">
rc-web@63 66 <button>Send</button>
rc-web@63 67 </form>
rc-web@63 68 </div>
rc-web@63 69 </div>
rc-web@63 70
rc-web@63 71 <div id="midcomms">
rc-web@63 72 <h2 id="counttitle" style="padding-top:9px; margin:0;">...</h2>
rc-web@63 73 <p id="count" style="color:white">...</p>
rc-web@63 74 <div id="totalcountdown">...</div>
rc-web@63 75 </div>
rc-web@63 76
rc-web@63 77 <div id="preview">
rc-web@63 78 </div>
rc-web@63 79
rc-web@63 80 <div class="footdata">
rc-web@63 81
rc-web@63 82 <div class="metrocase" id="metro">
rc-web@63 83 <div id="metronome0"></div>
rc-web@63 84 <div id="metronome1"></div>
rc-web@63 85 <div id="metronome2"></div>
rc-web@63 86 <div id="metronome3"></div>
rc-web@63 87 </div>
rc-web@63 88
rc-web@63 89 <div id="current">GROUP: 1</div>
rc-web@63 90 <div id="client_latency">Latency: 0ms</div>
rc-web@63 91 <div id="datetime"></div>
rc-web@63 92 <div id="client_chronometer" style="z-index: 2;">00:00:00.0</div>
rc-web@63 93
rc-web@63 94 </div>
rc-web@63 95
rc-web@63 96 </div>
rc-web@63 97
rc-web@63 98 <ul id="nav">
rc-web@63 99 <li><a href="javascript:void(0)">Menu</a>
rc-web@63 100 <ul>
rc-web@63 101 <li><a href="javascript:void(0)" onclick="javascript:document.getElementById('group').value='3'">SELECT PART:</a>
rc-web@63 102 <ul>
rc-web@63 103 <a href="javascript:void(0)" onclick="javascript:document.getElementById('group').value='1'; $('div#current').text('GROUP 1').text='1'">GROUP 1</a>
rc-web@63 104 <a href="javascript:void(0)" onclick="javascript:document.getElementById('group').value='2'; $('div#current').text('GROUP 2').text='2'">GROUP 2</a>
rc-web@63 105 <a href="javascript:void(0)" onclick="javascript:document.getElementById('group').value='3'; $('div#current').text('GROUP 3').text='3'">GROUP 3</a>
rc-web@63 106 <a href="javascript:void(0)" onclick="javascript:document.getElementById('group').value='4'; $('div#current').text('GROUP 4').text='4'">GROUP 4</a>
rc-web@63 107 </ul>
rc-web@63 108 </li>
rc-web@63 109 <li><a href="http://nodescore.kiben.net">help</a></li>
rc-web@63 110 <li><a href="http://nodescore.kiben.net:8889/m/controls.html" target="_blank">control panel</a></li>
rc-web@63 111 </ul>
rc-web@63 112 </li>
rc-web@63 113 </ul>
rc-web@63 114
rc-web@63 115
rc-web@63 116
rc-web@63 117
rc-web@63 118 </body>
rc-web@63 119 </html>