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' %}
2013-07-18 11:34:04 -04:00
< title > {{ settings.title }}< / title >
< / head >
2013-12-25 11:46:13 -05:00
< body class = "theme-catalog" >
2013-07-18 11:34:04 -04:00
{{ boardlist.top }}
< 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
2014-04-29 18:13:04 -04:00
< span > {% trans 'Sort by' %}: < / span >
2014-08-08 16:48:38 -04:00
< select id = "sort_by" style = "display: inline-block" >
2014-10-22 00:06:34 -04:00
< option selected value = "bump:desc" > {% trans 'Bump order' %}< / option >
< option value = "time:desc" > {% trans 'Creation date' %}< / option >
< option value = "reply:desc" > {% trans 'Reply count' %}< / option >
< option value = "random:desc" > {% trans 'Random' %}< / option >
2014-04-29 18:13:04 -04:00
< / select >
< span > {% trans 'Image size' %}: < / span >
2014-08-08 16:48:38 -04:00
< select id = "image_size" style = "display: inline-block" >
2014-09-20 00:40:43 -04:00
< option value = "vsmall" > {% trans 'Very small' %}< / option >
2014-04-29 18:13:04 -04:00
< option selected value = "small" > {% trans 'Small' %}< / option >
< option value = "large" > {% trans 'Large' %}< / option >
< / select >
< div class = "threads" >
2014-10-22 00:06:34 -04:00
< div id = "Grid" >
2014-04-29 18:13:04 -04:00
{% for post in recent_posts %}
2014-10-22 00:06:34 -04:00
< div class = "mix"
2014-08-08 16:48:38 -04:00
data-reply="{{ post.reply_count }}"
2014-10-22 00:06:34 -04:00
data-bump="{{ post.bump }}"
data-time="{{ post.time }}"
2015-02-01 02:30:59 -05:00
data-id="{{ post.id }}"
2014-08-08 16:48:38 -04:00
>
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 %}
{{ post.body }}
< / div >
2014-04-29 18:13:04 -04:00
< / div >
2014-10-22 00:06:34 -04:00
< / div >
2014-04-29 18:13:04 -04:00
{% endfor %}
2014-10-22 00:06:34 -04:00
< / div >
2014-04-29 18:13:04 -04:00
< / div >
2013-07-18 11:34:04 -04:00
< hr / >
2014-04-19 20:27:54 -04:00
< footer >
2016-05-05 03:39:23 -04:00
< p class = "unimportant" style = "margin-top:20px;text-align:center;" > - Tinyboard +
< a href = "https://engine.vichan.net/" > vichan< / a > {{ config.version }} -
< br > Tinyboard Copyright © 2010-2014 Tinyboard Development Group
< br > < a href = "https://engine.vichan.net/" > vichan< / a > Copyright © 2012-2016 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 % }
ready();
{% endraw %}< / script >
2013-07-18 11:34:04 -04:00
< / body >
< / html >
{% endfilter %}
