index.html

<html>

<head>
  <title>dartDown</title>
  <meta name="twitter:card" content="summary_large_image" />
  <meta name="twitter:site" content="https://github.com/mcguinlu/dartDown" />
  <meta name="twitter:title" content="dartDown" />
  <meta name="twitter:description" content="Aesthetically pleasing display for DART train departure times" />
  <meta name="twitter:image"
    content="https://raw.githubusercontent.com/mcguinlu/dartDown/master/screenshots/dartDown.jpg" />
</head>

<body>
  <script src="dartDown.js" type="text/javascript"></script>
  <link rel="stylesheet" href="dartDown.css" />
  <div id="lines">
    <div id="no-trains" class="line">No trains</div>
    <div id="northbound" class="line"></div>
    <div id="southbound" class="line"></div>
    <div id="disconnected" class="line">
      <img src="offline.svg" />
    </div>
  </div>
</body>

</html>