Template:YES

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<!doctype html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+
__NOTOC__
-
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
+
<html>
-
<head>
+
-
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
-
<meta charset="UTF-8">
+
<link rel="stylesheet" href="https://2013.igem.org/Team:Heidelberg/Stylesheet?action=raw&ctype=text/css" type="text/css" />
-
<title>E.co-exist</title>
+
-
</head>
+
<script type="text/javascript">
-
 
+
<!--
-
<body style="width:100%; height:100%; background-color:white;">
+
window.onresize = function() {
-
<img src="http://tatsuya.seikacc.com/wp-content/uploads/2013/09/78567b19de20470bfb42bf9bd36e3eb7.jpg" alt="CONCEPT" id="c"/>
+
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;
 +
}
 +
}
-
</body>
+
}
-
</html>
+
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>
 +
<html>
 +
<img src="http://tatsuya.seikacc.com/wp-content/uploads/2013/09/78567b19de20470bfb42bf9bd36e3eb7.jpg" alt="CONCEPT" id="c"/>

Revision as of 12:54, 21 September 2013

CONCEPT

Retrieved from "http://2013.igem.org/Template:YES"