panik
clone your own copy | download snapshot

Snapshots | iceberg

Inside this repository

view_basic.html
text/html

Download raw (1.7 KB)

<!DOCTYPE html>
<html>
  <meta charset="utf-8">
  <link rel="stylesheet" href="/static/bootstrap.min.css">
  <link rel="stylesheet" href="/static/farbtastic.css" />
  <link rel="stylesheet" href="/static/style.css" />
  <script src="/static/jquery.min.js"></script>
  <script src="/static/farbtastic.js"></script>
  <script>
    $(function() {
      $('#picker').farbtastic('#colour');
    });
  </script>

<h1><a href="/">Radio Panik</a> :: {{ category }}</h1>
<div class="row">
  {% if members %}
  <div class="span{% if members and files %}6{% else %}16{% endif %}">
    <h2>Sub categories</h2>
    <ul>
      {% for page in members %}
      <li><a href="/{{ page.title|urlencode }}">{{ page.title }}</a></li>
      {% endfor %}
    </ul>
  </div>
  {% endif %}

  {% if files %}
  <div class="span{% if members and files %}10{% else %}16{% endif %}">
  <h2>Generate Panik Imagery</h2>
  <p>{{ files|length }} files!</p>
  <form action="/{{ category }}.svg" method="post">
    <p>Select Colour:</p>
    <p><input type="text" id="colour" name="colour" value="#000000"></p>
    <div id="picker"></div>
    <p>Input Text:</p>
    <p><textarea name="text" id="txt" class="large" rows="7"></textarea></p>
    <p>Size:</p>
    <select id="papersize" name="papersize">
      <option value="cd">CD cover</option>
      <option value="a2">A2</option>
      <option value="a3">A3</option>
      <option value="a4">A4</option>
      <option value="a5">A5</option>
    </select>
    <p><input type="submit" value="Generate SVG!"></p>
    <p>(This might take some time!)</p>
    <p>To properly view the SVG’s, you need to <br/>have installed the <a href="http://ospublish.constantvzw.org/foundry/reglo/" title="OSP-foundry » Reglo">Reglo font</a>.</p>
  </form>
  </div>
  {% endif %}
</html>