jboard/bin/standard.html at master · ev-devs/jboard · 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

<!-- Modal Structure -->
<div id="standard-modal-template" class="modal bottom-sheet">
  <div class="modal-content">
      <div class="container center standard-jboard-container" id="standard-jboard-container">
          <div class="row standard-row" id="standard-row-1" style="margin : 0">
              <div class="jboard-key" id="q" style="display : inline-block">q</div>
              <div class="jboard-key" id="w" style="display : inline-block">w</div>
              <div class="jboard-key" id="e" style="display : inline-block">e</div>
              <div class="jboard-key" id="r" style="display : inline-block">r</div>
              <div class="jboard-key" id="t" style="display : inline-block">t</div>
              <div class="jboard-key" id="y" style="display : inline-block">y</div>
              <div class="jboard-key" id="u" style="display : inline-block">u</div>
              <div class="jboard-key" id="i" style="display : inline-block">i</div>
              <div class="jboard-key" id="o" style="display : inline-block">o</div>
              <div class="jboard-key" id="y" style="display : inline-block">p</div>
              <div class="jboard-key delete-key" id="delete" style="display : inline-block">delete</div>
          </div>

          <div class="row  standard-row" id="standard-row-2" style="margin : 0">
              <div class="jboard-key" id="a" style="display : inline-block">a</div>
              <div class="jboard-key" id="s" style="display : inline-block">s</div>
              <div class="jboard-key" id="d" style="display : inline-block">d</div>
              <div class="jboard-key" id="f" style="display : inline-block">f</div>
              <div class="jboard-key" id="g" style="display : inline-block">g</div>
              <div class="jboard-key" id="h" style="display : inline-block">h</div>
              <div class="jboard-key" id="j" style="display : inline-block">j</div>
              <div class="jboard-key" id="k" style="display : inline-block">k</div>
              <div class="jboard-key" id="l" style="display : inline-block">l</div>
              <div class="jboard-key enter-key" id="enter" style="display : inline-block">enter</div>
          </div>

          <div class="row standard-row" id="standard-row-3" style="margin : 0">
              <div class="jboard-key shift-key" id="shift" style="display : inline-block">Shift</div>
              <div class="jboard-key" id="z" style="display : inline-block">z</div>
              <div class="jboard-key" id="x" style="display : inline-block">x</div>
              <div class="jboard-key" id="c" style="display : inline-block">c</div>
              <div class="jboard-key" id="v" style="display : inline-block">v</div>
              <div class="jboard-key" id="b" style="display : inline-block">b</div>
              <div class="jboard-key" id="n" style="display : inline-block">n</div>
              <div class="jboard-key" id="m" style="display : inline-block">m</div>
              <div class="jboard-key" id="," style="display : inline-block">,</div>
              <div class="jboard-key" id="." style="display : inline-block">.</div>
              <div class="jboard-key" id="@" style="display : inline-block">@</div>
              <div class="jboard-key extra-key" id="extra-key" style="display: inline-block; display: none">^</div>
          </div>

          <div class="row standard-row" id="standard-row-4" style="margin : 0">
              <div class="jboard-key" id="123" style="display : inline-block">123</div>
              <div class="jboard-key space-key" id="space" style="display : inline-block">Space</div>
              <!-- <div class="jboard-key" id="#$+" style="display : inline-block">#$+</div> -->
          </div>

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