1 
<!doctype html>
2 
<html lang="en">
3 
  <head>
4 
    <meta charset="utf-8">
5 
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
6 
    <title>Sweet Maker</title>
7 





8

    <meta name="description" content="Sweet Maker, Social, Semantic, Web, Decentralized, Makes Sweet">





9

    <link href="{{ url_for('static', filename='css/bootstrap.min.css') }}" rel="stylesheet">





10

    <link href="{{ url_for('static', filename='css/bootstrap-theme.min.css') }}" rel="stylesheet">





11

    <link href="{{ url_for('static', filename='css/swtmaker.css') }}" rel="stylesheet">





12

    <link href="{{ url_for('static', filename='css/annotorious.css') }}" rel="stylesheet">





13

    <link href="{{ url_for('static', filename='css/swtmaker.css') }}" rel="stylesheet">





14

  </head>





15

  <body>





16






17

    <div id="swt-maker" class="container">





18

      <div id="helpview" class="alert alert-info"></div>





19

      <div class="row" id="signinview">





20

        <form class="form-inline" role="form">





21

          <span id="signin-msg">You are not signed in. </span>





22

          <button class="btn btn-sm btn-primary" id="signin-credentials">





23

            Sign In





24

          </button>





25

        </form>





26

      </div>





27

      <div id="img-input">





28

        <div class="form-group">





29

          <input type="text" placeholder="Enter URL of the image"





30

          id="img-url-input" class="form-control">





31

        </div>





32

        <button class="btn btn-default" id="img-url-submit">GO</button>





33

        <button class="btn btn-default" id="sweet">Sweet</button>





34

        <input id="setbox" type="checkbox"  >Show/Hide Box</input>





35

      </div>





36

      <div id="img-annotation-wrapper" class="col-md-12 col-xs-12 col-lg-12 col-sm-12 well">





37

        {% if url %}





38

          <img src="{{ url }}" id="annotatable-img">





39

        {% else %}





40

          <img src="" id="annotatable-img">





41

        {% endif %}





42

      </div>





43

      <div id="sweet-list-wrapper">





44

        <ul id="sweet-list"></ul>





45

        <div class="btn-grp">





46

          <button class="btn btn-default" id="sweet-cancel">Cancel</button>





47

          <button class="btn btn-primary" id="post-sweet">Sweet</button>





48

        </div>





49

      </div>





50

    </div>





51

    <div id="app-overlay"></div>





52






53

    <script>





54

      window.swtr = window.swtr || {};





55

      swtr.swtstoreURL = function() { return '{{ conf.swtstoreURL }}'; }





56

      swtr.endpoints = {'get': '/sweets/q', 'post': '/sweets', 'auth':





57

        '/authenticate'};





58

      window.onload = function() {





59

        swtr.init();





60

      };





61

    </script>





62

    <script src="{{ url_for('static', filename='js/lib/jquery-1.10.2.min.js') }}"></script>





63

    <script src="{{ url_for('static', filename='js/lib/bootstrap.min.js') }}"></script>





64

    <script src="{{ url_for('static', filename='js/lib/underscore-1.5.2.min.js') }}"></script>





65

    <script src="{{ url_for('static', filename='js/lib/backbone-1.0.0.min.js') }}"></script>





66

    <script src="{{ url_for('static', filename='js/lib/annotorious.debug.js') }}"></script>





67

    <!--script src="https://login.persona.org/include.js"></script-->





68

    <script src="{{ url_for('static', filename='js/swtmaker.js') }}"></script>





69






70

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





71

      <li class="sweet">





72

        <a href="#">@<%= who %></a> <strong>#<%= what %></strong>





73

        /<a href="<%= where %>"><%= where.substr(0, 30) + '...' %></a>





74

        <%= how %>





75

      </li>





76

    </script>





77

    <script type="text/template" id="signin-credentials-template">





78

        <div class="form-group">





79

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





80

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





81

        </div>





82

        <div class="form-group">





83

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





84

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





85

        </div>





86

    </script>





87

  </body>





88

</html>