Browse Source

Stylesheets, etc.

pull/40/head
Savetheinternet 12 years ago
parent
commit
15a74b1523
  1. 23
      inc/config.php
  2. 21
      inc/functions.php
  3. 10
      main.js
  4. 3
      templates/index.html
  5. 123
      templates/main.js
  6. 1
      templates/page.html
  7. 1
      templates/thread.html

23
inc/config.php

@ -203,6 +203,7 @@
$config['file_page'] = '%d.html';
$config['file_mod'] = 'mod.php';
$config['file_post'] = 'post.php';
$config['file_script'] = 'main.js';
// Multi-board (%s is board abbreviation)
$config['board_path'] = '%s/';
@ -325,6 +326,11 @@
$config['mod']['modlog'] = ADMIN;
// Create a PM (viewing mod usernames)
$config['mod']['create_pm'] = JANITOR;
// Rebuild everything
$config['mod']['rebuild'] = ADMIN;
// Wait indefinitely when rebuilding everything
$config['mod']['rebuild_timelimit'] = 0;
// Mod links (full HTML)
// Correspond to above permission directives
@ -434,6 +440,22 @@
// Always act as if they had typed "noko" in the email field no mattter what
$config['always_noko'] = false;
// Characters used to generate a random password (with Javascript)
$config['genpassword_chars'] = '[email protected]#$%^&*()_+';
// Custom stylesheets available. The prefix for each stylesheet URI is defined below.
$config['stylesheets'] = Array(
// Stylesheet name => URI
'Yotsuba B' => 'default.css',
'Yotsuba' => 'yotsuba.css'
);
// The prefix for each stylesheet URI. Defaults to $config['root']
//$config['uri_stylesheets'] = 'http://static.example.org/stylesheets/';
// The default stylesheet to use
$config['default_stylesheet'] = Array('Yotsuba B', $config['stylesheets']['Yotsuba B']);
// Boardlinks
// You can group, order and place the boardlist at the top of every page, using the following template.
//$config['boards'] = Array(
@ -450,4 +472,5 @@
// $config['url_javascript'] = 'http://static.example.org/main.js';
// $config['url_banner'] = '/banner.php';
// $config['url_favicon'] = '/favicon.gif';
?>

21
inc/functions.php

@ -15,7 +15,7 @@
if(!isset($config['url_stylesheet']))
$config['url_stylesheet'] = $config['root'] . 'style.css';
if(!isset($config['url_javascript']))
$config['url_javascript'] = $config['root'] . 'script.js';
$config['url_javascript'] = $config['root'] . 'main.js';
if(!isset($config['post_url']))
$config['post_url'] = $config['root'] . $config['file_post'];
@ -61,6 +61,9 @@
else
$config['uri_img'] = sprintf($config['uri_img'], $board['dir']);
if(!isset($config['uri_stylesheets']))
$config['uri_stylesheets'] = $config['root'];
if($config['root_file']) {
chdir($config['root_file']);
}
@ -840,6 +843,22 @@
}
}
function buildJavascript() {
global $config;
$stylesheets = Array();
foreach($config['stylesheets'] as $name => $uri) {
$stylesheets[] = Array(
'name' => addslashes($name),
'uri' => addslashes((!empty($uri) ? $config['uri_stylesheets'] : '') . $uri));
}
file_put_contents($config['file_script'], Element('main.js', Array(
'config' => $config,
'stylesheets' => $stylesheets
)));
}
function isDNSBL() {
$dns_black_lists = file('./dnsbl.txt', FILE_IGNORE_NEW_LINES);

10
main.js

@ -41,8 +41,8 @@ function citeReply(id) {
var selectedstyle = 'Yotsuba B';
var styles = [
['Yotsuba B', '/default.css'],
['Yotsuba', '/yotsuba.css']
['Yotsuba B', '/board/default.css'],
['Yotsuba', '/board/yotsuba.css']
];
function changeStyle(x) {
@ -51,12 +51,6 @@ function changeStyle(x) {
selectedstyle = styles[x][0];
}
newLink = document.createElement('link');
newLink.rel = 'stylesheet';
newLink.type = 'text/css';
newLink.id = 'stylesheet';
document.getElementsByTagName('head')[0].insertBefore(newLink, document.getElementsByTagName('link')[0].lastChild)
if(localStorage.stylesheet) {
for(x=0;x<styles.length;x++) {
if(styles[x][1] == localStorage.stylesheet) {

3
templates/index.html

@ -6,8 +6,9 @@
<title>{board[url]} - {board[name]}</title>
<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" />
<script type="text/javascript" src="{config[url_javascript]}"></script>
{config[meta_keywords]?<meta name="keywords" content="{config[meta_keywords]}" />}
<link rel="stylesheet" type="text/css" id="stylesheet" href="{config[uri_stylesheets]}{config[default_stylesheet][1]}">
<script type="text/javascript" src="{config[url_javascript]}"></script>
</head>
<body>
{boardlist[top]}

123
templates/main.js

@ -0,0 +1,123 @@
function highlightReply(id)
{
var divs = document.getElementsByTagName('div');
for (var i = 0; i < divs.length; i++)
{
if (divs[i].className.indexOf('post') != -1)
divs[i].className = divs[i].className.replace(/highlighted/, '');
}
if (id) {
post = document.getElementById('reply_'+id);
if(post)
post.className += ' highlighted';
}
}
function focusId(id)
{
document.getElementById(id).focus();
init();
}
function generatePassword() {
pass = '';
chars = '{config[genpassword_chars]}';
for(i=0;i<8;i++) {
rnd = Math.floor(Math.random() * chars.length);
pass += chars.substring(rnd,rnd + 1);
}
return pass;
}
function dopost(form) {
localStorage.name = form.name.value.replace(/ ##.+$/, '');
if(form.email.value != 'sage')
localStorage.email = form.email.value;
return form.body.value != "" || (typeof form.thread != "undefined" && form.file.value != "");
}
function citeReply(id) {
document.getElementById('body').value += '>>' + id + '\n';
}
var selectedstyle = '{config[default_stylesheet][0]}';
var styles = [
{stylesheets:['{stylesheets[name]}', '{stylesheets[uri]}']{!%last?,
}}
];
function changeStyle(x) {
localStorage.stylesheet = styles[x][1];
document.getElementById('stylesheet').href = styles[x][1];
selectedstyle = styles[x][0];
}
if(localStorage.stylesheet) {
for(x=0;x<styles.length;x++) {
if(styles[x][1] == localStorage.stylesheet) {
changeStyle(x);
break;
}
}
}
function init()
{
newElement = document.createElement('div');
newElement.className = 'styles';
for(x=0;x<styles.length;x++) {
style = document.createElement('a');
style.innerHTML = '[' + styles[x][0] + ']';
style.href = 'javascript:changeStyle(' + x + ');';
if(selectedstyle == styles[x][0])
style.className = 'selected';
newElement.appendChild(style);
}
if(!localStorage.password)
localStorage.password = generatePassword();
elements = document.getElementsByName('password');
for(x=0;x<elements.length;x++) {
elements[x].value = localStorage.password;
}
document.getElementsByTagName('body')[0].insertBefore(newElement, document.getElementsByTagName('body')[0].lastChild)
if (window.location.hash.indexOf('q') == 1)
citeReply(window.location.hash.substring(2));
else if (window.location.hash.substring(1))
highlightReply(window.location.hash.substring(1));
if(localStorage.name)
document.getElementsByTagName('form')[0].name.value = localStorage.name;
if(localStorage.email)
document.getElementsByTagName('form')[0].email.value = localStorage.email;
link = document.getElementsByTagName('a');
for ( i in link ) {
if(typeof link[i] == "object" && link[i].childNodes[0].src) {
link[i].onclick = function() {
if(!this.tag) {
this.tag = this.childNodes[0].src;
this.childNodes[0].src = this.href;
this.childNodes[0].style.width = 'auto';
this.childNodes[0].style.height = 'auto';
this.childNodes[0].style.opacity = '0.4';
this.childNodes[0].style.filter = 'alpha(opacity=40)';
this.childNodes[0].onload = function() {
this.style.opacity = '1';
this.style.filter = '';
}
} else {
this.childNodes[0].src = this.tag;
this.childNodes[0].style.width = 'auto';
this.childNodes[0].style.height = 'auto';
this.tag = '';
}
return false;
}
}
}
}
window.onload = init;

1
templates/page.html

@ -6,6 +6,7 @@
<title>{title}</title>
<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" type="text/css" id="stylesheet" href="{config[uri_stylesheets]}{config[default_stylesheet][1]}">
</head>
<body>
{pm?<div class="top_notice">{pm}</div><hr/>}

1
templates/thread.html

@ -6,6 +6,7 @@
<title>{board[url]} - {board[name]}</title>
<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" type="text/css" id="stylesheet" href="{config[uri_stylesheets]}{config[default_stylesheet][1]}">
<script type="text/javascript" src="{config[url_javascript]}"></script>
</head>
<body>

Loading…
Cancel
Save