Team:WHU-China/Team/History

From 2011.igem.org

(Difference between revisions)
 
(120 intermediate revisions not shown)
Line 2: Line 2:
<head>
<head>
<style type="text/css">
<style type="text/css">
-
#footer-box
+
/* bottom center */
 +
#wowslider-container1  .ws_bullets {
 +
    top: 14px;
 +
    right: 14px;
 +
}
 +
#countdown
 +
{
 +
display:none;
 +
}
 +
#follow
 +
{
 +
display:none;
 +
}
 +
#visit
 +
{
 +
display:none;
 +
}
 +
#wowslider-container1 {
 +
/* overflow: hidden; */
 +
zoom: 1;
 +
position: relative;
 +
width:972px;
 +
height:358px;
 +
margin:0 auto;
 +
z-index:100;
 +
background-image: url(https://static.igem.org/mediawiki/2011/3/36/Whubg.png);
 +
}
 +
#wowslider-container1 .ws_images{
 +
position: absolute;
 +
left:14px;
 +
top:14px;
 +
width:944px;
 +
height:284px;
 +
overflow:hidden;
 +
}
 +
#wowslider-container1 .ws_images a{
 +
color:transparent;
 +
}
 +
 
 +
#wowslider-container1 .ws_images img{
 +
top:0;
 +
left:0;
 +
border:none 0;
 +
}
 +
#wowslider-container1 a{
 +
text-decoration: none;
 +
outline: none;
 +
border: none;
 +
}
 +
 
 +
#wowslider-container1  .ws_bullets {
 +
font-size: 0px;
 +
padding: 10px;
 +
float: left;
 +
position:absolute;
 +
z-index:70;
 +
}
 +
#wowslider-container1  .ws_bullets div{
 +
position:relative;
 +
float:left;
 +
}
 +
#wowslider-container1 .ws_bullets a {
 +
margin-left:4px;
 +
width:8px;
 +
height:8px;
 +
background: url(https://static.igem.org/mediawiki/2011/9/9e/Whubullet.png) left top;
 +
float: left;
 +
text-indent: -1000px;
 +
position:relative;
 +
}
 +
#wowslider-container1 .ws_bullets a.ws_selbull, #wowslider-container1 .ws_bullets a:hover{
 +
background-position: right top;
 +
}
 +
#wowslider-container1 a.ws_next, #wowslider-container1 a.ws_prev {
 +
position:absolute;
 +
display:none;
 +
top:50%;
 +
margin-top:-33px;
 +
z-index:60;
 +
height: 66px;
 +
width: 59px;
 +
background-image: url(https://static.igem.org/mediawiki/2011/3/35/Whu-arrows.png);
 +
}
 +
#wowslider-container1 a.ws_next{
 +
background-position: 100% 0;
 +
right:14px;
 +
}
 +
#wowslider-container1 a.ws_prev {
 +
left:14px;
 +
background-position: 0 0;
 +
}
 +
#wowslider-container1 a.ws_next:hover{
 +
background-position: 100% 100%;
 +
}
 +
#wowslider-container1 a.ws_prev:hover {
 +
background-position: 0 100%;
 +
}
 +
* html #wowslider-container1 a.ws_next,* html #wowslider-container1 a.ws_prev{display:block}
 +
#wowslider-container1:hover a.ws_next, #wowslider-container1:hover a.ws_prev {display:block}
 +
#wowslider-container1 .ws-title{
 +
position: absolute;
 +
bottom:80px;
 +
left: 14px;
 +
margin-right:5px;
 +
z-index: 50;
 +
padding:12px;
 +
color: #000000;
 +
text-transform:uppercase;
 +
background:#F9FBFB;
 +
    font-family: Arial,Helvetica,sans-serif;
 +
font-size: 18px;
 +
height:22px;
 +
-moz-border-radius:0 10px 10px 0;
 +
border-radius:0 10px 10px 0;
 +
}
 +
#wowslider-container1 .ws-title div{
 +
padding-top:5px;
 +
font-size: 13px;
 +
text-transform:none;
 +
}#wowslider-container1 .ws_bullets  a img{
 +
text-indent:0;
 +
display:block;
 +
top:15px;
 +
left:-150px;
 +
visibility:hidden;
 +
position:absolute;
 +
    -moz-box-shadow: 0 0 5px #999999;
 +
    box-shadow: 0 0 5px #999999;
 +
    border: 5px solid #FFFFFF;
 +
}
 +
#wowslider-container1 .ws_bullets a:hover img{
 +
visibility:visible;
 +
}
 +
 
 +
#wowslider-container1 .ws_bulframe div div{
 +
height:90px;
 +
overflow:visible;
 +
position:relative;
 +
}
 +
#wowslider-container1 .ws_bulframe div {
 +
left:0;
 +
overflow:hidden;
 +
position:relative;
 +
width:299px;
 +
}
 +
#wowslider-container1  .ws_bullets .ws_bulframe{
 +
display:none;
 +
top:15px;
 +
overflow:visible;
 +
position:absolute;
 +
cursor:pointer;
 +
    -moz-box-shadow: 0 0 5px #999999;
 +
    box-shadow: 0 0 5px #999999;
 +
    border: 5px solid #FFFFFF;
 +
}
 +
#wowslider-container1 .ws_bulframe span{
 +
display:block;
 +
position:absolute;
 +
top:-11px;
 +
margin-left:-9px;
 +
left:150px;
 +
background:url(https://static.igem.org/mediawiki/2011/5/5e/Whu-riangle.png);
 +
width:15px;
 +
height:6px;
 +
}#footer-box
{
{
position:absolute;
position:absolute;
-
top:2000px;
+
top:3000px;
}
}
#introduction p
#introduction p
Line 11: Line 175:
font-size:17px;
font-size:17px;
}
}
 +
#team_images
#team_images
{
{
Line 16: Line 181:
height:300px;
height:300px;
width:1000px;
width:1000px;
 +
top:20px;
background:transparent;
background:transparent;
}
}
Line 24: Line 190:
  width:960px;
  width:960px;
  left:20px;
  left:20px;
 +
top:50px;
  background:transparent;
  background:transparent;
}
}
Line 29: Line 196:
{
{
  position:relative;
  position:relative;
-
  height:260px;
+
  height:300px;
  width:1000px;
  width:1000px;
 +
top:40px;
  background:transparent;
  background:transparent;
}
}
Line 36: Line 204:
{
{
position:absolute;
position:absolute;
-
left:150px;
+
left:100px;
 +
}
 +
#contact
 +
{position:absolute;
 +
z-index:1;
 +
left:0px;}
 +
 
 +
#bottom
 +
{
 +
position:absolute;
 +
z-index:1;
 +
 
}
}
-
.warpper{width:265px;height:492px;background:#CCCCFF;overflow:hidden;}
 
-
#fttlbg{float:left;width:265px;height:34px;background:#000;z-index:15;-moz-opacity:0.5;filter:alpha(opacity=50);}
 
-
#fttltxt{float:left;width:265px;line-height:40px;z-index:16;color:#fff;font-size:14px;text-align:center;font-weight:bold;}
 
-
#fttltxt a:link,#fttltxt a:hover,#fttltxt a:active,#fttltxt a:visited{color:#fff;}
 
-
.thubpic,.thubpiccur{float:left;cursor:pointer;width:47px;padding:34px 0 0 5px;}
 
-
.thubpiccur{float:left;background:url(../images/1/16/Whu1.jpg) 25px 30px no-repeat;}
 
-
.thubpic img,.thubpiccur img{width:43px;height:51px;padding:1px;border:1px solid #ff3300;}
 
-
.thubpiccur img{border-color:#fff;}
 
</style>
</style>
 +
 +
<style type="text/css">a#vlb{display:none}</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
Line 53: Line 226:
$(document).ready(function()
$(document).ready(function()
{
{
-
   var a1=827;
+
   var a1=710;
   var a2=document.body.clientHeight;
   var a2=document.body.clientHeight;
   document.getElementById("bottom").style.top=(a2+a1).toString()+'px';
   document.getElementById("bottom").style.top=(a2+a1).toString()+'px';
   document.getElementById("contact").style.top=(a2+a1+80).toString()+'px';
   document.getElementById("contact").style.top=(a2+a1+80).toString()+'px';
});
});
-
var currslid = 0;
 
-
var slidint;
 
-
function setfoc(id){
 
-
document.getElementById("focpic").src = picarry[id];
 
-
document.getElementById("foclnk").href = lnkarry[id];
 
-
document.getElementById("fttltxt").innerHTML = "<a href=\""+lnkarry[id]+"\" target=_blank>"+ttlarry[id]+"</a>";
 
-
currslid = id;
 
-
for(i=0;i<5;i++)
 
-
  {
 
-
  document.getElementById("tmb"+i).className = "thubpic";
 
-
  };
 
-
  document.getElementById("tmb"+id).className ="thubpiccur";
 
-
  focpic.style.visibility = "hidden";
 
-
  focpic.filters[0].Apply();
 
-
  if (focpic.style.visibility == "visible") {
 
-
  focpic.style.visibility = "hidden";
 
-
  focpic.filters.revealTrans.transition=12;
 
-
  }
 
-
  else
 
-
  {
 
-
  focpic.style.visibility = "visible";
 
-
  focpic.filters[0].transition=12;
 
-
  }
 
-
  focpic.filters[0].Play();
 
-
  stopit();
 
-
  }
 
-
  function setfoc1(id){
 
-
  document.getElementById("bocpic").src = picarry1[id];
 
-
  document.getElementById("boclnk").href = lnkarry1[id];
 
-
  document.getElementById("bttltxt").innerHTML = "<a href=\""+lnkarry1[id]+"\" target=_blank>"+ttlarry1[id]+"</a>";
 
-
  currslid = id;
 
-
  document.getElementById("bocpic").filters.revealTrans.transition = 12;
 
-
  document.getElementById("bocpic").filters[0].Apply();
 
-
  document.getElementById("bocpic").filters[0].Play();
 
-
  }
 
-
  function playnext()
 
-
  {
 
-
  if(currslid==4)
 
-
  {
 
-
  currslid = 0;
 
-
  }
 
-
  else
 
-
  {
 
-
  currslid++;
 
-
  };
 
-
        try{
 
-
  setfoc(currslid);
 
-
        }catch(e){}
 
-
  playit();
 
-
  }
 
-
  function playit(){
 
-
  slidint = setTimeout(playnext,4500);
 
-
  }
 
-
  function stopit(){
 
-
  clearTimeout(slidint);
 
-
  }
 
-
  window.onload = function(){
 
-
  playit();
 
-
  }
 
</script>
</script>
</head>
</head>
Line 122: Line 236:
<div id="content1">
<div id="content1">
<div id="team_images">
<div id="team_images">
-
<div class="warpper">
+
<div id="wowslider-container1">
-
<a id="foclnk" href="https://2011.igem.org/wiki" target="_blank"><img id="focpic" src="/images/1/16/Whu1.jpg
+
 
-
" style="filter:RevealTrans(duration=1transition=12)" width="300" height="1000" alt="show01"></a>
+
<div class="ws_images">
-
<div id="fttlbg"><div id="fttltxt"><a href="https://2011.igem.org/wiki" target="_blank">show01</a></div></div>
+
<a href="#"><img src="/wiki/images/e/e8/Whu-family.jpg" title="our family" alt="our family"id="wows0"/></a>
-
<div id="tmb0" onmouseover="setfoc(0);" onmouseout="playit();" class="thubpiccur">
+
<a href="#"><img src="https://static.igem.org/mediawiki/2011/1/12/Whu-busying.jpg" title="busying"alt="busying" id="wows1""/></a>
-
<a href="https://2011.igem.org/wiki" target="_blank"><img src="/images/1/16/Whu1.jpg" width="56" height="42" alt="show01"/></a></div>
+
<a href="#"><img src="https://static.igem.org/mediawiki/2011/9/98/Library.jpg" title="library" alt="library" id="wows2"/></a>
-
<div id="tmb1" onmouseover="setfoc(1);" onmouseout="playit();" class="thubpiccur">
+
<a href="#"><img src="https://static.igem.org/mediawiki/2011/6/65/Whu-igem.jpg" title="igem" alt="igem" id="wows3"/></a>
-
<a href="https://2011.igem.org/wiki" target="_blank"><img src="/images/1/16/Whu1.jpg" width="56" height="42" alt="show02"/></a></div>
+
</div>
-
<div id="tmb2" onmouseover="setfoc(2);" onmouseout="playit();" class="thubpiccur">
+
<div class="ws_bullets"><div>
-
<a href="https://2011.igem.org/wiki" target="_blank"><img src="/images/1/16/Whu1.jpg" width="56" height="42" alt="show03"/></a></div>
+
<a href="#wows0" title="our family"><img src="https://static.igem.org/mediawiki/2011/f/f8/Whu-family-1.jpg" alt="our family"/></a>
-
<div id="tmb3" onmouseover="setfoc(3);" onmouseout="playit();" class="thubpiccur">
+
<a href="#wows1" title="busying"><img src="https://static.igem.org/mediawiki/2011/f/f3/Whu-busying-1.jpg" alt="busying"/></a>
-
<a href="https://2011.igem.org/wiki" target="_blank"><img src="/images/1/16/Whu1.jpg" width="56" height="42" alt="show04"/></a></div>
+
<a href="#wows2" title="library"><img src="https://static.igem.org/mediawiki/2011/2/24/Whu-libray-1.jpg" alt="library"/></a>
-
<div id="tmb4" onmouseover="setfoc(4);" onmouseout="playit();" class="thubpiccur">
+
<a href="#wows3" title="igem"><img src="https://static.igem.org/mediawiki/2011/d/d9/Whu-igem-1.jpg" alt="igem"/></a>
-
<a href="https://2011.igem.org/wiki" target="_blank"><img src="/images/1/16/Whu1.jpg" width="56" height="42" alt="show05"/></a></div>
+
-
<script language="javascript" type="text/javascript">
+
-
var picarry = {};
+
-
var lnkarry = {};
+
-
var ttlarry = {};
+
-
picarry[0]="/images/1/16/Whu1.jpg";
+
-
lnkarry[0]="";
+
-
ttlarry[0]="show01";
+
-
picarry[1]="/images/1/16/Whu1.jpg";
+
-
lnkarry[1]="";
+
-
ttlarry[1]="show02";
+
-
picarry[2]="/images/1/16/Whu1.jpg";
+
-
lnkarry[2]="";
+
-
ttlarry[2]="show03";
+
-
picarry[3]="/images/1/16/Whu1.jpg";
+
-
lnkarry[3]="";
+
-
ttlarry[3]="show04";
+
-
picarry[4]="/images/1/16/Whu1.jpg";
+
-
lnkarry[4]="";
+
-
ttlarry[4]="show05";
+
-
</script>
+
</div></div>
</div></div>
 +
<a style="display:none" href="http://wowslider.com">jQuery Carousel Demo by WOWSlider.com v1.7</a>
 +
 +
<div class="ws_shadow"></div>
 +
 +
</div>
 +
<script type="text/javascript" src=" https://2011.igem.org/Team:WHU-China/script2.js?action=raw&ctype=text/js">
 +
</script>
 +
</div>
<div id="introduction">
<div id="introduction">
-
<p>&nbsp;&nbsp;&nbsp;&nbsp;We are not the first iGEM team in Wuhan university, but the first iGEM team to participate the competition. The former iGEM team of Wuhan university was started by Shijie Zou in November 2009.Most members come from the College of Life Science and one student from the College of Math. Despite our endearvour to understand the principles of synthesis biology, we did not not convince our college to support us to compete in iGEM. Missing the 2010 iGEM, we did not give up. In April 4th 2010, we established our new team with student from College of Life Science and College of Math. Furthermore we recruit new members from the College of Computer and Software. Together with those new peers, we begin to analysis the former project in iGEM and papers in synthetic biology. After 4 months brainstorm we successfully come up with four project and two of them passed the oral presentation in our college. In March 24, 2011, we established our team in the iGEM competition with instructors: Dean Jianbo Wang, Professor Zhixiong Xie. Professor Xiufen Zou and team leaders: Chao Zhang, Jing You. We begin our pre-experiments from March 29th.</br>  
+
<p>&nbsp;&nbsp;&nbsp;&nbsp;We are not the first iGEM team in Wuhan university, but the first iGEM team to participate the competition. The former iGEM team of Wuhan university was started by Shijie Zou in November 2009.Most members come from the College of Life Science and one student from the College of Math. Despite our endearvour to understand the principles of synthesis biology, we did not not convince our college to support us to compete in iGEM. Missing the 2010 iGEM, we did not give up. In April 4th 2010, we established our new team with student from College of Life Science and College of Math. Furthermore we recruit new members from the College of Computer and Software. Together with those new peers, we began to study the previous projects in iGEM history as well as research papers in synthetic biology. After 4 months brainstorm we successfully came up with four projects and two of them passed the oral presentation in our college. In March 24, 2011, we established our team in the iGEM competition with instructors: Dean Jianbo Wang, Professor Zhixiong Xie. Professor Xiufen Zou and team leaders: Chao Zhang, Jing You. We began our pre-experiments from March 29th.</br>  
-
&nbsp;&nbsp;&nbsp;&nbsp;In April and May, we establised our first iGEM experiment platform. In July till now we worked on our project using biobricks and other biology parts. We have spent a busy summer full of happiness and joy. Best wishes.
+
&nbsp;&nbsp;&nbsp;&nbsp;In April and May, we establised our first iGEM experiment platform. In July till now we worked on our project using biobricks and other biological parts. We have spent a busy summer full of happiness and joy. </p>
-
</p>
+
</div>
</div>
<div id="decoration">
<div id="decoration">
-
<img src="/wiki/images/e/e1/Whu-Formation.png" height="200" width="700"/>
+
<img src="/wiki/images/e/e1/Whu-Formation.png" height="240" width="700"/>
 +
</div>
 +
<div style="height:80px"></div>
 +
<div id="bottom">
 +
<image src="/wiki/images/5/58/Whu-backgroundbottom.png"/>
 +
</div>
 +
<!-- bottom and needed to be modified in the top-->
 +
 
 +
<div id="contact">
 +
<a href="https://2011.igem.org/wiki/index.php?title=Team:WHU-China/Team/History&action=edit"><img class="whucontact" style="position:relative;left:636px;top:38px;z-index:10;" src="/wiki/images/2/2a/Whu-Home_r1_c1.png"/></a>
 +
<a href="Mailto:gubrian890512@gmail.com"><img class="whucontact" style="position:relative;left:660px;top:38px;z-index:10;" src="/wiki/images/9/97/Whu-Home_r1_c3.png"/></a>
 +
<a href="https://igem.org/Main_Page"><img class="whucontact" style="position:relative;left:676px;top:38px;z-index:10;" src="/wiki/images/0/03/Whu-Home_r1_c5.png"/></a>
 +
<img id="bb" src="/wiki/images/3/3c/Whu-build.jpg"/>
</div>
</div>
 +
</div>
</div>
</body>
</body>
</html>
</html>
{{WHUcss}}
{{WHUcss}}

Latest revision as of 07:43, 23 October 2011

    We are not the first iGEM team in Wuhan university, but the first iGEM team to participate the competition. The former iGEM team of Wuhan university was started by Shijie Zou in November 2009.Most members come from the College of Life Science and one student from the College of Math. Despite our endearvour to understand the principles of synthesis biology, we did not not convince our college to support us to compete in iGEM. Missing the 2010 iGEM, we did not give up. In April 4th 2010, we established our new team with student from College of Life Science and College of Math. Furthermore we recruit new members from the College of Computer and Software. Together with those new peers, we began to study the previous projects in iGEM history as well as research papers in synthetic biology. After 4 months brainstorm we successfully came up with four projects and two of them passed the oral presentation in our college. In March 24, 2011, we established our team in the iGEM competition with instructors: Dean Jianbo Wang, Professor Zhixiong Xie. Professor Xiufen Zou and team leaders: Chao Zhang, Jing You. We began our pre-experiments from March 29th.
    In April and May, we establised our first iGEM experiment platform. In July till now we worked on our project using biobricks and other biological parts. We have spent a busy summer full of happiness and joy.

Count Down

days

hours

minutes

seconds

Visitor

Retrieved from "http://2011.igem.org/Team:WHU-China/Team/History"