Difference between revisions of "Team:HUST-China"

Line 1: Line 1:
−
{{HUST-China}}
 
 
<html>
 
<html>
 
<head lang="en">
 
<head lang="en">
Line 6: Line 5:
 
  <meta name="viewport" content="width=device-width,initial-scale=1">
 
  <meta name="viewport" content="width=device-width,initial-scale=1">
  
−
  <title>team:iGEM-HUST:home</title>
+
  <title>Team:HUST-China:Home</title>
 
  <link href="http://cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css"rel="stylesheet">
 
  <link href="http://cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css"rel="stylesheet">
  
Line 40: Line 39:
 
     background-color: transparent;   
 
     background-color: transparent;   
 
}
 
}
−
  body{
+
  body{background-image: url(./iGEM/picture/reef0.jpg);
 +
background-size: 100% ;
 
  position: absolute;  
 
  position: absolute;  
 
margin: 0px;
 
margin: 0px;
Line 46: Line 46:
 
z-index:-1;
 
z-index:-1;
 
color: black;
 
color: black;
−
font-size: 10px;}
+
font-size: 10px;
 +
}
 +
.pic_a img{cursor: pointer;}
 +
    .scroll{cursor: pointer;}
  
 
  .header{position: fixed;  
 
  .header{position: fixed;  
 
      width: 100%;
 
      width: 100%;
−
    height:7%;
+
    height:200px;
 
    margin-top: 0px;
 
    margin-top: 0px;
−
    background-color:#2c4e8d;
+
  padding-top: 5px;
 +
  background-image: url(./iGEM/picture/daohang.png);
 +
    background-size:100% 100%;
 
      filter:alpha(opacity:30);opacity:0.95;  -moz-opacity:0.4; -khtml-opacity: 0.4;
 
      filter:alpha(opacity:30);opacity:0.95;  -moz-opacity:0.4; -khtml-opacity: 0.4;
 
    z-index:1;}
 
    z-index:1;}
 
.first-menu{float: left;
 
.first-menu{float: left;
−
  margin-left: 2%;
+
  margin-right: 1.2%;
−
  font-size:18px;  
+
  font-size:19px;  
−
  max-width: 18%;}
+
  max-width: 22%;}
 
  .other-menu{float: left;
 
  .other-menu{float: left;
−
  margin-left:1.2%;
+
  margin-right:12%;
−
  font-size:18px;
+
  font-size:19px;
 
  max-width: 22%;}
 
  max-width: 22%;}
 
  .navbar .nav > li .dropdown-menu {margin: 0;}
 
  .navbar .nav > li .dropdown-menu {margin: 0;}
Line 79: Line 84:
 
  li.li{margin-top: 25px;}
 
  li.li{margin-top: 25px;}
 
   
 
   
−
#pic{   background-image: url(https://static.igem.org/mediawiki/2015/2/2b/Reef1.jpg);
+
#pic{
 
                 width:100%;
 
                 width:100%;
 
                 height:650px;
 
                 height:650px;
Line 86: Line 91:
 
           background-size: 100%,100%;
 
           background-size: 100%,100%;
 
           margin-top: 0px;}
 
           margin-top: 0px;}
−
     #pic .wenzi{font-size: 10em;  
+
 
 +
     .title{width: 40%;
 
                 height:300px;
 
                 height:300px;
−
                color: white;
+
              margin-left: 30%;
−
                }
+
                }
−
     .pic_a img{width: 8%;
+
               
−
    height: 6%;
+
     .xiala{width: 10%;
 +
    height: 100px;
 
     }
 
     }
 
     .pic_a{float: left;
 
     .pic_a{float: left;
−
             margin-top: 12px;
+
             margin-top: 0px;
 
             width: 100%;
 
             width: 100%;
 
             text-align:center;}
 
             text-align:center;}
 +
   
 +
    .abstract{ text-align: center;
 +
    color: white;
 +
    margin-top: 710px;
 +
    width: 100%;
 +
    font-size: 32px;}
  
−
     .talk{background-image: url(https://static.igem.org/mediawiki/2015/7/7b/Introduction_xiaoren.png);
+
     .xiaoren img{margin-top: 20px;
−
    background-size:100%,100%;
+
    margin-right: 50px;
−
     width: 78%;
+
     width: 20%;
−
     height: 560px;
+
     height: auto;
−
    margin-left: 10%;
+
     float: right;}
−
    margin-top: 0px;
+
     .fix{  margin-top: 20px;
−
     float: left;}
+
     margin-left: 90px;
−
     .fix{  margin-top: 200px;
+
     width: 90%;  
−
     margin-left: 65px;
+
     font-size: 22px;
−
    float: left;
+
    color: white;
−
     width: 38%;  
+
    }
−
     text-align: center;}
+
−
 
+
−
    .description {margin-left: 10%;
+
−
              margin-right: 10%;
+
−
              margin-top: 100px;
+
−
              text-align: left;
+
−
              float: left;
+
−
              font-size: 2em;
+
−
              margin-bottom: 80px;
+
−
                          line-height:1.1;}
+
 
      
 
      
 
     .zhengwen{ margin-left: 12%;
 
     .zhengwen{ margin-left: 12%;
−
     margin-top: 160px;
+
     margin-top: 100px;
 
     float: left;}
 
     float: left;}
 
     .zhengwen img{ border-radius:5px;}
 
     .zhengwen img{ border-radius:5px;}
Line 128: Line 131:
 
        background-attachment: fixed;
 
        background-attachment: fixed;
 
        background-size: 100%,100%;
 
        background-size: 100%,100%;
−
margin-top: 50px;
+
margin-top: 100px;
−
margin-bottom: 10px;
+
 
    width: 100%;
 
    width: 100%;
 
float: left;}
 
float: left;}
Line 136: Line 138:
 
              }
 
              }
 
     .scroll{
 
     .scroll{
−
width:80px;
+
width:100px;
−
height:80px;
+
height:120px;
−
background:#2c4e8d;
+
background-image: url(./iGEM/picture/top.png);
−
color:white;
+
background-size: 100% 100%;
−
line-height:80px;
+
−
text-align:center;
+
 
position:fixed;
 
position:fixed;
 
right:10px;
 
right:10px;
 
bottom:20px;
 
bottom:20px;
−
cursor:pointer;
 
−
font-size:14px;
 
 
opacity:0.6;  
 
opacity:0.6;  
 
}
 
}
  
−
.acknowledgement img{  
+
.acknowledgement .logo1{  
−
  width: 18%;
+
  width: 8%;
−
  height: 200px;
+
  height: 80px;
−
  margin-left: 5%;}
+
  margin-left: 1%;}
 +
.acknowledgement .logo2{
 +
  width: 22%;
 +
  height: 80px;
 +
  margin-left: 1%;}
 +
 
 +
 
 
/*以下是js特效*/
 
/*以下是js特效*/
 
ul,ol{list-style-type:none}
 
ul,ol{list-style-type:none}
Line 228: Line 232:
 
function showdes(){
 
function showdes(){
 
$('#to_1').click(function(){
 
$('#to_1').click(function(){
−
$("html,body").animate({scrollTop:750},800);
+
$("html,body").animate({scrollTop:650},800);
 
});
 
});
 
}
 
}
Line 238: Line 242:
 
function showdes(){
 
function showdes(){
 
$('#to_2').click(function(){
 
$('#to_2').click(function(){
−
$("html,body").animate({scrollTop:1420},800);
+
$("html,body").animate({scrollTop:1320},800);
 
});
 
});
 
}
 
}
Line 258: Line 262:
 
<body>
 
<body>
 
<!--上栏-->
 
<!--上栏-->
−
<div class="container header" style="top:10px">
+
<div class="container header" >
 
 
 
<!--悬浮菜单-->
 
<!--悬浮菜单-->
Line 267: Line 271:
 
              <li class="first-menu"><a href="https://2015.igem.org/Team:HUST-China">HOME</a>
 
              <li class="first-menu"><a href="https://2015.igem.org/Team:HUST-China">HOME</a>
 
                </li>      
 
                </li>      
−
                <li class="dropdown other-menu" id="accountmenu"><a href="https://2015.igem.org/Team:HUST-China/Description">PROJECT<b class="caret"></b></a>
+
                <li class="dropdown first-menu" id="accountmenu"><a href="https://2015.igem.org/Team:HUST-China/Description">PROJECT<b class="caret"></b></a>
 
                <ul class="dropdown-menu">
 
                <ul class="dropdown-menu">
 
                <li><a href="https://2015.igem.org/Team:HUST-China/Description">Description</a></li>
 
                <li><a href="https://2015.igem.org/Team:HUST-China/Description">Description</a></li>
Line 279: Line 283:
 
                         </li>
 
                         </li>
  
−
                         <li class="dropdown other-menu" id="accountmenu"><a href="https://2015.igem.org/Team:HUST-China/Parts">PARTS<b class="caret"></b></a>
+
                         <li class="dropdown first-menu" id="accountmenu"><a href="https://2015.igem.org/Team:HUST-China/Parts">PARTS<b class="caret"></b></a>
 
                <ul class="dropdown-menu">                         <li><a href="https://2015.igem.org/Team:HUST-China/Parts">Team Parts</a></li>
 
                <ul class="dropdown-menu">                         <li><a href="https://2015.igem.org/Team:HUST-China/Parts">Team Parts</a></li>
 
                        <li class="divider"></li>
 
                        <li class="divider"></li>
Line 290: Line 294:
 
                         </li>
 
                         </li>
 
                 
 
                 
−
                <li class="dropdown other-menu" id="accountmenu"><a href="https://2015.igem.org/Team:HUST-China/Modeling">MODELING</a> </li>
+
                <li class="dropdown first-menu" id="accountmenu"><a href="https://2015.igem.org/Team:HUST-China/Modeling">MODELING</a> </li>
  
−
                <li class="dropdown other-menu" id="accountmenu"><a href="https://2015.igem.org/Team:HUST-China//Team">TEAM</a>         </li>                  
+
                <li class="dropdown first-menu" id="accountmenu"><a href="https://2015.igem.org/Team:HUST-China//Team">TEAM</a>         </li>                  
 
                   
 
                   
−
                <li class="dropdown other-menu" id="accountmenu">
+
                <li class="dropdown first-menu" id="accountmenu">
 
                    <a class="dropdown-toggle" data-toggle="dropdown" href="https://2015.igem.org/Team:HUST-China/Practices">HUMAN PRACTICES<b class="caret"></b></a>
 
                    <a class="dropdown-toggle" data-toggle="dropdown" href="https://2015.igem.org/Team:HUST-China/Practices">HUMAN PRACTICES<b class="caret"></b></a>
 
                          <ul class="dropdown-menu">
 
                          <ul class="dropdown-menu">
Line 324: Line 328:
 
</div>
 
</div>
 
<!--标题栏-->
 
<!--标题栏-->
−
  <div id="pic" ><br><br><br><br><br><br><br><br>
+
  <div id="pic" ><br><br><br><br><br><br><br><br><br>
−
  <div class="wenzi" align="center"><b><br>
+
  <img class="title" src="./iGEM/picture/title.png"/>
−
  Euk.cement</b><br><br><br><br><br><br><br><br>
+
  <br>
−
  <div style="font-size:26px" align="center">A live eukaryotic cell based auto-cementation kit</div>  
+
  <div style="font-size:26px;color:white" align="center" >A live eukaryotic cell based auto-cementation kit</div>  
−
</div>
+
 
  
 
  <div class="pic_a" >
 
  <div class="pic_a" >
 
  <h4 style="color:white">Scroll down to read more</h4>
 
  <h4 style="color:white">Scroll down to read more</h4>
−
      <img style="cursor:pointer;" id="to_1" src="https://static.igem.org/mediawiki/2014/3/3e/Aalto_Helsinki_Nuoli.png"/>
+
      <img class="xiala" id="to_1" src="./iGEM/picture/white.png"/>
 
  </div>
 
  </div>
 
  </div>
 
  </div>
  
−
  <!--小人对话-->
+
  <!--abstract-->
 
  <div class="container">
 
  <div class="container">
−
  <div class="talk">
+
  <div class="abstract" ><b>Abstract</b></div>
−
<h3 class="fix">With the expanding of human settlements and the development of civil engineering, the demand of novel cementation material is increasing rapidly. To echo such demand, we developed Euk.cement</h3>
+
<div class="xiaoren"><img src="iGEM/picture/xiaoren.png"/></div>
−
</div>
+
<p class="fix">With the expanding of human settlements and the development of civil engineering, the demand of novel cementation material is increasing rapidly. To echo such demand, we developed Euk.cement: a live eukaryotic cell based auto-cementation kit. By surface displayed silica binding peptides and secreted flocculating proteins, Euk.cement will target onto any silica containing particles, such as sands and rocks, and stick them together. This system will be automatically initiated only in dark with a light operated switch. While carbon dioxide released from the metabolism of cells will finally complete the calcium carbonate sedimentation. This economical and ecological friendly innovation can be utilized for a wide range of industrial or environmental applications, such as construction and restoration of building foundations, bridge piers, or even artificial reefs for aquaculture. Since we have exploited a new kind of marine yeast as chassis, the application field of eukaryotic synthetic biology has then been considerably broadened.</p>
−
  <div class="pic_a" >
+
  <div class="pic_a" >
−
<h4 style="color:white">Scroll down to read more</h4>
+
      <img class="xiala" id="to_2" src="./iGEM/picture/grey.png"/>
−
      <img style="cursor:pointer;" id="to_2" src="https://static.igem.org/mediawiki/2015/5/5a/Black.jpg"/>
+
  </div>
−
</div>
+
 
  </div>
 
  </div>
  
−
<!--描述-->
 
−
<div align="center" class="description">
 
−
        <h2 style="color:black" align="center"><b>Abstract</b></h2>
 
−
        <div> 
 
−
          With the expanding of human settlements and the development of civil engineering, the demand of novel cementation material is increasing rapidly. To echo such demand, we developed Euk.cement: a live eukaryotic cell based auto-cementation kit. By surface displayed silica binding peptides and secreted flocculating proteins, Euk.cement will target onto any silica containing particles, such as sands and rocks, and stick them together. This system will be automatically initiated only in dark with a light operated switch. While carbon dioxide released from the metabolism of cells will finally complete the calcium carbonate sedimentation. This economical and ecological friendly innovation can be utilized for a wide range of industrial or environmental applications, such as construction and restoration of building foundations, bridge piers, or even artificial reefs for aquaculture. Since we have exploited a new kind of marine yeast as chassis, the application field of eukaryotic synthetic biology has then been considerably broadened. 
 
−
    </div>
 
−
    </div>
 
−
        <div class="pic_a" >
 
−
    <img style="cursor:pointer;" id="to_3" src="https://static.igem.org/mediawiki/2015/5/5a/Black.jpg"/></div>
 
  
 
<!--正文-->
 
<!--正文-->
 
         <div class="container zhengwen">
 
         <div class="container zhengwen">
−
         <h2 style=" margin-right:10%; width:90%;" align="center"><b>About us</b></h2> <br>
+
         <h2 style=" margin-right:10%; width:90%;color:white" align="center" ><b>About us</b></h2> <br>
 
         <div id="show1" class="show">
 
         <div id="show1" class="show">
 
         <h4><br><br>We can have marine products raising like sea cucumbers or edible sea grass.  
 
         <h4><br><br>We can have marine products raising like sea cucumbers or edible sea grass.  
Line 390: Line 384:
 
        
 
        
 
         </div>
 
         </div>
−
<!--以下是logo-->
+
<!--透视窗-->
−
          <div class="acknowledgement container" >
+
            <div class="reference">
−
              <a href="https://2015.igem.org/Team:HUST-China">
+
      <img src="./iGEM/picture/transparent.png">
−
              <img onmousemove="this.src='https://static.igem.org/mediawiki/2015/9/90/Ac1.png'"
+
          </div>
−
                  onmouseout="this.src='https://static.igem.org/mediawiki/2015/6/6c/Ac1_fade.png'"  
+
 
−
              src="https://static.igem.org/mediawiki/2015/6/6c/Ac1_fade.png">
+
<!--以下是logo
 +
          <div class="acknowledgement container" >            
 +
              <a href="http://english.hust.edu.cn/">
 +
              <img class="logo1" src="https://static.igem.org/mediawiki/2015/0/04/Ac3.png">
 
               </a>
 
               </a>
−
               <a href="https://igem.org/Main_Page">
+
               <a href="http://qiming.hust.edu.cn/">
−
               <img onmousemove="this.src='https://static.igem.org/mediawiki/2015/0/04/Ac2.png'"
+
               <img class="logo1" src="https://static.igem.org/mediawiki/2015/5/57/Ac4.png">
−
                  onmouseout="this.src='https://static.igem.org/mediawiki/2015/3/3f/Ac2_fade.png'"
+
−
              src="https://static.igem.org/mediawiki/2015/3/3f/Ac2_fade.png">
+
 
               </a>
 
               </a>
 
               <a href="http://english.hust.edu.cn/">
 
               <a href="http://english.hust.edu.cn/">
−
               <img onmousemove="this.src='https://static.igem.org/mediawiki/2015/0/04/Ac3.png'"
+
               <img class="logo1" src="./iGEM/picture/logo/ac8.jpg">
−
                  onmouseout="this.src='https://static.igem.org/mediawiki/2015/c/c2/Ac3_fade.png'"  
+
−
              src="https://static.igem.org/mediawiki/2015/c/c2/Ac3_fade.png">
+
 
               </a>
 
               </a>
−
               <a href="http://qiming.hust.edu.cn/">
+
               <a href="http://english.hust.edu.cn/">
−
               <img onmousemove="this.src='https://static.igem.org/mediawiki/2015/5/57/Ac4.png'"
+
               <img class="logo2" src="./iGEM/picture/logo/ac5.jpg">
−
                  onmouseout="this.src='https://static.igem.org/mediawiki/2015/4/4c/Ac4_fade.png'"  
+
              </a>
−
              src="https://static.igem.org/mediawiki/2015/4/4c/Ac4_fade.png">
+
              <a href="http://english.hust.edu.cn/">
 +
              <img class="logo2" src="./iGEM/picture/logo/ac6.jpg">
 +
              </a>
 +
              <a href="http://english.hust.edu.cn/">
 +
              <img class="logo2" src="./iGEM/picture/logo/ac7.png">
 
               </a>
 
               </a>
 
           </div>
 
           </div>
 
           <br><br><br> <br><br><br>
 
           <br><br><br> <br><br><br>
−
           <div class="scroll" id="scroll" style="display:none;">
+
          -->
−
          TOP
+
 
−
  </div>
+
 
 +
 
 +
 
 +
           <div class="scroll" id="scroll" style="display:none;"></div>
 +
 
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 14:13, 9 September 2015

Team:HUST-China:Home











A live eukaryotic cell based auto-cementation kit

Scroll down to read more

Abstract

With the expanding of human settlements and the development of civil engineering, the demand of novel cementation material is increasing rapidly. To echo such demand, we developed Euk.cement: a live eukaryotic cell based auto-cementation kit. By surface displayed silica binding peptides and secreted flocculating proteins, Euk.cement will target onto any silica containing particles, such as sands and rocks, and stick them together. This system will be automatically initiated only in dark with a light operated switch. While carbon dioxide released from the metabolism of cells will finally complete the calcium carbonate sedimentation. This economical and ecological friendly innovation can be utilized for a wide range of industrial or environmental applications, such as construction and restoration of building foundations, bridge piers, or even artificial reefs for aquaculture. Since we have exploited a new kind of marine yeast as chassis, the application field of eukaryotic synthetic biology has then been considerably broadened.

About us




We can have marine products raising like sea cucumbers or edible sea grass.







PROJECT



We can have marine products raising like sea cucumbers or edible sea grass.







MODELING



We can have marine products raising like sea cucumbers or edible sea grass.







PARTS



We can have marine products raising like sea cucumbers or edible sea grass.







HUMAN PRACTICE