Team:Shenzhen BGIC ATCG

From 2013.igem.org

(Difference between revisions)
 
(2 intermediate revisions not shown)
Line 1: Line 1:
-
<!-- *** What falls between these lines is the Alert Box!  You can remove it from your pages once you have read and understood the alert *** -->
+
<!----------------------
-
<html>
 
-
<div id="box" style="width: 700px; margin-left: 137px; padding: 5px; border: 3px solid #000; background-color: #fe2b33;">
 
-
<div id="template" style="text-align: center; font-weight: bold; font-size: large; color: #f6f6f6; padding: 5px;">
 
-
This is a template page. READ THESE INSTRUCTIONS.
 
-
</div>
 
-
<div id="instructions" style="text-align: center; font-weight: normal; font-size: small; color: #f6f6f6; padding: 5px;">
 
-
You are provided with this team page template with which to start the iGEM season.  You may choose to personalize it to fit your team but keep the same "look." Or you may choose to take your team wiki to a different level and design your own wiki.  You can find some examples <a href="https://2009.igem.org/Help:Template/Examples">HERE</a>.
 
-
</div>
 
-
<div id="warning" style="text-align: center; font-weight: bold; font-size: small; color: #f6f6f6; padding: 5px;">
 
-
You <strong>MUST</strong> have all of the pages listed in the menu below with the names specified. PLEASE keep all of your pages within your teams namespace. 
 
-
</div>
 
-
</div>
 
-
</html>
 
-
<!-- *** End of the alert box *** -->
+
Title: front.html
 +
Team: Shenzhen_BGIC_ATCG
 +
Author: BGI_K2
 +
Twitter: @BGI_K2
 +
Email: im.ss.kk@gmail.com
 +
Please contact me if you would like to use this script
 +
---------------------->
-
{|align="justify"
+
<html lang="en">
-
|You can write a background of your team here. Give us a background of your team, the members, etc. Or tell us more about something of your choosing.
+
<meta name="baidu-tc-verification" content="4f1e64971af2f0274a13516d439abb07" />
-
|[[Image:Shenzhen_BGIC_0101_logo.png|200px|right|frame]]
+
<link rel="stylesheet" type="text/css" href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/css/front.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="text/javascript" class="library"  href="http://code.jquery.com/jquery-2.0.3.min.js?action=raw&ctype=text/javascript"" />
-
<html><div><b>Cell Magic</b></div></html>
+
<body>
-
<b>Cell Magic plays a gorgeous movie show in the both E.coli and S.cerevisiae.</b>Various colors are blooming in different branchs & buds: plasma membrane, nucleus matrix, mitochondria membrane & matrix, vacuolar membrane, peroxisomal membrane, centrosome, and also actin. But the scene is far from static, colors will show up in order under the sophisticated cell cycle system at G1, S, G2 or M phase.
+
<div class="front">
-
Accelerator—degradation system is applied to run this movie faster, and freezer—sic1 system will put off the cell cycle during G1 phase. Beside, the editor—intron will expands a random  dimension, leading to produce more combining form.''
+
    <ul class="front_navia front_navi">
-
|[[Image:Shenzhen_BGIC_ATCG_team.png|right|frame|Your team picture]]
+
<li class="a1">
-
|-
+
<a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/stories">
-
|
+
</a>
-
|align="center"|[[Team:Shenzhen_BGIC_ATCG | Team Shenzhen_BGIC_ATCG]]
+
</li>
-
|}
+
<li class="a2">
-
 
+
<a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/modeling">
-
<!--- The Mission, Experiments --->
+
</a>
-
 
+
</li>
-
{| style="color:#1b2c8a;background-color:#0c6;" cellpadding="3" cellspacing="1" border="1" bordercolor="#fff" width="62%" align="center"
+
<li class="a3">
-
!align="center"|[[Team:Shenzhen_BGIC_ATCG|Home]]
+
<a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/results">
-
!align="center"|[[Team:Shenzhen_BGIC_ATCG/Team|Team]]
+
</a>
-
!align="center"|[https://igem.org/Team.cgi?year=2013&team_name=Shenzhen_BGIC_ATCG Official Team Profile]
+
</li>
-
!align="center"|[[Team:Shenzhen_BGIC_ATCG/Project|Project]]
+
<li class="a4">
-
!align="center"|[[Team:Shenzhen_BGIC_ATCG/Parts|Parts Submitted to the Registry]]
+
<a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/humanpractice">
-
!align="center"|[[Team:Shenzhen_BGIC_ATCG/Modeling|Modeling]]
+
</a>
-
!align="center"|[[Team:Shenzhen_BGIC_ATCG/Notebook|Notebook]]
+
</li>
-
!align="center"|[[Team:Shenzhen_BGIC_ATCG/Safety|Safety]]
+
</ul>
-
!align="center"|[[Team:Shenzhen_BGIC_ATCG/Attributions|Attributions]]
+
<ul class="front_navib front_navi">
-
|}
+
<li class="b1">
 +
<a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/team">
 +
</a>
 +
</li>
 +
<li class="b2">
 +
<a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/parts">
 +
</a>
 +
</li>
 +
<li class="b3">
 +
<a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/notes">
 +
</a>
 +
</li>
 +
<li class="b4">
 +
<a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/safety">
 +
</a>
 +
</li>
 +
</ul>
 +
</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-right" id="eye_right" src="https://static.igem.org/mediawiki/2013/4/4c/Eyewhite.png" >
 +
</div>
 +
<script>
 +
var getAngle = function(Xc, Yc, Xa, Ya, Xb, Yb) {
 +
var v1x = Xb - Xc;
 +
var v1y = Yb - Yc;
 +
var v2x = Xa - Xc;
 +
var v2y = Ya - Yc;
 +
return 180 * (Math.atan2(v1x, v1y) - Math.atan2(v2x, v2y)) / Math.PI
 +
};
 +
var left_center_offset = {
 +
left: 412,
 +
top: 488
 +
},
 +
right_center_offset = {
 +
left: 530,
 +
top: 488
 +
},
 +
radius2 = 20;
 +
radius1 = 15;
 +
var setEyeOffset = function(event) {
 +
var offset = $(".eye_wrapper").offset();
 +
var x1 = offset.left + left_center_offset.left;
 +
var y1 = offset.top + left_center_offset.top;
 +
var x2 = offset.left + right_center_offset.left;
 +
var y2 = offset.top + right_center_offset.top;
 +
var n1 = event.clientX - x1;
 +
var m1 = -(event.clientY - y1);
 +
var k1 = Math.atan2(m1, n1);
 +
var n2 = event.clientX - x2;
 +
var m2 = -(event.clientY - y2);
 +
var k2 = Math.atan2(m2, n2);
 +
var x11 = (Math.cos(k1) * radius1 + x1).toFixed(0);
 +
var y11 = (( - Math.sin(k1) * radius1) + y1).toFixed(0);
 +
$(".eye-left").offset({
 +
left: x11,
 +
top: y11
 +
});
 +
var x22 = (Math.cos(k2) * radius2 + x2).toFixed(0);
 +
var y22 = (( - Math.sin(k2) * radius2) + y2).toFixed(0);
 +
$(".eye-right").offset({
 +
left: x22,
 +
top: y22
 +
})
 +
};
 +
$(window).mousemove(setEyeOffset);
 +
</script>
 +
</body>
 +
</html>

Latest revision as of 14:08, 26 September 2013


Ball Ball