siftr/index.html at master · simshanith/siftr · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
<!DOCTYPE HTML>
<html lang="en" manifest="../cache.manifest">
<head>
  <meta charset="utf-8" />
  <title>simThinker</title>
  <link rel="stylesheet" type="text/css" href="css/reset.css" />
  <link rel="stylesheet" type="text/css" href="css/siftr.css" />
  <!--( for online leeching off of google's servers ;)   -->
  <script src="//google.github.io/closure-library/source/closure/goog/base.js"></script>
  <script src="//google.github.io/closure-library/source/closure/goog/deps.js"></script>

  <!-- for local testing
  <script src="../js/closure-library/closure/goog/base.js"></script>
  <script src="../js/closure-library/third_party/closure/goog/deps.js"></script>
  -->
  <script src="js/requirements.js"></script>
  <script src="js/siftr.js"></script>
</head>
<body>
  <header>
    <hgroup>
      <h1>simSiftr</h1>
      <h2>play with your photos</h2>
    </hgroup>
  </header>
  <div id="app-container">
    <div id="sourceControls">
      <ul class="sourceList" id="activeList">
        <li><form id="switchTumblr">
          <input type="text"
                 name="tumblrSwitch" id="tumblrSwitch"
                   placeholder="&lt;blogname&gt;"/>.tumblr.com
          <input type="submit" value="load photos"
                 class="goog-custom-button" /></form></li>
        <script src="js/siftr-ui.js"></script>
        <!-- this should be added programmatically
        <li><a href="#activeList:simloovoo" id="activeList:simloovoo">simloovoo</a></li>
        -->
      </ul>
    </div>
    <div id="categories">
      <div class="list-container" id="viewport"><ul id="view"></ul></div>
      <!-- TODO: allow for arbitrary creation of categories -->
      <div class="list-container category"><ul id="category1"></ul></div>
      <div class="list-container category"><ul id="category2"></ul></div>
    </div>
    <div class="list-container" id="entrance"><ul id="natural"></ul></div>
  </div>
</body>
</html>