src/index.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>GitHub Changelog Generator</title>
    <style>
        #issues {
            list-style: none;
        }
        #limit, #numIssues {
            background-color: #eee;font-size: 12px;
        }
        #limit.exceeded {
            background-color: red;font-size: 15px;
        }

        #authtoken,
        #repository {
            width: 400px;
        }

        .repositoryTitle {
            font-weight: bold;
        }
    </style>
</head>
<body>
    <h1>GitHub Changelog Generator</h1>

    <p title="You will be limited to only 60 requests per hour if you do not provide a token, otherwise 5000."
        >OAuth2 Token
        <input type="password" id="authtoken">
        <a href="https://developer.github.com/v3/oauth_authorizations/#create-a-new-authorization">Help</a>
    </p>

    <p title="The name of the GitHub repository, for instance 'user/reponame'. Specify multiple repositories comma separated."
            >Repositories
        <input type="text" id="repository">
    </p>

    <hr/>

    <p>
        List closed issues <br/>from date (YYYY-MM-DD)
	<input type="date" id="issue-startdate" title="Date in format YYYY-MM-DD">
        at time (HH:MM) <input type="time" id="issue-starttime" title="Time in format HH:MM">
        <br/>until date (YYYY-MM-DD)
        <input type="date" id="issue-enddate" title="Date in format YYYY-MM-DD">
        at time (HH:MM) <input type="time" id="issue-endtime" title="Time in format HH:MM">

        <input type="button" value="Go" id="go" title="Generate changelog">
        <span id="status"></span>
    </p>

    <p id="numIssues"></p>

    <ul id="issues"></ul>

    <p id="limit"></p>

    <script src="jquery-2.1.0.min.js"></script>
    <script src="underscore-min.js"></script>
    <script src="changelog-generator.js"></script>
    <script src="config.js"></script>
    <script type="text/javascript">
        setup(config.repository, config.oauthToken);
    </script>
</body>
</html>