Team:Shenzhen BGIC ATCG

From 2013.igem.org

(Difference between revisions)
(Prototype team page)
 
(15 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_ATCG_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"" />
-
''Tell us more about your project. Give us background. Use this as the abstract of your project.  Be descriptive but concise (1-2 paragraphs)''
+
<body>
-
|[[Image:Shenzhen_BGIC_ATCG_team.png|right|frame|Your team picture]]
+
<div class="front">
-
|-
+
    <ul class="front_navia front_navi">
-
|
+
<li class="a1">
-
|align="center"|[[Team:Shenzhen_BGIC_ATCG | Team Shenzhen_BGIC_ATCG]]
+
<a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/stories">
-
|}
+
</a>
-
 
+
</li>
-
<!--- The Mission, Experiments --->
+
<li class="a2">
-
 
+
<a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/modeling">
-
{| style="color:#1b2c8a;background-color:#0c6;" cellpadding="3" cellspacing="1" border="1" bordercolor="#fff" width="62%" align="center"
+
</a>
-
!align="center"|[[Team:Shenzhen_BGIC_ATCG|Home]]
+
</li>
-
!align="center"|[[Team:Shenzhen_BGIC_ATCG/Team|Team]]
+
<li class="a3">
-
!align="center"|[https://igem.org/Team.cgi?year=2013&team_name=Shenzhen_BGIC_ATCG Official Team Profile]
+
<a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/results">
-
!align="center"|[[Team:Shenzhen_BGIC_ATCG/Project|Project]]
+
</a>
-
!align="center"|[[Team:Shenzhen_BGIC_ATCG/Parts|Parts Submitted to the Registry]]
+
</li>
-
!align="center"|[[Team:Shenzhen_BGIC_ATCG/Modeling|Modeling]]
+
<li class="a4">
-
!align="center"|[[Team:Shenzhen_BGIC_ATCG/Notebook|Notebook]]
+
<a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/humanpractice">
-
!align="center"|[[Team:Shenzhen_BGIC_ATCG/Safety|Safety]]
+
</a>
-
!align="center"|[[Team:Shenzhen_BGIC_ATCG/Attributions|Attributions]]
+
</li>
-
|}
+
</ul>
 +
<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

Retrieved from "http://2013.igem.org/Team:Shenzhen_BGIC_ATCG"