Team:HZAU-China/Team

From 2013.igem.org

(Difference between revisions)
(Prototype team page)
 
(101 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 *** -->
+
{{:Team:HZAU-China/background-head}}
-
 
+
<html>
<html>
-
<div id="box" style="width: 700px; margin-left: 137px; padding: 5px; border: 3px solid #000; background-color: #fe2b33;">
+
<head>
-
<div id="template" style="text-align: center; font-weight: bold; font-size: large; color: #f6f6f6; padding: 5px;">
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-
This is a template page. READ THESE INSTRUCTIONS.
+
<style type="text/css">
-
</div>
+
.zoomPan{width:800px;position:relative; }
-
<div id="instructions" style="text-align: center; font-weight: normal; font-size: small; color: #f6f6f6; padding: 5px;">
+
.sh{zoom:1;background:url(https://static.igem.org/mediawiki/2013/8/80/Old_wall.jpg);filter:progid:DXImageTransform.Microsoft.dropShadow(color='#54000000', OffX=2,OffY=2);-webkit-box-shadow:4px 4px 4px #666;-moz-box-shadow:4px 4px 4px #666;}
-
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://2008.igem.org/Help:Template/Examples">HERE</a>.
+
#zoom{position:absolute;width:254px;height:254px;border:3px solid #fff;left:-9999px;top:0;overflow:hidden;background:#fff;}
-
</div>
+
#zoom img{position:relative;}
-
<div id="warning" style="text-align: center; font-weight: bold; font-size: small; color: #f6f6f6; padding: 5px;">
+
</style>
-
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. 
+
</head>
-
</div>
+
-
</div>
+
-
</html>
+
-
<!-- *** End of the alert box *** -->
+
<script type="text/javascript">
 +
//<![CDATA[
 +
function zoomBox() {this.index.apply(this, arguments)}
 +
zoomBox.prototype = {
 +
    index: function(win,zoom) {
 +
        var win=document.getElementById(win);
 +
        var box=document.getElementById(zoom);
 +
        var img=box.getElementsByTagName('IMG')[0];
 +
        var zoom=img.width/win.getElementsByTagName('IMG')[0].width;
 +
        var z=Math.round(box.offsetWidth/2);
 +
        win.onmousemove=function (e){
 +
            e = e || window.event;
 +
            var x=e.clientX,y=e.clientY, ori=win.getBoundingClientRect();
 +
            if (x>ori.right+20||y>ori.bottom+20||x<ori.left-20||y<ori.top-20)box.style.display='none';
 +
            x-=ori.left;
 +
            y-=ori.top;
 +
            box.style.left=x-z+'px';
 +
            box.style.top=y-z+'px';
 +
            img.style.left=-x*zoom+z+'px';
 +
            img.style.top=-y*zoom+z+'px';
 +
        }
 +
        win.onmouseover=function (){box.style.display=''}
 +
    }
 +
};
 +
window.onload=function (){
 +
    x=new zoomBox('zoomPan','zoom')
 +
}
 +
//]]>
 +
</script>
 +
<style>
 +
a, a:visited {
 +
    color: #fff;
 +
}
 +
#background{
 +
    background:url(https://static.igem.org/mediawiki/2013/8/80/Old_wall.jpg);
 +
    float:left;
 +
    min-heiht:400px;
 +
    width: 1000px;
 +
}
 +
#paragraphs {
 +
    background:url(https://static.igem.org/mediawiki/2013/8/80/Old_wall.jpg);
 +
    float: left;
 +
    height: auto;
 +
    padding-left: 80px;
 +
    padding-top: 10px;
 +
    padding-bottom: 10px;
 +
    width: 840px;
 +
}
 +
#background12{
 +
    background:url(https://static.igem.org/mediawiki/2013/8/80/Old_wall.jpg);
 +
    float:left;
 +
    heiht:auto;
 +
    width: 840px;
 +
    padding-left:80px;
 +
    padding-right:80px;
 +
    padding-bottom:10px;
 +
}
 +
</style>
-
{|align="justify"
+
<style>
-
|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.
+
*{ margin:0; padding:0;}
-
|[[Image:HZAU-China_logo.png|200px|right|frame]]
+
li,ul{ list-style:none}
-
|-
+
img{ border:none;}
-
|
+
.item{float:left; width:190px; padding:0 10px; height:75px; overflow:hidden;}
-
|[[Image:HZAU-China_team.png|right|frame|Your team picture]]
+
.item .item-t1{ height:190px; background:#7770B4;}
-
|-
+
.item .item-b1{ height:190px; background:#8CA6C0;}
-
|
+
.item .item-t2{ height:190px; background:#FFD017;}
-
|align="center"|[[Team:HZAU-China | Team HZAU-China]]
+
.item .item-b2{ height:190px; background:#F3D972;}
-
|}
+
</style>
 +
<script>
 +
$(document).ready(function(){
 +
var changeH=$(".item-t1").outerHeight();//变化的高度
 +
$(".itemwrap .item").each(function(index){
 +
$(this).hover(function(){
 +
//mouseenter代码段
 +
$(this).find(".item-t1").stop(true).animate({"margin-top":-changeH},300);
 +
},function(){
 +
//mouseleave代码段
 +
$(this).find(".item-t1").stop(true).animate({"margin-top":0},300);
 +
});
 +
 +
})  
 +
})
 +
</script>
 +
<script>
 +
$(document).ready(function(){
 +
var changeH=$(".item-t2").outerHeight();//变化的高度
 +
$(".itemwrap .item").each(function(index){
 +
$(this).hover(function(){
 +
//mouseenter代码段
 +
$(this).find(".item-t2").stop(true).animate({"margin-top":-changeH},300);
 +
},function(){
 +
//mouseleave代码段
 +
$(this).find(".item-t2").stop(true).animate({"margin-top":0},300);
 +
});
 +
 +
})  
 +
})
 +
</script>
-
<!--- The Mission, Experiments --->
+
<body>
 +
<div id="background">
 +
    <div id="paragraphs">
 +
        <div class="zoomPan" id="zoomPan">
 +
        <img src="https://static.igem.org/mediawiki/2013/3/3e/%E7%85%A7%E7%89%87%E6%94%B9_-%E5%8A%A0%E5%AE%BD_%E5%89%AF%E6%9C%AC.png" width="840px;">
 +
        <div id="zoom" class="sh"><img src="https://static.igem.org/mediawiki/2013/a/ae/%E7%85%A7%E7%89%87%E6%94%B9_-%E5%8A%A0%E5%AE%BD.png" width="3500px;"></div>
 +
        </div>
 +
    </div>
 +
    <div id="background12">
 +
         
 +
          <div class="itemwrap">
 +
          <div class="item">
 +
  <div class="item-t1"><p  style="font-family:Arial,Helvetica,sans-serif;font-size:23px;font-color:#fff;text-align:center;padding-top:20px;padding-bottom:20px; margin:0px;"><a href="https://2013.igem.org/Team:HZAU-China/Team/Members and Instructors">MEMBERS</a></p></div>
 +
          <div class="item-b1"><p  style="font-family:Arial,Helvetica,sans-serif;font-size:23px;font-color:#fff;text-align:center;padding-top:20px;padding-bottom:20px; margin:0px;"><a href="https://2013.igem.org/Team:HZAU-China/Team/Members and Instructors">MEMBERS</a></p></div>
 +
          </div>
 +
          </div>
 +
 +
          <div class="itemwrap">
 +
          <div class="item">
 +
  <div class="item-t2"><p  style="font-family:Arial,Helvetica,sans-serif;font-size:23px;font-color:#fff;text-align:center;padding-top:20px;padding-bottom:20px; margin:0px;"><a href="https://2013.igem.org/Team:HZAU-China/Instructors">INSTRUCTORS</a></p></div>
 +
          <div class="item-b2"><p  style="font-family:Arial,Helvetica,sans-serif;font-size:23px;font-color:#fff;text-align:center;padding-top:20px;padding-bottom:20px; margin:0px;"><a href="https://2013.igem.org/Team:HZAU-China/Instructors">INSTRUCTORS</a></p></div>
 +
          </div>
 +
          </div>
-
{| style="color:#1b2c8a;background-color:#0c6;" cellpadding="3" cellspacing="1" border="1" bordercolor="#fff" width="62%" align="center"
+
          <div class="itemwrap">
-
!align="center"|[[Team:HZAU-China|Home]]
+
          <div class="item">
-
!align="center"|[[Team:HZAU-China/Team|Team]]
+
  <div class="item-t1"><p  style="font-family:Arial,Helvetica,sans-serif;font-size:23px;font-color:#fff;text-align:center;padding-top:20px;padding-bottom:20px; margin:0px;"><a href="https://2013.igem.org/Team:HZAU-China/Attributions">ATTRIBUTIONS</a></p></div>
-
!align="center"|[https://igem.org/Team.cgi?year=2013&team_name=HZAU-China Official Team Profile]
+
          <div class="item-b1"><p  style="font-family:Arial,Helvetica,sans-serif;font-size:23px;font-color:#fff;text-align:center;padding-top:20px;padding-bottom:20px; margin:0px;"><a href="https://2013.igem.org/Team:HZAU-China/Attributions">ATTRIBUTIONS</a></p></div>
-
!align="center"|[[Team:HZAU-China/Project|Project]]
+
          </div>
-
!align="center"|[[Team:HZAU-China/Parts|Parts Submitted to the Registry]]
+
          </div>
-
!align="center"|[[Team:HZAU-China/Modeling|Modeling]]
+
-
!align="center"|[[Team:HZAU-China/Notebook|Notebook]]
+
-
!align="center"|[[Team:HZAU-China/Safety|Safety]]
+
-
!align="center"|[[Team:HZAU-China/Attributions|Attributions]]
+
-
|}
+
 +
          <div class="itemwrap">
 +
          <div class="item">
 +
  <div class="item-t2"><p  style="font-family:Arial,Helvetica,sans-serif;font-size:23px;font-color:#fff;text-align:center;padding-top:20px;padding-bottom:20px; margin:0px;"><a href="https://2013.igem.org/Team:HZAU-China/Sponsors">SPONSORS</a></p></div>
 +
          <div class="item-b2"><p  style="font-family:Arial,Helvetica,sans-serif;font-size:23px;font-color:#fff;text-align:center;padding-top:20px;padding-bottom:20px; margin:0px;"><a href="https://2013.igem.org/Team:HZAU-China/Sponsors">SPONSORS</a></p></div>
 +
          </div>
 +
          </div>
 +
    </div>
 +
</div>
 +
</body>
-
== '''Who we are''' ==
+
</html>
-
{|border = "0"
+
{{:Team:HZAU-China/background-footer}}
-
|-
+
<br/>
-
|rowspan="3"|
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
'''Advisors:'''
+
-
 
+
-
*''' Advisor 1''':    Mentor for all
+
-
*'''Advisor 2''':      Our favorite
+
-
*'''Grad Student 1''':    Our leader 
+
-
 
+
-
 
+
-
'''Undergrads:'''
+
-
 
+
-
*'''Student 1''':    Sleepyhead
+
-
*'''Student 2''':    Math nerd
+
-
*'''Student 3''':    Is going to save the world
+
-
*'''Student 4''':    Loves iGEM
+
-
*'''Student 5''':  A normal student... or(r) am I?
+
-
*'''Student 6''':  Table football fan
+
-
*'''Student 7''':
+
-
 
+
-
 
+
-
|
+
-
<gallery>
+
-
Image:Example2_Team_member_1.png|Team member 1
+
-
Image:Example2_Team_member_2.png|Team member 2
+
-
Image:Example2_Team_member_3.png|Team member 3
+
-
Image:Example2_Team_member_4.png|Team member 4
+
-
Image:Example2_Team_member_5.png|Team member 5
+
-
Image:Example2_Team_member_6.png|Team member 6
+
-
Image:Example2_Team_member_7.png|Team member 7
+
-
</gallery>
+
-
|}
+
-
 
+
-
== '''What we did''' ==
+
-
 
+
-
(Provide proper attribution for all work)
+
-
 
+
-
 
+
-
== '''Where we're from''' ==
+

Latest revision as of 11:53, 20 September 2013