jarjonam
/
Clicky


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100
							<html>
<head>
    <script type="text/javascript" src="cordova.js"></script>
    <script type="text/javascript" src="logic.js" charset="UTF-8"></script>
    <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body class="splash">
    <div id="lives">
        <div id="livesCounter">3</div>
        <div id="livesIcon"></div>
    </div>
    <div id="clicker" class="button round-button blue">
        <div class="round-button-inside">
            <a id="textlabel">Click?</a>
    </div></div>
    
    <div class="overlay" id="loserOverlay">
        <div class="overlayText" id="loserText">
            <div id="heartRespawn"></div>
            <!--<img id="heartRespawn" src="img/heart.png">-->
            <div id="loseReason">You lost!</div>
            <div id="loserScore">You scored <a>0</a> points</div>
            <div id="heartExplanation" style="font-size: 0.4em; margin-top: 40px; color:rgba(200,200,200,0.8); transition: color 0.4s; -webkit-transition: color 0.4s;">(Tap heart to continue this game)</div>
            <div id="newScore" class="normalScore">Share highscore!</div>
            <div id="highscoreText">Highscore: <span>0</span> points</div>
        </div>
        <div class="overlayText" id="loserGoToMenu">Menu</div>
    </div>
    <div class="overlay"  id="menuOverlay">
        <div id="menuText">
            <div id="playButton" style="font-size: 2.2em">Play</div>
            <div id="shareButton" style="margin-top:20px">Share</div>
            <div id="storeButton" style="margin-top:15px">Store</div>
            <!--<div id="highscoreButton" style="margin-top:15px">Highscores</div>-->
            <div id="settingsButton" style="margin-top:15px">Settings</div>
        </div>
    </div>
    <div class="overlay"  id="storeOverlay">
        <div id="storeListing">
            <div class="storeButton" id="freelife" style="margin-top:8px">
                <div class="title">1 free life!</div>
                <!--<img src="img/heart.png" width="25px" style="display:inline">-->
                <div class="price" style="display:inline"><span id="watchVideo">Watch video</span> <span id="videoCountdown">(60s)</span></div>
            </div>
            <div class="storeButton" id="buy20lives" style="margin-top:8px">
                <div class="title">Loading...</div>
                <img src="img/heart.png" width="20px" style="display:inline">
                <div class="price" style="display:inline">...</div>
            </div>
            <div class="storeButton" id="buy50lives" style="margin-top:8px">
                <div class="title">Loading...</div>
                <img src="img/heart.png" width="20px" style="display:inline">
                <img src="img/heart.png" width="20px" style="display:inline">
                <div class="price" style="display:inline">...</div>
            </div>
            <div class="storeButton" id="buy200lives" style="margin-top:8px">
                <div class="title">Loading...</div>
                <img src="img/heart.png" width="20px" style="display:inline">
                <img src="img/heart.png" width="20px" style="display:inline">
                <img src="img/heart.png" width="20px" style="display:inline">
                <div class="price" style="display:inline">...</div>
            </div>
            <div class="storeButton" id="removeads" style="margin-top:8px">
                <div class="title">Loading...</div>
                <div class="price" style="display:inline">...</div>
            </div>
        </div>
        <div class="overlayText" id="storeGoToMenu">Menu</div>
        <div class="overlayText" id="storeGoToGame">Back</div>
        <div class="overlayText" id="storeGoToLoser">Back</div>
    </div>
    <div class="overlay"  id="settingsOverlay">
        <div id="settingsText">
            <div class="" id="soundButton" style="margin-top:40px">&nbsp Sound &nbsp</div>
            <div class="" id="creditsButton" style="margin-top:40px">Credits</div>
        </div>
        <div class="overlayText" id="settingsGoToMenu">Menu</div>
    </div>
    <div class="overlay"  id="creditsOverlay">
        <div id="creditsText">
        <div>This game wouldn't have been possible without:</div>
        </br>
        <div><u>Icons</u></div>
            <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>
            <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>
        </br>
        <div><u>Sounds</u></div>
            <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>
            <div>Achievement sound made by <a href="shinephoenixstormcrow">shinephoenixstormcrow</a> from <a href="https://www.freesound.org">www.freesound.org</a></div>
            <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>
            <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>
        </div>
    </div>
    <div id="splashScreen">
        <img src="icons/512.png">
    </div>  
    <div id="message">20 points!</div>
    
</body>
</html>