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"/ > <label





35

          id="setcontrol"><p>Show Box</p><p style="display: none">Hide





36

          Box</p></label>





37

      </div>





38

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





39

        {% if url %}





40

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





41

        {% else %}





42

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





43

        {% endif %}





44

      </div>





45

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





46

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





47

        <div class="btn-grp">





48

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





49

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





50

        </div>





51

      </div>





52

    </div>





53

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





54






55

    <script>





56

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





57

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





58

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





59

        '/authenticate'};





60

      window.onload = function() {





61

        swtr.init();





62

      };





63

    </script>





64

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





65

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





66

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





67

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





68

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





69

    <script src="{{ url_for('static', filename='js/lib/custom-fields-plugin.js') }}"></script>





70

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





71

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





72

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





73






74

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





75

      <li class="sweet">





76

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





77

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





78

        <%= how %>





79

      </li>





80

    </script>





81

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





82

        <div class="form-group">





83

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





84

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





85

        </div>





86

        <div class="form-group">





87

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





88

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





89

        </div>





90

      </script>





91

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





92

        <div class="btn-group">





93

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





94

            id="comment">Comment</button>





95

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





96

            id="label">Label</button>





97

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





98

            id="tags">Tags</button>





99

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





100

            id="links">Links</button>





101

        </div>





102

      </script>





103

  </body>





104

</html>