From fc1f1ef3150ce52ec850c4941570fa6b130b8124 Mon Sep 17 00:00:00 2001
From: sinuca <55vitaminado@gmail.com>
Date: Sun, 16 Mar 2014 23:21:01 -0300
Subject: "Favelog" theme added. Just a catalog with ordering functionality

---
 templates/themes/favelog/catalog.css               |  75 ++++++
 templates/themes/favelog/catalog.html              |  79 ++++++
 templates/themes/favelog/favelog.js                |  64 +++++
 templates/themes/favelog/info.php                  |  58 +++++
 templates/themes/favelog/jquery.mixitup.min.js     |  43 ++++
 templates/themes/favelog/jquery.tooltipster.min.js |   1 +
 templates/themes/favelog/theme.php                 | 133 ++++++++++
 templates/themes/favelog/thumb.png                 | Bin 0 -> 11543 bytes
 templates/themes/favelog/tooltipster.css           | 274 +++++++++++++++++++++
 9 files changed, 727 insertions(+)
 create mode 100644 templates/themes/favelog/catalog.css
 create mode 100644 templates/themes/favelog/catalog.html
 create mode 100644 templates/themes/favelog/favelog.js
 create mode 100644 templates/themes/favelog/info.php
 create mode 100644 templates/themes/favelog/jquery.mixitup.min.js
 create mode 100644 templates/themes/favelog/jquery.tooltipster.min.js
 create mode 100644 templates/themes/favelog/theme.php
 create mode 100644 templates/themes/favelog/thumb.png
 create mode 100644 templates/themes/favelog/tooltipster.css

(limited to 'templates/themes')

diff --git a/templates/themes/favelog/catalog.css b/templates/themes/favelog/catalog.css
new file mode 100644
index 00000000..29ff4cbf
--- /dev/null
+++ b/templates/themes/favelog/catalog.css
@@ -0,0 +1,75 @@
+img {
+	float:none!important;
+	margin: auto;
+	margin-bottom: 12px;
+	/*max-height: 150px;
+	max-width: 200px;*/
+	box-shadow: 0 0 4px rgba(0, 0, 0, 0.55);
+	border: 2px solid rgba(153, 153, 153, 0);
+}
+
+/*
+img:hover {
+	border: 2px solid rgba(153, 153, 153, 0.27);
+}
+*/
+
+div.threads{
+	text-align: center;
+	margin-left: -20px;
+}
+
+div.thread {
+	display: inline-block;
+	vertical-align: top;
+	margin-bottom:25px;
+	margin-left: 20px;
+	margin-right: 15px;
+	text-align:center;
+	font-weight:normal;
+	width:205px;      
+	overflow:hidden;
+	position: relative;
+	font-size:11px;
+	padding: 15px;
+	background: rgba(182, 182, 182, 0.12);
+	border: 2px solid rgba(111, 111, 111, 0.34);
+	max-height:300px;
+}
+
+div.thread:hover {
+    background: #D6DAF0;
+    border-color: #B7C5D9;
+}
+
+div.grid-size-small {
+	width: 200px;
+	max-width: 200px;
+	max-height: 350px;
+}
+
+div.grid-size-large {
+	width: 300px;
+	max-width: 300px;
+	max-height: 450px;
+}
+
+img.thread-image {
+	height: auto;
+	max-width: 100%;
+}
+
+@media (max-width: 420px) {
+	ul#Grid {
+		padding-left: 18px;
+	}
+	div.thread {
+		width: auto;
+		margin-left: 0;
+		margin-right: 0;
+
+	}
+	div.threads {
+		overflow: hidden;	
+	}
+}
\ No newline at end of file
diff --git a/templates/themes/favelog/catalog.html b/templates/themes/favelog/catalog.html
new file mode 100644
index 00000000..02135b94
--- /dev/null
+++ b/templates/themes/favelog/catalog.html
@@ -0,0 +1,79 @@
+{% filter remove_whitespace %}
+<!doctype html>
+<html>
+<head>
+	<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
+	<title>{{ settings.title }}</title>
+	<link rel="stylesheet" media="screen" href="{{ config.url_stylesheet }}"/>
+	<link rel="stylesheet" media="screen" href="{{ config.root }}stylesheets/{{ settings.css }}"/>
+	{% if config.url_favicon %}<link rel="shortcut icon" href="{{ config.url_favicon }}" />{% endif %}
+	{% if settings.use_tooltipster %}<link rel="stylesheet" media="screen" href="{{ config.root }}stylesheets/tooltipster.css"/>{% endif %}
+	<script type="text/javascript" src="{{ config.additional_javascript_url }}js/jquery.min.js"></script>
+	<script type="text/javascript" src="{{ config.additional_javascript_url }}js/jquery.mixitup.min.js"></script>
+	{% if settings.use_tooltipster %}<script type="text/javascript" src="{{ config.additional_javascript_url }}js/jquery.tooltipster.min.js"></script>
+	<script type="text/javascript">
+		var use_tooltipster = true;
+	</script>{% else %}
+	<script type="text/javascript">
+		var use_tooltipster = false;
+	</script>
+	{% endif %}
+	<script type="text/javascript" src="{{ config.additional_javascript_url }}js/favelog.js"></script>
+	{% if config.default_stylesheet.1 != '' %}<link rel="stylesheet" type="text/css" id="stylesheet" href="{{ config.uri_stylesheets }}{{ config.default_stylesheet.1 }}">{% endif %}
+	{% if config.font_awesome %}<link rel="stylesheet" media="screen" href="{{ config.root }}{{ config.font_awesome_css }}">{% endif %}
+	<script type="text/javascript" src="{{ config.url_javascript }}"></script>
+</head>
+<body>
+	{{ boardlist.top }}
+	<header>
+		<h1>{{ settings.title }} (<a href="{{link}}">/{{ board }}/</a>)</h1>
+		<div class="subtitle">{{ settings.subtitle }}</div>
+	</header>
+	
+	<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-last-reply" class="sort" data-sort="data-lastreply" data-order="asc">{% trans 'Last reply' %}</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>
+
+	<span>{% trans 'Sort by' %}: </span>
+	<select id="selectorzilla" style="display: inline-block">
+		<option selected value="bump-order">{% trans 'Bump order' %}</option>
+		<option value="last-reply">{% trans 'Last reply' %}</option>
+		<option value="creation-date">{% trans 'Creation date' %}</option>
+		<option value="reply-count">{% trans 'Reply count' %}</option>
+		<option value="random">{% trans 'Random' %}</option>
+	</select>
+
+	<span>{% trans 'Image size' %}: </span>
+	<select id="imgurzilla" style="display: inline-block">
+		<option selected value="small">{% trans 'Small' %}</option>
+		<option value="large">{% trans 'Large' %}</option>
+	</select>
+	<div class="threads">
+		<ul id="Grid">
+		{% for post in recent_posts %}
+			<li class="mix" data-reply="{{ post.reply_count }}" data-bump="{{ post.bump }}" data-lastreply="{{ post.last_reply }}" data-time="{{ post.time }}">
+				<div class="thread grid-li grid-size-small">
+					<a href="{{post.link}}">
+						<img id="img-{{ post.id }}" data-subject="{% if post.subject %}{{ post.subject }}{% endif %}" data-name="{{ post.name }}" data-muhdifference="{{ post.muhdifference }}" data-last-reply="{% if post.last_reply %}{{ post.last_reply }}{% endif %}" data-last-subject="{% if post.last_reply_subject %}{{ post.last_reply_subject }}{% endif %}" data-last-name="{% if post.last_reply %}{{ post.last_reply_name }}{% endif %}" data-last-difference="{% if post.last_reply %}{{ post.last_reply_difference }}{% endif %}" src="{{post.file}}" class="{{post.board}} thread-image" title="{{post.bump|date('%b %d %H:%M')}}">
+					</a>
+					<p>
+						<span class="replies">
+							<strong>R: {{ post.reply_count }} / I: {{ post.image_count }}</strong><br/>
+							{{ post.body }}
+						</span>
+					</p>
+				</div>
+			</li>
+		{% endfor %}
+		</ul>
+	</div>
+	
+	<hr/>
+	<p class="unimportant" style="margin-top:20px;text-align:center;">Powered by <a href="http://tinyboard.org/">Tinyboard</a> {{ config.version }} | <a href="http://tinyboard.org/">Tinyboard</a> Copyright &copy; 2010-2013 Tinyboard Development Group</p>
+</body>
+</html>
+{% endfilter %}
diff --git a/templates/themes/favelog/favelog.js b/templates/themes/favelog/favelog.js
new file mode 100644
index 00000000..5497cb4a
--- /dev/null
+++ b/templates/themes/favelog/favelog.js
@@ -0,0 +1,64 @@
+$().ready(function(){
+
+	$("#selectorzilla").change(function(){
+		sheit = this.value;
+		$("#sort-"+sheit).trigger("click");
+	});
+
+	$("#imgurzilla").change(function(){
+		sheit = this.value;
+		if (sheit == "small") {
+			old = "large";
+		} else {
+			old = "small";
+		}
+		$(".grid-li").removeClass("grid-size-"+old);
+		$(".grid-li").addClass("grid-size-"+sheit);
+	});
+
+	$('#Grid').mixitup({
+		onMixEnd: function(){
+			if(use_tooltipster) {
+				buildTooltipster();
+			}
+		}
+	});
+
+	if(use_tooltipster) {
+		buildTooltipster();
+	}
+
+});
+
+function buildTooltipster(){
+	$(".thread-image").each(function(){
+		subject = $(this).attr('data-subject');
+		name = $(this).attr('data-name');
+		muhdifference = $(this).attr('data-muhdifference');
+		last_reply = $(this).attr('data-last-reply');
+		last_subject = $(this).attr('data-last-subject');
+		last_name = $(this).attr('data-last-name');
+		last_difference = $(this).attr('data-last-difference');
+		muh_body = '<span="poster-span">';
+		
+		if (subject) {
+			muh_body = muh_body + subject + '&nbsp;por';
+		} else {
+			muh_body = muh_body + 'Postado por';
+		};
+		muh_body = muh_body + '&nbsp;<span class="poster-name">' + name + '&nbsp;</span>' + muhdifference + '</span>';
+
+		if (last_reply) {
+			muh_body = muh_body + '<br><span class="last-reply-span">';
+			if (last_subject) {
+				muh_body = muh_body + last_subject + '&nbsp;por';
+			} else{
+				muh_body = muh_body + 'Última resposta por';
+			};
+			muh_body = muh_body + '&nbsp;<span class="poster-name">' + last_name + '&nbsp;</span>' + last_difference + '</span>';
+		}
+		$(this).tooltipster({
+			content: $(muh_body)
+		});
+	});
+}
\ No newline at end of file
diff --git a/templates/themes/favelog/info.php b/templates/themes/favelog/info.php
new file mode 100644
index 00000000..5e339930
--- /dev/null
+++ b/templates/themes/favelog/info.php
@@ -0,0 +1,58 @@
+<?php
+	$theme = array();
+	
+	// Theme name
+	$theme['name'] = 'Favelog';
+	// Description (you can use Tinyboard markup here)
+	$theme['description'] = 'Show a post favelog.';
+	$theme['version'] = 'v0.1';
+	
+	// Theme configuration	
+	$theme['config'] = Array();
+	
+	$theme['config'][] = Array(
+		'title' => 'Title',
+		'name' => 'title',
+		'type' => 'text',
+		'default' => 'Favelog'
+	);
+	
+	$__boards = listBoards();
+	$__default_boards = Array();
+	foreach ($__boards as $__board)
+		$__default_boards[] = $__board['uri'];
+	
+	$theme['config'][] = Array(
+		'title' => 'Included boards',
+		'name' => 'boards',
+		'type' => 'text',
+		'comment' => '(space seperated)',
+		'default' => implode(' ', $__default_boards)
+	);
+	
+	$theme['config'][] = Array(
+		'title' => 'CSS file',
+		'name' => 'css',
+		'type' => 'text',
+		'default' => 'catalog.css',
+		'comment' => '(eg. "catalog.css")'
+	);
+	
+	$theme['config'][] = Array(
+		'title' => 'Update on new posts',
+		'name' => 'update_on_posts',
+		'type' => 'checkbox',
+		'default' => true,
+		'comment' => 'Without this checked, the catalog only updates on new threads.'
+	);
+
+	$theme['config'][] = Array(
+		'title' => 'Use tooltipster',
+		'name' => 'use_tooltipster',
+		'type' => 'checkbox',
+		'default' => true,
+		'comment' => 'Check this if you wish to show a nice tooltip with info about the thread on mouse over. Texts only available in PT-br.'
+	);
+
+	// Unique function name for building everything
+	$theme['build_function'] = 'favelog_build';
diff --git a/templates/themes/favelog/jquery.mixitup.min.js b/templates/themes/favelog/jquery.mixitup.min.js
new file mode 100644
index 00000000..5b4e4ce0
--- /dev/null
+++ b/templates/themes/favelog/jquery.mixitup.min.js
@@ -0,0 +1,43 @@
+/*
+* MIXITUP - A CSS3 and JQuery Filter & Sort Plugin
+* Version: 1.5.5
+* License: Creative Commons Attribution-NoDerivs 3.0 Unported - CC BY-ND 3.0
+* http://creativecommons.org/licenses/by-nd/3.0/
+* This software may be used freely on commercial and non-commercial projects with attribution to the author/copyright holder.
+* Author: Patrick Kunka
+* Copyright 2012-2013 Patrick Kunka, Barrel LLC, All Rights Reserved
+* 
+* http://mixitup.io
+*/
+
+(function(d){function r(e,c,l,b,a){function f(){n.unbind("webkitTransitionEnd transitionend otransitionend oTransitionEnd");c&&x(c,l,b,a);a.startOrder=[];a.newOrder=[];a.origSort=[];a.checkSort=[];v.removeStyle(a.prefix+"filter, filter, "+a.prefix+"transform, transform, opacity, display").css(a.clean).removeAttr("data-checksum");window.atob||v.css({display:"none",opacity:"0"});n.removeStyle(a.prefix+"transition, transition, "+a.prefix+"perspective, perspective, "+a.prefix+"perspective-origin, perspective-origin, "+
+(a.resizeContainer?"height":""));"list"==a.layoutMode?(p.css({display:a.targetDisplayList,opacity:"1"}),a.origDisplay=a.targetDisplayList):(p.css({display:a.targetDisplayGrid,opacity:"1"}),a.origDisplay=a.targetDisplayGrid);a.origLayout=a.layoutMode;setTimeout(function(){v.removeStyle(a.prefix+"transition, transition");a.mixing=!1;if("function"==typeof a.onMixEnd){var b=a.onMixEnd.call(this,a);a=b?b:a}})}clearInterval(a.failsafe);a.mixing=!0;a.filter=e;if("function"==typeof a.onMixStart){var g=a.onMixStart.call(this,
+a);a=g?g:a}for(var k=a.transitionSpeed,g=0;2>g;g++){var h=0==g?h=a.prefix:"";a.transition[h+"transition"]="all "+k+"ms linear";a.transition[h+"transform"]=h+"translate3d(0,0,0)";a.perspective[h+"perspective"]=a.perspectiveDistance+"px";a.perspective[h+"perspective-origin"]=a.perspectiveOrigin}var w=a.targetSelector,v=b.find(w);v.each(function(){this.data={}});var n=v.parent();n.css(a.perspective);a.easingFallback="ease-in-out";"smooth"==a.easing&&(a.easing="cubic-bezier(0.25, 0.46, 0.45, 0.94)");
+"snap"==a.easing&&(a.easing="cubic-bezier(0.77, 0, 0.175, 1)");"windback"==a.easing&&(a.easing="cubic-bezier(0.175, 0.885, 0.320, 1.275)",a.easingFallback="cubic-bezier(0.175, 0.885, 0.320, 1)");"windup"==a.easing&&(a.easing="cubic-bezier(0.6, -0.28, 0.735, 0.045)",a.easingFallback="cubic-bezier(0.6, 0.28, 0.735, 0.045)");g="list"==a.layoutMode&&null!=a.listEffects?a.listEffects:a.effects;Array.prototype.indexOf&&(a.fade=-1<g.indexOf("fade")?"0":"",a.scale=-1<g.indexOf("scale")?"scale(.01)":"",a.rotateZ=
+-1<g.indexOf("rotateZ")?"rotate(180deg)":"",a.rotateY=-1<g.indexOf("rotateY")?"rotateY(90deg)":"",a.rotateX=-1<g.indexOf("rotateX")?"rotateX(90deg)":"",a.blur=-1<g.indexOf("blur")?"blur(8px)":"",a.grayscale=-1<g.indexOf("grayscale")?"grayscale(100%)":"");var p=d(),s=d(),t=[],r=!1;"string"===typeof e?t=z(e):(r=!0,d.each(e,function(a){t[a]=z(this)}));"or"==a.filterLogic?(""==t[0]&&t.shift(),1>t.length?s=s.add(b.find(w+":visible")):v.each(function(){var a=d(this);if(r){var b=0;d.each(t,function(d){this.length?
+a.is("."+this.join(", ."))&&b++:0<b&&b++});b==t.length?p=p.add(a):s=s.add(a)}else a.is("."+t.join(", ."))?p=p.add(a):s=s.add(a)})):(p=p.add(n.find(w+"."+t.join("."))),s=s.add(n.find(w+":not(."+t.join(".")+"):visible")));e=p.length;var u=d(),q=d(),m=d();s.each(function(){var a=d(this);"none"!=a.css("display")&&(u=u.add(a),m=m.add(a))});if(p.filter(":visible").length==e&&!u.length&&!c){if(a.origLayout==a.layoutMode)return f(),!1;if(1==p.length)return"list"==a.layoutMode?(b.addClass(a.listClass),b.removeClass(a.gridClass),
+m.css("display",a.targetDisplayList)):(b.addClass(a.gridClass),b.removeClass(a.listClass),m.css("display",a.targetDisplayGrid)),f(),!1}a.origHeight=n.height();if(p.length){b.removeClass(a.failClass);p.each(function(){var a=d(this);"none"==a.css("display")?q=q.add(a):m=m.add(a)});if(a.origLayout!=a.layoutMode&&!1==a.animateGridList)return"list"==a.layoutMode?(b.addClass(a.listClass),b.removeClass(a.gridClass),m.css("display",a.targetDisplayList)):(b.addClass(a.gridClass),b.removeClass(a.listClass),
+m.css("display",a.targetDisplayGrid)),f(),!1;if(!window.atob)return f(),!1;v.css(a.clean);m.each(function(){this.data.origPos=d(this).offset()});"list"==a.layoutMode?(b.addClass(a.listClass),b.removeClass(a.gridClass),q.css("display",a.targetDisplayList)):(b.addClass(a.gridClass),b.removeClass(a.listClass),q.css("display",a.targetDisplayGrid));q.each(function(){this.data.showInterPos=d(this).offset()});u.each(function(){this.data.hideInterPos=d(this).offset()});m.each(function(){this.data.preInterPos=
+d(this).offset()});"list"==a.layoutMode?m.css("display",a.targetDisplayList):m.css("display",a.targetDisplayGrid);c&&x(c,l,b,a);if(c&&A(a.origSort,a.checkSort))return f(),!1;u.hide();q.each(function(a){this.data.finalPos=d(this).offset()});m.each(function(){this.data.finalPrePos=d(this).offset()});a.newHeight=n.height();c&&x("reset",null,b,a);q.hide();m.css("display",a.origDisplay);"block"==a.origDisplay?(b.addClass(a.listClass),q.css("display",a.targetDisplayList)):(b.removeClass(a.listClass),q.css("display",
+a.targetDisplayGrid));a.resizeContainer&&n.css("height",a.origHeight+"px");e={};for(g=0;2>g;g++)h=0==g?h=a.prefix:"",e[h+"transform"]=a.scale+" "+a.rotateX+" "+a.rotateY+" "+a.rotateZ,e[h+"filter"]=a.blur+" "+a.grayscale;q.css(e);m.each(function(){var b=this.data,c=d(this);c.hasClass("mix_tohide")?(b.preTX=b.origPos.left-b.hideInterPos.left,b.preTY=b.origPos.top-b.hideInterPos.top):(b.preTX=b.origPos.left-b.preInterPos.left,b.preTY=b.origPos.top-b.preInterPos.top);for(var e={},k=0;2>k;k++){var h=
+0==k?h=a.prefix:"";e[h+"transform"]="translate("+b.preTX+"px,"+b.preTY+"px)"}c.css(e)});"list"==a.layoutMode?(b.addClass(a.listClass),b.removeClass(a.gridClass)):(b.addClass(a.gridClass),b.removeClass(a.listClass));setTimeout(function(){if(a.resizeContainer){for(var b={},c=0;2>c;c++){var e=0==c?e=a.prefix:"";b[e+"transition"]="all "+k+"ms ease-in-out";b.height=a.newHeight+"px"}n.css(b)}u.css("opacity",a.fade);q.css("opacity",1);q.each(function(){var b=this.data;b.tX=b.finalPos.left-b.showInterPos.left;
+b.tY=b.finalPos.top-b.showInterPos.top;for(var c={},e=0;2>e;e++){var h=0==e?h=a.prefix:"";c[h+"transition-property"]=h+"transform, "+h+"filter, opacity";c[h+"transition-timing-function"]=a.easing+", linear, linear";c[h+"transition-duration"]=k+"ms";c[h+"transition-delay"]="0";c[h+"transform"]="translate("+b.tX+"px,"+b.tY+"px)";c[h+"filter"]="none"}d(this).css("-webkit-transition","all "+k+"ms "+a.easingFallback).css(c)});m.each(function(){var b=this.data;b.tX=0!=b.finalPrePos.left?b.finalPrePos.left-
+b.preInterPos.left:0;b.tY=0!=b.finalPrePos.left?b.finalPrePos.top-b.preInterPos.top:0;for(var c={},e=0;2>e;e++){var h=0==e?h=a.prefix:"";c[h+"transition"]="all "+k+"ms "+a.easing;c[h+"transform"]="translate("+b.tX+"px,"+b.tY+"px)"}d(this).css("-webkit-transition","all "+k+"ms "+a.easingFallback).css(c)});b={};for(c=0;2>c;c++)e=0==c?e=a.prefix:"",b[e+"transition"]="all "+k+"ms "+a.easing+", "+e+"filter "+k+"ms linear, opacity "+k+"ms linear",b[e+"transform"]=a.scale+" "+a.rotateX+" "+a.rotateY+" "+
+a.rotateZ,b[e+"filter"]=a.blur+" "+a.grayscale,b.opacity=a.fade;u.css(b);n.bind("webkitTransitionEnd transitionend otransitionend oTransitionEnd",function(a){if(-1<a.originalEvent.propertyName.indexOf("transform")||-1<a.originalEvent.propertyName.indexOf("opacity"))-1<w.indexOf(".")?d(a.target).hasClass(w.replace(".",""))&&f():d(a.target).is(w)&&f()})},10);a.failsafe=setTimeout(function(){a.mixing&&f()},k+400)}else{a.resizeContainer&&n.css("height",a.origHeight+"px");if(!window.atob)return f(),!1;
+u=s;setTimeout(function(){n.css(a.perspective);if(a.resizeContainer){for(var c={},e=0;2>e;e++){var d=0==e?d=a.prefix:"";c[d+"transition"]="height "+k+"ms ease-in-out";c.height=a.minHeight+"px"}n.css(c)}v.css(a.transition);if(s.length){c={};for(e=0;2>e;e++)d=0==e?d=a.prefix:"",c[d+"transform"]=a.scale+" "+a.rotateX+" "+a.rotateY+" "+a.rotateZ,c[d+"filter"]=a.blur+" "+a.grayscale,c.opacity=a.fade;u.css(c);n.bind("webkitTransitionEnd transitionend otransitionend oTransitionEnd",function(c){if(-1<c.originalEvent.propertyName.indexOf("transform")||
+-1<c.originalEvent.propertyName.indexOf("opacity"))b.addClass(a.failClass),f()})}else a.mixing=!1},10)}}function x(e,c,l,b){function a(a,b){var c=isNaN(1*a.attr(e))?a.attr(e).toLowerCase():1*a.attr(e),d=isNaN(1*b.attr(e))?b.attr(e).toLowerCase():1*b.attr(e);return c<d?-1:c>d?1:0}function f(a){"asc"==c?k.prepend(a).prepend(" "):k.append(a).append(" ")}function g(a){a=a.slice();for(var b=a.length,c=b;c--;){var e=parseInt(Math.random()*b),d=a[c];a[c]=a[e];a[e]=d}return a}l.find(b.targetSelector).wrapAll('<div class="mix_sorter"/>');
+var k=l.find(".mix_sorter");b.origSort.length||k.find(b.targetSelector+":visible").each(function(){d(this).wrap("<s/>");b.origSort.push(d(this).parent().html().replace(/\s+/g,""));d(this).unwrap()});k.empty();if("reset"==e)d.each(b.startOrder,function(){k.append(this).append(" ")});else if("default"==e)d.each(b.origOrder,function(){f(this)});else if("random"==e)b.newOrder.length||(b.newOrder=g(b.startOrder)),d.each(b.newOrder,function(){k.append(this).append(" ")});else if("custom"==e)d.each(c,function(){f(this)});
+else{if("undefined"===typeof b.origOrder[0].attr(e))return console.log("No such attribute found. Terminating"),!1;b.newOrder.length||(d.each(b.origOrder,function(){b.newOrder.push(d(this))}),b.newOrder.sort(a));d.each(b.newOrder,function(){f(this)})}b.checkSort=[];k.find(b.targetSelector+":visible").each(function(a){var c=d(this);0==a&&c.attr("data-checksum","1");c.wrap("<s/>");b.checkSort.push(c.parent().html().replace(/\s+/g,""));c.unwrap()});l.find(b.targetSelector).unwrap()}function B(e){for(var c=
+["Webkit","Moz","O","ms"],d=0;d<c.length;d++)if(c[d]+"Transition"in e.style)return c[d];return"transition"in e.style?"":!1}function A(e,c){if(e.length!=c.length)return!1;for(var d=0;d<c.length;d++)if(e[d].compare&&!e[d].compare(c[d])||e[d]!==c[d])return!1;return!0}function z(e){e=e.replace(/\s{2,}/g," ");var c=e.split(" ");d.each(c,function(d){"all"==this&&(c[d]="mix_all")});""==c[0]&&c.shift();return c}var y={init:function(e){return this.each(function(){var c=window.navigator.appVersion.match(/Chrome\/(\d+)\./),
+c=c?parseInt(c[1],10):!1,l=function(a){a=document.getElementById(a);var b=a.parentElement,c=document.createElement("div"),d=document.createDocumentFragment();b.insertBefore(c,a);d.appendChild(a);b.replaceChild(a,c)};(c&&31==c||32==c)&&l(this.id);var b={targetSelector:".mix",filterSelector:".filter",sortSelector:".sort",buttonEvent:"click",effects:["fade","scale"],listEffects:null,easing:"smooth",layoutMode:"grid",targetDisplayGrid:"inline-block",targetDisplayList:"block",listClass:"",gridClass:"",
+transitionSpeed:600,showOnLoad:"all",sortOnLoad:!1,multiFilter:!1,filterLogic:"or",resizeContainer:!0,minHeight:0,failClass:"fail",perspectiveDistance:"3000",perspectiveOrigin:"50% 50%",animateGridList:!0,onMixLoad:null,onMixStart:null,onMixEnd:null,container:null,origOrder:[],startOrder:[],newOrder:[],origSort:[],checkSort:[],filter:"",mixing:!1,origDisplay:"",origLayout:"",origHeight:0,newHeight:0,isTouch:!1,resetDelay:0,failsafe:null,prefix:"",easingFallback:"ease-in-out",transition:{},perspective:{},
+clean:{},fade:"1",scale:"",rotateX:"",rotateY:"",rotateZ:"",blur:"",grayscale:""};e&&d.extend(b,e);this.config=b;d.support.touch="ontouchend"in document;d.support.touch&&(b.isTouch=!0,b.resetDelay=350);b.container=d(this);var a=b.container;b.prefix=B(a[0]);b.prefix=b.prefix?"-"+b.prefix.toLowerCase()+"-":"";a.find(b.targetSelector).each(function(){b.origOrder.push(d(this))});if(b.sortOnLoad){var f;d.isArray(b.sortOnLoad)?(c=b.sortOnLoad[0],f=b.sortOnLoad[1],d(b.sortSelector+"[data-sort="+b.sortOnLoad[0]+
+"][data-order="+b.sortOnLoad[1]+"]").addClass("active")):(d(b.sortSelector+"[data-sort="+b.sortOnLoad+"]").addClass("active"),c=b.sortOnLoad,b.sortOnLoad="desc");x(c,f,a,b)}for(f=0;2>f;f++)c=0==f?c=b.prefix:"",b.transition[c+"transition"]="all "+b.transitionSpeed+"ms ease-in-out",b.perspective[c+"perspective"]=b.perspectiveDistance+"px",b.perspective[c+"perspective-origin"]=b.perspectiveOrigin;for(f=0;2>f;f++)c=0==f?c=b.prefix:"",b.clean[c+"transition"]="none";"list"==b.layoutMode?(a.addClass(b.listClass),
+b.origDisplay=b.targetDisplayList):(a.addClass(b.gridClass),b.origDisplay=b.targetDisplayGrid);b.origLayout=b.layoutMode;f=b.showOnLoad.split(" ");d.each(f,function(){d(b.filterSelector+'[data-filter="'+this+'"]').addClass("active")});a.find(b.targetSelector).addClass("mix_all");"all"==f[0]&&(f[0]="mix_all",b.showOnLoad="mix_all");var g=d();d.each(f,function(){g=g.add(d("."+this))});g.each(function(){var a=d(this);"list"==b.layoutMode?a.css("display",b.targetDisplayList):a.css("display",b.targetDisplayGrid);
+a.css(b.transition)});setTimeout(function(){b.mixing=!0;g.css("opacity","1");setTimeout(function(){"list"==b.layoutMode?g.removeStyle(b.prefix+"transition, transition").css({display:b.targetDisplayList,opacity:1}):g.removeStyle(b.prefix+"transition, transition").css({display:b.targetDisplayGrid,opacity:1});b.mixing=!1;if("function"==typeof b.onMixLoad){var a=b.onMixLoad.call(this,b);b=a?a:b}},b.transitionSpeed)},10);b.filter=b.showOnLoad;d(b.sortSelector).bind(b.buttonEvent,function(){if(!b.mixing){var c=
+d(this),e=c.attr("data-sort"),f=c.attr("data-order");if(!c.hasClass("active"))d(b.sortSelector).removeClass("active"),c.addClass("active");else if("random"!=e)return!1;a.find(b.targetSelector).each(function(){b.startOrder.push(d(this))});r(b.filter,e,f,a,b)}});d(b.filterSelector).bind(b.buttonEvent,function(){if(!b.mixing){var c=d(this);if(!1==b.multiFilter)d(b.filterSelector).removeClass("active"),c.addClass("active"),b.filter=c.attr("data-filter"),d(b.filterSelector+'[data-filter="'+b.filter+'"]').addClass("active");
+else{var e=c.attr("data-filter");c.hasClass("active")?(c.removeClass("active"),b.filter=b.filter.replace(RegExp("(\\s|^)"+e),"")):(c.addClass("active"),b.filter=b.filter+" "+e)}r(b.filter,null,null,a,b)}})})},toGrid:function(){return this.each(function(){var e=this.config;"grid"!=e.layoutMode&&(e.layoutMode="grid",r(e.filter,null,null,d(this),e))})},toList:function(){return this.each(function(){var e=this.config;"list"!=e.layoutMode&&(e.layoutMode="list",r(e.filter,null,null,d(this),e))})},filter:function(e){return this.each(function(){var c=
+this.config;c.mixing||(d(c.filterSelector).removeClass("active"),d(c.filterSelector+'[data-filter="'+e+'"]').addClass("active"),r(e,null,null,d(this),c))})},sort:function(e){return this.each(function(){var c=this.config,l=d(this);if(!c.mixing){d(c.sortSelector).removeClass("active");if(d.isArray(e)){var b=e[0],a=e[1];d(c.sortSelector+'[data-sort="'+e[0]+'"][data-order="'+e[1]+'"]').addClass("active")}else d(c.sortSelector+'[data-sort="'+e+'"]').addClass("active"),b=e,a="desc";l.find(c.targetSelector).each(function(){c.startOrder.push(d(this))});
+r(c.filter,b,a,l,c)}})},multimix:function(e){return this.each(function(){var c=this.config,l=d(this);multiOut={filter:c.filter,sort:null,order:"desc",layoutMode:c.layoutMode};d.extend(multiOut,e);c.mixing||(d(c.filterSelector).add(c.sortSelector).removeClass("active"),d(c.filterSelector+'[data-filter="'+multiOut.filter+'"]').addClass("active"),"undefined"!==typeof multiOut.sort&&(d(c.sortSelector+'[data-sort="'+multiOut.sort+'"][data-order="'+multiOut.order+'"]').addClass("active"),l.find(c.targetSelector).each(function(){c.startOrder.push(d(this))})),
+c.layoutMode=multiOut.layoutMode,r(multiOut.filter,multiOut.sort,multiOut.order,l,c))})},remix:function(e){return this.each(function(){var c=this.config,l=d(this);c.origOrder=[];l.find(c.targetSelector).each(function(){var b=d(this);b.addClass("mix_all");c.origOrder.push(b)});c.mixing||"undefined"===typeof e||(d(c.filterSelector).removeClass("active"),d(c.filterSelector+'[data-filter="'+e+'"]').addClass("active"),r(e,null,null,l,c))})}};d.fn.mixitup=function(d,c){if(y[d])return y[d].apply(this,Array.prototype.slice.call(arguments,
+1));if("object"===typeof d||!d)return y.init.apply(this,arguments)};d.fn.removeStyle=function(e){return this.each(function(){var c=d(this);e=e.replace(/\s+/g,"");var l=e.split(",");d.each(l,function(){var b=RegExp(this.toString()+"[^;]+;?","g");c.attr("style",function(a,c){if(c)return c.replace(b,"")})})})}})(jQuery);
\ No newline at end of file
diff --git a/templates/themes/favelog/jquery.tooltipster.min.js b/templates/themes/favelog/jquery.tooltipster.min.js
new file mode 100644
index 00000000..91c61639
--- /dev/null
+++ b/templates/themes/favelog/jquery.tooltipster.min.js
@@ -0,0 +1 @@
+/* Tooltipster v3.0.5 */;(function(e,t,n){function o(t,n){this.bodyOverflowX;this.checkInterval=null;this.content;this.$el=e(t);this.elProxyPosition;this.$elProxy;this.enabled=true;this.options=e.extend({},s,n);this.mouseIsOverProxy=false;this.namespace="tooltipster-"+Math.round(Math.random()*1e5);this.status="hidden";this.timerHide=null;this.timerShow=null;this.$tooltip;this.options.iconTheme=this.options.iconTheme.replace(".","");this.options.theme=this.options.theme.replace(".","");this.init()}function u(t,n){var r=true;e.each(t,function(e,i){if(typeof n[e]==="undefined"||t[e]!==n[e]){r=false;return false}});return r}function l(){return!f&&a}function c(){var e=n.body||n.documentElement,t=e.style,r="transition";if(typeof t[r]=="string"){return true}v=["Moz","Webkit","Khtml","O","ms"],r=r.charAt(0).toUpperCase()+r.substr(1);for(var i=0;i<v.length;i++){if(typeof t[v[i]+r]=="string"){return true}}return false}var r="tooltipster",s={animation:"fade",arrow:true,arrowColor:"",autoClose:true,content:null,contentAsHTML:false,contentCloning:true,delay:200,fixedWidth:0,maxWidth:0,functionInit:function(e,t){},functionBefore:function(e,t){t()},functionReady:function(e,t){},functionAfter:function(e){},icon:"(?)",iconCloning:true,iconDesktop:false,iconTouch:false,iconTheme:"tooltipster-icon",interactive:false,interactiveTolerance:350,offsetX:0,offsetY:0,onlyOne:false,position:"top",positionTracker:false,speed:350,timer:0,theme:"tooltipster-default",touchDevices:true,trigger:"hover",updateAnimation:true};o.prototype={init:function(){var t=this;if(n.querySelector){if(t.options.content!==null){t.setContent(t.options.content)}else{var r=t.$el.attr("title");if(typeof r==="undefined")r=null;t.setContent(r)}var i=t.options.functionInit(t.$el,t.content);if(typeof i!=="undefined")t.setContent(i);t.$el.removeAttr("title").addClass("tooltipstered");if(!a&&t.options.iconDesktop||a&&t.options.iconTouch){if(typeof t.options.icon==="string"){t.$elProxy=e('<span class="'+t.options.iconTheme+'"></span>');t.$elProxy.text(t.options.icon)}else{if(t.options.iconCloning)t.$elProxy=t.options.icon.clone(true);else t.$elProxy=t.options.icon}t.$elProxy.insertAfter(t.$el)}else{t.$elProxy=t.$el}if(t.options.trigger=="hover"){t.$elProxy.on("mouseenter."+t.namespace,function(){if(!l()||t.options.touchDevices){t.mouseIsOverProxy=true;t.showTooltip()}}).on("mouseleave."+t.namespace,function(){if(!l()||t.options.touchDevices){t.mouseIsOverProxy=false}});if(a&&t.options.touchDevices){t.$elProxy.on("touchstart."+t.namespace,function(){t.showTooltipNow()})}}else if(t.options.trigger=="click"){t.$elProxy.on("click."+t.namespace,function(){if(!l()||t.options.touchDevices){t.showTooltip()}})}}},showTooltip:function(){var e=this;if(e.status!="shown"&&e.status!="appearing"){if(e.options.delay){e.timerShow=setTimeout(function(){if(e.options.trigger=="click"||e.options.trigger=="hover"&&e.mouseIsOverProxy){e.showTooltipNow()}},e.options.delay)}else e.showTooltipNow()}},showTooltipNow:function(){var n=this;clearTimeout(n.timerShow);n.timerShow=null;clearTimeout(n.timerHide);n.timerHide=null;if(n.enabled&&n.content!==null){if(n.options.onlyOne){e(".tooltipstered").not(n.$el).each(function(t,n){var i=e(n),s=i[r]("status"),o=i[r]("option","autoClose");if(s!=="hidden"&&s!=="disappearing"&&o){i[r]("hide")}})}n.options.functionBefore(n.$elProxy,function(){if(n.status!=="hidden"){var r=0;if(n.status==="disappearing"){n.status="appearing";if(c()){n.$tooltip.clearQueue().removeClass("tooltipster-dying").addClass("tooltipster-"+n.options.animation+"-show");if(n.options.speed>0)n.$tooltip.delay(n.options.speed);n.$tooltip.queue(function(){n.status="shown"})}else{n.$tooltip.stop().fadeIn(function(){n.status="shown"})}}}else{n.status="appearing";var r=n.options.speed;n.bodyOverflowX=e("body").css("overflow-x");e("body").css("overflow-x","hidden");var i="tooltipster-"+n.options.animation,s="-webkit-transition-duration: "+n.options.speed+"ms; -webkit-animation-duration: "+n.options.speed+"ms; -moz-transition-duration: "+n.options.speed+"ms; -moz-animation-duration: "+n.options.speed+"ms; -o-transition-duration: "+n.options.speed+"ms; -o-animation-duration: "+n.options.speed+"ms; -ms-transition-duration: "+n.options.speed+"ms; -ms-animation-duration: "+n.options.speed+"ms; transition-duration: "+n.options.speed+"ms; animation-duration: "+n.options.speed+"ms;",o=n.options.fixedWidth>0?"width:"+Math.round(n.options.fixedWidth)+"px;":"",u=n.options.maxWidth>0?"max-width:"+Math.round(n.options.maxWidth)+"px;":"",f=n.options.interactive?"pointer-events: auto;":"";n.$tooltip=e('<div class="tooltipster-base '+n.options.theme+'" style="'+o+" "+u+" "+f+" "+s+'"><div class="tooltipster-content"></div></div>');if(c())n.$tooltip.addClass(i);n.insertContent();n.$tooltip.appendTo("body");n.positionTooltip();n.options.functionReady(n.$el,n.$tooltip);if(c()){n.$tooltip.addClass(i+"-show");if(n.options.speed>0)n.$tooltip.delay(n.options.speed);n.$tooltip.queue(function(){n.status="shown"})}else{n.$tooltip.css("display","none").fadeIn(n.options.speed,function(){n.status="shown"})}n.setCheckInterval();e(t).on("scroll."+n.namespace+" resize."+n.namespace,function(){n.positionTooltip()});if(n.options.autoClose){e("body").off("."+n.namespace);if(n.options.trigger=="hover"){if(a){setTimeout(function(){e("body").on("touchstart."+n.namespace,function(){n.hideTooltip()})},0)}if(n.options.interactive){if(a){n.$tooltip.on("touchstart."+n.namespace,function(e){e.stopPropagation()})}var l=null;n.$elProxy.add(n.$tooltip).on("mouseleave."+n.namespace+"-autoClose",function(){clearTimeout(l);l=setTimeout(function(){n.hideTooltip()},n.options.interactiveTolerance)}).on("mouseenter."+n.namespace+"-autoClose",function(){clearTimeout(l)})}else{n.$elProxy.on("mouseleave."+n.namespace+"-autoClose",function(){n.hideTooltip()})}}else if(n.options.trigger=="click"){setTimeout(function(){e("body").on("click."+n.namespace+" touchstart."+n.namespace,function(){n.hideTooltip()})},0);if(n.options.interactive){n.$tooltip.on("click."+n.namespace+" touchstart."+n.namespace,function(e){e.stopPropagation()})}}}}if(n.options.timer>0){n.timerHide=setTimeout(function(){n.timerHide=null;n.hideTooltip()},n.options.timer+r)}})}},setCheckInterval:function(){var t=this;t.checkInterval=setInterval(function(){if(e("body").find(t.$el).length===0||e("body").find(t.$elProxy).length===0||t.status=="hidden"||e("body").find(t.$tooltip).length===0){if(t.status=="shown"||t.status=="appearing")t.hideTooltip();t.cancelCheckInterval()}else{if(t.options.positionTracker){var n=t.positionInfo(t.$elProxy),r=false;if(u(n.dimension,t.elProxyPosition.dimension)){if(t.$elProxy.css("position")==="fixed"){if(u(n.position,t.elProxyPosition.position))r=true}else{if(u(n.offset,t.elProxyPosition.offset))r=true}}if(!r){t.positionTooltip()}}}},200)},cancelCheckInterval:function(){clearInterval(this.checkInterval);this.checkInterval=null},hideTooltip:function(){var n=this;clearTimeout(n.timerShow);n.timerShow=null;clearTimeout(n.timerHide);n.timerHide=null;if(n.status=="shown"||n.status=="appearing"){n.status="disappearing";var r=function(){n.status="hidden";n.$tooltip.remove();n.$tooltip=null;e(t).off("."+n.namespace);e("body").off("."+n.namespace).css("overflow-x",n.bodyOverflowX);n.$elProxy.off("."+n.namespace+"-autoClose");n.options.functionAfter(n.$elProxy)};if(c()){n.$tooltip.clearQueue().removeClass("tooltipster-"+n.options.animation+"-show").addClass("tooltipster-dying");if(n.options.speed>0)n.$tooltip.delay(n.options.speed);n.$tooltip.queue(r)}else{n.$tooltip.stop().fadeOut(n.options.speed,r)}}},setContent:function(e){if(typeof e==="object"&&e!==null&&this.options.contentCloning){e=e.clone(true)}this.content=e},insertContent:function(){var e=this,t=this.$tooltip.find(".tooltipster-content");if(typeof e.content==="string"&&!e.options.contentAsHTML){t.text(e.content)}else{t.empty().append(e.content)}},updateTooltip:function(e){var t=this;t.setContent(e);if(t.content!==null){if(t.status!=="hidden"){t.insertContent();t.positionTooltip();if(t.options.updateAnimation){if(c()){t.$tooltip.css({width:"","-webkit-transition":"all "+t.options.speed+"ms, width 0ms, height 0ms, left 0ms, top 0ms","-moz-transition":"all "+t.options.speed+"ms, width 0ms, height 0ms, left 0ms, top 0ms","-o-transition":"all "+t.options.speed+"ms, width 0ms, height 0ms, left 0ms, top 0ms","-ms-transition":"all "+t.options.speed+"ms, width 0ms, height 0ms, left 0ms, top 0ms",transition:"all "+t.options.speed+"ms, width 0ms, height 0ms, left 0ms, top 0ms"}).addClass("tooltipster-content-changing");setTimeout(function(){if(t.status!="hidden"){t.$tooltip.removeClass("tooltipster-content-changing");setTimeout(function(){if(t.status!=="hidden"){t.$tooltip.css({"-webkit-transition":t.options.speed+"ms","-moz-transition":t.options.speed+"ms","-o-transition":t.options.speed+"ms","-ms-transition":t.options.speed+"ms",transition:t.options.speed+"ms"})}},t.options.speed)}},t.options.speed)}else{t.$tooltip.fadeTo(t.options.speed,.5,function(){if(t.status!="hidden"){t.$tooltip.fadeTo(t.options.speed,1)}})}}}}else{t.hideTooltip()}},positionInfo:function(e){return{dimension:{height:e.outerHeight(false),width:e.outerWidth(false)},offset:e.offset(),position:{left:parseInt(e.css("left")),top:parseInt(e.css("top"))}}},positionTooltip:function(){var n=this;if(e("body").find(n.$tooltip).length!==0){n.$tooltip.css("width","");n.elProxyPosition=n.positionInfo(n.$elProxy);var r=null,s=e(t).width(),o=n.elProxyPosition,u=n.$tooltip.outerWidth(false),a=n.$tooltip.innerWidth()+1,f=n.$tooltip.outerHeight(false),l=null;if(n.$elProxy.is("area")){var c=n.$elProxy.attr("shape"),h=n.$elProxy.parent().attr("name"),p=e('img[usemap="#'+h+'"]'),d=p.offset().left,v=p.offset().top,m=n.$elProxy.attr("coords")!==undefined?n.$elProxy.attr("coords").split(","):undefined;if(c=="circle"){var g=parseInt(m[0]),y=parseInt(m[1]),b=parseInt(m[2]);o.dimension.height=b*2;o.dimension.width=b*2;o.offset.top=v+y-b;o.offset.left=d+g-b}else if(c=="rect"){var g=parseInt(m[0]),y=parseInt(m[1]),w=parseInt(m[2]),E=parseInt(m[3]);o.dimension.height=E-y;o.dimension.width=w-g;o.offset.top=v+y;o.offset.left=d+g}else if(c=="poly"){var S=[],x=[],T=0,N=0,C=0,k=0,L="even";for(i=0;i<m.length;i++){var A=parseInt(m[i]);if(L=="even"){if(A>C){C=A;if(i===0){T=C}}if(A<T){T=A}L="odd"}else{if(A>k){k=A;if(i==1){N=k}}if(A<N){N=A}L="even"}}o.dimension.height=k-N;o.dimension.width=C-T;o.offset.top=v+N;o.offset.left=d+T}else{o.dimension.height=p.outerHeight(false);o.dimension.width=p.outerWidth(false);o.offset.top=v;o.offset.left=d}}if(n.options.fixedWidth===0){n.$tooltip.css({width:Math.round(a)+"px","padding-left":"0px","padding-right":"0px"})}var O=0,M=0,_=0,D=parseInt(n.options.offsetY),P=parseInt(n.options.offsetX),H=n.options.position;function B(){var n=e(t).scrollLeft();if(O-n<0){r=O-n;O=n}if(O+u-n>s){r=O-(s+n-u);O=s+n-u}}function j(n,r){if(o.offset.top-e(t).scrollTop()-f-D-12<0&&r.indexOf("top")>-1){H=n}if(o.offset.top+o.dimension.height+f+12+D>e(t).scrollTop()+e(t).height()&&r.indexOf("bottom")>-1){H=n;_=o.offset.top-f-D-12}}if(H=="top"){var F=o.offset.left+u-(o.offset.left+o.dimension.width);O=o.offset.left+P-F/2;_=o.offset.top-f-D-12;B();j("bottom","top")}if(H=="top-left"){O=o.offset.left+P;_=o.offset.top-f-D-12;B();j("bottom-left","top-left")}if(H=="top-right"){O=o.offset.left+o.dimension.width+P-u;_=o.offset.top-f-D-12;B();j("bottom-right","top-right")}if(H=="bottom"){var F=o.offset.left+u-(o.offset.left+o.dimension.width);O=o.offset.left-F/2+P;_=o.offset.top+o.dimension.height+D+12;B();j("top","bottom")}if(H=="bottom-left"){O=o.offset.left+P;_=o.offset.top+o.dimension.height+D+12;B();j("top-left","bottom-left")}if(H=="bottom-right"){O=o.offset.left+o.dimension.width+P-u;_=o.offset.top+o.dimension.height+D+12;B();j("top-right","bottom-right")}if(H=="left"){O=o.offset.left-P-u-12;M=o.offset.left+P+o.dimension.width+12;var I=o.offset.top+f-(o.offset.top+n.$elProxy.outerHeight(false));_=o.offset.top-I/2-D;if(O<0&&M+u>s){var q=parseFloat(n.$tooltip.css("border-width"))*2,R=u+O-q;n.$tooltip.css("width",R+"px");f=n.$tooltip.outerHeight(false);O=o.offset.left-P-R-12-q;I=o.offset.top+f-(o.offset.top+n.$elProxy.outerHeight(false));_=o.offset.top-I/2-D}else if(O<0){O=o.offset.left+P+o.dimension.width+12;r="left"}}if(H=="right"){O=o.offset.left+P+o.dimension.width+12;M=o.offset.left-P-u-12;var I=o.offset.top+f-(o.offset.top+n.$elProxy.outerHeight(false));_=o.offset.top-I/2-D;if(O+u>s&&M<0){var q=parseFloat(n.$tooltip.css("border-width"))*2,R=s-O-q;n.$tooltip.css("width",R+"px");f=n.$tooltip.outerHeight(false);I=o.offset.top+f-(o.offset.top+n.$elProxy.outerHeight(false));_=o.offset.top-I/2-D}else if(O+u>s){O=o.offset.left-P-u-12;r="right"}}if(n.options.arrow){var U="tooltipster-arrow-"+H;if(n.options.arrowColor.length<1){var z=n.$tooltip.css("background-color")}else{var z=n.options.arrowColor}if(!r){r=""}else if(r=="left"){U="tooltipster-arrow-right";r=""}else if(r=="right"){U="tooltipster-arrow-left";r=""}else{r="left:"+Math.round(r)+"px;"}if(H=="top"||H=="top-left"||H=="top-right"){var W=parseFloat(n.$tooltip.css("border-bottom-width")),X=n.$tooltip.css("border-bottom-color")}else if(H=="bottom"||H=="bottom-left"||H=="bottom-right"){var W=parseFloat(n.$tooltip.css("border-top-width")),X=n.$tooltip.css("border-top-color")}else if(H=="left"){var W=parseFloat(n.$tooltip.css("border-right-width")),X=n.$tooltip.css("border-right-color")}else if(H=="right"){var W=parseFloat(n.$tooltip.css("border-left-width")),X=n.$tooltip.css("border-left-color")}else{var W=parseFloat(n.$tooltip.css("border-bottom-width")),X=n.$tooltip.css("border-bottom-color")}if(W>1){W++}var V="";if(W!==0){var J="",K="border-color: "+X+";";if(U.indexOf("bottom")!==-1){J="margin-top: -"+Math.round(W)+"px;"}else if(U.indexOf("top")!==-1){J="margin-bottom: -"+Math.round(W)+"px;"}else if(U.indexOf("left")!==-1){J="margin-right: -"+Math.round(W)+"px;"}else if(U.indexOf("right")!==-1){J="margin-left: -"+Math.round(W)+"px;"}V='<span class="tooltipster-arrow-border" style="'+J+" "+K+';"></span>'}n.$tooltip.find(".tooltipster-arrow").remove();var Q='<div class="'+U+' tooltipster-arrow" style="'+r+'">'+V+'<span style="border-color:'+z+';"></span></div>';n.$tooltip.append(Q)}n.$tooltip.css({top:Math.round(_)+"px",left:Math.round(O)+"px"})}}};e.fn[r]=function(){var t=arguments;if(this.length===0){if(typeof t[0]==="string"){var n=true;switch(t[0]){case"setDefaults":e.extend(s,t[1]);break;default:n=false;break}if(n)return true;else return this}else{return this}}else{if(typeof t[0]==="string"){var r="#*$~&";this.each(function(){var n=e(this).data("tooltipster");if(n){switch(t[0]){case"content":case"update":if(typeof t[1]==="undefined"){r=n.content;return false}else{n.updateTooltip(t[1]);break};case"destroy":n.hideTooltip();if(n.$el[0]!==n.$elProxy[0])n.$elProxy.remove();var i=typeof n.content==="string"?n.content:e("<div></div>").append(n.content).html();n.$el.removeClass("tooltipstered").attr("title",i).removeData("tooltipster").off("."+n.namespace);break;case"disable":n.hideTooltip();n.enabled=false;break;case"elementIcon":r=n.$el[0]!==n.$elProxy[0]?n.$elProxy[0]:undefined;return false;case"elementTooltip":r=n.$tooltip?n.$tooltip[0]:undefined;return false;case"enable":n.enabled=true;break;case"hide":n.hideTooltip();break;case"option":r=n.options[t[1]];break;case"reposition":n.positionTooltip();break;case"show":n.showTooltipNow();break;case"status":r=n.status;return false;default:throw new Error('Unknown method .tooltipster("'+t[0]+'")');break}}else{throw new Error("You called Tooltipster's \""+t[0]+'" method on an uninitialized element')}});return r!=="#*$~&"?r:this}else{return this.each(function(){if(!e(this).data("tooltipster")){e(this).data("tooltipster",new o(this,t[0]))}})}}};var a=!!("ontouchstart"in t);var f=false;e("body").one("mousemove",function(){f=true})})(jQuery,window,document);
\ No newline at end of file
diff --git a/templates/themes/favelog/theme.php b/templates/themes/favelog/theme.php
new file mode 100644
index 00000000..29a91931
--- /dev/null
+++ b/templates/themes/favelog/theme.php
@@ -0,0 +1,133 @@
+<?php
+	require 'info.php';
+	
+	function favelog_build($action, $settings, $board) {
+		global $config;
+		
+		// Possible values for $action:
+		//	- all (rebuild everything, initialization)
+		//	- news (news has been updated)
+		//	- boards (board list changed)
+		//	- post (a reply has been made)
+		//	- post-thread (a thread has been made)
+		
+		$boards = explode(' ', $settings['boards']);
+				
+		if ($action == 'all') {
+			copy('templates/themes/favelog/catalog.css', 'stylesheets/' . $settings['css']);
+
+			if($settings['use_tooltipster']) {
+				copy('templates/themes/favelog/tooltipster.css', 'stylesheets/tooltipster.css');
+				copy('templates/themes/favelog/jquery.tooltipster.min.js', 'js/jquery.tooltipster.min.js');
+			}
+
+			copy('templates/themes/favelog/jquery.mixitup.min.js', 'js/jquery.mixitup.min.js');
+			copy('templates/themes/favelog/favelog.js', 'js/favelog.js');
+			
+			foreach ($boards as $board) {
+				$b = new Favelog();
+				$b->build($settings, $board);
+			}
+		} elseif ($action == 'post-thread' || ($settings['update_on_posts'] && $action == 'post') || ($settings['update_on_posts'] && $action == 'post-delete') && in_array($board, $boards)) {
+			$b = new Favelog();
+			$b->build($settings, $board);
+		}
+	}
+	
+	// Wrap functions in a class so they don't interfere with normal Tinyboard operations
+	class Favelog {
+		public function build($settings, $board_name) {
+			global $config, $board;
+			
+			openBoard($board_name);
+			
+			$recent_images = array();
+			$recent_posts = array();
+			$stats = array();
+			
+			$query = query(sprintf("SELECT *, `id` AS `thread_id`, (SELECT COUNT(*) FROM ``posts_%s`` WHERE `thread` = `thread_id`) AS `reply_count`, (SELECT COUNT(*) FROM ``posts_%s`` WHERE `thread` = `thread_id` AND `filesize` IS NOT NULL) AS `image_count`, (SELECT `time` FROM ``posts_%s`` WHERE `thread` = `thread_id` ORDER BY `time` DESC LIMIT 1) AS `last_reply`, (SELECT `name` FROM ``posts_%s`` WHERE `thread` = `thread_id` ORDER BY `time` DESC LIMIT 1) AS `last_reply_name`, (SELECT `subject` FROM ``posts_%s`` WHERE `thread` = `thread_id` ORDER BY `time` DESC LIMIT 1) AS `last_reply_subject`, '%s' AS `board` FROM ``posts_%s`` WHERE `thread` IS NULL ORDER BY `bump` DESC", $board_name, $board_name, $board_name, $board_name, $board_name, $board_name, $board_name)) or error(db_error());
+			
+			while ($post = $query->fetch(PDO::FETCH_ASSOC)) {
+				$post['link'] = $config['root'] . $board['dir'] . $config['dir']['res'] . sprintf($config['file_page'], ($post['thread'] ? $post['thread'] : $post['id']));
+				$post['board_name'] = $board['name'];
+				$post['file'] = $config['uri_thumb'] . $post['thumb'];
+				
+				if ($settings['use_tooltipster']) {
+					$post['muhdifference'] = $this->getDiferenca($post['time']);
+					
+					if ($post['last_reply']) 
+						$post['last_reply_difference'] = $this->getDiferenca($post['last_reply']);
+				}
+
+				$recent_posts[] = $post;
+			}
+			
+			file_write($config['dir']['home'] . $board_name . '/catalog.html', Element('themes/favelog/catalog.html', Array(
+				'settings' => $settings,
+				'config' => $config,
+				'boardlist' => createBoardlist(),
+				'recent_images' => $recent_images,
+				'recent_posts' => $recent_posts,
+				'stats' => $stats,
+				'board' => $board_name,
+				'link' => $config['root'] . $board['dir']
+			)));
+		}
+
+		public function getDiferenca($muhtime)
+		{
+			$postagem = new DateTime(date("Y-m-d H:i:s", $muhtime));
+			$agora = new DateTime(date("Y-m-d H:i:s"));
+			$intervalo = $postagem->diff($agora);
+			$anos = $intervalo->format('%y');
+			$meses = $intervalo->format('%m');
+			$dias = $intervalo->format('%d');
+			$horas = $intervalo->format('%h');
+			$minutos = $intervalo->format('%i');
+			$segundos = $intervalo->format('%s');
+
+			$diferenca = ""; // adicionar o 'há' depois
+			if ($anos) {
+				if ($meses) {
+					$diferenca.= ($anos>1)? $anos.' anos e ' : $anos.' ano e ';
+					$diferenca.= ($meses>1)? $meses.' meses.' : $meses.' mês.';
+				} else {
+					$diferenca.= ($anos>1)? $anos.' anos.' : $anos.' ano.';
+				}
+			} elseif($meses) {
+				if ($dias) {
+					$diferenca.= ($meses>1)? $meses.' meses e ' : $meses.' mês e ';
+					$diferenca.= ($dias>1)? $dias.' dias.' : $dias.' dia.';
+				} else {
+					$diferenca.= ($meses>1)? $meses.' meses.' : $meses.' mês.';
+				}
+			} elseif ($dias) {
+				if ($horas) {
+					$diferenca.= ($dias>1)? $dias.' dias e ' : $dias.' dia e ';
+					$diferenca.= ($horas>1)? $horas.' horas.' : $horas.' hora.';
+				} else {
+					$diferenca.= ($dias>1)? $dias.' dias.' : $dias.' dia.';
+				}
+			} elseif ($horas) {
+				if ($minutos) {
+					$diferenca.= ($horas>1)? $horas.' horas e ' : $horas.' hora e ';
+					$diferenca.= ($minutos>1)? $minutos.' minutos.' : $minutos.' minuto.';
+				} else {
+					$diferenca.= ($horas>1)? $horas.' horas.' : $horas.' hora.';
+				}
+			} elseif ($minutos) {
+				if ($segundos) {
+					$diferenca.= ($minutos>1)? $minutos.' minutos e ' : $minutos.' minuto e ';
+					$diferenca.= ($segundos>1)? $segundos.' segundos.' : $segundos.' segundo.';
+				} else {
+					$diferenca.= ($minutos>1)? $minutos.' minutos.' : $minutos.' minuto.';
+				}
+			} elseif ($segundos) {
+				$diferenca.= ($segundos>1)? $segundos.' segundos.' : $segundos.' segundo.';
+			}
+
+			if (!empty($diferenca))
+				$diferenca = 'há '.$diferenca;
+			return $diferenca;
+		}
+	};
diff --git a/templates/themes/favelog/thumb.png b/templates/themes/favelog/thumb.png
new file mode 100644
index 00000000..9d78f588
Binary files /dev/null and b/templates/themes/favelog/thumb.png differ
diff --git a/templates/themes/favelog/tooltipster.css b/templates/themes/favelog/tooltipster.css
new file mode 100644
index 00000000..e5c609cc
--- /dev/null
+++ b/templates/themes/favelog/tooltipster.css
@@ -0,0 +1,274 @@
+/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
+.tooltipster-default {
+	border-radius: 5px; 
+	border: 2px solid #000;
+	background: #4c4c4c;
+	color: #fff;
+}
+
+/* Use this next selector to style things like font-size and line-height: */
+.tooltipster-default .tooltipster-content {
+	font-family: Arial, sans-serif;
+	font-size: 14px;
+	line-height: 16px;
+	padding: 8px 10px;
+	overflow: hidden;
+}
+
+/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
+.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
+	/* border-color: ... !important; */
+}
+
+
+/* If you're using the icon option, use this next selector to style them */
+.tooltipster-icon {
+	cursor: help;
+	margin-left: 4px;
+}
+
+
+
+
+
+
+
+
+/* This is the base styling required to make all Tooltipsters work */
+.tooltipster-base {
+	padding: 0;
+	font-size: 0;
+	line-height: 0;
+	position: absolute;
+	left: 0;
+	top: 0;
+	z-index: 9999999;
+	pointer-events: none;
+	width: auto;
+	overflow: visible;
+}
+.tooltipster-base .tooltipster-content {
+	overflow: hidden;
+}
+
+
+/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
+.tooltipster-arrow {
+	display: block;
+	text-align: center;
+	width: 100%;
+	height: 100%;
+	position: absolute;
+	top: 0;
+	left: 0;
+	z-index: -1;
+}
+.tooltipster-arrow span, .tooltipster-arrow-border {
+	display: block;
+	width: 0; 
+	height: 0;
+	position: absolute;
+}
+.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
+	border-left: 8px solid transparent !important;
+	border-right: 8px solid transparent !important;
+	border-top: 8px solid;
+	bottom: -7px;
+}
+.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
+	border-left: 9px solid transparent !important;
+	border-right: 9px solid transparent !important;
+	border-top: 9px solid;
+	bottom: -7px;
+}
+
+.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
+	border-left: 8px solid transparent !important;
+	border-right: 8px solid transparent !important;
+	border-bottom: 8px solid;
+	top: -7px;
+}
+.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
+	border-left: 9px solid transparent !important;
+	border-right: 9px solid transparent !important;
+	border-bottom: 9px solid;
+	top: -7px;
+}
+.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
+	left: 0;
+	right: 0;
+	margin: 0 auto;
+}
+.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
+	left: 6px;
+}
+.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
+	left: 5px;
+}
+.tooltipster-arrow-top-right span,  .tooltipster-arrow-bottom-right span {
+	right: 6px;
+}
+.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
+	right: 5px;
+}
+.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
+	border-top: 8px solid transparent !important;
+	border-bottom: 8px solid transparent !important; 
+	border-left: 8px solid;
+	top: 50%;
+	margin-top: -7px;
+	right: -7px;
+}
+.tooltipster-arrow-left .tooltipster-arrow-border {
+	border-top: 9px solid transparent !important;
+	border-bottom: 9px solid transparent !important; 
+	border-left: 9px solid;
+	margin-top: -8px;
+}
+.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
+	border-top: 8px solid transparent !important;
+	border-bottom: 8px solid transparent !important; 
+	border-right: 8px solid;
+	top: 50%;
+	margin-top: -7px;
+	left: -7px;
+}
+.tooltipster-arrow-right .tooltipster-arrow-border {
+	border-top: 9px solid transparent !important;
+	border-bottom: 9px solid transparent !important; 
+	border-right: 9px solid;
+	margin-top: -8px;
+}
+
+
+/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */
+
+.tooltipster-fade {
+	opacity: 0;
+	-webkit-transition-property: opacity;
+	-moz-transition-property: opacity;
+	-o-transition-property: opacity;
+	-ms-transition-property: opacity;
+	transition-property: opacity;
+}
+.tooltipster-fade-show {
+	opacity: 1;
+}
+
+.tooltipster-grow {
+	-webkit-transform: scale(0,0);
+	-moz-transform: scale(0,0);
+	-o-transform: scale(0,0);
+	-ms-transform: scale(0,0);
+	transform: scale(0,0);
+	-webkit-transition-property: -webkit-transform;
+	-moz-transition-property: -moz-transform;
+	-o-transition-property: -o-transform;
+	-ms-transition-property: -ms-transform;
+	transition-property: transform;
+	-webkit-backface-visibility: hidden;
+}
+.tooltipster-grow-show {
+	-webkit-transform: scale(1,1);
+	-moz-transform: scale(1,1);
+	-o-transform: scale(1,1);
+	-ms-transform: scale(1,1);
+	transform: scale(1,1);
+	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
+	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
+	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
+	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
+	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
+}
+
+.tooltipster-swing {
+	opacity: 0;
+	-webkit-transform: rotateZ(4deg);
+	-moz-transform: rotateZ(4deg);
+	-o-transform: rotateZ(4deg);
+	-ms-transform: rotateZ(4deg);
+	transform: rotateZ(4deg);
+	-webkit-transition-property: -webkit-transform, opacity;
+	-moz-transition-property: -moz-transform;
+	-o-transition-property: -o-transform;
+	-ms-transition-property: -ms-transform;
+	transition-property: transform;
+}
+.tooltipster-swing-show {
+	opacity: 1;
+	-webkit-transform: rotateZ(0deg);
+	-moz-transform: rotateZ(0deg);
+	-o-transform: rotateZ(0deg);
+	-ms-transform: rotateZ(0deg);
+	transform: rotateZ(0deg);
+	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
+	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
+	-moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
+	-ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
+	-o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
+	transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
+}
+
+.tooltipster-fall {
+	top: 0;
+	-webkit-transition-property: top;
+	-moz-transition-property: top;
+	-o-transition-property: top;
+	-ms-transition-property: top;
+	transition-property: top;
+	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
+	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
+	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
+	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
+	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
+}
+.tooltipster-fall-show {
+}
+.tooltipster-fall.tooltipster-dying {
+	-webkit-transition-property: all;
+	-moz-transition-property: all;
+	-o-transition-property: all;
+	-ms-transition-property: all;
+	transition-property: all;
+	top: 0px !important;
+	opacity: 0;
+}
+
+.tooltipster-slide {
+	left: -40px;
+	-webkit-transition-property: left;
+	-moz-transition-property: left;
+	-o-transition-property: left;
+	-ms-transition-property: left;
+	transition-property: left;
+	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
+	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
+	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
+	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
+	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
+}
+.tooltipster-slide.tooltipster-slide-show {
+}
+.tooltipster-slide.tooltipster-dying {
+	-webkit-transition-property: all;
+	-moz-transition-property: all;
+	-o-transition-property: all;
+	-ms-transition-property: all;
+	transition-property: all;
+	left: 0px !important;
+	opacity: 0;
+}
+
+
+/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
+.tooltipster-content-changing {
+	opacity: 0.5;
+	-webkit-transform: scale(1.1, 1.1);
+	-moz-transform: scale(1.1, 1.1);
+	-o-transform: scale(1.1, 1.1);
+	-ms-transform: scale(1.1, 1.1);
+	transform: scale(1.1, 1.1);
+}
-- 
cgit v1.3


From 1e78987ef638cc899be7993d3a7938e51b16ad6d Mon Sep 17 00:00:00 2001
From: sinuca <55vitaminado@gmail.com>
Date: Tue, 18 Mar 2014 00:39:13 -0300
Subject: Added ukko and favelaframes themes

---
 templates/themes/favelaframes/favelaframes.css |  84 ++++++++++++++++++++
 templates/themes/favelaframes/frames.html      | 102 +++++++++++++++++++++++++
 templates/themes/favelaframes/info.php         |  87 +++++++++++++++++++++
 templates/themes/favelaframes/news.html        |  40 ++++++++++
 templates/themes/favelaframes/sidebar.html     |  38 +++++++++
 templates/themes/favelaframes/theme.php        |  74 ++++++++++++++++++
 templates/themes/favelaframes/thumb.png        | Bin 0 -> 7571 bytes
 7 files changed, 425 insertions(+)
 create mode 100644 templates/themes/favelaframes/favelaframes.css
 create mode 100644 templates/themes/favelaframes/frames.html
 create mode 100644 templates/themes/favelaframes/info.php
 create mode 100644 templates/themes/favelaframes/news.html
 create mode 100644 templates/themes/favelaframes/sidebar.html
 create mode 100644 templates/themes/favelaframes/theme.php
 create mode 100644 templates/themes/favelaframes/thumb.png

(limited to 'templates/themes')

diff --git a/templates/themes/favelaframes/favelaframes.css b/templates/themes/favelaframes/favelaframes.css
new file mode 100644
index 00000000..5f0f0db6
--- /dev/null
+++ b/templates/themes/favelaframes/favelaframes.css
@@ -0,0 +1,84 @@
+body {
+	font-family: sans-serif;
+	background: none repeat scroll 0 0 #EEFDFF;
+	font-size: 12px;
+	margin: 6px;
+	padding: 0;
+}
+
+h1.title {
+	font-family: Verdana, Tahoma, sans-serif;
+	font-size: 23px;
+	color: #333300;
+	margin-top: 1em;
+	background: none;
+	letter-spacing: normal;
+}
+
+header div.subtitle {
+	font-family: Verdana, Tahoma, sans-serif;
+	color: #333300;
+	font-weight: normal;
+	font-size: medium;
+	font-style: italic;
+}
+
+div.favelito {
+	text-align: center;
+}
+
+.favelito {
+	display: block;
+	height: auto;
+	max-width: 100%;
+	vertical-align: middle;
+}
+
+div.news-content {
+	margin-left: 1em;
+	text-align: justify;
+}
+
+h2 {
+	color: #000;
+	background: #D6F0E4;
+}
+
+div.sidebar h2 {
+	font-family: Verdana, Tahoma, sans-serif;
+	font-size: 18px;
+}
+
+div.sidebar h3 {
+	margin: 0;
+	background: #D6F0E4;
+	font-size: 100%
+}
+
+div.fav_irc h4 {
+	font-family: Verdana, Tahoma, sans-serif;
+	margin: 0;
+	font-size: 10px;
+	background: #D6F0E4;
+}
+
+div.fav_irc h4 a {
+	color: #FF7800;
+	text-decoration: none;
+	vertical-align: top;
+}
+
+ul.fav_nav {
+	margin-top: 0;
+	padding: 0;
+	list-style: none;
+}
+
+ul.fav_nav a {
+	text-decoration: none;
+	color: #555500;
+}
+
+.sidebar a:hover {
+	text-decoration: underline;
+}
\ No newline at end of file
diff --git a/templates/themes/favelaframes/frames.html b/templates/themes/favelaframes/frames.html
new file mode 100644
index 00000000..ccbd377e
--- /dev/null
+++ b/templates/themes/favelaframes/frames.html
@@ -0,0 +1,102 @@
+<!doctype html>
+<html>
+<head>
+        <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
+        <!-- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> -->
+	<link rel="stylesheet" media="screen" href="{{ config.url_stylesheet }}">
+	{% if settings.tryresponsive %}
+	<script type="text/javascript" src="{{ config.additional_javascript_url }}js/jquery.min.js"></script>
+	<script type="text/javascript">
+        $().ready(function () {
+            $(".botao-55").click(function () {
+                $("iframe#sidebar").toggleClass("sidebar-vem");
+                $("iframe#main").toggleClass("mainbar-pls");
+            });
+        });
+    </script>
+    {% endif %}
+    <style type="text/css">
+        iframe {
+            border: none;
+            margin: 0;
+            padding: 0;
+            height: 99%;
+            position: absolute
+        }
+        iframe#sidebar {
+            left: 0;
+            top: 0;
+            width: 15%
+        }
+        iframe#main {
+            left: 15%;
+            top: 0;
+            width: 85%
+        }
+        iframe.sidebar-vem {
+            left: 0!important;
+        }
+        iframe.mainbar-pls {
+            left: 15%!important;
+        }
+        .botao-55 {
+            position: fixed;
+            top: 5px;
+            right: 5px;
+            cursor: pointer;
+            background-color: #EEE;
+            opacity: 0.3;
+            display: none;
+            border-radius: 3px;
+            border-width: 1px;
+			border-style: solid;
+			border-color: #B7C5D9;
+        }
+        .botao-55:hover {
+            opacity: 1;
+        }
+        .span-55 {
+            font-family: Verdana, Tahoma, sans-serif;
+            font-size: 50px;
+            font-weight: bolder;
+        }
+        {% if settings.tryresponsive %}
+        @media screen and (max-width: 767px) {
+            .botao-55 {
+                display: block;
+            }
+            iframe#sidebar {
+                width: 45%;
+                left: -45%;
+                -webkit-transition: all 0.25s ease-out;
+                -moz-transition: all 0.25s ease-out;
+                -o-transition: all 0.25s ease-out;
+                transition: all 0.25s ease-out;
+            }
+            iframe#main {
+                left: 0;
+                width: 100%;
+                -webkit-transition: all 0.25s ease-out;
+                -moz-transition: all 0.25s ease-out;
+                -o-transition: all 0.25s ease-out;
+                transition: all 0.25s ease-out;
+            }
+            iframe.mainbar-pls {
+                left: 45%!important;
+            }
+            iframe.sidebar-vem {
+                left: 0!important;
+            }
+        }
+        {% endif %}
+    </style>
+	<title>{{ settings.title }}</title>
+</head>
+<body>
+	<iframe src="{{ settings.file_sidebar }}" id="sidebar" name="sidebar"></iframe>
+	<iframe src="{{ settings.file_news }}" id="main" name="main"></iframe>
+	<div class="botao-55">
+		<span class="span-55">55</span>
+	</div>
+</body>
+</html>
diff --git a/templates/themes/favelaframes/info.php b/templates/themes/favelaframes/info.php
new file mode 100644
index 00000000..b82a2b6d
--- /dev/null
+++ b/templates/themes/favelaframes/info.php
@@ -0,0 +1,87 @@
+<?php
+	$theme = Array();
+	
+	// Theme name
+	$theme['name'] = 'Favelaframes';
+	// Description (you can use Tinyboard markup here)
+	$theme['description'] = 
+'Use a basic frameset layout, with a list of boards and pages on a sidebar to the left of the page.
+
+Users never have to leave the homepage; they can do all their browsing from the one page.';
+	$theme['version'] = 'v0.1';
+	
+	// Theme configuration	
+	$theme['config'] = Array();
+	
+	$theme['config'][] = Array(
+		'title' => 'Site title',
+		'name' => 'title',
+		'type' => 'text'
+	);
+	
+	$theme['config'][] = Array(
+		'title' => 'Slogan',
+		'name' => 'subtitle',
+		'type' => 'text',
+		'comment' => '(optional)'
+	);
+	
+	$theme['config'][] = Array(
+		'title' => 'Main HTML file',
+		'name' => 'file_main',
+		'type' => 'text',
+		'default' => $config['file_index'],
+		'comment' => '(eg. "index.html")'
+	);
+	
+	$theme['config'][] = Array(
+		'title' => 'Sidebar file',
+		'name' => 'file_sidebar',
+		'type' => 'text',
+		'default' => 'sidebar.html',
+		'comment' => '(eg. "sidebar.html")'
+	);
+	
+	$theme['config'][] = Array(
+		'title' => 'News file',
+		'name' => 'file_news',
+		'type' => 'text',
+		'default' => 'news.html',
+		'comment' => '(eg. "news.html")'
+	);
+
+	$theme['config'][] = Array(
+		'title' => 'IRC url',
+		'name' => 'irc_url',
+		'type' => 'text',
+		'default' => 'http://qchat.rizon.net/?nick=Anao.&channels=55ch&uio=d4',
+		'comment' => '(optional) Link to IRC channel'
+	);
+
+	$theme['config'][] = Array(
+		'title' => 'IRC address',
+		'name' => 'irc_address',
+		'type' => 'text',
+		'default' => '#55ch@rizon.net',
+		'comment' => '(optional) IRC channel address to appear as a label to the url entered above'
+	);
+	
+	$theme['config'][] = Array(
+		'title' => 'CSS file',
+		'name' => 'css',
+		'type' => 'text',
+		'default' => 'favelaframes.css',
+		'comment' => '(eg. "favelaframes.css")'
+	);
+
+	$theme['config'][] = Array(
+		'title' => 'Try the little responsive thingy thing',
+		'name' => 'tryresponsive',
+		'type' => 'checkbox',
+		'default' => true,
+		'comment' => 'With this checked, the menu frame will become collapsible when viewport width is under 767px.'
+	);
+
+	// Unique function name for building everything
+	$theme['build_function'] = 'favelaframes_build';
+?>
diff --git a/templates/themes/favelaframes/news.html b/templates/themes/favelaframes/news.html
new file mode 100644
index 00000000..2b32a78b
--- /dev/null
+++ b/templates/themes/favelaframes/news.html
@@ -0,0 +1,40 @@
+{% filter remove_whitespace %}
+<!doctype html>
+<html>
+<head>
+        <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
+	<title>{{ settings.title }}</title>
+	<link rel="stylesheet" media="screen" href="{{ config.url_stylesheet }}"/>
+	<link rel="stylesheet" media="screen" href="{{ config.uri_stylesheets }}{{ settings.css }}">
+</head>
+<body>
+	<header>
+		<div class="favelito">
+			<img src="{{ config.root }}static/favelito.png" alt="Favelito">
+		</div>
+		<h1 class="title">{{ settings.title }}</h1>
+		<div class="subtitle">"{{ settings.subtitle }}"</div>
+	</header>
+	
+	<div class="news-content">
+		{% if news|count == 0 %}
+			<p style="text-align:center" class="unimportant">(No news to show.)</p>
+		{% else %}
+			{% for entry in news %}
+				<h2 id="{{ entry.id }}">
+					{% if entry.subject %}
+						{{ entry.subject }}
+					{% else %}
+						<em>no subject</em>
+					{% endif %}
+					<span class="unimportant"> &mdash; by {{ entry.name }} at {{ entry.time|date(config.post_date) }}</span>
+				</h2>
+				<p>{{ entry.body }}</p>
+			{% endfor %}
+		{% endif %}
+	</div>
+	
+	<p class="unimportant" style="margin-top:20px;text-align:center;">Powered by <a href="http://tinyboard.org/">Tinyboard</a> {{ config.version }} | <a href="http://tinyboard.org/">Tinyboard</a> Copyright &copy; 2010-2012 Tinyboard Development Group</p>
+</body>
+</html>
+{% endfilter %}
diff --git a/templates/themes/favelaframes/sidebar.html b/templates/themes/favelaframes/sidebar.html
new file mode 100644
index 00000000..5ee84d80
--- /dev/null
+++ b/templates/themes/favelaframes/sidebar.html
@@ -0,0 +1,38 @@
+{% filter remove_whitespace %}
+<!doctype html>
+<html>
+<head>
+        <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
+	<title>{{ settings.title }}</title>
+	<link rel="stylesheet" media="screen" href="{{ config.url_stylesheet }}"/>
+	<link rel="stylesheet" media="screen" href="{{ config.uri_stylesheets }}{{ settings.css }}">
+	
+	<base target="main"/>
+</head>
+<body>
+	<div class="sidebar">
+		<h2>{{ settings.title }}</h2>
+		<div class="fav_irc">
+			<h4>
+				<a href="{{ settings.irc_url }}" target="_blank">{{ settings.irc_address }}</a>
+			</h4>
+		</div>
+		
+		{% for category, boards in categories %}
+			<h3>
+				{{ category }}
+			</h3>
+			<div id="{{ category }}" class="fav_category_div">
+				<ul class="fav_nav">
+					{% for board in boards %}
+						<li>
+							<a href="{{ board.uri }}">/{{ board.uri }} - {{ board.title|e }}</a>
+						</li>
+					{% endfor %}
+				</ul>
+			</div>
+		{% endfor %}
+	</div>
+</body>
+</html>
+{% endfilter %}
diff --git a/templates/themes/favelaframes/theme.php b/templates/themes/favelaframes/theme.php
new file mode 100644
index 00000000..d31a324e
--- /dev/null
+++ b/templates/themes/favelaframes/theme.php
@@ -0,0 +1,74 @@
+<?php
+	require 'info.php';
+	
+	function favelaframes_build($action, $settings, $board) {
+		// Possible values for $action:
+		//	- all (rebuild everything, initialization)
+		//	- news (news has been updated)
+		//	- boards (board list changed)
+		
+		Favelaframes::build($action, $settings);
+	}
+
+	// Wrap functions in a class so they don't interfere with normal Tinyboard operations
+	class Favelaframes {
+		public static function build($action, $settings) {
+			global $config;
+			
+			if ($action == 'all') {
+				copy('templates/themes/favelaframes/favelaframes.css', $config['dir']['home'] . 'stylesheets/' . $settings['css']);
+				file_write($config['dir']['home'] . $settings['file_main'], Favelaframes::homepage($settings));
+			}
+			
+			if ($action == 'all' || $action == 'boards')
+				file_write($config['dir']['home'] . $settings['file_sidebar'], Favelaframes::sidebar($settings));
+			
+			if ($action == 'all' || $action == 'news')
+				file_write($config['dir']['home'] . $settings['file_news'], Favelaframes::news($settings));
+		}
+		
+		// Build homepage
+		public static function homepage($settings) {
+			global $config;
+			
+			return Element('themes/favelaframes/frames.html', Array('config' => $config, 'settings' => $settings));
+		}
+		
+		// Build news page
+		public static function news($settings) {
+			global $config;
+			
+			$query = query("SELECT * FROM ``news`` ORDER BY `time` DESC") or error(db_error());
+			$news = $query->fetchAll(PDO::FETCH_ASSOC);
+			
+			return Element('themes/favelaframes/news.html', Array(
+				'settings' => $settings,
+				'config' => $config,
+				'news' => $news
+			));
+		}
+		
+		// Build sidebar
+		public static function sidebar($settings) {
+			global $config, $board;
+
+			$categories = $config['categories'];
+			
+			foreach ($categories as &$boards) {
+				foreach ($boards as &$board) {
+					$title = boardTitle($board);
+					if (!$title)
+						$title = $board; // board doesn't exist, but for some reason you want to display it anyway
+					$board = Array('title' => $title, 'uri' => sprintf($config['board_path'], $board));
+				}
+			}
+			
+			return Element('themes/favelaframes/sidebar.html', Array(
+				'settings' => $settings,
+				'config' => $config,
+				'categories' => $categories
+			));
+		}
+	};
+	
+?>
diff --git a/templates/themes/favelaframes/thumb.png b/templates/themes/favelaframes/thumb.png
new file mode 100644
index 00000000..df18a8e9
Binary files /dev/null and b/templates/themes/favelaframes/thumb.png differ
-- 
cgit v1.3


From b1490bed316f64e1e4a4215aebe90e990801e446 Mon Sep 17 00:00:00 2001
From: czaks <marcin@6irc.net>
Date: Tue, 25 Mar 2014 12:09:59 +0100
Subject: favelaframes is nothing more than frameset AFAIC

---
 templates/themes/favelaframes/favelaframes.css |  84 --------------------
 templates/themes/favelaframes/frames.html      | 102 -------------------------
 templates/themes/favelaframes/info.php         |  87 ---------------------
 templates/themes/favelaframes/news.html        |  40 ----------
 templates/themes/favelaframes/sidebar.html     |  38 ---------
 templates/themes/favelaframes/theme.php        |  74 ------------------
 templates/themes/favelaframes/thumb.png        | Bin 7571 -> 0 bytes
 7 files changed, 425 deletions(-)
 delete mode 100644 templates/themes/favelaframes/favelaframes.css
 delete mode 100644 templates/themes/favelaframes/frames.html
 delete mode 100644 templates/themes/favelaframes/info.php
 delete mode 100644 templates/themes/favelaframes/news.html
 delete mode 100644 templates/themes/favelaframes/sidebar.html
 delete mode 100644 templates/themes/favelaframes/theme.php
 delete mode 100644 templates/themes/favelaframes/thumb.png

(limited to 'templates/themes')

diff --git a/templates/themes/favelaframes/favelaframes.css b/templates/themes/favelaframes/favelaframes.css
deleted file mode 100644
index 5f0f0db6..00000000
--- a/templates/themes/favelaframes/favelaframes.css
+++ /dev/null
@@ -1,84 +0,0 @@
-body {
-	font-family: sans-serif;
-	background: none repeat scroll 0 0 #EEFDFF;
-	font-size: 12px;
-	margin: 6px;
-	padding: 0;
-}
-
-h1.title {
-	font-family: Verdana, Tahoma, sans-serif;
-	font-size: 23px;
-	color: #333300;
-	margin-top: 1em;
-	background: none;
-	letter-spacing: normal;
-}
-
-header div.subtitle {
-	font-family: Verdana, Tahoma, sans-serif;
-	color: #333300;
-	font-weight: normal;
-	font-size: medium;
-	font-style: italic;
-}
-
-div.favelito {
-	text-align: center;
-}
-
-.favelito {
-	display: block;
-	height: auto;
-	max-width: 100%;
-	vertical-align: middle;
-}
-
-div.news-content {
-	margin-left: 1em;
-	text-align: justify;
-}
-
-h2 {
-	color: #000;
-	background: #D6F0E4;
-}
-
-div.sidebar h2 {
-	font-family: Verdana, Tahoma, sans-serif;
-	font-size: 18px;
-}
-
-div.sidebar h3 {
-	margin: 0;
-	background: #D6F0E4;
-	font-size: 100%
-}
-
-div.fav_irc h4 {
-	font-family: Verdana, Tahoma, sans-serif;
-	margin: 0;
-	font-size: 10px;
-	background: #D6F0E4;
-}
-
-div.fav_irc h4 a {
-	color: #FF7800;
-	text-decoration: none;
-	vertical-align: top;
-}
-
-ul.fav_nav {
-	margin-top: 0;
-	padding: 0;
-	list-style: none;
-}
-
-ul.fav_nav a {
-	text-decoration: none;
-	color: #555500;
-}
-
-.sidebar a:hover {
-	text-decoration: underline;
-}
\ No newline at end of file
diff --git a/templates/themes/favelaframes/frames.html b/templates/themes/favelaframes/frames.html
deleted file mode 100644
index ccbd377e..00000000
--- a/templates/themes/favelaframes/frames.html
+++ /dev/null
@@ -1,102 +0,0 @@
-<!doctype html>
-<html>
-<head>
-        <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
-        <!-- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> -->
-	<link rel="stylesheet" media="screen" href="{{ config.url_stylesheet }}">
-	{% if settings.tryresponsive %}
-	<script type="text/javascript" src="{{ config.additional_javascript_url }}js/jquery.min.js"></script>
-	<script type="text/javascript">
-        $().ready(function () {
-            $(".botao-55").click(function () {
-                $("iframe#sidebar").toggleClass("sidebar-vem");
-                $("iframe#main").toggleClass("mainbar-pls");
-            });
-        });
-    </script>
-    {% endif %}
-    <style type="text/css">
-        iframe {
-            border: none;
-            margin: 0;
-            padding: 0;
-            height: 99%;
-            position: absolute
-        }
-        iframe#sidebar {
-            left: 0;
-            top: 0;
-            width: 15%
-        }
-        iframe#main {
-            left: 15%;
-            top: 0;
-            width: 85%
-        }
-        iframe.sidebar-vem {
-            left: 0!important;
-        }
-        iframe.mainbar-pls {
-            left: 15%!important;
-        }
-        .botao-55 {
-            position: fixed;
-            top: 5px;
-            right: 5px;
-            cursor: pointer;
-            background-color: #EEE;
-            opacity: 0.3;
-            display: none;
-            border-radius: 3px;
-            border-width: 1px;
-			border-style: solid;
-			border-color: #B7C5D9;
-        }
-        .botao-55:hover {
-            opacity: 1;
-        }
-        .span-55 {
-            font-family: Verdana, Tahoma, sans-serif;
-            font-size: 50px;
-            font-weight: bolder;
-        }
-        {% if settings.tryresponsive %}
-        @media screen and (max-width: 767px) {
-            .botao-55 {
-                display: block;
-            }
-            iframe#sidebar {
-                width: 45%;
-                left: -45%;
-                -webkit-transition: all 0.25s ease-out;
-                -moz-transition: all 0.25s ease-out;
-                -o-transition: all 0.25s ease-out;
-                transition: all 0.25s ease-out;
-            }
-            iframe#main {
-                left: 0;
-                width: 100%;
-                -webkit-transition: all 0.25s ease-out;
-                -moz-transition: all 0.25s ease-out;
-                -o-transition: all 0.25s ease-out;
-                transition: all 0.25s ease-out;
-            }
-            iframe.mainbar-pls {
-                left: 45%!important;
-            }
-            iframe.sidebar-vem {
-                left: 0!important;
-            }
-        }
-        {% endif %}
-    </style>
-	<title>{{ settings.title }}</title>
-</head>
-<body>
-	<iframe src="{{ settings.file_sidebar }}" id="sidebar" name="sidebar"></iframe>
-	<iframe src="{{ settings.file_news }}" id="main" name="main"></iframe>
-	<div class="botao-55">
-		<span class="span-55">55</span>
-	</div>
-</body>
-</html>
diff --git a/templates/themes/favelaframes/info.php b/templates/themes/favelaframes/info.php
deleted file mode 100644
index b82a2b6d..00000000
--- a/templates/themes/favelaframes/info.php
+++ /dev/null
@@ -1,87 +0,0 @@
-<?php
-	$theme = Array();
-	
-	// Theme name
-	$theme['name'] = 'Favelaframes';
-	// Description (you can use Tinyboard markup here)
-	$theme['description'] = 
-'Use a basic frameset layout, with a list of boards and pages on a sidebar to the left of the page.
-
-Users never have to leave the homepage; they can do all their browsing from the one page.';
-	$theme['version'] = 'v0.1';
-	
-	// Theme configuration	
-	$theme['config'] = Array();
-	
-	$theme['config'][] = Array(
-		'title' => 'Site title',
-		'name' => 'title',
-		'type' => 'text'
-	);
-	
-	$theme['config'][] = Array(
-		'title' => 'Slogan',
-		'name' => 'subtitle',
-		'type' => 'text',
-		'comment' => '(optional)'
-	);
-	
-	$theme['config'][] = Array(
-		'title' => 'Main HTML file',
-		'name' => 'file_main',
-		'type' => 'text',
-		'default' => $config['file_index'],
-		'comment' => '(eg. "index.html")'
-	);
-	
-	$theme['config'][] = Array(
-		'title' => 'Sidebar file',
-		'name' => 'file_sidebar',
-		'type' => 'text',
-		'default' => 'sidebar.html',
-		'comment' => '(eg. "sidebar.html")'
-	);
-	
-	$theme['config'][] = Array(
-		'title' => 'News file',
-		'name' => 'file_news',
-		'type' => 'text',
-		'default' => 'news.html',
-		'comment' => '(eg. "news.html")'
-	);
-
-	$theme['config'][] = Array(
-		'title' => 'IRC url',
-		'name' => 'irc_url',
-		'type' => 'text',
-		'default' => 'http://qchat.rizon.net/?nick=Anao.&channels=55ch&uio=d4',
-		'comment' => '(optional) Link to IRC channel'
-	);
-
-	$theme['config'][] = Array(
-		'title' => 'IRC address',
-		'name' => 'irc_address',
-		'type' => 'text',
-		'default' => '#55ch@rizon.net',
-		'comment' => '(optional) IRC channel address to appear as a label to the url entered above'
-	);
-	
-	$theme['config'][] = Array(
-		'title' => 'CSS file',
-		'name' => 'css',
-		'type' => 'text',
-		'default' => 'favelaframes.css',
-		'comment' => '(eg. "favelaframes.css")'
-	);
-
-	$theme['config'][] = Array(
-		'title' => 'Try the little responsive thingy thing',
-		'name' => 'tryresponsive',
-		'type' => 'checkbox',
-		'default' => true,
-		'comment' => 'With this checked, the menu frame will become collapsible when viewport width is under 767px.'
-	);
-
-	// Unique function name for building everything
-	$theme['build_function'] = 'favelaframes_build';
-?>
diff --git a/templates/themes/favelaframes/news.html b/templates/themes/favelaframes/news.html
deleted file mode 100644
index 2b32a78b..00000000
--- a/templates/themes/favelaframes/news.html
+++ /dev/null
@@ -1,40 +0,0 @@
-{% filter remove_whitespace %}
-<!doctype html>
-<html>
-<head>
-        <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
-	<title>{{ settings.title }}</title>
-	<link rel="stylesheet" media="screen" href="{{ config.url_stylesheet }}"/>
-	<link rel="stylesheet" media="screen" href="{{ config.uri_stylesheets }}{{ settings.css }}">
-</head>
-<body>
-	<header>
-		<div class="favelito">
-			<img src="{{ config.root }}static/favelito.png" alt="Favelito">
-		</div>
-		<h1 class="title">{{ settings.title }}</h1>
-		<div class="subtitle">"{{ settings.subtitle }}"</div>
-	</header>
-	
-	<div class="news-content">
-		{% if news|count == 0 %}
-			<p style="text-align:center" class="unimportant">(No news to show.)</p>
-		{% else %}
-			{% for entry in news %}
-				<h2 id="{{ entry.id }}">
-					{% if entry.subject %}
-						{{ entry.subject }}
-					{% else %}
-						<em>no subject</em>
-					{% endif %}
-					<span class="unimportant"> &mdash; by {{ entry.name }} at {{ entry.time|date(config.post_date) }}</span>
-				</h2>
-				<p>{{ entry.body }}</p>
-			{% endfor %}
-		{% endif %}
-	</div>
-	
-	<p class="unimportant" style="margin-top:20px;text-align:center;">Powered by <a href="http://tinyboard.org/">Tinyboard</a> {{ config.version }} | <a href="http://tinyboard.org/">Tinyboard</a> Copyright &copy; 2010-2012 Tinyboard Development Group</p>
-</body>
-</html>
-{% endfilter %}
diff --git a/templates/themes/favelaframes/sidebar.html b/templates/themes/favelaframes/sidebar.html
deleted file mode 100644
index 5ee84d80..00000000
--- a/templates/themes/favelaframes/sidebar.html
+++ /dev/null
@@ -1,38 +0,0 @@
-{% filter remove_whitespace %}
-<!doctype html>
-<html>
-<head>
-        <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
-	<title>{{ settings.title }}</title>
-	<link rel="stylesheet" media="screen" href="{{ config.url_stylesheet }}"/>
-	<link rel="stylesheet" media="screen" href="{{ config.uri_stylesheets }}{{ settings.css }}">
-	
-	<base target="main"/>
-</head>
-<body>
-	<div class="sidebar">
-		<h2>{{ settings.title }}</h2>
-		<div class="fav_irc">
-			<h4>
-				<a href="{{ settings.irc_url }}" target="_blank">{{ settings.irc_address }}</a>
-			</h4>
-		</div>
-		
-		{% for category, boards in categories %}
-			<h3>
-				{{ category }}
-			</h3>
-			<div id="{{ category }}" class="fav_category_div">
-				<ul class="fav_nav">
-					{% for board in boards %}
-						<li>
-							<a href="{{ board.uri }}">/{{ board.uri }} - {{ board.title|e }}</a>
-						</li>
-					{% endfor %}
-				</ul>
-			</div>
-		{% endfor %}
-	</div>
-</body>
-</html>
-{% endfilter %}
diff --git a/templates/themes/favelaframes/theme.php b/templates/themes/favelaframes/theme.php
deleted file mode 100644
index d31a324e..00000000
--- a/templates/themes/favelaframes/theme.php
+++ /dev/null
@@ -1,74 +0,0 @@
-<?php
-	require 'info.php';
-	
-	function favelaframes_build($action, $settings, $board) {
-		// Possible values for $action:
-		//	- all (rebuild everything, initialization)
-		//	- news (news has been updated)
-		//	- boards (board list changed)
-		
-		Favelaframes::build($action, $settings);
-	}
-
-	// Wrap functions in a class so they don't interfere with normal Tinyboard operations
-	class Favelaframes {
-		public static function build($action, $settings) {
-			global $config;
-			
-			if ($action == 'all') {
-				copy('templates/themes/favelaframes/favelaframes.css', $config['dir']['home'] . 'stylesheets/' . $settings['css']);
-				file_write($config['dir']['home'] . $settings['file_main'], Favelaframes::homepage($settings));
-			}
-			
-			if ($action == 'all' || $action == 'boards')
-				file_write($config['dir']['home'] . $settings['file_sidebar'], Favelaframes::sidebar($settings));
-			
-			if ($action == 'all' || $action == 'news')
-				file_write($config['dir']['home'] . $settings['file_news'], Favelaframes::news($settings));
-		}
-		
-		// Build homepage
-		public static function homepage($settings) {
-			global $config;
-			
-			return Element('themes/favelaframes/frames.html', Array('config' => $config, 'settings' => $settings));
-		}
-		
-		// Build news page
-		public static function news($settings) {
-			global $config;
-			
-			$query = query("SELECT * FROM ``news`` ORDER BY `time` DESC") or error(db_error());
-			$news = $query->fetchAll(PDO::FETCH_ASSOC);
-			
-			return Element('themes/favelaframes/news.html', Array(
-				'settings' => $settings,
-				'config' => $config,
-				'news' => $news
-			));
-		}
-		
-		// Build sidebar
-		public static function sidebar($settings) {
-			global $config, $board;
-
-			$categories = $config['categories'];
-			
-			foreach ($categories as &$boards) {
-				foreach ($boards as &$board) {
-					$title = boardTitle($board);
-					if (!$title)
-						$title = $board; // board doesn't exist, but for some reason you want to display it anyway
-					$board = Array('title' => $title, 'uri' => sprintf($config['board_path'], $board));
-				}
-			}
-			
-			return Element('themes/favelaframes/sidebar.html', Array(
-				'settings' => $settings,
-				'config' => $config,
-				'categories' => $categories
-			));
-		}
-	};
-	
-?>
diff --git a/templates/themes/favelaframes/thumb.png b/templates/themes/favelaframes/thumb.png
deleted file mode 100644
index df18a8e9..00000000
Binary files a/templates/themes/favelaframes/thumb.png and /dev/null differ
-- 
cgit v1.3