Etusivu Tutki Apua
Kirjaudu sisään
advation
/
SimpleTimeTracker
peilaus alkaen https://github.com/advation/SimpleTimeSheet.git
1
0
Fork 0
Tiedostot Ongelmat 0 Wiki
Puu: 14c43d6541
Haarat Tagit
SimpleTimeTrack...
/
app
/
templates
/
tools
/
keyboard.html

keyboard.html 5.8 KB
Historia Raaka

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354 
  1. {% load static %}
    2. 

  2. 

  3. <div class="keyboard d-none d-md-none d-lg-block">
    4. 

  4.     <div class="row mb-3 justify-content-center g-0">
    5. 

  5.         <div class="col-1 d-grid gap-2 mx-auto"><a href="#!" data-value="1" data-alt-value="!" class="btn btn-lg btn-light border keyboard-key">1</a></div>
    6. 

  6.         <div class="col-1 d-grid gap-2 mx-auto"><a href="#!" data-value="2" data-alt-value="@" class="btn btn-lg btn-light border keyboard-key">2</a></div>
    7. 

  7.         <div class="col-1 d-grid gap-2 mx-auto"><a href="#!" data-value="3" data-alt-value="#" class="btn btn-lg btn-light border keyboard-key">3</a></div>
    8. 

  8.         <div class="col-1 d-grid gap-2 mx-auto"><a href="#!" data-value="4" data-alt-value="$" class="btn btn-lg btn-light border keyboard-key">4</a></div>
    9. 

  9.         <div class="col-1 d-grid gap-2 mx-auto"><a href="#!" data-value="5" data-alt-value="%" class="btn btn-lg btn-light border keyboard-key">5</a></div>
    10. 

  10.         <div class="col-1 d-grid gap-2 mx-auto"><a href="#!" data-value="6" data-alt-value="^" class="btn btn-lg btn-light border keyboard-key">6</a></div>
    11. 

  11.         <div class="col-1 d-grid gap-2 mx-auto"><a href="#!" data-value="7" data-alt-value="&" class="btn btn-lg btn-light border keyboard-key">7</a></div>
    12. 

  12.         <div class="col-1 d-grid gap-2 mx-auto"><a href="#!" data-value="8" data-alt-value="*" class="btn btn-lg btn-light border keyboard-key">8</a></div>
    13. 

  13.         <div class="col-1 d-grid gap-2 mx-auto"><a href="#!" data-value="9" data-alt-value="(" class="btn btn-lg btn-light border keyboard-key">9</a></div>
    14. 

  14.         <div class="col-1 d-grid gap-2 mx-auto"><a href="#!" data-value="0" data-alt-value=")" class="btn btn-lg btn-light border keyboard-key">0</a></div>
    15. 

  15.     </div>
    16. 

  16.     <div class="row mb-3 justify-content-center g-0">
    17. 

  17.         <div class="col-1 d-grid gap-2 mx-auto"><a href="#!" data-value="q" class="btn btn-lg btn-light border keyboard-key">q</a></div>
    18. 

  18.         <div class="col-1 d-grid gap-2 mx-auto"><a href="#!" data-value="w" class="btn btn-lg btn-light border keyboard-key">w</a></div>
    19. 

  19.         <div class="col-1 d-grid gap-2 mx-auto"><a href="#!" data-value="e" class="btn btn-lg btn-light border keyboard-key">e</a></div>
    20. 

  20.         <div class="col-1 d-grid gap-2 mx-auto"><a href="#!" data-value="r" class="btn btn-lg btn-light border keyboard-key">r</a></div>
    21. 

  21.         <div class="col-1 d-grid gap-2 mx-auto"><a href="#!" data-value="t" class="btn btn-lg btn-light border keyboard-key">t</a></div>
    22. 

  22.         <div class="col-1 d-grid gap-2 mx-auto"><a href="#!" data-value="y" class="btn btn-lg btn-light border keyboard-key">y</a></div>
    23. 

  23.         <div class="col-1 d-grid gap-2 mx-auto"><a href="#!" data-value="u" class="btn btn-lg btn-light border keyboard-key">u</a></div>
    24. 

  24.         <div class="col-1 d-grid gap-2 mx-auto"><a href="#!" data-value="i" class="btn btn-lg btn-light border keyboard-key">i</a></div>
    25. 

  25.         <div class="col-1 d-grid gap-2 mx-auto"><a href="#!" data-value="o" class="btn btn-lg btn-light border keyboard-key">o</a></div>
    26. 

  26.         <div class="col-1 d-grid gap-2 mx-auto"><a href="#!" data-value="p" class="btn btn-lg btn-light border keyboard-key">p</a></div>
    27. 

  27.     </div>
    28. 

  28.     <div class="row mb-3 justify-content-center g-0">
    29. 

  29.         <div class="col-1 d-grid gap-2 mx-auto"><a href="#!" data-value="a" class="btn btn-lg btn-light border keyboard-key">a</a></div>
    30. 

  30.         <div class="col-1 d-grid gap-2 mx-auto"><a href="#!" data-value="s" class="btn btn-lg btn-light border keyboard-key">s</a></div>
    31. 

  31.         <div class="col-1 d-grid gap-2 mx-auto"><a href="#!" data-value="d" class="btn btn-lg btn-light border keyboard-key">d</a></div>
    32. 

  32.         <div class="col-1 d-grid gap-2 mx-auto"><a href="#!" data-value="f" class="btn btn-lg btn-light border keyboard-key">f</a></div>
    33. 

  33.         <div class="col-1 d-grid gap-2 mx-auto"><a href="#!" data-value="g" class="btn btn-lg btn-light border keyboard-key">g</a></div>
    34. 

  34.         <div class="col-1 d-grid gap-2 mx-auto"><a href="#!" data-value="h" class="btn btn-lg btn-light border keyboard-key">h</a></div>
    35. 

  35.         <div class="col-1 d-grid gap-2 mx-auto"><a href="#!" data-value="j" class="btn btn-lg btn-light border keyboard-key">j</a></div>
    36. 

  36.         <div class="col-1 d-grid gap-2 mx-auto"><a href="#!" data-value="k" class="btn btn-lg btn-light border keyboard-key">k</a></div>
    37. 

  37.         <div class="col-1 d-grid gap-2 mx-auto"><a href="#!" data-value="l" class="btn btn-lg btn-light border keyboard-key">l</a></div>
    38. 

  38.     </div>
    39. 

  39.     <div class="row mb-3 justify-content-center g-0">
    40. 

  40.         <div class="col-2 d-grid gap-2 mx-auto"><a href="#!" data-value="shift" id="shift-key" class="btn btn-lg btn-light border">Shift</a></div>
    41. 

  41.         <div class="col-1 d-grid gap-2 mx-auto"><a href="#!" data-value="z" class="btn btn-lg btn-light border keyboard-key">z</a></div>
    42. 

  42.         <div class="col-1 d-grid gap-2 mx-auto"><a href="#!" data-value="x" class="btn btn-lg btn-light border keyboard-key">x</a></div>
    43. 

  43.         <div class="col-1 d-grid gap-2 mx-auto"><a href="#!" data-value="c" class="btn btn-lg btn-light border keyboard-key">c</a></div>
    44. 

  44.         <div class="col-1 d-grid gap-2 mx-auto"><a href="#!" data-value="v" class="btn btn-lg btn-light border keyboard-key">v</a></div>
    45. 

  45.         <div class="col-1 d-grid gap-2 mx-auto"><a href="#!" data-value="b" class="btn btn-lg btn-light border keyboard-key">b</a></div>
    46. 

  46.         <div class="col-1 d-grid gap-2 mx-auto"><a href="#!" data-value="n" class="btn btn-lg btn-light border keyboard-key">n</a></div>
    47. 

  47.         <div class="col-1 d-grid gap-2 mx-auto"><a href="#!" data-value="m" class="btn btn-lg btn-light border keyboard-key">m</a></div>
    48. 

  48.     </div>
    49. 

  49.     <div class="row g-3">
    50. 

  50.         <div class="col-8 d-grid gap-2 mx-auto"><a href="#!" data-value=" " class="btn btn-lg btn-light border keyboard-key">Space</a></div>
    51. 

  51.         <div class="col-3 d-grid gap-2 mx-auto"><a href="#!" id="back-key" data-value="back" class="btn btn-lg btn-light border">Back</a></div>
    52. 

  52.     </div>
    53. 

  53. </div>
    54. 

  54. <script src="{% static 'app/js/keyboard.js' %}"></script>
    55.