czaks
10 years ago
7 changed files with 0 additions and 425 deletions
@ -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; |
|
||||
} |
|
@ -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> |
|
@ -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' => '#[email protected]', |
|
||||
'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'; |
|
||||
?> |
|
@ -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"> — 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 © 2010-2012 Tinyboard Development Group</p> |
|
||||
</body> |
|
||||
</html> |
|
||||
{% endfilter %} |
|
@ -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 %} |
|
@ -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 |
|
||||
)); |
|
||||
} |
|
||||
}; |
|
||||
|
|
||||
?> |
|
Before Width: | Height: | Size: 7.4 KiB |
Loading…
Reference in new issue