Sign upLogin

jmnr/canary

View on GitHub
Star
index.html

Summary

Maintainability
Test Coverage
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Canary</title>
    <link rel="stylesheet" href="main.css">
    <link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7/leaflet.css"/>
    <link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon"/>
    <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,400,600" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="https://code.jquery.com/qunit/qunit-1.18.0.css">
    <meta name="viewport" content="initial-scale = 1.0, maximum-scale = 1.0"/>
  </head>
  <body>
    <div id="content">
      <!-- <div id="qunit"></div>
      <div id="qunit-fixture"></div> -->
 
      <div id="header">
        <img src="images/canaryBanner.png">
      </div>
 
      <div id="addContainer">
 
        <div id="usernameContainer" class="inputContainers">
 
          <input id="usernameInput" type="text" name="username" size="20" placeholder="<h1>username</h1>">
          <button id="submitUsername">START</button>
 
          <p id="denyUsername">Or post anonymously...</p>
 
        </div>
 
        <div id="newClap" class="inputContainers">
          <textarea id="newClapInput" maxlength="141" placeholder="<p>Watcha wanna brag about?</p>"></textarea>
          <div id="inputMap"></div>
 
          <div>
            <button id="clearUsernameButton" class="inputButtons">CHANGE USERNAME</button>
            <button id="submitButton">BRAG</button>
          </div>
        </div>
 
      </div>
 
      <div id="tabControlsDiv">
        <button id="toFeed" class="tabButtons">FEED</button>
        <button id="toMap" class="tabButtons">MAP</button>
      </div>
 
      <div id="clapContent">
        <div id="clapContainer" class="tabs">
          <div id="claps">
          </div>
        </div>
        <div id="mapContainer" class="tabs">
        </div>
      </div>
 
    </div>
 
    <script type="text/javascript" src="https://code.jquery.com/qunit/qunit-1.18.0.js"></script>
    <script type="text/javascript" src="./test/frontEndTest.js"></script>
    <script type="text/javascript" src="./test/geolocationtests.js"></script>
 
    <script type="text/javascript" src="hub.js"></script>
    <script type="text/javascript" src="geolocation.js"></script>
    <script type="text/javascript" src="clapHandling.js"></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.3/leaflet.js"></script>
    <script type="text/javascript" src="http://maps.stamen.com/js/tile.stamen.js?v1.3.0"></script>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
    <script type="text/javascript" src="https://cdn.socket.io/socket.io-1.2.0.js"></script>
    <script type="text/javascript" src="script.js"></script>
 
  </body>
</html>