Team:Heidelberg/DesignTest

From 2013.igem.org

(Difference between revisions)
m
Line 1: Line 1:
-
{{:Team:Heidelberg/Templates/StartPage|DesignTest|Navi_left_Team|1}}
+
 
 +
__NOTOC__
 +
<html>
 +
 
 +
<link rel="stylesheet" href="https://2013.igem.org/Team:Heidelberg/Stylesheet?action=raw&ctype=text/css" type="text/css" />
 +
 
 +
<script type="text/javascript">
 +
<!--
 +
window.onresize = function() {
 +
rotateMenu("menu-team", getMenuAngle(2.2));
 +
rotateMenu("menu-project", getMenuAngle(1.2));
 +
rotateMenu("menu-notebook", getMenuAngle(0.2));
 +
rotateMenu("menu-parts", getMenuAngle(0));
 +
rotateMenu("menu-modelling", getMenuAngle(0.2), -1);
 +
rotateMenu("menu-human", getMenuAngle(1.2), -1);
 +
rotateMenu("menu-safety", getMenuAngle(2.2), -1);
 +
}
 +
 +
window.onload = function() {
 +
var drop_lists = document.getElementsByClassName("drop-navi-left");
 +
for (var i = 0; i < drop_lists.length; i++) {
 +
var item = drop_lists[i];
 +
while (item.tagName !== "UL") {
 +
var item = item.nextSibling;
 +
}
 +
item.style.display = "none";
 +
}
 +
var navi_links = document.getElementById("navigation-bar").getElementsByTagName("A");
 +
for (var i = 0; i < navi_links.length; i++) {
 +
if (document.documentURI.indexOf(navi_links[i].href) !== -1) {
 +
navi_links[i].style.color = "#FFCC00";
 +
var element = navi_links[i];
 +
while (element.parentNode.tagName !== "DIV") {
 +
var element = element.parentNode;
 +
if (element.tagName == "LI") element.style.display = "list-item";
 +
else element.style.display = "block";
 +
}
 +
var element = navi_links[i].parentNode;
 +
if (element.className == "drop-navi-left") {
 +
while (element.tagName !== "UL") {
 +
var element = element.nextSibling;
 +
}
 +
element.style.display = "block";
 +
}
 +
break;
 +
}
 +
}
 +
 +
  $('.flexslider').flexslider({
 +
      animation: "slide",
 +
      animationLoop: true,
 +
      itemWidth: 300,
 +
      itemMargin: 0,
 +
      minItems: 1,
 +
      maxItems: 3,
 +
 +
pauseOnHover: true,
 +
slideshowSpeed: 3000,
 +
animationSpeed: 700
 +
   
 +
});
 +
 +
}
 +
function start_tour() {
 +
var tour_navi = document.getElementById("tour-navi");
 +
if (tour_navi.style.display !== "block") {
 +
tour_navi.style.display = "block";
 +
}
 +
}
 +
function stop_tour() {
 +
var tour_navi = document.getElementById("tour-navi");
 +
if (tour_navi.style.display !== "none") {
 +
tour_navi.style.display = "none";
 +
}
 +
}
 +
function expand_left_navi(drop_list) {
 +
var list = drop_list;
 +
while (list.tagName !== "UL") {
 +
var list = list.nextSibling;
 +
}
 +
var visible = list.style.display;
 +
var drop_lists = document.getElementsByClassName("drop-navi-left");
 +
for (var i = 0; i < drop_lists.length; i++) {
 +
var item = drop_lists[i];
 +
while (item.tagName !== "UL") {
 +
var item = item.nextSibling;
 +
}
 +
item.style.display = "none";
 +
}
 +
if (visible == "none") {
 +
list.style.display = "block";
 +
} else {
 +
list.style.display = "none";
 +
}
 +
}
 +
function getMenuAngle(position) {
 +
var menu = document.getElementById("main-menu");
 +
var width = menu.offsetWidth;
 +
var a = 0.5 * width;
 +
var b = menu.offsetHeight;
 +
var wpos = width * position * 0.1;
 +
var t = Math.acos(wpos / a);
 +
var beta = Math.atan(a / b * Math.tan(t));
 +
var angle = Math.PI * 0.5 - beta;
 +
var y = b - b * Math.sin(t);
 +
return Array(angle,y);
 +
}
 +
function rotateMenu(id, angle, factor) {
 +
if (factor !== undefined)
 +
    angle[0] *= factor;
 +
var root = document.getElementById(id);
 +
root.style.position = "relative";
 +
root.style.top = "calc(5.3em - " + angle[1] + "px)"; // 100px from #main-menu
 +
var children = root.children;
 +
for (var i = 0; i < children.length; ++i) {
 +
                        if (children[i].nodeName == "A") {
 +
                            children[i].style.transform = "rotate(" + angle[0] + "rad)";
 +
                            break;
 +
}
 +
}
 +
}
 +
-->
 +
</script>
 +
 
 +
<div id="top-matter">
 +
 
 +
<!-- Get top menu navigation going and enter -->
 +
</html>
 +
{{:Team:Heidelberg/Templates/TopNavigation}}
 +
<html>
 +
</p></div> <!-- end headline -->
 +
</div> <!-- end top-matter -->
 +
 +
<div id="main" class="center-vert">
 +
 
 +
<div id="navigation-bar" class="content-hori">
 +
 
 +
<!-- Put automatically generated toc here -->
 +
</html>
 +
{{:Team:Heidelberg/Templates/{{{2}}}}}
 +
<html>
 +
 
 +
</div> <!-- end navigation-bar -->
 +
 
 +
<div id="main-content" class="content-hori">
 +
<div id="tour-navi">
 +
<ul>
 +
<li id="tour-rev"><a href="#">&nbsp;</a></li>
 +
<li class="tour-text">back</li>
 +
<li id="tour-pause"><a href="#" onclick="stop_tour();return false">&nbsp;</a></li>
 +
<li class="tour-text">pause</li>
 +
<li id="tour-fwd"><a href="#">&nbsp;</a></li>
 +
<li class="tour-text">forward</li>
 +
</ul>
 +
</div>
 +
<!--<a href="#top" id="goto-top">Go to top</a>-->
 +
</html>
<html>
<html>

Revision as of 15:36, 12 September 2013


PHILOSOPHER'S STONE

igem-2013

Find all templates used on the templates page with coresponding explanations.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Philosophers Stone

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

Philosophers Stone

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

Philosophers Stone

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

Philosophers Stone

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

Philosophers Stone

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

Philosophers Stone

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

Philosophers Stone

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

Philosophers Stone

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
Philosophers Stone
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
THIS COULD BE YOUR HEADING
THIS COULD BE YOUR HEADING
THIS COULD BE YOUR HEADING
THIS COULD BE YOUR HEADING
THIS COULD BE YOUR HEADING
THIS COULD BE YOUR HEADING
THIS COULD BE YOUR HEADING
THIS COULD BE YOUR HEADING
THIS COULD BE YOUR HEADING
THIS COULD BE YOUR HEADING
THIS COULD BE YOUR HEADING
THIS COULD BE YOUR HEADING
THIS COULD BE YOUR HEADING
THIS COULD BE YOUR HEADING
THIS COULD BE YOUR HEADING