mirror of
https://github.com/vichan-devel/vichan.git
synced 2024-11-25 07:50:23 +01:00
Added ukko and favelaframes themes
This commit is contained in:
sinuca
czaks
parent
2e2cdb2e6b
commit
684ba051fe
84
templates/themes/favelaframes/favelaframes.css
Normal file
84
templates/themes/favelaframes/favelaframes.css
Normal file
@ -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;
|
||||
}
|
||||
102
templates/themes/favelaframes/frames.html
Normal file
102
templates/themes/favelaframes/frames.html
Normal file
@ -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>
|
||||
87
templates/themes/favelaframes/info.php
Normal file
87
templates/themes/favelaframes/info.php
Normal file
@ -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';
|
||||
?>
|
||||
40
templates/themes/favelaframes/news.html
Normal file
40
templates/themes/favelaframes/news.html
Normal file
@ -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"> — 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 %}
|
||||
38
templates/themes/favelaframes/sidebar.html
Normal file
38
templates/themes/favelaframes/sidebar.html
Normal file
@ -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 %}
|
||||
74
templates/themes/favelaframes/theme.php
Normal file
74
templates/themes/favelaframes/theme.php
Normal file
@ -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
|
||||
));
|
||||
}
|
||||
};
|
||||
|
||||
?>
|
||||
BIN
templates/themes/favelaframes/thumb.png
Normal file
BIN
templates/themes/favelaframes/thumb.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.4 KiB |
Loading…
Reference in New Issue
Block a user