1 
<html>
2 
  <head>
3 
    <link rel="stylesheet"
4 
          href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css"
5 
          type="text/css" media="screen" />
6 
    <style>
7 
      .comment{ margin-left: 2em; }
8 
    </style>
9 
  </head>
10 
  <body class="container">
11 
    <p>Comment below</p>
12 
    <div id="comments-container">
13 





14

    </div>





15

    <script type="text/template" id="commented-template">





16

        <div class="comment" id=<%= id %> replyTo=<%= how.replyTo %>>





17

          <p><%= how.comment %></p>





18

          <p><small><i>Posted by <%= who %> at <%= created %></i></small></p>





19

          <button type="button" class="btn btn-default btn-sm reply" for=<%= id





20

        %>><span class="glyphicon glyphicon-comment"></span></button>





21

        </div>





22

    </script>





23

    <script type="text/template" id="comment-template">





24

      <div class="new-comment">





25

        <textarea class="form-control"><%= how.comment %></textarea>





26

        <button class="btn btn-default btn-sm cancel"><span class="glyphicon





27

        glyphicon-remove"></button>





28

        <button class="btn btn-default btn-sm save"><span class="glyphicon





29

        glyphicon-ok"></span></button>





30

      </div>





31

    </script>





32

    <div class="modal fade" id="loginModal" tabindex="-1" role="dialog" aria-labelledby="ModalLabel" aria-hidden="true">





33

      <div class="modal-dialog">





34

        <div class="modal-content">





35

          <div class="modal-header">





36

            <h4 class="modal-title" id="ModalLabel">Sign in!</h4>





37

          </div>





38

          <div class="modal-body">





39

            <div class="form-group">





40

              <label class="sr-only" for="username">Username</label>





41

              <input type="text" class="form-control" id="username" placeholder="Enter username">





42

            </div>





43

            <div class="form-group">





44

              <label class="sr-only" for="password">Password</label>





45

              <input type="password" class="form-control" id="password" placeholder="Password">





46

            </div>





47

          </div>





48

          <div class="modal-footer">





49

            <button type="button" class="btn btn-default"





50

                    data-dismiss="modal">Close</button>





51

            <button type="button" id="saveButton" class="btn btn-primary"





52

                    data-dismiss="modal">Login</button>





53

          </div>





54

        </div>





55

      </div>





56

      <script type="text/javascript"





57

              src="//code.jquery.com/jquery-1.11.0.min.js"></script>





58

      <script type="text/javascript"





59

              src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>





60

      <script type="text/javascript">





61

        window.C = window.C || {}; window.onload = function(){ C.what =





62

        "swaracomment"; C.url = "http://127.0.0.1:5001"; C.auth =





63

        "/authenticate"; C.sweet= "/sweets"; C.get = "/sweets/q"; C.init(); }





64

      </script>





65

      <script type="text/javascript" src="//underscorejs.org/underscore-min.js"></script>





66

      <script type="text/javascript" src="//backbonejs.org/backbone-min.js"></script>





67

      <script type="text/javascript" src="app.js"></script>





68






69

  </body>





70

</html>