2013-07-18 11:34:04 -04:00
{% filter remove_whitespace %}
<!doctype html>
< html >
< head >
< meta http-equiv = "Content-type" content = "text/html; charset=utf-8" / >
2013-12-25 11:46:13 -05:00
< script type = 'text/javascript' >
active_page = "catalog";
< / script >
{% include 'header.html' %}
2015-09-07 15:19:31 -04:00
< title > {{ settings.title }} (/{{ board }}/)< / title >
2013-07-18 11:34:04 -04:00
< / head >
2013-12-25 11:46:13 -05:00
< body class = "theme-catalog" >
2014-11-12 19:30:36 -05:00
< div class = "topbar" >
{{ boardlist.top }}
< / div >
2013-07-18 11:34:04 -04:00
< header >
< h1 > {{ settings.title }} (< a href = "{{link}}" > /{{ board }}/< / a > )< / h1 >
< div class = "subtitle" > {{ settings.subtitle }}< / div >
< / header >
2014-05-05 11:29:34 -04:00
2015-03-26 16:43:26 -04:00
< div class = "controls" >
< ul style = "display: none" >
< li id = "sort-bump-order" class = "sort" data-sort = "data-bump" data-order = "asc" > {% trans 'Bump order' %}< / li >
< li id = "sort-creation-date" class = "sort" data-sort = "data-time" data-order = "asc" > {% trans 'Creation date' %}< / li >
< li id = "sort-reply-count" class = "sort" data-sort = "data-reply" data-order = "asc" > {% trans 'Reply count' %}< / li >
< li id = "sort-random" class = "sort" data-sort = "random" > {% trans 'Random' %}< / li >
< / ul >
2015-03-26 16:39:01 -04:00
2015-03-26 16:43:26 -04:00
< span > {% trans 'Sort by' %}: < / span >
< select id = "sort_by" style = "display: inline-block" >
< option selected value = "bump-order" > {% trans 'Bump order' %}< / option >
< option value = "creation-date" > {% trans 'Creation date' %}< / option >
< option value = "reply-count" > {% trans 'Reply count' %}< / option >
< option value = "random" > {% trans 'Random' %}< / option >
< / select >
2015-03-26 16:39:01 -04:00
2015-03-26 16:43:26 -04:00
< span > {% trans 'Image size' %}: < / span >
< select id = "image_size" style = "display: inline-block" >
< option value = "vsmall" > {% trans 'Very small' %}< / option >
< option selected value = "small" > {% trans 'Small' %}< / option >
< option value = "large" > {% trans 'Large' %}< / option >
< / select >
< / div >
2015-03-26 16:39:01 -04:00
< div class = "threads" >
< ul id = "Grid" >
{% for post in recent_posts %}
2015-03-31 02:14:53 -04:00
< li class = "mix"
data-reply="{{ post.reply_count }}"
2014-08-08 16:48:38 -04:00
data-bump="{{ post.bump }}"
data-time="{{ post.time }}"
>
2014-04-29 18:13:04 -04:00
< div class = "thread grid-li grid-size-small" >
< a href = "{{post.link}}" >
2014-05-05 11:29:34 -04:00
{% if post.youtube %}
2015-03-31 01:48:03 -04:00
< img src = "//img.youtube.com/vi/{{ post.youtube }}/0.jpg"
2014-05-05 11:29:34 -04:00
{% else %}
< img src = "{{post.file}}"
{% endif %}
2015-01-23 05:29:55 -05:00
id="img-{{ post.id }}" data-subject="{% if post.subject %}{{ post.subject|e }}{% endif %}" data-name="{{ post.name|e }}" data-muhdifference="{{ post.muhdifference }}" class="{{post.board}} thread-image" title="{{post.bump|date('%b %d %H:%M')}}">
2014-04-29 18:13:04 -04:00
< / a >
2015-01-23 05:29:55 -05:00
< div class = "replies" >
< strong > R: {{ post.reply_count }} / I: {{ post.image_count }}< / strong >
{% if post.subject %}
< p class = "intro" >
< span class = "subject" >
{{ post.subject|e }}
< / span >
< / p >
{% else %}
< br / >
{% endif %}
2015-01-24 16:35:22 -05:00
2015-01-23 05:29:55 -05:00
{{ post.body }}
< / div >
2014-04-29 18:13:04 -04:00
< / div >
< / li >
{% endfor %}
< / ul >
< / div >
2013-07-18 11:34:04 -04:00
< hr / >
2014-04-19 20:27:54 -04:00
< footer >
2015-03-26 16:39:01 -04:00
< p class = "unimportant" style = "margin-top:20px;text-align:center;" > - < a href = "http://tinyboard.org/" > Tinyboard< / a > +
2014-04-19 20:27:54 -04:00
< a href = 'https://int.vichan.net/devel/' > vichan< / a > {{ config.version }} -
< br > < a href = "http://tinyboard.org/" > Tinyboard< / a > Copyright © 2010-2014 Tinyboard Development Group
2015-04-11 21:17:12 -04:00
< br > < a href = "https://engine.vichan.net/" > vichan< / a > Copyright © 2012-2015 vichan-devel< / p >
2014-04-19 20:27:54 -04:00
< / footer >
2014-10-05 11:49:27 -04:00
< script type = "text/javascript" > { % r a w % }
var styles = {
{% endraw %}
{% for name, uri in config.stylesheets %}{% raw %}'{% endraw %}{{ name|addslashes }}{% raw %}' : '{% endraw %}/stylesheets/{{ uri|addslashes }}{% raw %}',
{% endraw %}{% endfor %}{% raw %}
}; onready(init);
{% endraw %}< / script >
< script type = "text/javascript" > { % r a w % }
2015-03-26 16:39:01 -04:00
ready();
2014-10-05 11:49:27 -04:00
{% endraw %}< / script >
2013-07-18 11:34:04 -04:00
< / body >
< / html >
{% endfilter %}