ekinhbayar/gitamp

View on GitHub
public/index.html

Summary

Maintainability
Test Coverage
<!DOCTYPE html>
<html lang="en" class="no-js">
    <head>
        <meta charset="utf-8" />
        <meta name="title" content="GitAmp Audio">
        <meta name="description" content="Listen to music generated by events happening across GitHub">
        <meta name="keywords" content="github, github music, github events, github visualization, listen, recent changes, sound, music, visualization">
        <meta name='summary' content='Events on GitHub, such as pushing commits, creating pull requests, creating issues, etc. are captured and converted to music notes based on the size of the data.'>
        <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">

        <meta http-equiv='Expires' content='0'>
        <meta http-equiv='Pragma' content='no-cache'>
        <meta http-equiv='Cache-Control' content='no-cache'>
        <meta http-equiv='imagetoolbar' content='no'>

        <title>GitAmp</title>
        <link rel="mask-icon" href="/images/electric-guitar.svg" color="orange">
        <link rel="shortcut icon" type="image/png" href="/images/favicon.png"/>

        <meta name="mobile-web-app-capable" content="yes">
        <meta name="theme-color" content="#232323">

        <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/odometer.js/0.4.7/themes/odometer-theme-default.min.css" />
        <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/themes/base/jquery-ui.min.css" />
        <link rel="stylesheet" href="/css/main.min.css"/>

        <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
        <script src="//cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
        <script src="//cdnjs.cloudflare.com/ajax/libs/jqueryui-touch-punch/0.2.3/jquery.ui.touch-punch.min.js"></script>
        <script src="//cdnjs.cloudflare.com/ajax/libs/howler/2.0.0/howler.min.js"></script>
        <script src="//cdnjs.cloudflare.com/ajax/libs/odometer.js/0.4.7/odometer.min.js"></script>
        <script src="//cdnjs.cloudflare.com/ajax/libs/d3/4.2.6/d3.min.js"></script>
        <script src="//cdnjs.cloudflare.com/ajax/libs/seedrandom/2.4.2/seedrandom.min.js"></script>
    </head>
    <body>
        <header>
          <h1 class="header-text">
                        <a href="https://github.com/ekinhbayar/gitamp" class="repo-link" target="_blank">
                            <img src="images/GitAmp-logo-white.png" alt="GitAmp" width="300px" height="200px">
                        </a>
          </h1>
            <div class="events-remaining">
                <span class="events-remaining-value odometer"></span>
                <span class="events-remaining-text">events remaining in queue</span>
                <div id="volumeSlider"></div>
            </div>
        </header>

        <div id="area">
            <div class="online-users-div">
                <h2 class="online-users-text"><span class="odometer online-users-count"></span> people listening</h2>
            </div>
        </div>
        <script src="/js/main.min.js"></script>
    </body>
</html>