<!DOCTYPE html>
<html lang="{{ site.lang | default: "de" }}">
<head>
<title>{{ site.title }}</title>
<meta property="og:title" content="{{ collectiondata.title }}">
<meta name="description" content="{{ collectiondata.description }}">
<meta property="og:description" content="{{ collectiondata.description }}">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
</script>
<link rel="stylesheet" href="{{ "css/main.css" | relative_url }}">
</head>
<body>
<script>
window.onload = reveal;
function reveal() {
$('.slowimg').each(function(i, obj) {
var i = $(obj).height();
$(obj).wrap("<div class='imagewrap' height='"+i+"px' style='overflow: hidden;'></div>");
$(obj).css('visibility', 'visible');
})
go(0);
}
function go(x) {
if(x == undefined) {
x = 0;
}
var h = x + 50;
var complete = true;
$('.imagewrap').each(function(i, obj) {
h2 = h - (i*50);
if(h2 < 400) {
complete = false;
}
if(h2 > 0 && h2 <=400) {
var hS = ''+h2+'px';
//var marg = $(obj).css("marginBottom").replace('px', '');
var m2 = 400 - h2;
var mS = ''+m2+'px';
$(obj).animate({
'height': hS,
'marginBottom': mS
}, 10);
}
})
if(!complete) {
setTimeout(go, 1800, h);
}
}
</script>
<!--BLINK-->
<script type="text/javascript">
(function() {
var blinks = document.getElementsByTagName('blink');
var visibility = 'hidden';
window.setInterval(function() {
for (var i = blinks.length - 1; i >= 0; i--) {
blinks[i].style.visibility = visibility;
}
visibility = (visibility === 'visible') ? 'hidden' : 'visible';
}, 250);
})();
</script>
<script language="JavaScript1.2">
<!--
/*
Submitted by Marcin Wojtowicz [one_spook@hotmail.com]
Featured on JavaScript Kit (http://javascriptkit.com)
Modified by JK to be IE7+/ Firefox compatible
For this and over 400+ free scripts, visit http://javascriptkit.com
*/
var trailLength = 8 // The length of trail (8 by default; put more for longer "tail")
var path = "/cursor.png" // URL of your image
var standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body //create reference to common "body" across doctypes
var i,d = 0
function initTrail() { // prepares the script
images = new Array() // prepare the image array
for (i = 0; i < parseInt(trailLength); i++) {
images[i] = new Image()
images[i].src = path
}
storage = new Array() // prepare the storage for the coordinates
for (i = 0; i < images.length*3; i++) {
storage[i] = 0
}
for (i = 0; i < images.length; i++) { // make divs for IE and layers for Navigator
document.write('<div id="obj' + i + '" style="position: absolute; z-Index: 100; height: 0; width: 0"><img src="' + images[i].src + '"></div>')
}
trail()
}
function trail() { // trailing function
for (i = 0; i < images.length; i++) { // for every div/layer
document.getElementById("obj" + i).style.top = storage[d]+'px' // the Y-coordinate
document.getElementById("obj" + i).style.left = + storage[d+1]+'px' // the X-coordinate
d = d+2
}
for (i = storage.length; i >= 2; i--) { // save the coordinate for the div/layer that's behind
storage[i] = storage[i-2]
}
d = 0 // reset for future use
var timer = setTimeout("trail()",10) // call recursively
}
function processEvent(e) { // catches and processes the mousemove event
if (window.event) { // for IE
storage[0] = window.event.y+standardbody.scrollTop+10
storage[1] = window.event.x+standardbody.scrollLeft+10
} else {
storage[0] = e.pageY+12
storage[1] = e.pageX+12
}
}
initTrail()
document.onmousemove = processEvent // start capturing
//-->
</script>
<!-- Styles -->
<style>
.marquee {
height: 50px;
overflow: hidden;
position: relative;
}
.marquee h2 {
font-size: 3em;
color: limegreen;
position: absolute;
width: 100%;
height: 100%;
margin: 0;
line-height: 50px;
text-align: center;
/* Starting position */
-moz-transform:translateX(100%);
-webkit-transform:translateX(100%);
transform:translateX(100%);
/* Apply animation to this element */
-moz-animation: example1 15s linear infinite;
-webkit-animation: example1 15s linear infinite;
animation: example1 15s linear infinite;
}
/* Move it (define the animation) */
@-moz-keyframes example1 {
0% { -moz-transform: translateX(100%); }
100% { -moz-transform: translateX(-100%); }
}
@-webkit-keyframes example1 {
0% { -webkit-transform: translateX(100%); }
100% { -webkit-transform: translateX(-100%); }
}
@keyframes example1 {
0% {
-moz-transform: translateX(100%); /* Firefox bug fix */
-webkit-transform: translateX(100%); /* Firefox bug fix */
transform: translateX(100%);
}
100% {
-moz-transform: translateX(-100%); /* Firefox bug fix */
-webkit-transform: translateX(-100%); /* Firefox bug fix */
transform: translateX(-100%);
}
}
</style>
<table style="width: 100%; height: 100%; position: absolute; top: 0; bottom: 0;">
<tr>
<th width=20% valign="top"> {% include sidebar.html %}</th>
<th width=80% valign="top"> {{content}} </th>
</tr>
<tr>
<td colspan = "2"; height="15px">Diese Internetseiten wurden für den Internet Explorer ab Version 6.0 optimiert.</td>
</tr>
</table>
</body>
</html>