Difference between revisions of "Team:BIT-China"

(Prototype team page)
 
 
(13 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
{{BIT-China}}
 
{{BIT-China}}
−
<html>
+
<html>
−
<h2> Welcome to iGEM 2015! </h2>
+
<style>
−
<p>Your team has been approved and you are ready to start the iGEM season! </p>
+
body{
 +
vh:10;
 +
overflow: hidden;
 +
}
 +
  #container{
 +
width:100%;
 +
height:100%;
 +
text-align:center;
 +
  }
 +
  #title{
 +
font-family: Jokerman;
 +
font-size: 60px;
 +
color: #68441c;
 +
width:100%;
 +
height:80px;
 +
position:absolute;
 +
top:130px;
 +
z-index:-2;
 +
  }
 +
  /*background-image:url("../image/index_title.png");
 +
background-position:center;
 +
background-repeat:no-repeat;*/
 +
  #bacterium_coli{
 +
width:210px;
 +
height:350px;
 +
background-repeat:no-repeat;
 +
background-image:url("https://static.igem.org/mediawiki/2015/3/38/BIT_China_bacterium_coli.png");
 +
background-position:center;
 +
position:absolute;
 +
top:235px;
 +
left:10px;
 +
  }
 +
  #index_glass_garden{
 +
width:100%;
 +
height:250px;
 +
background-image:url("https://static.igem.org/mediawiki/2015/6/6d/BIT_China_index_glass_garden.png");
 +
background-repeat:no-repeat;
 +
background-position:center;
 +
position:absolute;
 +
top:440px;
 +
  }
 +
@media screen and (max-width:1024px){
 +
#title{
 +
background-size:90%;
 +
}
  
 +
}
 +
 +
 +
 +
 +
</style>
 +
<script>
 +
$(document).ready(function(){
 +
var pos = $('#taiji').offset().left;
 +
var outerWidth_icon = $('#taiji').outerWidth();
 +
var outerWidth_coli = $('#bacterium_coli').outerWidth();
 +
$('#bacterium_coli').css('left', pos+outerWidth_icon/2-outerWidth_coli/2);
 +
 +
$("a").mouseover(function(){
 +
$('#bacterium_coli').stop(true, false);
 +
 +
pos=$(this).children("div").eq(0).offset().left;
 +
var newposX = pos+outerWidth_icon/2-outerWidth_coli/2;
 +
var aa = $('#bacterium_coli').offset().left;
 +
if(aa> newposX ){
 +
$('#bacterium_coli').css('background-position','0px 0px');
 +
}else if(aa< newposX ){
 +
  $('#bacterium_coli').css('background-position','-420px 0px');
 +
}
 +
else{
 +
  $('#bacterium_coli').css('background-position','-210px 0px');
 +
}
 +
 +
$('#bacterium_coli').animate({
 +
'left':newposX,
 +
}, 500, function(){
 +
$('#bacterium_coli').css('background-position','-210px 0px');
 +
});
 +
 +
 +
 +
});
 +
 +
$('#top_nav span').mouseover(function(){
 +
$('#bacterium_coli').css('background-position','-210px 0px');
 +
});
 +
//$('a').mouseover(function(){
 +
//   $(this).children("div").children("img").addClass("bounce");
 +
//});
 +
 +
});
 +
</script>
 +
 +
 +
 +
 +
<div id="container">
 +
<img src="https://static.igem.org/mediawiki/2015/d/d1/BIT_China_main_page_ph.png" style="width:90%;margin-top:43px;" />
 +
<div id="index_glass_garden"></div>
 +
<div id="bacterium_coli"></div>
 +
</div>
 +
 +
</div><!-- End of content -->
 +
</div><!-- End of mainContainer -->
 +
</html>
 +
 +
 +
<!--
 +
 +
<h1> Welcome to iGEM 2015!</h1>
 +
<h2 style="color:blue">Project Descriptions </h2>
 +
<p style="color:blue">This year we want to design a pH-balance machine. As you may know, there is worldwide concern related to the issue of fermentation. Scientists have to precisely control the pH in a narrow range because fluctuation of pH level can tremendously influence the strains’ performance. Therefore, we need a pH balance machine to solve this problem. Our pH-balanced machine contains two sub-systems, one is the resistance system and the other is the regulation system. The resistance system can make bacteria survive in an expanded range of pH. The regulation system is used to adjust the microenvironment pH by synthesis of acid or alkali. The two sub-systems working together allows for lowered cost and energy of artificial pH regulation, because the host with our machine can maintain the high fermentation efficiency when the environmental pH is not optimal.
 +
</p>
 +
<p  style="color:blue">Since our machine is now under construction, please continue to pay attention to us. You may come across some suprises.</p>
 +
<hr />
 +
<p>Your team has been approved and you are ready to start the iGEM season! </p>
 +
<p><a href="https://2015.igem.org/Team:BIT-China/Background">Background</a></p>
 +
<p><a href="https://2015.igem.org/Team:BIT-China/Project_Regulation_Subsystem">Project_Regulation_Subsystem</a></p>
 +
<p><a href="https://2015.igem.org/Team:BIT-China/Project_Resistance_Subsystem">Project_Resistance_Subsystem</a></p>
 
<h4>Before you start: </h4>
 
<h4>Before you start: </h4>
 
<p> Please read the following pages:</p>
 
<p> Please read the following pages:</p>
Line 60: Line 178:
  
  
−
</div></div> <!--These are the closing tags for div id="mainContainer" and div id="contentContainer". The corresponding opening tags appear in the template that is {{included}} at the top of this page.-->
+
-->
−
 
+
−
</html>
+

Latest revision as of 01:44, 18 September 2015



Add a banner to your wiki!

You can make the image 980px by 200px

Remember to call the file: "Team_BIT-China_banner.jpg"