Team:Shenzhen BGIC ATCG/temp/menu.html

From 2013.igem.org

(Difference between revisions)
 
(22 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://2012.igem.org/Team:Shenzhen/css/jquery.galleryview-3.0-dev.css?action=raw&ctype=text/css" />
+
<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>
Line 46: Line 46:
<li class="subnavi"><a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/stories#board4">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="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/stories#board5">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="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/stories#board6">Cell Cycle Regulator</a></li>  
+
<li class="subnavi"><a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/stories#board6">Cell Synchronization</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="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/stories#board7">Alternative Splicing Device</a></li>  
<li class="subnavi"><a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/stories#board8">Microfluidic Device</a></li>  
<li class="subnavi"><a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/stories#board8">Microfluidic Device</a></li>  
-
<li class="subnavi"><a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/stories#board9">Cell Synchronization</a></li>
 
</ul>  
</ul>  
</li> 
</li> 
Line 59: Line 58:
<li class="subnavi"><a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/modeling#board1">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="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/modeling#board2">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="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/modeling#board3">Cell Cycle Regulation</a></li>  
+
<li class="subnavi"><a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/modeling#board3">Cell Synchronization</a></li>  
<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="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/modeling#board4">Alternative Splicing by CRISPRi</a></li>  
<li class="subnavi"><a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/modeling#board5">Degradation Rate</a></li>  
<li class="subnavi"><a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/modeling#board5">Degradation Rate</a></li>  
Line 114: Line 113:
</div>
</div>
 +
<div class="eye_wrapper" id="eyeballs">
<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-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" />
<img alt="Ball" class="eye-right" id="eye_right" src="https://static.igem.org/mediawiki/2013/4/4c/Eyewhite.png" />
 +
</div>
 +
<div class="hotspot1"><div class="text1"><p>Playing with my eyes<br>aren't you?</p></div>
<div class="hotspot1"><div class="text1"><p>Playing with my eyes<br>aren't you?</p></div>
</div>
</div>
Line 121: Line 123:
<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 128: 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: 218,
left: 218,
-
top: 159
+
top: 157
},
},
right_center_offset = {
right_center_offset = {
left: 161,
left: 161,
-
top: 198
+
top: 196
},
},
radius_left = 10;
radius_left = 10;
Line 157: Line 161:
});
});
var x22 = (Math.cos(k2) * radius_right + x2).toFixed(0);
var x22 = (Math.cos(k2) * radius_right + x2).toFixed(0);
-
var y22 = (( - Math.sin(k2) * radius_right) + y2).toFixed(0);
+
var y22 = (( - Math.sin(k2) * radius_right) + y2).toFixed(0) ;
$(".eye-right").offset({
$(".eye-right").offset({
left: x22,
left: x22,
Line 164: Line 168:
};
};
$(window).mousemove(setEyeOffset);
$(window).mousemove(setEyeOffset);
 +
</script>
-
</script>
 
-
<div class="eye_wrapper" id="eyeballs" style="possition: relative;">
 
-
</div>
 
<div class="backtotop"><a href=#></a></div>
<div class="backtotop"><a href=#></a></div>

Latest revision as of 14:03, 26 September 2013


Ball Ball

Playing with my eyes
aren't you?

Hi I am Dr. Mage!
A "budding" yeast cell!