Difference between revisions of "Template:Team:Bielefeld-CeBiTec/JS"

(updated zoom feature and added new design)
(updated script for automated contentbox design and adapted script to display title image)
Line 68: Line 68:
 
$("li.navbar-paragraph").attr("style", "line-height: " + ($logoHeight * ((100 - $scrollHeight)/100)) + "px;");
 
$("li.navbar-paragraph").attr("style", "line-height: " + ($logoHeight * ((100 - $scrollHeight)/100)) + "px;");
 
$(".sub-navbar").attr("style", "top: " + ($logoHeight + 16) + "px;");
 
$(".sub-navbar").attr("style", "top: " + ($logoHeight + 16) + "px;");
−
if ($imgSrc == "https://static.igem.org/mediawiki/2017/4/4a/T--Bielefeld-CeBiTec--expand_monochrome_white_2.svg") {
+
/*if ($imgSrc == "https://static.igem.org/mediawiki/2017/4/4a/T--Bielefeld-CeBiTec--expand_monochrome_white_2.svg") {
−
$(".container").attr("style", "margin-top: " + ($logoHeight + 40) + "px;");
+
$(".container").attr("style", "margin-top: " + ($logoHeight + 10) + "px;");
−
}
+
}*/
 
if ($scrollHeight >= 80) {
 
if ($scrollHeight >= 80) {
 
$("li.navbar-paragraph").hide();
 
$("li.navbar-paragraph").hide();
Line 98: Line 98:
 
$(window).on('resize', function(){
 
$(window).on('resize', function(){
 
       resizeNavbar();
 
       resizeNavbar();
−
});
 
−
 
−
$(window).on('load', function() {
 
−
//recolor contentboxes
 
−
$('.contentbox').each(function(i, obj) {
 
−
$color = "#eeeeee";
 
−
if ((i % 2) == 1) {
 
−
$color = "#FFFFFF";
 
−
}
 
−
$content = $(obj).children(".content");
 
−
$(obj).css("background", $color);
 
−
$content.css("background", $color);
 
−
});
 
−
 
−
hideNavbars();
 
−
if ($(document).scrollTop() == 0) {
 
−
$("#logo-img").attr("src", "https://static.igem.org/mediawiki/2017/4/4a/T--Bielefeld-CeBiTec--expand_monochrome_white_2.svg");
 
−
} else {
 
−
$("#logo-img").attr("src", "https://static.igem.org/mediawiki/2017/6/6e/T--Bielefeld-CeBiTec--expand_monochrome_white_2_collapse.svg");
 
−
}
 
−
resizeNavbar();
 
−
$(".cover").hide();
 
−
$("#cover-set").hide();
 
−
$("#cover").css({"background":"rgba(0, 0, 0, 0.5)"});
 
−
$("#cover-box").css({"background":"rgba(255, 255, 255, 1)"});
 
−
$("#cover-box-img").css({"background":"rgba(255, 255, 255, 1)"});
 
−
$("#cover-box-text").css({"background":"rgba(255, 255, 255, 1)"});
 
 
});
 
});
  
Line 202: Line 175:
 
$("#page-switch-next").attr("href", $story[$index + 1]);
 
$("#page-switch-next").attr("href", $story[$index + 1]);
 
}
 
}
 +
 +
//recolor contentboxes
 +
$('.contentbox').each(function(i, obj) {
 +
/*if ((i % 3) == 1) {
 +
$(obj).css("background", "#eeeeee");
 +
} else if ((i % 3) == 2) {
 +
$(obj).css("background", "#ffffff");
 +
} else if ((i % 3) == 0) {
 +
$len = $url.length;
 +
if ($len % 4 == 0) {
 +
$(obj).css("background-image", "url(freezer_bright_small.jpg)");
 +
} else if ($len % 4 == 1) {
 +
$(obj).css("background-image", "url(freezer2_bright_small.jpg)");
 +
} else if ($len % 4 == 2) {
 +
$(obj).css("background-image", "url(plates_bright_small.jpg)");
 +
} else if ($len % 4 == 3) {
 +
$(obj).css("background-image", "url(platestacks_bright_small.jpg)");
 +
}
 +
}*/
 +
if ((i % 2) == 0) {
 +
$(obj).css("background", "#f0f0f0");
 +
} else if ((i % 2) == 1) {
 +
$(obj).css("background", "#ffffff");
 +
}
 +
$content = $(obj).children(".content");
 +
});
 +
 +
hideNavbars();
 +
if ($(document).scrollTop() == 0) {
 +
$("#logo-img").attr("src", "https://static.igem.org/mediawiki/2017/4/4a/T--Bielefeld-CeBiTec--expand_monochrome_white_2.svg");
 +
} else {
 +
$("#logo-img").attr("src", "https://static.igem.org/mediawiki/2017/6/6e/T--Bielefeld-CeBiTec--expand_monochrome_white_2_collapse.svg");
 +
}
 +
resizeNavbar();
 +
$(".cover").hide();
 +
$("#cover-set").hide();
 +
$("#cover").css({"background":"rgba(0, 0, 0, 0.5)"});
 +
$("#cover-box").css({"background":"rgba(255, 255, 255, 1)"});
 +
$("#cover-box-img").css({"background":"rgba(255, 255, 255, 1)"});
 +
$("#cover-box-text").css({"background":"rgba(255, 255, 255, 1)"});
 
 
 
});
 
});

Revision as of 09:29, 3 October 2017