views/index.liquid


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
51
52
53
54
55
56
57
58
59
60
61
62
63
64

<!doctype html>
<html>
<head>
<title>panda</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="_csrf" content="{{_csrf}}">
<link rel="stylesheet" href="assets/css/css.css">
<body>
  <div class="rapper">
    <div id="header">
      <div class="btn camera-btn">
        <input type="file">
        <img src="/assets/img/camera.png">
      </div>
    </div>

    <div id="links">
      {% raw %}<script id="link-template" type="text/template">
        <div class="link-{{type}}">
          &lt;{{nick}}&gt;
          <a href="{{url}}" target="_blank">{{text}}</a>
        </div>
      </script>{% endraw %}
    </div>
    
    <div id="photo">
      <div class="btns">
        <div class="btn camera-btn">
          <input type="file">
          <img src="/assets/img/camera.png">
        </div>
        <div class="btn post-btn">
          [post to #sally]
        </div>
        <div class="btn upload-btn">
          [upload to #sally]
        </div>
        <div class="btn close-btn">
          [x]
        </div>
      </div>
      <label for="width_el">width <span id="width_span"></span>x<span id="height_span"></span></label> <input type="range" min="1" max="120" value="40" id="width_el">
      <label for="ratio_el">ratio</label> <input type="range" min="0.2" max="8" value="2" step="0.005" id="ratio_el"><br>
      <label for="hue_el">hue</label> <input type="range" min="-1" max="1" value="0" step="0.005" id="hue_el"><br>
      <label for="sat_el">saturation</label> <input type="range" min="-1" max="1" value="0" step="0.005" id="sat_el"><br>
      <label for="lum_el">luminance</label> <input type="range" min="-1" max="1" value="0" step="0.005" id="lum_el"><br>
      <label></label>&nbsp;<input type="checkbox" id="invert_el"> <label for="invert_el"  style="padding-top: 7px;">invert</label><br>
      <label></label>&nbsp;<input type="checkbox" checked id="nn_el"> <label for="nn_el"  style="padding-top: 7px;">nearest neighbor</label>
      <select id="palette_el">
        <option default value="colors">all colors</label>
        <option value="hues">hues only</label>
        <option value="grays">grayscale</label>
        <option value="reds">reds</label>
        <option value="blues">blues</label>
      </select>
      <label for="palette_el" style="padding-top: 5px;">palette</label>
      <div id="canvas_rapper"></div>
    </div>

  </div>
</body>
<script src="/socket.io/socket.io.js"></script>
<script src="/assets/app.concat.js"></script>
</html>