CryptoCollab/index.html at master · nedodn/CryptoCollab · 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
<!DOCTYPE html>
<html>
<head>
  <title>CryptoCollab</title>
  <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css'>
  <link href='./app/stylesheets/app.css' rel='stylesheet' type='text/css'>
  <link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
</head>
<body>

  <div id="title">
      <div id="title-eth">
          <p>Address : <b id="address-section"></b></p>
          <p>Network : <b id="network-section"></b></p>
      </div>
      <div id="title-name">
          <h1>CryptoCollab</h1>
          <span><em>While you live, shine<br>Have no grief at all<br>life exists only for a short while<br>and time demands an end</em></span>
      </div>
  </div>

  <div id="token">
    <div id="balance"></div>
    <div id="notesLeft"></div>
    <div>Note Price: 0.001 ETH</div>
  </div>

  <div id="console">
    <div class="console-divider">
      <h4>Purchase NOTE(s)</h4>
      <input type="number" id="purchase">
      <button onclick="purchaseNotes()">Purchase Notes</button><br>
      <input type="number" id="return"><br>
      <button onclick="returnNotes()">Return Notes</button>
    </div>

    <div id="settings" class="console-divider">
      <h4>Settings</h4>
      <input type="number" id="from" value="1" class="place"><span> to </span> <input type="number" id="to" class="place" value="1000">
      <h5 class="tempo">Tempo</h5>
      <input type="number" id="tempo" value="100" class="tempo"><br>
      <button onclick="play()" id="play">Play</button>
      <button onclick="stop()" id="stop">Stop</button>
      <button onclick="loop()" id="loop">Loop</button>
      <select id="instrument" onchange="setInstrument()">
        <option value="Kalimba">Kalimba</option>
        <option value="Electric Cello">Electric Cello</option>
        <option value="Harmonics">Harmonics</option>
        <option value="Pizzicato">Pizzicato</option>
        <option value="Wah">Wah</option>
      </select>
    </div>
  </div>

  <div id="feed-div">
      <table id="feed-table">
        <tbody id="feed-body">
        </tbody>
      </table>
    </div>

  <br>
  <br>

  <div id="rebuild">
    <button onclick="back()" id="back"><</button>
    <span id="place"></span>
    <button onclick="forward()" id="forward">></button>
    <button onclick="rebuild()">Rebuild</button>
  </div>

  <span id="progress"></span><br>
  <button onclick="placeNotes()">Add Selected Notes</button>
  <button onclick="removeNotes()">Remove Selected Notes</button>
  <br>

  <div id="comppart"></div>

</body>
<script src="./app.js"></script>
</html>