<!--
$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
$$$$$$$$$$$$$...............................$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
$$$$$$$$$$$$$..$$$$$$$$$$$$$$$$$$$$$$$$$$$..$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
$$$$$$$$$$$$$..$$$$$$$$$$$$$$$$$$$$$$$$$$$..$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
$$$$$$$$$$$$$..$$$$$$$$$$$$$$$$$$$$$$$$$$$..$$$$$$$$$$$$$$$$$$$$$$$$.....$$$$$$.................$$$$$$$$$$$$$$$$$$$$$
$$$$$$$$$$$$$..$$$$$$$$$$$$$$$$$$$$$$$$$$$..$$$$$$$$$$$$$$$$$$$$$$$$.....$$$$$$.................$$$$$$$$$$$$$$$$$$$$$
$$$$$$$$$$$$$..$$$$...$$$$$$$$$$$$$...$$$$..$$$$$$$$$$$$$$$$$$$$$$$$.....$$$$$$.................$$$$$$$$$$$$$$$$$$$$$
$$$$$$$$$$$$$..$$.......$$$$$$$$$......$$$..$$$$$$$$$$$$$$$$$$$$$$$$.....$$$$$$.................$$$$$$$$$$$$$$$$$$$$$
$$$$$..........$$$$.......$$$$$.......$$$$..........$$$$$$$$$$$$$$$$.....$$$$$$......$$$$$$.....$$$$$$$$$$$$$$$$$$$$$
$$$$$..$$$$$$$$$$$$$$....$$$$$$.....$$$$$$$$$$$$$$..$$$$$$$$$$$$$$$$.....$$$$$$......$$$$$$.....$$$$$$$$$$$$$$$$$$$$$
$$$$$..$$$$$$$$$$$$$$$$.$$$$$$$$$.$$$$$$$$$$$$$$$$..$$$$$$$$$$$$$$$$.....$$$$$$......$$$$$$.....$$$$$$$$$$$$$$$$$$$$$
$$$$$..$$$.....$$$$$$$$$$$$$$$$$$$$$$$$$$$.....$$$..$$$$$$$$$$$$$$$$.................$$$$$$...........$$$$$$$$$$$$$$$
$$$$$..$$$.$$$.$$$$$$$$$$$$$$$$$$$$$$$$$$$.$$$$$$$..$$$$$$$$$$$$$$$$.................$$$$$$...........$$$$$$$$$$$$$$$
$$$$$..$$$.....$$$$$$$$$$$$$$$$$$$$$$$$$$$...$$$$$..$$$$$$$$$$$$$$$$.................$$$$$$...........$$$$$$$$$$$$$$$
$$$$$..$$$$..$.$$$:...$$$$.....$$$$...$$$$.$$$$$$$..$$$$$$$$$$$$$$$$.................$$$$$$...........$$$$$$$$$$$$$$$
$$$$$..$$$..$$.$$$$...$$$$.....$$$$...$$$$.$$$$$$$..$$$$$$$$$$$$$$$$.....$$$$$$......$$$$$$$$$$$......$$$$$$$$$$$$$$$
$$$$$..$$$.$$$.$$$$...$$$$.....$$$$...$$$$.$$$$$$$..$$$$$$$$$$$$$$$$.....$$$$$$......$$$$$$$$$$$......$$$$$$$$$$$$$$$
$$$$$..$$$$$$$$$$$$....$$.......$$...:$$$$$$$$$$$$..$$$$$$$$$$$$$$$$.....$$$$$$......$$$$$$$$$$$......$$$$$$$$$$$$$$$
$$$$$..........$$$$....$$...$...$$...$$$$$..........$$$$$$$$$$$$$$$$.....$$$$$$......$$$$$$$$$$$......$$$$$$$$$$$$$$$
$$$$$..........$$$$$...$....$...$$...$$$$$..........$$$$$$$$$$$$$$$$.....$$$$$$......$$$$$$$$$$$.............$$$$$$$$
$$$$$$$$$$$$$$$$$$$$...$...:$:...$...$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$.....$$$$$$......$$$$$$$$$$$.............$$$$$$$$
$$$$$$$$$$$$$$$$$$$$.......$$$.......$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$.....$$$$$$......$$$$$$$$$$$.............$$$$$$$$
$$$$$$$$$$$$$$$$$$$$$......$$$......$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
$$$$$$$$$$$$$$$$$$$$$.....$$$$$.....$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
$$$$$$$$$$$$$$$$$$$$$.....$$$$$.....$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
$$$$$$$$$$$$$$$$$$$$$....$$$$$$.....$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
$$$$$$$$$$$$$$$$$$$$$$...$$$$$$$...$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$                       $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$       powered by      $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$      haywirez.com     $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$                       $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$   video & character   $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$    jellygummies.com   $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$                       $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
-->
<!doctype html>
<html>
<head>
    <title>💣 The Bomb EP 💣 // RAWFARE</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
    <meta name="theme-color" content="#0B0E10">
    <meta name="flattr:id" content="66xxyj">
    <script src="vendor/three.js/three.min.js"></script>
    <script src="vendor/three.js/Detector.js"></script>
    <script src="vendor/threex/THREEx.WindowResize.js"></script>
    <script src="vendor/threex.dragpancontrols.js"></script>
    <script src="vendor/polyfills/fetch.js"></script>
    <script src="vendor/progressbar.min.js"></script>
    <script src="//connect.soundcloud.com/sdk/sdk-3.1.2.js"></script>
    <script src="js/main.js"></script>

    <link href='https://fonts.googleapis.com/css?family=Concert+One' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
    <link href="css/main.css" rel="stylesheet"/>
</head>
<body>
<div id="shitty-browser" class="shitty-browser hidden">
    <div>
        <img src="images/bomb-prehistoric.gif" class="shitty-image">
    </div>
    <div class="shitty-text"><p>Your browser is <span class="blink">shit</span> !</p>
        <p><a href="https://youtu.be/XdCrrnxExN0" target="_blank">
            <span class="shitty-video">Watch Video</span></a>
        </p>
    </div>
    <div class="shitty-social-links">
        <a href="//www.youtube.com/rawfare" target="_blank" class="you-tube" title="youtube" rel="me"><i
                class="fa fa-youtube"></i></a>
        <a href="//soundcloud.com/rawfare" target="_blank" class="soundcloud" title="soundcloud" rel="me"><i
                class="fa fa-soundcloud"></i></a>
        <a href="//instagram.com/rawfare" target="_blank" class="instagram" title="instagram" rel="me"><i
                class="fa fa-instagram"></i></a>
        <a href="//facebook.com/rawfare" class="facebook" target="_blank" title="facebook" rel="me"><i
                class="fa fa-facebook"></i></a>
        <a href="//twitter.com/rawfare" class="twitter" target="_blank" title="twitter" rel="me"><i
                class="fa fa-twitter"></i></a>
        <a href="//snapchat.com/add/rawfare" class="snapchat" target="_blank" title="snapchat" rel="me"><i
                class="fa fa-snapchat"></i></a>
    </div>
    <div class="shitty-logo"><img src="../images/rawfare-logo.png"></div>
</div>
<div id="progress" class="hidden">
    <div class="progress-panel">
        <div class="card">
            <div class="face front tracklist-panel">
                <ul class="tracklist">
                    <li class="unlocked track" data-track-index="0"><i class="fa fa-unlock controls "></i><span> The Bomb</span></li>
                    <li class="locked guess track" data-target="25" data-track-index="1">
                        <i class="fa fa-lock controls"></i><span class="secret">... .....</span>
                    </li>
                    <li class="locked guess track" data-target="50" data-track-index="2">
                        <i class="fa fa-lock controls"></i><span class="secret">...... ....</span>
                    </li>
                    <li class="locked guess track" data-target="75" data-track-index="3">
                        <i class="fa fa-lock controls"></i><span
                            class="secret">... .... ........</span></li>
                    <li class="video"><a href="https://youtu.be/XdCrrnxExN0" target="_blank">
                        <i class="fa fa-video-camera controls"></i><span
                            class="secret">Watch Video</span></a></li>
                    <li class="locked guess download" data-target="100">
                        <i class="fa fa-download controls"></i><span
                            class="secret">Download</span></li>
                </ul>
                <div class="rawfare-logo"><img src="../images/rawfare-logo.svg"></div>
                <p id="info" class="hidden"></p>
            </div>
            <div class="face back unlock-panel">
                    <div class="radial-progress-bar current" id="progress-bar-current" data-progress="0"></div>
                    <div class="radial-progress-bar target" id="progress-bar-target" data-progress="25"></div>
                    <div class="hype-meter-text">Hype Meter</div>
                <div class="unlock-actions">
                    <div class="email-subscribe flex">
                        <input type="text" name="email" placeholder="enter email" class="email-input" id="email-input">
                        <a id="submit-email" href="#"><i class="fa fa-envelope-o"></i></a>
                    </div>
                    <div class="unlock-links">
                        <a href="//www.youtube.com/rawfare" target="_blank" class="you-tube" title="youtube" rel="me">
                            <i class="fa fa-youtube"></i></a>
                        <a href="//soundcloud.com/rawfare" target="_blank" class="soundcloud" title="soundcloud"
                           rel="me"><i class="fa fa-soundcloud"></i></a>
                        <a href="//instagram.com/rawfare" target="_blank" class="instagram" title="instagram"
                           rel="me"><i class="fa fa-instagram"></i></a>
                        <a href="//facebook.com/rawfare" class="facebook" target="_blank" title="facebook" rel="me">
                            <i class="fa fa-facebook"></i></a>
                        <a href="//twitter.com/rawfare" class="twitter" target="_blank" title="twitter" rel="me">
                            <i class="fa fa-twitter"></i></a>
                        <a href="//snapchat.com/add/rawfare" class="snapchat" target="_blank" title="snapchat" rel="me">
                            <i class="fa fa-snapchat"></i></a>
                    </div>
                </div>
                <div class="branding fadein"><a href="https://songsling.io" target="_blank">powered by songsling.io</a>
                </div>
            </div>
        </div>

    </div>
    <div class="playback-panel">
        <i class="fa fa-step-backward locked"></i>
        <i class="fa fa-play play-pause"></i>
        <i class="fa fa-step-forward locked"></i>
    </div>
</div>
<div id="container"></div>
</body>
</html>