Startsida Utforska Hjälp
Registrera dig Logga in
jarjonam
/
Clicky
1
0
Fork 0
Filer
Träd: a1afd1519d
Grenar Taggar
Clicky
/
dist
/
index.html

index.html 4.3 KB
Historik Rå

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495 
  1. <html>
    2. 

  2. <head>
    3. 

  3. <script type="text/javascript" src="cordova.js"></script>
    4. 

  4. <script type="text/javascript" src="logic.js" charset="UTF-8"></script>
    5. 

  5. <link rel="stylesheet" type="text/css" href="style.css">
    6. 

  6. </head>
    7. 

  7. <body class="splash">
    8. 

  8. <div id="lives">
    9. 

  9. <div id="livesCounter">3</div>
    10. 

  10. <div id="livesIcon"></div>
    11. 

  11. </div>
    12. 

  12. <div id="clicker" class="button round-button blue">
    13. 

  13. <div class="round-button-inside">
    14. 

  14. <a id="textlabel">Click?</a>
    15. 

  15. </div></div>
    16. 

  16. <div class="overlay" id="loserOverlay">
    17. 

  17. <div class="overlayText" id="loserText">
    18. 

  18. <div id="heartRespawn"></div>
    19. 

  19. <div id="loseReason">You lost!</div>
    20. 

  20. <div id="loserScore">You scored <a>0</a> points</div>
    21. 

  21. <div id="heartExplanation" style="font-size:.4em;margin-top:40px;color:rgba(200,200,200,0.8);transition:color .4s;-webkit-transition:color .4s">(Tap heart to continue this game)</div>
    22. 

  22. <div id="newScore" class="normalScore">Share highscore!</div>
    23. 

  23. <div id="highscoreText">Highscore: <span>0</span> points</div>
    24. 

  24. </div>
    25. 

  25. <div class="overlayText" id="loserGoToMenu">Menu</div>
    26. 

  26. </div>
    27. 

  27. <div class="overlay" id="menuOverlay">
    28. 

  28. <div id="menuText">
    29. 

  29. <div id="playButton" style="font-size:2.2em">Play</div>
    30. 

  30. <div id="shareButton" style="margin-top:20px">Share</div>
    31. 

  31. <div id="storeButton" style="margin-top:15px">Store</div>
    32. 

  32. <div id="settingsButton" style="margin-top:15px">Settings</div>
    33. 

  33. </div>
    34. 

  34. </div>
    35. 

  35. <div class="overlay" id="storeOverlay">
    36. 

  36. <div id="storeListing">
    37. 

  37. <div class="storeButton" id="freelife" style="margin-top:8px">
    38. 

  38. <div class="title">1 free life!</div>
    39. 

  39. <div class="price" style="display:inline"><span id="watchVideo">Watch video</span> <span id="videoCountdown">(60s)</span></div>
    40. 

  40. </div>
    41. 

  41. <div class="storeButton" id="buy20lives" style="margin-top:8px">
    42. 

  42. <div class="title">Loading...</div>
    43. 

  43. <img src="img/heart.png" width="20px" style="display:inline">
    44. 

  44. <div class="price" style="display:inline">...</div>
    45. 

  45. </div>
    46. 

  46. <div class="storeButton" id="buy50lives" style="margin-top:8px">
    47. 

  47. <div class="title">Loading...</div>
    48. 

  48. <img src="img/heart.png" width="20px" style="display:inline">
    49. 

  49. <img src="img/heart.png" width="20px" style="display:inline">
    50. 

  50. <div class="price" style="display:inline">...</div>
    51. 

  51. </div>
    52. 

  52. <div class="storeButton" id="buy200lives" style="margin-top:8px">
    53. 

  53. <div class="title">Loading...</div>
    54. 

  54. <img src="img/heart.png" width="20px" style="display:inline">
    55. 

  55. <img src="img/heart.png" width="20px" style="display:inline">
    56. 

  56. <img src="img/heart.png" width="20px" style="display:inline">
    57. 

  57. <div class="price" style="display:inline">...</div>
    58. 

  58. </div>
    59. 

  59. <div class="storeButton" id="removeads" style="margin-top:8px">
    60. 

  60. <div class="title">Loading...</div>
    61. 

  61. <div class="price" style="display:inline">...</div>
    62. 

  62. </div>
    63. 

  63. </div>
    64. 

  64. <div class="overlayText" id="storeGoToMenu">Menu</div>
    65. 

  65. <div class="overlayText" id="storeGoToGame">Back</div>
    66. 

  66. <div class="overlayText" id="storeGoToLoser">Back</div>
    67. 

  67. </div>
    68. 

  68. <div class="overlay" id="settingsOverlay">
    69. 

  69. <div id="settingsText">
    70. 

  70. <div class="" id="soundButton" style="margin-top:40px">&nbsp Sound &nbsp</div>
    71. 

  71. <div class="" id="creditsButton" style="margin-top:40px">Credits</div>
    72. 

  72. </div>
    73. 

  73. <div class="overlayText" id="settingsGoToMenu">Menu</div>
    74. 

  74. </div>
    75. 

  75. <div class="overlay" id="creditsOverlay">
    76. 

  76. <div id="creditsText">
    77. 

  77. <div>This game wouldn't have been possible without:</div>
    78. 

  78. </br>
    79. 

  79. <div><u>Icons</u></div>
    80. 

  80. <div>Hand icon made by <a href="http://www.freepik.com/">Freepik</a> from <a href="http://www.flaticon.com">www.flaticon.com</a></div>
    81. 

  81. <div>Heart icon made by <a href="http://www.flaticon.com/authors/madebyoliver">Freepik</a> from <a href="http://www.flaticon.com">www.flaticon.com</a></div>
    82. 

  82. </br>
    83. 

  83. <div><u>Sounds</u></div>
    84. 

  84. <div>Tap sound made by <a href="https://www.freesound.org/people/jcallison/">jcallison</a> from <a href="https://www.freesound.org">www.freesound.org</a></div>
    85. 

  85. <div>Achievement sound made by <a href="shinephoenixstormcrow">shinephoenixstormcrow</a> from <a href="https://www.freesound.org">www.freesound.org</a></div>
    86. 

  86. <div>Buying sound made by <a href="https://www.freesound.org/people/rhodesmas/">rhodesmas</a> from <a href="https://www.freesound.org">www.freesound.org</a></div>
    87. 

  87. <div>Lose sound made by <a href="https://www.freesound.org/people/original_sound/">original_sound</a> from <a href="https://www.freesound.org">www.freesound.org</a></div>
    88. 

  88. </div>
    89. 

  89. </div>
    90. 

  90. <div id="splashScreen">
    91. 

  91. <img src="icons/512.png">
    92. 

  92. </div>
    93. 

  93. <div id="message">20 points!</div>
    94. 

  94. </body>
    95. 

  95. </html>
    96.