index.html

<!DOCTYPE html>
<html>
<head>
    <meta charset='utf-8'>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
    <link rel="stylesheet" href="stylesheet.css">
    <title>Bob-powered Zepchain status</title>
</head>
<body class="Aligner">
    <script src="//code.jquery.com/jquery-2.1.3.min.js"></script>
    <script src="config.js"></script>
    <script src="main.js"></script>
    <table>
        <tr>
            <td id='zep1' class='unknown'>☐</td>
            <td>Zeppelin 1</td>
        </tr>
        <tr>
            <td id='zep2' class='unknown'>☐</td>
            <td>Zeppelin 2</td>
        </tr>
        <tr>
            <td id='zep3' class='unknown'>☐</td>
            <td>Zeppelin 3</td>
        </tr>
    </table>
    <script>
        updateStatus();
        setInterval(updateStatus, 5*1000);
    </script>
</body>
</html>