Untitled

<!DOCTYPE html>
<html>
<head>
    <base href="http://bitent.com/html5/anna_and_elsa_summer_festivals/">
    <meta content="http://thumbs1.egirlgames.net/games/anna_and_elsa_summer_festivals100.png" property="og:image" />
    <meta content="Anna And Elsa Summer Festivals" property="og:title" />

    <script>
        var wgCustomSplash = {
            preSplash:"wgSplashPre",    /* the ID of the element which will be user as preroll splash */
            preSplashButton:"pre-button",    /* the ID of the element which will trigger the preroll ad on click/tap */
            midSplash:"wgSplashMid",    /* the ID of the element which will be user as midroll splash, if apply */
            midSplashButton:"mid-button",    /* the ID of the element which will trigger the midroll ad on click/tap, if apply */
        }
    </script>

    <script type="text/javascript" src="http://st.wgplayer.com/bitent.com/wgAds.desktop.conf.js"></script>
    <script type="text/javascript" src="http://st.wgplayer.com/bitent.com/js/6jTjUzJb-RYtMkBe3HZQcA/2358255838/wgAds.js"></script>
    <script src="//bitent.com/lock_html5/adscontrol.js"></script>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" />
    <title>Anna And Elsa Summer Festivals</title>
    <script type="text/javascript" src="vendor/phaser.min.js"></script>
    <script src="phaser-capture.js"></script>
    <script src="canvasImageSaver.min.js"></script>
</head>
<body style='margin:0px'>
<div class="gameArea" id='theGame'>
</div>
<!-- include the main game file -->
<script src="states/boot.js"></script>
<script src="states/preload.js"></script>
<script src="states/titlepage.js"></script>
<script src="states/storyline.js"></script>
<script src="states/levelselect.js"></script>
<script src="states/dressup.js"></script>
<script src="states/makeup1.js"></script>
<script src="states/makeup2.js"></script>
<script src="states/thumb.js"></script>
<script src="states/endscreen.js"></script>
<script src="states/ldrstat.js"></script>
<script src="settingfile.js"></script>
<script src="app.js"></script>


<style>
    #mid-button {
        -webkit-animation: pulsate 2s ease-out;
        -webkit-animation-iteration-count: infinite;
    }
    @-webkit-keyframes pulsate {
        0% {-webkit-transform: scale(1, 1); }
        50% {-webkit-transform: scale(1.2, 1.2); }
        100% {-webkit-transform: scale(1, 1); }
    }
</style>

<div style="display:none">
    <div id="wgSplashPre">
        <div>
            <img src="http://gamesglue.com/assets_for_html5_games/splash_bgs/default.png" style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;">
            <div style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(18, 13, 35, 0.61);"></div>
            <img src="//gamesglue.com/assets_for_html5_games/greyBar.png" style="position: absolute; width: 100%; height: 100%;">
            <div style="position: absolute; top: 40%; width: 100%; height: 30%;">
                <img src="//gamesglue.com/assets_for_html5_games/sparkles.png" style="position: absolute; left: 21%; width: 58%; top: 26%;">
                <a href="#" style="display: inline-flex; width: 44%; top: 46%; height: 44%; margin: 0px auto; left: 29%; position: absolute;">
                    <img src="//gamesglue.com/assets_for_html5_games/playButton.png" id="pre-button" style="transform-origin: center center 0px; margin: auto; align-self: center; align-content: center; width: 86.8%;">
                </a>
            </div>
        </div>
    </div>

    <div id="wgSplashMid">
        <div>
            <img src="http://gamesglue.com/assets_for_html5_games/splash_bgs/default.png" style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;">
            <div style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(18, 13, 35, 0.61);"></div>
            <img src="//gamesglue.com/assets_for_html5_games/greyBar.png" style="position: absolute; width: 100%; height: 100%;">
            <div style="position: absolute; top: 40%; width: 100%; height: 30%;">
                <img src="//gamesglue.com/assets_for_html5_games/sparkles.png" style="position: absolute; left: 21%; width: 58%; top: 26%;">
                <a href="#" style="display: inline-flex; width: 44%; top: 46%; height: 44%; margin: 0px auto; left: 29%; position: absolute;">
                    <img src="//gamesglue.com/assets_for_html5_games/playButton.png" id="mid-button" style="transform-origin: center center 0px; margin: auto; align-self: center; align-content: center; width: 86.8%;">
                </a>
            </div>
        </div>
    </div>
</div>

</body>
</html>