Team:Shenzhen BGIC ATCG/temp/menu.html
From 2013.igem.org
(Difference between revisions)
(58 intermediate revisions not shown) | |||
Line 15: | Line 15: | ||
<link rel="stylesheet" type="text/css" href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/css/menu.css?action=raw&ctype=text/css" media="screen" /> | <link rel="stylesheet" type="text/css" href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/css/menu.css?action=raw&ctype=text/css" media="screen" /> | ||
<link rel="stylesheet" type="text/css" href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/css/display.css?action=raw&ctype=text/css" /> | <link rel="stylesheet" type="text/css" href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/css/display.css?action=raw&ctype=text/css" /> | ||
- | <link type="text/css" rel="stylesheet" href="https:// | + | <link type="text/css" rel="stylesheet" href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/css/gallary.css?action=raw&ctype=text/css" /> |
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js?action=raw&ctype=text/javascript"></script> | <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js?action=raw&ctype=text/javascript"></script> | ||
<script type="text/javascript" src="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/js/gallary.js?action=raw&ctype=text/javascript"></script> | <script type="text/javascript" src="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/js/gallary.js?action=raw&ctype=text/javascript"></script> | ||
<script type="text/javascript" src="https://2012.igem.org/Team:Shenzhen/js/jquery.timers-1.2.js?action=raw&ctype=text/javascript"></script> | <script type="text/javascript" src="https://2012.igem.org/Team:Shenzhen/js/jquery.timers-1.2.js?action=raw&ctype=text/javascript"></script> | ||
<script type="text/javascript" src="https://2012.igem.org/Team:Shenzhen/js/jquery.easing.1.3.js?action=raw&ctype=text/javascript"></script> | <script type="text/javascript" src="https://2012.igem.org/Team:Shenzhen/js/jquery.easing.1.3.js?action=raw&ctype=text/javascript"></script> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
<div class="menu"> | <div class="menu"> | ||
<ul class="menu_navi"> | <ul class="menu_navi"> | ||
<li class="mainnavi c1"> | <li class="mainnavi c1"> | ||
- | <a href=" | + | <a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/team"> |
</a> | </a> | ||
<ul class="subs"> | <ul class="subs"> | ||
- | <li class="subnavi"><a href="#">Consortium</a></li> | + | <li class="subnavi"><a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/team#board1">Consortium</a></li> |
- | <li class="subnavi"><a href="#">Promoter Group</a></li> | + | <li class="subnavi"><a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/team#board2">Promoter Group</a></li> |
- | <li class="subnavi"><a href="#">Degradation Group</a></li> | + | <li class="subnavi"><a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/team#board3">Degradation Group</a></li> |
- | <li class="subnavi"><a href="#">Targeting Group</a></li> | + | <li class="subnavi"><a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/team#board4">Targeting Group</a></li> |
- | <li class="subnavi"><a href="#">Regulator Group</a></li> | + | <li class="subnavi"><a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/team#board5">Regulator Group</a></li> |
- | <li class="subnavi"><a href="#"> | + | <li class="subnavi"><a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/team#board6">Splicing Group</a></li> |
- | <li class="subnavi"><a href="#">Microfluidic Group</a></li> | + | <li class="subnavi"><a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/team#board7">Microfluidic Group</a></li> |
- | <li class="subnavi"><a href="#">Modeling Group</a></li> | + | <li class="subnavi"><a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/team#board8">Modeling Group</a></li> |
- | <li class="subnavi"><a href="#">Instructors</a></li> | + | <li class="subnavi"><a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/team#board9">Instructors</a></li> |
</ul> | </ul> | ||
</li> | </li> | ||
<li class="mainnavi c2"> | <li class="mainnavi c2"> | ||
- | <a href=" | + | <a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/stories"> |
</a> | </a> | ||
<ul class="subs"> | <ul class="subs"> | ||
- | <li class="subnavi"><a href="#">The Magic</a></li> | + | <li class="subnavi"><a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/stories#board1">The Magic</a></li> |
- | <li class="subnavi"><a href="#">Cyclin Promoters</a></li> | + | <li class="subnavi"><a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/stories#board2">Cyclin Promoters</a></li> |
- | <li class="subnavi"><a href="#">Reporter Modification</a></li> | + | <li class="subnavi"><a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/stories#board3">Reporter Modification</a></li> |
- | <li class="subnavi"><a href="#">Degradation Tags</a></li> | + | <li class="subnavi"><a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/stories#board4">Degradation Tags</a></li> |
- | <li class="subnavi"><a href="#">Targeting Peptides</a></li> | + | <li class="subnavi"><a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/stories#board5">Targeting Peptides</a></li> |
- | <li class="subnavi"><a href="#">Cell | + | <li class="subnavi"><a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/stories#board6">Cell Synchronization</a></li> |
- | <li class="subnavi"><a href="#">Alternative Splicing Device</a></li> | + | <li class="subnavi"><a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/stories#board7">Alternative Splicing Device</a></li> |
- | <li class="subnavi"><a href=" | + | <li class="subnavi"><a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/stories#board8">Microfluidic Device</a></li> |
- | + | ||
</ul> | </ul> | ||
</li> | </li> | ||
</li> | </li> | ||
<li class="mainnavi c3"> | <li class="mainnavi c3"> | ||
- | <a href=" | + | <a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/modeling"> |
</a> | </a> | ||
<ul class="subs"> | <ul class="subs"> | ||
- | <li class="subnavi"><a href="#">Blueprint</a></li> | + | <li class="subnavi"><a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/modeling#board1">Blueprint</a></li> |
- | <li class="subnavi"><a href="#">Cell Cycle</a></li> | + | <li class="subnavi"><a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/modeling#board2">Cell Cycle</a></li> |
- | <li class="subnavi"><a href="#">Cell | + | <li class="subnavi"><a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/modeling#board3">Cell Synchronization</a></li> |
- | <li class="subnavi"><a href="#"> | + | <li class="subnavi"><a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/modeling#board4">Alternative Splicing by CRISPRi</a></li> |
- | <li class="subnavi"><a href="#">Degradation Rate</a></li> | + | <li class="subnavi"><a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/modeling#board5">Degradation Rate</a></li> |
</ul> | </ul> | ||
</li> | </li> | ||
<li class="mainnavi c4"> | <li class="mainnavi c4"> | ||
- | <a href=" | + | <a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/results"> |
</a> | </a> | ||
<ul class="subs"> | <ul class="subs"> | ||
- | <li class="subnavi"><a href="#">The Magic</a></li> | + | <li class="subnavi"><a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/results#board1">The Magic</a></li> |
- | <li class="subnavi"><a href="#">Promoter Verification</a></li> | + | <li class="subnavi"><a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/results#board2">Promoter Verification</a></li> |
- | <li class="subnavi"><a href="#"> | + | <li class="subnavi"><a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/results#board3">Reporter Locating</a></li> |
- | <li class="subnavi"><a href="#"> | + | <li class="subnavi"><a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/results#board4">Degradation Rate</a></li> |
- | <li class="subnavi"><a href="#">Cell Synchronization</a></li> | + | <li class="subnavi"><a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/results#board5">Cell Synchronization</a></li> |
- | <li class="subnavi"><a href="#"> | + | <li class="subnavi"><a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/results#board6">Alternative Splicing</a></li> |
</ul> | </ul> | ||
</li> | </li> | ||
<li class="mainnavi c5"> | <li class="mainnavi c5"> | ||
- | <a href=" | + | <a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/humanpractice"> |
</a> | </a> | ||
<ul class="subs"> | <ul class="subs"> | ||
- | <li class="subnavi"><a href="#">iGEMer Incubator</a></li> | + | <li class="subnavi"><a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/humanpractice#board1">iGEMer Incubator</a></li> |
- | <li class="subnavi"><a href="#">Guest iGEMers</a></li> | + | <li class="subnavi"><a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/humanpractice#board2">Guest iGEMers</a></li> |
- | <li class="subnavi"><a href="#">iGEMagic</a></li> | + | <li class="subnavi"><a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/humanpractice#board3">APP: iGEMagic</a></li> |
- | <li class="subnavi"><a href="#">Friendship</a></li> | + | <li class="subnavi"><a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/humanpractice#board4">Friendship</a></li> |
</ul> | </ul> | ||
</li> | </li> | ||
<li class="mainnavi c6"> | <li class="mainnavi c6"> | ||
- | <a href=" | + | <a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/parts"> |
</a> | </a> | ||
<ul class="subs"> | <ul class="subs"> | ||
- | <li class="subnavi"><a href="#"> | + | <li class="subnavi"><a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/parts#board1">Best BioBricks</a></li> |
- | <li class="subnavi"><a href="#"> | + | <li class="subnavi"><a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/parts#board2">Devices List</a></li> |
- | <li class="subnavi"><a href="#">Basic Parts</a></li> | + | <li class="subnavi"><a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/parts#board3">Basic Parts</a></li> |
- | <li class="subnavi"><a href="#">Parts Sequencing</a></li> | + | <li class="subnavi"><a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/parts#board4">Parts Sequencing</a></li> |
</ul> | </ul> | ||
</li> | </li> | ||
<li class="mainnavi c7"> | <li class="mainnavi c7"> | ||
- | <a href=" | + | <a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/notes"> |
</a> | </a> | ||
<ul class="subs"> | <ul class="subs"> | ||
- | <li class="subnavi"><a href="#">Timeline</a></li> | + | <li class="subnavi"><a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/notes#board1">Timeline</a></li> |
- | <li class="subnavi"><a href="#">Attributions</a></li> | + | <li class="subnavi"><a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/notes#board2">Attributions</a></li> |
- | <li class="subnavi"><a href="#">Protocols</a></li> | + | <li class="subnavi"><a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/notes#board3">Protocols</a></li> |
- | <li class="subnavi"><a href="#">References</a></li> | + | <li class="subnavi"><a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/notes#board4">References</a></li> |
- | <li class="subnavi"><a href="#">Acknowledgements</a></li> | + | <li class="subnavi"><a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/notes#board5">Acknowledgements</a></li> |
</ul> | </ul> | ||
</li> | </li> | ||
<li class="mainnavi c8"> | <li class="mainnavi c8"> | ||
- | <a href=" | + | <a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/safety"></a> |
- | + | ||
</li> | </li> | ||
</ul> | </ul> | ||
- | <div class="eye_wrapper" id="eyeballs | + | </div> |
- | <img alt="Ball" class="eye-left" id="eye_left" src="https://static.igem.org/mediawiki/2013/a/ad/Eyeblack.png" | + | <div class="eye_wrapper" id="eyeballs"> |
- | <img alt="Ball" class="eye-right" id="eye_right" src="https://static.igem.org/mediawiki/2013/4/4c/Eyewhite.png" | + | <img alt="Ball" class="eye-left" id="eye_left" src="https://static.igem.org/mediawiki/2013/a/ad/Eyeblack.png" /> |
+ | <img alt="Ball" class="eye-right" id="eye_right" src="https://static.igem.org/mediawiki/2013/4/4c/Eyewhite.png" /> | ||
</div> | </div> | ||
+ | <div class="hotspot1"><div class="text1"><p>Playing with my eyes<br>aren't you?</p></div> | ||
</div> | </div> | ||
+ | <div class="hotspot2"><div class="text2"><p>Hi I am Dr. Mage!<br>A "budding" yeast cell!</p></div></div> | ||
+ | |||
<div class="igemlogo"><a href="https://2013.igem.org"></a></div> | <div class="igemlogo"><a href="https://2013.igem.org"></a></div> | ||
- | <script>var getAngle = function(Xc, Yc, Xa, Ya, Xb, Yb) { | + | <script> |
+ | var getAngle = function(Xc, Yc, Xa, Ya, Xb, Yb) { | ||
var v1x = Xb - Xc; | var v1x = Xb - Xc; | ||
var v1y = Yb - Yc; | var v1y = Yb - Yc; | ||
Line 203: | Line 131: | ||
return 180 * (Math.atan2(v1x, v1y) - Math.atan2(v2x, v2y)) / Math.PI | return 180 * (Math.atan2(v1x, v1y) - Math.atan2(v2x, v2y)) / Math.PI | ||
}; | }; | ||
+ | |||
var left_center_offset = { | var left_center_offset = { | ||
- | left: | + | left: 218, |
top: 157 | top: 157 | ||
}, | }, | ||
right_center_offset = { | right_center_offset = { | ||
- | left: | + | left: 161, |
top: 196 | top: 196 | ||
}, | }, | ||
- | + | radius_left = 10; | |
+ | radius_right= 8; | ||
var setEyeOffset = function(event) { | var setEyeOffset = function(event) { | ||
var offset = $(".eye_wrapper").offset(); | var offset = $(".eye_wrapper").offset(); | ||
Line 224: | Line 154: | ||
var m2 = -(event.clientY - y2); | var m2 = -(event.clientY - y2); | ||
var k2 = Math.atan2(m2, n2); | var k2 = Math.atan2(m2, n2); | ||
- | var x11 = (Math.cos(k1) * | + | var x11 = (Math.cos(k1) * radius_left + x1).toFixed(0); |
- | var y11 = (( - Math.sin(k1) * | + | var y11 = (( - Math.sin(k1) * radius_left) + y1).toFixed(0); |
$(".eye-left").offset({ | $(".eye-left").offset({ | ||
left: x11, | left: x11, | ||
top: y11 | top: y11 | ||
}); | }); | ||
- | var x22 = (Math.cos(k2) * | + | var x22 = (Math.cos(k2) * radius_right + x2).toFixed(0); |
- | var y22 = (( - Math.sin(k2) * | + | var y22 = (( - Math.sin(k2) * radius_right) + y2).toFixed(0) ; |
$(".eye-right").offset({ | $(".eye-right").offset({ | ||
left: x22, | left: x22, | ||
Line 238: | Line 168: | ||
}; | }; | ||
$(window).mousemove(setEyeOffset); | $(window).mousemove(setEyeOffset); | ||
- | |||
</script> | </script> | ||
+ | |||
<div class="backtotop"><a href=#></a></div> | <div class="backtotop"><a href=#></a></div> |
Latest revision as of 14:03, 26 September 2013
Playing with my eyes
aren't you?
Hi I am Dr. Mage!
A "budding" yeast cell!