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>