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

      </div>





35

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





36

        {% if url %}





37

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





38

        {% else %}





39

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





40

        {% endif %}





41

      </div>





42

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





43

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





44

        <div class="btn-grp">





45

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





46

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





47

        </div>





48

      </div>





49

    </div>





50

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





51






52

    <script>





53

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





54

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





55

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





56

        '/authenticate'};





57

      window.onload = function() {





58

        swtr.init();





59

      };





60

    </script>





61

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





62

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





63

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





64

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





65

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





66

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





67






68

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





69

      <li class="sweet">





70

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





71

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





72

        <%= how %>





73

      </li>





74

    </script>





75

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





76

        <div class="form-group">





77

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





78

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





79

        </div>





80

        <div class="form-group">





81

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





82

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





83

        </div>





84

    </script>





85

  </body>





86

</html>