webclient/showbot.html

<html>
    <head>
        <title>Showbot</title>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
        <script src="http://cdnjs.cloudflare.com/ajax/libs/handlebars.js/1.3.0/handlebars.min.js"></script>
        <script src="showbot.js"></script>
        <script src="http://cdnjs.cloudflare.com/ajax/libs/moment.js/2.6.0/moment.min.js"></script>
		<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
		<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"></link>
    </head>
    <body class="container-fluid">
        <script id="titleRow" type="text/x-handlebars-template">
            <tr data-id="{{id}}">
                <td><span class="votes">{{votes}}</span>&nbsp;<a class="vote" href="#" onclick="return Showbot.Bot.voteHandler(this);">+1</a></td>
                <td>{{title}}</td>
                <td>{{author}}</td>
                <td class="time" data-time="{{{time}}}">{{timeAgo time}}</td>
            </tr>
        </script>
        <script id="linkRow" type="text/x-handlebars-template">
            <tr data-id="{{id}}">
                <td><a href="{{{link}}}" onclick="return Showbot.Bot.linkHandler(this);">Link</a></td>
                <td>{{author}}</td>
                <td class="time" data-time="{{{time}}}">{{timeAgo time}}</td>
        </script>

        <script id="connectingMessage" type="text/x-handlebars-template">
            Connecting...
        </script>

        <div class="message" style='font-size: 500%; text-align: center; /* position: absolute; top: 50%; height: 2em; margin-top: -1em; width: 100%;*/'>
        </div>

        <h2>Titles</h2>
        <table class="titles table table-striped">
            <thead>
                <tr>
                    <th>Votes</th>
                    <th>Title</th>
                    <th>Author</th>
                    <th>Time</th>
                </tr>
            </thead>
            <tbody>
            </tbody>
        </table>

        <h2>Links</h2>
        <table class="links table">
            <thead>
                <tr>
                    <th>Link</th>
                    <th>Author</th>
                    <th>Time</th>
                </tr>
            </thead>
            <tbody>
            </tbody>
        </table>

        <script type="text/javascript">
            Showbot.Bot.init();
        </script>
    </body>
</html>