popup.html

<!DOCTYPE html>
<html lang="en">

<head>
<script src="popup.js"></script>
<link href="lib/bootstrap.min.css" rel="stylesheet" media="screen">

<style>
body {min-width: 240px;}
#whitelist {width: 140px;}
#display, #settings {margin-top: 4px;}
#add-site {overflow: auto;}
</style>

</head>


<body>
<div class="container-fluid">

    <div id="whitelist" class="row-fluid">
        <div class="span12">
            <p>Enter the sites you use to work:</p>
            <form action="">
                <input class="input-mini" type="text" id="add-site" />
                <input type="submit" onclick="addSite" />
            </form>
            <p>Your Whitelist:</p>
            <div id="show-sites"></div>
        </div>
    </div>

    <div id="display" class="row-fluid">
        <div class="span10">
            <div class="progress progress-striped active progress-success progress-large">
                <div class="bar" id="bar" style="width: 100%;"></div>
            </div>
        </div>
        <div class="span2">
            <button id="cancel" class="btn btn-danger"><i class="icon-stop icon-white"></i></button>
         </div>
    </div>

    <div id="settings" class="row-fluid">
        <div class="span12">
            <form class="well" name="choices">
                <div class="radio"><input type="radio" name="radio" value="0" checked="checked">
                <span id="s0">1</span>&nbsp;min</div>

                <div class="radio"><input type="radio" name="radio" value="1">
                <span id="s1">5</span>&nbsp;min</div>

                <div class="radio"><input type="radio" name="radio" value="2">
                <span id="s2">10</span>&nbsp;min</div>

                <div class="radio"><input type="radio" name="radio" value="3">
                <span id="s3">30</span>&nbsp;min</div>

                <div>&nbsp;</div>

                <button type="button" id="start" class="btn btn-success"><i class="icon-play icon-white"></i></button>
                <div id="swapper" style="float: right"><a href="#" id="wrench" class="btn"><i class="icon-wrench"></i></a></div>
            </form>
        </div>
    </div>

</div>
</body>
</html>