maximator/ikrpg.github.io
1
0
Fork 0
mirror of https://github.com/ikrpg/ikrpg.github.io.git synced 2026-05-13 14:27:22 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

New: Ability, Adventuring Company, Alchemy, Archetype, Career, Character Creation, Equipment, Markup, Mechanika, Monsternomicon, Organization, Race, Skill, Spell, Steamjack, Thrall

Browse source
This commit is contained in:
phil 2013-06-12 08:38:42 +02:00
commit 04d184a4db
38 changed files with 7579 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

70
static/javascripts/opaquable.js Normal file
View file

@ -0,0 +1,70 @@
(function() {
function addListener(elem, event, f) {
if (elem.addEventListener) elem.addEventListener(event, f, false);
else elem.attachEvent("on"+event, f);
}
function opaque() {
var jsOnloads = document.querySelectorAll("a.js-opaquable");
for(var index = 0; index < jsOnloads.length; index++) {
var jsOnload = jsOnloads.item(index)
, body = document.querySelector("body")
, article = body.querySelector("article")
, content = article.querySelector("section.content")
, style = window.getComputedStyle(article)
, iniColor = style["color"]
, minColor = "#2C2C2C"
, iniBackgroundColor = style["backgroundColor"]
, minBackgroundColor = "rgba(252, 253, 246, 0.50)";
function recolor(event) {
event.preventDefault();
var backgroundColor = style["backgroundColor"]
, alpha = parseFloat(backgroundColor.replace(/^.*,(.+)\)/,'$1'), 10)
, newBackgroundColor = (alpha > 0.7) ? minBackgroundColor : iniBackgroundColor
, newColor = (alpha > 0.7) ? minColor : iniColor
, text = (alpha > 0.7) ? "&#xE05C;" : "&#xE05D;";
article.style["backgroundColor"] = newBackgroundColor;
body.style["color"] = newColor;
jsOnload.innerHTML = text;
}
function over(event) {
event.preventDefault();
var backgroundColor = style["backgroundColor"];
var minus = "rgba(252, 253, 246, 0.75)";
var plus = "rgba(252, 253, 246, 0.60)";
var alpha = parseFloat(backgroundColor.replace(/^.*,(.+)\)/,'$1'), 10);
if (alpha > 0.8)
article.style["backgroundColor"] = minus;
else if (alpha < 0.7)
article.style["backgroundColor"] = plus;
}
function out(event) {
event.preventDefault();
var backgroundColor = style["backgroundColor"];
var minus = "rgba(252, 253, 246, 0.75)";
var plus = "rgba(252, 253, 246, 0.60)";
var alpha = parseFloat(backgroundColor.replace(/^.*,(.+)\)/,'$1'), 10);
if (alpha > 0.7)
article.style["backgroundColor"] = iniBackgroundColor;
else if (alpha > 0.55)
article.style["backgroundColor"] = minBackgroundColor;
}
addListener(jsOnload, "mouseover", over);
addListener(jsOnload, "mouseout", out);
addListener(jsOnload, "click", recolor);
}
}
if (window.addEventListener) window.addEventListener("DOMContentLoaded", opaque, false);
else window.attachEvent("onload", expand);
}());