Difference between revisions of "Team:USTC/Part Collection"

(Undo revision 276252 by Dong Yan (talk))
(Undo revision 276218 by Dong Yan (talk))
Line 1: Line 1:
 
<html>
 
<html>
−
  <head>
+
 
−
    <meta charset="utf-8">
+
<link rel="stylesheet" type="text/css" href="https://2016.igem.org/Template:USTC/semantics?action=raw&ctype=text/css">
−
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+
<script type="text/javascript" src="https://2016.igem.org/Template:USTC/semanticsjs?action=raw&ctype=text/javascript"></script>
−
    <title>Modeling</title>
+
 
−
    <!--<link rel="stylesheet" type="text/css" class="ui" href="semantic.min.css">-->
+
<style>
−
    <link rel="stylesheet" type="text/css" href="https://2016.igem.org/Template:USTC/semantics?action=raw&ctype=text/css">
+
/********************Dealing with default Mediawiki setting*******************/
−
    <style>
+
     #sideMenu, #top_title {
−
    /********************Dealing with default Mediawiki setting*******************/
+
      display:none;
−
     #top_title {
+
      position:absolute;
−
    display:none;
+
−
    position:absolute;
+
 
     }
 
     }
−
     #content {
+
     #content {  
−
    padding:0px; width:auto; margin-top:-11px; margin-left:0px;
+
      padding:0px; width:auto; margin-top:-11px; margin-left:0px;
 
     }
 
     }
 
     #globalWrapper{
 
     #globalWrapper{
 
     }
 
     }
−
     body {
+
     body {  
 
     }
 
     }
 
     #bodyContent {
 
     #bodyContent {
 
     }
 
     }
 +
 
     div#top_menu_14{
 
     div#top_menu_14{
−
    height:21px;
+
      height:21px;
−
    border-bottom-color:#383838;
+
      border-bottom-color:#383838;
 
     }
 
     }
 
     div#top_menu_under{
 
     div#top_menu_under{
−
   
+
   
 
     }
 
     }
 +
 
     div#globalWrapper{
 
     div#globalWrapper{
−
    padding-bottom: 0;
+
      padding-bottom: 0;
 
     }
 
     }
−
    #top_menu_under{
+
 
−
     height:0;
+
      
−
    }
+
/******************************************************************************/
−
    #sideMenu{
+
</style>
−
    display:none;
+
 
−
    position:fixed;
+
<style>
−
    left:220px;
+
     div.ui.inverted.vertical.sticky.basic.menu a.item{  
−
    }
+
−
    /******************************************************************************/
+
−
    </style>
+
−
    <style>
+
−
     div.ui.inverted.vertical.sticky.basic.menu a.item{
+
 
     -webkit-transition: background-color 0.6s , color 0.6s;
 
     -webkit-transition: background-color 0.6s , color 0.6s;
 
     }
 
     }
−
     div.ui.inverted.vertical.sticky.basic.menu a.item:hover{
+
     div.ui.inverted.vertical.sticky.basic.menu a.item:hover{  
 
     background-color: #FFFA99;
 
     background-color: #FFFA99;
 
     color:#6E47B2;
 
     color:#6E47B2;
 
     }
 
     }
 +
 +
 
     p{
 
     p{
−
    font-family: 'Lato'!important;
+
      font-family: 'Lato'!important;
−
    font-size:16px !important;
+
      font-size:16px !important;
−
    line-height: 150%;
+
 
     }
 
     }
−
     </style>
+
 
−
      
+
</style>
−
     <!--For multiple devices-->
+
 
−
    <style>
+
<script>
−
     @media only screen
+
$(document).ready(function(){
−
     and (min-width: 1025px){
+
$('.ui.sticky.basic.menu').sticky({
−
     div#menuForTablet{
+
     context: '#main_page_content'
−
     display:none;
+
});
 +
 
 +
 
 +
/*$("div.menu>a.item").mouseenter(function(){
 +
  x=$(this).css("height");
 +
  $(this).css("height":"1.25*x");
 +
});
 +
$("div.menu>a.item").mouseleave(function(){
 +
  x=$(this).css("height");
 +
  $(this).css("height":"0.8*x");
 +
});*/
 +
 
 +
$("a.item#Description").mouseenter(function(){
 +
  $(".sticky.note.outline.icon").transition({
 +
        animation : 'fly right',
 +
    duration : '0.5s'
 +
  //$(this).css({"background-color":"#FFFA99","color":"#6E47B2"});
 +
  });
 +
});
 +
 
 +
$("a.item#Description").mouseleave(function(){
 +
  $(".sticky.note.outline.icon").transition({
 +
    animation : 'fly right',
 +
    duration : '0.5s'
 +
  });
 +
    //$(this).css({"background-color":"inherit","color":"inherit"});
 +
 
 +
});
 +
 
 +
$("#main_page_content > div.ui.left.attached.rail > div").width("200px");
 +
 
 +
});//End of $(document).ready(function())
 +
 
 +
 
 +
 
 +
 
 +
 
 +
</script>
 +
 
 +
 
 +
<body>
 +
<div class="ui basic segment" id="main_page_content" style="width: 60%; left: 210px; margin-bottom:0;margin-top:-13px;padding:0;">
 +
  <div class="ui left attached rail" style=" width:210px;">
 +
     <div class="ui inverted vertical sticky basic menu" style="border-radius:0; background-color: #44a17d; padding-top:21px;font-size:medium;">
 +
          <div class="item"><i class="video camera icon"></i> USTC iGEM</div>
 +
 
 +
          <a class="item" href="https://2016.igem.org/Team:USTC">Home </a>
 +
          <div class="item">
 +
              <div class="header">Project</div>
 +
              <div class="menu">
 +
                  <a class="item" id="Description" href="https://2016.igem.org/Team:USTC/Description"> ★  Description <i class="hidden sticky note outline icon"></i></a>
 +
          <a class="item" href="https://2016.igem.org/Team:USTC/Design"> ★ Design </a>
 +
          <a class="item" href="https://2016.igem.org/Team:USTC/Experiments"> Experiments </a>
 +
          <a class="item" href="https://2016.igem.org/Team:USTC/Proof"> ★ Proof of Concept </a>
 +
          <a class="item" href="https://2016.igem.org/Team:USTC/Demonstrate"> ★ Demonstrate </a>
 +
          <a class="item" href="https://2016.igem.org/Team:USTC/Results"> Results </a>
 +
          <a class="item" href="https://2016.igem.org/Team:USTC/Notebook"> Notebook </a>
 +
              </div>
 +
          </div>
 +
          <div class="item">
 +
              <div class="header">Parts</div>
 +
              <div class="menu">
 +
                  <a class="item" href="https://2016.igem.org/Team:USTC/Parts">Parts </a>
 +
          <a class="item" href="https://2016.igem.org/Team:USTC/Basic_Part"> ★ Basic Parts </a>
 +
          <a class="item" href="https://2016.igem.org/Team:USTC/Composite_Part"> ★ Composite Parts </a>
 +
          <a class="item" href="https://2016.igem.org/Team:USTC/Part_Collection"> ★ Part Collection </a>
 +
              </div>
 +
          </div>
 +
          <a class="item" href="https://2016.igem.org/Team:USTC/Safety">Safety </a>
 +
          <a class="item" href="https://2016.igem.org/Team:USTC/Attributions">Attributions </a>
 +
          <div class="item">
 +
              <div class="header">Human Practices</div>
 +
              <div class="menu">
 +
                  <a class="item" href="https://2016.igem.org/Team:USTC/Human_Practices"> Human Practices </a>
 +
          <a class="item" href="https://2016.igem.org/Team:USTC/HP/Silver">★ Silver </a>
 +
          <a class="item" href="https://2016.igem.org/Team:USTC/HP/Gold">★ Gold </a>
 +
          <a class="item" href="https://2016.igem.org/Team:USTC/Integrated_Practices"> ★ Integrated Practices </a>
 +
          <a class="item" href="https://2016.igem.org/Team:USTC/Engagement">★ Engagement </a>
 +
        </div>
 +
      </div>
 +
      <div class="item">
 +
          <div class="header">Awards</div>
 +
              <div class="menu">
 +
                  <a class="item" href="https://2016.igem.org/Team:USTC/Entrepreneurship"> ★ Entrepreneurship </a>
 +
          <a class="item" href="https://2016.igem.org/Team:USTC/Hardware"> ★ Hardware </a>
 +
          <a class="item" href="https://2016.igem.org/Team:USTC/Software">★ Software </a>
 +
          <a class="item" href="https://2016.igem.org/Team:USTC/Measurement">★  Measurement </a>
 +
          <a class="item" href="https://2016.igem.org/Team:USTC/Model">★ Model </a>
 +
        </div>
 +
      </div>
 +
      <div class="item">
 +
          <div class="header">Team</div>
 +
              <div class="menu">
 +
                  <a class="item" href=" https://2016.igem.org/Team:USTC/Team"> Members  </a>
 +
                  <a class="item" href=" https://2016.igem.org/Team:USTC/Team"> Sponsor  </a>
 +
                  <a class="item" href=" https://2016.igem.org/Team:USTC/Team"> About USTC  </a>
 +
                  <a class="item" href=" https://2016.igem.org/Team:USTC/Team"> Acknowledgements  </a>
 +
                  <a class="item" href=" https://2016.igem.org/Team:USTC/Team"> Gallery  </a>
 +
                  <a class="item" href="https://2016.igem.org/Team:USTC/Collaborations">★  Collaborations </a>
 +
        </div>
 +
      </div>
 +
      <a class="item" href="https://2016.igem.org/Team:USTC/spin_off">Spin-off </a>
 +
      <a class="item" href="https://2016.igem.org/Team:USTC/Editing_Trial">Editing Trial </a>
 +
          <a class="item" href="https://2016.igem.org/Team:USTC/Editing_Trial2">Editing Trial 2 </a>
 +
          <a class="item" href="https://2016.igem.org/Team:USTC/Editing_Trial3">Editing Trial 3 </a>
 +
     </div>
 +
  </div>
 +
 +
 
 +
 
 +
 
 +
<!--Page content starts here-->
 +
 
 +
  <div class="ui container" style="border-bottom: 1px solid black;">
 +
      <div class="ui basic segment" style="padding-top: 20px;">
 +
          <h2 class="ui header">
 +
            <i class="ordered list icon"></i>
 +
            <div class="content">Part Collection
 +
              <div class="sub header">Designed by joint hands</div>
 +
            </div>
 +
          </h2>
 +
 
 +
      </div>
 +
 
 +
  </div>
 +
 
 +
  <div class="ui basic segment" id="ui_article" style="min-height:1300px;">
 +
     <h3>Part Collection</h3>
 +
     <table>
 +
      <thead>
 +
        <tr>
 +
          <th>Name</th>
 +
          <th>Type</th>
 +
          <th>Description</th>
 +
          <th>Designer</th>
 +
          <th>Length/bp</th>
 +
        </tr>
 +
      </thead>
 +
      <tbody>
 +
        <tr>
 +
          <td><a href="http://parts.igem.org/Part:BBa_K2009357">BBa_K2009357</a></td>
 +
          <td>coding</td>
 +
          <td>forming aggregation when the cell encounters heat shock</td>
 +
          <td>Kaiyue Ma</td>
 +
          <td>759</td>
 +
        </tr>
 +
        <tr>
 +
          <td><a href="http://parts.igem.org/Part:BBa_K2009430">BBa_K2009430</a></td>
 +
          <td>coding</td>
 +
          <td>emitting much brighter green fluorescence when binding with sfGFP11</td>
 +
          <td>Kaiyue Ma&amp;Yin Wu</td>
 +
          <td>642</td>
 +
        </tr>
 +
        <tr>
 +
          <td><a href="http://parts.igem.org/Part:BBa_K2009820">BBa_K2009820</a></td>
 +
          <td>coding</td>
 +
          <td>emitting much brighter green fluorescence when binding with sfGFP1-10</td>
 +
          <td>Kaiyue Ma&amp;Yin Wu</td>
 +
          <td>48</td>
 +
        </tr>
 +
        <tr>
 +
          <td><a href="http://parts.igem.org/Part:BBa_K2009363">BBa_K2009363</a></td>
 +
          <td>Reporter</td>
 +
          <td> A reporter in the Propri-ontein system</td>
 +
          <td>Kaiyue Ma&amp;Chengle Zhang</td>
 +
          <td>1189</td>
 +
        </tr>
 +
        <tr>
 +
          <td><a href="http://parts.igem.org/Part:BBa_K2009602">BBa_K2009602</a></td>
 +
          <td>Composite</td>
 +
          <td>Express the gene sfGFP11 constitutively</td>
 +
          <td>Kaiyue Ma&amp;Yin Wu</td>
 +
          <td>114</td>
 +
        </tr>
 +
        <tr>
 +
          <td><a href="http://parts.igem.org/Part:BBa_K2009666">BBa_K2009666</a></td>
 +
          <td>Composite</td>
 +
          <td>Express the gene sfGFP1-10 constitutively</td>
 +
          <td>Kaiyue Ma&amp;Yin Wu</td>
 +
          <td>706</td>
 +
        </tr>
 +
        <tr>
 +
          <td><a href="http://parts.igem.org/Part:BBa_K2009701">BBa_K2009701</a></td>
 +
          <td>Coding</td>
 +
          <td>Assembling to emit brighter green fluorescence</td>
 +
          <td>Kaiyue Ma&amp;Yin Wu</td>
 +
          <td>783</td>
 +
        </tr>
 +
        <tr>
 +
          <td><a href="http://parts.igem.org/Part:BBa_K2009233">BBa_K2009233</a></td>
 +
          <td>Coding</td>
 +
          <td>Binding with BD to activate the promoter GAL1</td>
 +
          <td>Kaiyue Ma&amp;Chengle Zhang</td>
 +
          <td>1056</td>
 +
        </tr>
 +
        <tr>
 +
          <td><a href="http://parts.igem.org/Part:BBa_K2009520">BBa_K2009520</a></td>
 +
          <td>Coding</td>
 +
          <td>Binding with AD to activate the promoter GAL1</td>
 +
          <td>Kaiyue Ma&amp;Chengle Zhang</td>
 +
          <td>1155</td>
 +
        </tr>
 +
      </tbody>
 +
     </table> 
 +
  </div>
 +
 
 +
</div><!--End of ui basic segment id="main_page_content"-->
 +
 
 +
<div style="background-color:#44a17d; height: 400px;">
 +
  <p style="color:#fbbd08; font-family:'Lato'; font-size:40px; position:absolute; left:425px;">
 +
     <i class="star half empty icon"></i>Let's get it all done!<i class="star icon"></i>
 +
  </p>
 +
</div>
 +
 
 +
</body>
 +
</html>
 +
<html>
 +
 
 +
<link rel="stylesheet" type="text/css" href="https://2016.igem.org/Template:USTC/semantics?action=raw&ctype=text/css">
 +
<script type="text/javascript" src="https://2016.igem.org/Template:USTC/semanticsjs?action=raw&ctype=text/javascript"></script>
 +
 
 +
<style>
 +
/********************Dealing with default Mediawiki setting*******************/
 +
    #sideMenu, #top_title {
 +
      display:none;
 +
      position:absolute;
 
     }
 
     }
−
     div#main_page_content{
+
     #content {  
−
    margin-top:-13px;
+
      padding:0px; width:auto; margin-top:-11px; margin-left:0px;
−
    left:210px;
+
−
    max-width: 1070px;
+
 
     }
 
     }
−
     #ui_article{
+
     #globalWrapper{
−
    width:64%;
+
 
     }
 
     }
 +
    body {
 
     }
 
     }
−
     @media only screen
+
     #bodyContent {
−
    and (max-width : 1024px)
+
−
    and (orientation : landscape) {
+
−
    div#main_page_content{
+
−
    margin-top:40px;
+
 
     }
 
     }
−
     div#menuForComputer{
+
 
−
    display:none;
+
     div#top_menu_14{
−
    width:0;
+
      height:21px;
−
    height:0;
+
      border-bottom-color:#383838;
 
     }
 
     }
−
     #ui_article{
+
     div#top_menu_under{
−
    width:63%;
+
   
 
     }
 
     }
 +
 +
    div#globalWrapper{
 +
      padding-bottom: 0;
 
     }
 
     }
−
    @media only screen
+
 
−
     and (max-width : 1024px)
+
      
−
    and (orientation : portrait) {
+
/******************************************************************************/
−
     div#main_page_content{
+
</style>
−
     margin-top:40px;
+
 
 +
<style>
 +
     div.ui.inverted.vertical.sticky.basic.menu a.item{  
 +
     -webkit-transition: background-color 0.6s , color 0.6s;
 
     }
 
     }
−
     div#menuForComputer{
+
     div.ui.inverted.vertical.sticky.basic.menu a.item:hover{  
−
     display:none;
+
     background-color: #FFFA99;
−
     width:0;
+
     color:#6E47B2;
−
    height:0;
+
 
     }
 
     }
−
     #ui_article{
+
 
−
    width:63%;
+
 
 +
     p{
 +
      font-family: 'Lato'!important;
 +
      font-size:16px !important;
 
     }
 
     }
−
    }
+
 
−
    </style>
+
</style>
−
  </head>
+
 
−
    
+
<script>
−
    
+
$(document).ready(function(){
−
   <body>
+
$('.ui.sticky.basic.menu').sticky({
−
   
+
    context: '#main_page_content'
−
     <div class="ui inverted vertical sidebar basic menu" style="border-radius:0; background-color: #44a17d; padding-top:9px;font-size:medium;">
+
});
−
      <div class="item">
+
 
−
        <img class="ui image" src="https://static.igem.org/mediawiki/2016/3/36/T--USTC--a_prion%27s_life.png">
+
 
−
      </div>
+
/*$("div.menu>a.item").mouseenter(function(){
−
      <a class="item" href="https://2016.igem.org/Team:USTC">Home </a>
+
   x=$(this).css("height");
−
      <div class="item">
+
   $(this).css("height":"1.25*x");
−
        <div class="header">Project</div>
+
});
−
        <div class="menu">
+
$("div.menu>a.item").mouseleave(function(){
−
          <a class="item" id="Description" href="https://2016.igem.org/Team:USTC/Description"> Description </a>
+
   x=$(this).css("height");
−
           <a class="item" href="https://2016.igem.org/Team:USTC/Design"> Design </a>
+
  $(this).css("height":"0.8*x");
−
           <a class="item" href="https://2016.igem.org/Team:USTC/Proof"> Proof of Concept </a>
+
});*/
−
           <a class="item" href="https://2016.igem.org/Team:USTC/Demonstrate"> Demonstrate </a>
+
 
 +
$("a.item#Description").mouseenter(function(){
 +
  $(".sticky.note.outline.icon").transition({
 +
        animation : 'fly right',
 +
    duration : '0.5s'
 +
  //$(this).css({"background-color":"#FFFA99","color":"#6E47B2"});
 +
  });
 +
});
 +
 
 +
$("a.item#Description").mouseleave(function(){
 +
  $(".sticky.note.outline.icon").transition({
 +
    animation : 'fly right',
 +
    duration : '0.5s'
 +
  });
 +
    //$(this).css({"background-color":"inherit","color":"inherit"});
 +
 
 +
});
 +
 
 +
$("#main_page_content > div.ui.left.attached.rail > div").width("200px");
 +
 
 +
});//End of $(document).ready(function())
 +
 
 +
 
 +
 
 +
 
 +
 
 +
</script>
 +
 
 +
 
 +
<body>
 +
<div class="ui basic segment" id="main_page_content" style="width: 60%; left: 210px; margin-bottom:0;margin-top:-13px;padding:0;">
 +
  <div class="ui left attached rail" style=" width:210px;">
 +
     <div class="ui inverted vertical sticky basic menu" style="border-radius:0; background-color: #44a17d; padding-top:21px;font-size:medium;">
 +
          <div class="item"><i class="video camera icon"></i> USTC iGEM</div>
 +
 
 +
          <a class="item" href="https://2016.igem.org/Team:USTC">Home </a>
 +
          <div class="item">
 +
              <div class="header">Project</div>
 +
              <div class="menu">
 +
                  <a class="item" id="Description" href="https://2016.igem.org/Team:USTC/Description"> ★  Description <i class="hidden sticky note outline icon"></i></a>
 +
           <a class="item" href="https://2016.igem.org/Team:USTC/Design"> ★ Design </a>
 +
          <a class="item" href="https://2016.igem.org/Team:USTC/Experiments"> Experiments </a>
 +
           <a class="item" href="https://2016.igem.org/Team:USTC/Proof"> ★ Proof of Concept </a>
 +
           <a class="item" href="https://2016.igem.org/Team:USTC/Demonstrate"> ★ Demonstrate </a>
 
           <a class="item" href="https://2016.igem.org/Team:USTC/Results"> Results </a>
 
           <a class="item" href="https://2016.igem.org/Team:USTC/Results"> Results </a>
 
           <a class="item" href="https://2016.igem.org/Team:USTC/Notebook"> Notebook </a>
 
           <a class="item" href="https://2016.igem.org/Team:USTC/Notebook"> Notebook </a>
−
          <a class="item" href="https://2016.igem.org/Team:USTC/Spin_off"> Spin-off </a>
 
−
        </div>
 
−
      </div>
 
−
      <div class="item">
 
−
        <div class="header">Parts</div>
 
−
        <div class="menu">
 
−
          <a class="item" href="https://2016.igem.org/Team:USTC/Basic_Part"> Basic Parts </a>
 
−
          <a class="item" href="https://2016.igem.org/Team:USTC/Composite_Part"> Composite Parts </a>
 
−
          <a class="item" href="https://2016.igem.org/Team:USTC/Part_Collection"> Part Collection </a>
 
−
        </div>
 
−
      </div>
 
−
      <a class="item" href="https://2016.igem.org/Team:USTC/Safety">Safety </a>
 
−
      <a class="item" href="https://2016.igem.org/Team:USTC/Attributions">Attributions </a>
 
−
      <div class="item">
 
−
        <div class="header">Human Practices</div>
 
−
        <div class="menu">
 
−
          <a class="item" href="https://2016.igem.org/Team:USTC/HP/Silver">Silver </a>
 
−
          <a class="item" href="https://2016.igem.org/Team:USTC/HP/Gold">Gold </a>
 
−
          <a class="item" href="https://2016.igem.org/Team:USTC/Integrated_Practices"> Integrated Practices </a>
 
−
          <a class="item" href="https://2016.igem.org/Team:USTC/Engagement">Engagement </a>
 
−
        </div>
 
−
      </div>
 
−
      <div class="item">
 
−
        <div class="header">Awards</div>
 
−
        <div class="menu">
 
−
          <a class="item" href="https://2016.igem.org/Team:USTC/Model"> Model </a>
 
−
        </div>
 
−
      </div>
 
−
      <div class="item">
 
−
        <div class="header">Team</div>
 
−
        <div class="menu">
 
−
          <a class="item" href=" https://2016.igem.org/Team:USTC/Team"> Members  </a>
 
−
          <a class="item" href=" https://2016.igem.org/Team:USTC/Team"> Sponsor  </a>
 
−
          <a class="item" href=" https://2016.igem.org/Team:USTC/Team"> About USTC  </a>
 
−
          <a class="item" href=" https://2016.igem.org/Team:USTC/Team"> Acknowledgements  </a>
 
−
          <a class="item" href=" https://2016.igem.org/Team:USTC/Team"> Gallery  </a>
 
−
          <a class="item" href="https://2016.igem.org/Team:USTC/Collaborations"> Collaborations </a>
 
−
        </div>
 
−
      </div>
 
−
    </div>
 
−
   
 
−
   
 
−
    <div class="pusher">
 
−
      <div class="ui menu top fixed" id="menuForTablet" style="background-color: #FBBD08; top:21px;">
 
−
        <div class="ui fluid container">
 
−
          <a class="item" id="sidebarMenuTrigger">Navigation<i class="right arrow icon"></i></a>
 
−
          <div class="right item">A Prion's Life</div>
 
−
        </div>
 
−
      </div>
 
−
      <div class="ui basic segment" id="main_page_content" style="margin-bottom:0;padding:0 0 20px 0;">
 
−
        <div class="ui left attached rail" id="menuForComputer" style=" width:210px;">
 
−
          <div class="ui inverted vertical sticky basic menu" style="border-radius:0; background-color: #44a17d; padding-top:9px;font-size:medium;">
 
−
            <div class="item">
 
−
              <img class="ui image" src="https://static.igem.org/mediawiki/2016/3/36/T--USTC--a_prion%27s_life.png">
 
−
            </div>
 
−
            <a class="item" href="https://2016.igem.org/Team:USTC">Home </a>
 
−
            <div class="item">
 
−
              <div class="header">Project</div>
 
−
              <div class="menu">
 
−
                <a class="item" id="Description" href="https://2016.igem.org/Team:USTC/Description"> Description </a>
 
−
                <a class="item" href="https://2016.igem.org/Team:USTC/Design"> Design </a>
 
−
                <a class="item" href="https://2016.igem.org/Team:USTC/Proof"> Proof of Concept </a>
 
−
                <a class="item" href="https://2016.igem.org/Team:USTC/Demonstrate"> Demonstrate </a>
 
−
                <a class="item" href="https://2016.igem.org/Team:USTC/Results"> Results </a>
 
−
                <a class="item" href="https://2016.igem.org/Team:USTC/Notebook"> Notebook </a>
 
−
                <a class="item" href="https://2016.igem.org/Team:USTC/Spin_off"> Spin-off </a>
 
 
               </div>
 
               </div>
−
            </div>
+
          </div>  
−
            <div class="item">
+
          <div class="item">
 
               <div class="header">Parts</div>
 
               <div class="header">Parts</div>
 
               <div class="menu">
 
               <div class="menu">
−
                <a class="item" href="https://2016.igem.org/Team:USTC/Basic_Part"> Basic Parts </a>
+
                  <a class="item" href="https://2016.igem.org/Team:USTC/Parts">Parts </a>
−
                <a class="item" href="https://2016.igem.org/Team:USTC/Composite_Part"> Composite Parts </a>
+
          <a class="item" href="https://2016.igem.org/Team:USTC/Basic_Part"> ★ Basic Parts </a>
−
                <a class="item" href="https://2016.igem.org/Team:USTC/Part_Collection"> Part Collection </a>
+
          <a class="item" href="https://2016.igem.org/Team:USTC/Composite_Part"> ★ Composite Parts </a>
 +
          <a class="item" href="https://2016.igem.org/Team:USTC/Part_Collection"> ★ Part Collection </a>
 
               </div>
 
               </div>
−
            </div>
+
          </div>  
−
            <a class="item" href="https://2016.igem.org/Team:USTC/Safety">Safety </a>
+
          <a class="item" href="https://2016.igem.org/Team:USTC/Safety">Safety </a>
−
            <a class="item" href="https://2016.igem.org/Team:USTC/Attributions">Attributions </a>
+
          <a class="item" href="https://2016.igem.org/Team:USTC/Attributions">Attributions </a>
−
            <div class="item">
+
          <div class="item">
 
               <div class="header">Human Practices</div>
 
               <div class="header">Human Practices</div>
 
               <div class="menu">
 
               <div class="menu">
−
                <a class="item" href="https://2016.igem.org/Team:USTC/HP/Silver">Silver </a>
+
                  <a class="item" href="https://2016.igem.org/Team:USTC/Human_Practices"> Human Practices </a>
−
                <a class="item" href="https://2016.igem.org/Team:USTC/HP/Gold">Gold </a>
+
          <a class="item" href="https://2016.igem.org/Team:USTC/HP/Silver">★ Silver </a>
−
                <a class="item" href="https://2016.igem.org/Team:USTC/Integrated_Practices"> Integrated Practices </a>
+
          <a class="item" href="https://2016.igem.org/Team:USTC/HP/Gold">★ Gold </a>
−
                <a class="item" href="https://2016.igem.org/Team:USTC/Engagement">Engagement </a>
+
          <a class="item" href="https://2016.igem.org/Team:USTC/Integrated_Practices"> ★ Integrated Practices </a>
−
              </div>
+
          <a class="item" href="https://2016.igem.org/Team:USTC/Engagement">★ Engagement </a>
−
            </div>
+
−
            <div class="item">
+
−
              <div class="header">Awards</div>
+
−
              <div class="menu">
+
−
                <a class="item" href="https://2016.igem.org/Team:USTC/Model"> Model </a>
+
−
              </div>
+
−
            </div>
+
−
            <div class="item">
+
−
              <div class="header">Team</div>
+
−
              <div class="menu">
+
−
                <a class="item" href=" https://2016.igem.org/Team:USTC/Team"> Members  </a>
+
−
                <a class="item" href=" https://2016.igem.org/Team:USTC/Team"> Sponsor  </a>
+
−
                <a class="item" href=" https://2016.igem.org/Team:USTC/Team"> About USTC  </a>
+
−
                <a class="item" href=" https://2016.igem.org/Team:USTC/Team"> Acknowledgements  </a>
+
−
                <a class="item" href=" https://2016.igem.org/Team:USTC/Team"> Gallery  </a>
+
−
                <a class="item" href="https://2016.igem.org/Team:USTC/Collaborations"> Collaborations </a>
+
−
              </div>
+
−
            </div>
+
−
          </div>
+
 
         </div>
 
         </div>
−
       
+
      </div>
−
        <!--Page content starts here-->
+
      <div class="item">
−
        <div class="ui basic segment">
+
          <div class="header">Awards</div>
−
          <div class="ui basic segment" style="padding-top: 20px; font-size:xx-large;">
+
              <div class="menu">
−
            <h1 class="ui center aligned icon header">
+
                  <a class="item" href="https://2016.igem.org/Team:USTC/Entrepreneurship"> ★ Entrepreneurship </a>
−
             <i class="circular ordered list icon"></i>
+
          <a class="item" href="https://2016.igem.org/Team:USTC/Hardware"> ★ Hardware </a>
 +
          <a class="item" href="https://2016.igem.org/Team:USTC/Software">★ Software </a>
 +
          <a class="item" href="https://2016.igem.org/Team:USTC/Measurement">★  Measurement </a>
 +
          <a class="item" href="https://2016.igem.org/Team:USTC/Model">★ Model </a>
 +
        </div>
 +
      </div>
 +
      <div class="item">
 +
          <div class="header">Team</div>
 +
              <div class="menu">
 +
                  <a class="item" href=" https://2016.igem.org/Team:USTC/Team"> Members  </a>
 +
                  <a class="item" href=" https://2016.igem.org/Team:USTC/Team"> Sponsor  </a>
 +
                  <a class="item" href=" https://2016.igem.org/Team:USTC/Team"> About USTC  </a>
 +
                  <a class="item" href=" https://2016.igem.org/Team:USTC/Team"> Acknowledgements  </a>
 +
                  <a class="item" href=" https://2016.igem.org/Team:USTC/Team"> Gallery  </a>
 +
                  <a class="item" href="https://2016.igem.org/Team:USTC/Collaborations">★  Collaborations </a>
 +
        </div>
 +
      </div>
 +
      <a class="item" href="https://2016.igem.org/Team:USTC/spin_off">Spin-off </a>
 +
      <a class="item" href="https://2016.igem.org/Team:USTC/Editing_Trial">Editing Trial </a>
 +
          <a class="item" href="https://2016.igem.org/Team:USTC/Editing_Trial2">Editing Trial 2 </a>
 +
          <a class="item" href="https://2016.igem.org/Team:USTC/Editing_Trial3">Editing Trial 3 </a>
 +
    </div>
 +
  </div>
 +
 +
 
 +
 
 +
 
 +
<!--Page content starts here-->
 +
 
 +
  <div class="ui container" style="border-bottom: 1px solid black;">
 +
      <div class="ui basic segment" style="padding-top: 20px;">
 +
          <h2 class="ui header">
 +
             <i class="ordered list icon"></i>
 
             <div class="content">Part Collection
 
             <div class="content">Part Collection
 
               <div class="sub header">Designed by joint hands</div>
 
               <div class="sub header">Designed by joint hands</div>
 
             </div>
 
             </div>
−
            </h1>
+
           </h2>
−
           </div>
+
 
−
          <div class="ui basic segment">
+
      </div>
−
            <h3 class="ui center aligned header">Leaders</h3>
+
 
−
            <div class="ui five column grid">
+
  </div>
−
              <div class="column"></div>
+
 
−
              <div class="column">
+
  <div class="ui basic segment" id="ui_article" style="min-height:1300px;">
−
                <div class="ui fluid card">
+
    <h3>Part Collection</h3>
−
                  <div class="image">
+
    <table>
−
                    <img src="https://static.igem.org/mediawiki/2016/d/de/T--USTC--ChengleZhang.jpeg">
+
      <thead>
−
                  </div>
+
        <tr>
−
                  <div class="content">
+
          <th>Name</th>
−
                    <div class="description">Chengle Zhang</div>
+
          <th>Type</th>
−
                  </div>
+
          <th>Description</th>
−
                </div>
+
          <th>Designer</th>
−
              </div>
+
          <th>Length/bp</th>
−
              <div class="column">
+
        </tr>
−
                <div class="ui fluid card">
+
      </thead>
−
                  <div class="image">
+
      <tbody>
−
                    <img src="https://static.igem.org/mediawiki/2016/b/b2/T--USTC--KaiyueMa.jpeg">
+
        <tr>
−
                  </div>
+
          <td>BBa_K2009357</td>
−
                  <div class="content">
+
          <td>coding</td>
−
                    <div class="description">Kaiyue Ma</div>
+
          <td>forming aggregation when the cell encounters heat shock</td>
−
                  </div>
+
          <td>Kaiyue Ma</td>
−
                </div>
+
          <td>759</td>
−
              </div>
+
        </tr>
−
              <div class="column">
+
        <tr>
−
                <div class="ui fluid card">
+
          <td>BBa_K2009430</td>
−
                  <div class="image">
+
          <td>coding</td>
−
                    <img src="https://static.igem.org/mediawiki/2016/5/5d/T--USTC--YinWu.jpeg">
+
          <td>emitting much brighter green fluorescence when binding with sfGFP11</td>
−
                  </div>
+
          <td>Kaiyue Ma&amp;Yin Wu</td>
−
                  <div class="content">
+
          <td>642</td>
−
                    <div class="description">Yin Wu</div>
+
        </tr>
−
                  </div>
+
        <tr>
−
                </div>
+
          <td>BBa_K2009820</td>
−
              </div>
+
          <td>coding</td>
−
              <div class="column"></div>
+
          <td>emitting much brighter green fluorescence when binding with sfGFP1-10</td>
−
            </div>
+
          <td>Kaiyue Ma&amp;Yin Wu</td>
−
          </div>
+
          <td>48</td>
−
        </div>
+
        </tr>
−
        <div class="ui segment" id="ui_article" style="margin-left: 35px;margin-top:30px;">
+
        <tr>
−
          <h3>Part Collection</h3>
+
          <td>BBa_K2009363</td>
−
          <table>
+
          <td>Reporter</td>
−
            <thead>
+
          <td> A reporter in the Propri-ontein system</td>
−
              <tr>
+
          <td>Kaiyue Ma&amp;Chengle Zhang</td>
−
                <th>Name</th>
+
          <td>1189</td>
−
                <th>Type</th>
+
        </tr>
−
                <th>Description</th>
+
        <tr>
−
                <th>Designer</th>
+
          <td>BBa_K2009602</td>
−
                <th>Length/bp</th>
+
          <td>Composite</td>
−
              </tr>
+
          <td>Express the gene sfGFP11 constitutively</td>
−
            </thead>
+
          <td>Kaiyue Ma&amp;Yin Wu</td>
−
            <tbody>
+
          <td>114</td>
−
              <tr>
+
        </tr>
−
                <td>BBa_K2009357</td>
+
        <tr>
−
                <td>coding</td>
+
          <td>BBa_K2009666</td>
−
                <td>forming aggregation when the cell encounters heat shock</td>
+
          <td>Composite</td>
−
                <td>Kaiyue Ma</td>
+
          <td>Express the gene sfGFP1-10 constitutively</td>
−
                <td>759</td>
+
          <td>Kaiyue Ma&amp;Yin Wu</td>
−
              </tr>
+
          <td>706</td>
−
              <tr>
+
        </tr>
−
                <td>BBa_K2009430</td>
+
        <tr>
−
                <td>coding</td>
+
          <td>BBa_K2009701</td>
−
                <td>emitting much brighter green fluorescence when binding with sfGFP11</td>
+
          <td>Coding</td>
−
                <td>Kaiyue Ma&amp;Yin Wu</td>
+
          <td>Assembling to emit brighter green fluorescence</td>
−
                <td>642</td>
+
          <td>Kaiyue Ma&amp;Yin Wu</td>
−
              </tr>
+
          <td>783</td>
−
              <tr>
+
        </tr>
−
                <td>BBa_K2009820</td>
+
        <tr>
−
                <td>coding</td>
+
          <td>BBa_K2009233</td>
−
                <td>emitting much brighter green fluorescence when binding with sfGFP1-10</td>
+
          <td>Coding</td>
−
                <td>Kaiyue Ma&amp;Yin Wu</td>
+
          <td>Binding with BD to activate the promoter GAL1</td>
−
                <td>48</td>
+
          <td>Kaiyue Ma&amp;Chengle Zhang</td>
−
              </tr>
+
          <td>1056</td>
−
              <tr>
+
        </tr>
−
                <td>BBa_K2009363</td>
+
        <tr>
−
                <td>Reporter</td>
+
          <td>BBa_K2009520</td>
−
                <td> A reporter in the Propri-ontein system</td>
+
          <td>Coding</td>
−
                <td>Kaiyue Ma&amp;Chengle Zhang</td>
+
          <td>Binding with AD to activate the promoter GAL1</td>
−
                <td>1189</td>
+
          <td>Kaiyue Ma&amp;Chengle Zhang</td>
−
              </tr>
+
          <td>1155</td>
−
              <tr>
+
        </tr>
−
                <td>BBa_K2009602</td>
+
      </tbody>
−
                <td>Composite</td>
+
    </table>
−
                <td>Express the gene sfGFP11 constitutively</td>
+
  </div>
−
                <td>Kaiyue Ma&amp;Yin Wu</td>
+
 
−
                <td>114</td>
+
</div><!--End of ui basic segment id="main_page_content"-->
−
              </tr>
+
 
−
              <tr>
+
<div style="background-color:#44a17d; height: 400px;">
−
                <td>BBa_K2009666</td>
+
  <p style="color:#fbbd08; font-family:'Lato'; font-size:40px; position:absolute; left:425px;">
−
                <td>Composite</td>
+
    <i class="star half empty icon"></i>Let's get it all done!<i class="star icon"></i>
−
                <td>Express the gene sfGFP1-10 constitutively</td>
+
  </p>
−
                <td>Kaiyue Ma&amp;Yin Wu</td>
+
</div>
−
                <td>706</td>
+
 
−
              </tr>
+
</body>
−
              <tr>
+
</html>
−
                <td>BBa_K2009701</td>
+
−
                <td>Coding</td>
+
−
                <td>Assembling to emit brighter green fluorescence</td>
+
−
                <td>Kaiyue Ma&amp;Yin Wu</td>
+
−
                <td>783</td>
+
−
              </tr>
+
−
              <tr>
+
−
                <td>BBa_K2009233</td>
+
−
                <td>Coding</td>
+
−
                <td>Binding with BD to activate the promoter GAL1</td>
+
−
                <td>Kaiyue Ma&amp;Chengle Zhang</td>
+
−
                <td>1056</td>
+
−
              </tr>
+
−
              <tr>
+
−
                <td>BBa_K2009520</td>
+
−
                <td>Coding</td>
+
−
                <td>Binding with AD to activate the promoter GAL1</td>
+
−
                <td>Kaiyue Ma&amp;Chengle Zhang</td>
+
−
                <td>1155</td>
+
−
              </tr>
+
−
            </tbody>
+
−
          </table>
+
−
        </div>
+
−
        </div><!--End of ui basic segment id="main_page_content"-->
+
−
       
+
−
        <div style="background-color:#44a17d; color:rgba(255, 255, 255, 0.9);">
+
−
          <div class="ui grid">
+
−
           
+
−
            <div class="ui three wide column">
+
−
            </div>
+
−
            <div class="ui five wide column">
+
−
              <h3 class="ui header" style="color:rgba(255, 255, 255, 0.9);">Contact us</h3>
+
−
              <div class="ui massive link list" style="color:rgba(255, 255, 255, 0.9);">
+
−
                <a class="item" href="mailto:yukae@mail.ustc.edu.cn">
+
−
                  <i class="mail icon" style="color:rgba(255, 255, 255, 0.9);"></i>
+
−
                  <div class="content" style="color:rgba(255, 255, 255, 0.9);">e-mail</div>
+
−
                </a>
+
−
                <a class="item" href="https://www.facebook.com/ustcigem">
+
−
                  <i class="facebook icon" style="color:rgba(255, 255, 255, 0.9);"></i>
+
−
                  <div class="content" style="color:rgba(255, 255, 255, 0.9);">Facebook</div>
+
−
                </a>
+
−
                <a class="item" href="http://weibo.com/3929719655/fans?topnav=1&amp;wvr=6&amp;mod=message&amp;need_filter=1">
+
−
                  <i class="weibo icon" style="color:rgba(255, 255, 255, 0.9);"></i>
+
−
                  <div class="content" style="color:rgba(255, 255, 255, 0.9);">Weibo</div>
+
−
                </a>
+
−
              </div>
+
−
            </div>
+
−
            <div class="ui two wide column">
+
−
            </div>
+
−
            <div class="ui five wide column">
+
−
              <h3 class="ui header" style="color:rgba(255, 255, 255, 0.9);">Sponsors</h3>
+
−
              <img class="ui small image" src="https://static.igem.org/mediawiki/2016/c/cc/T--USTC--DeutscheBank.png">
+
−
              <img class="ui small image" src="https://static.igem.org/mediawiki/2016/1/18/T--USTC--USTCXiaohui.png">
+
−
              <img class="ui small image" src="https://static.igem.org/mediawiki/2016/4/45/T--USTC--USTCJiaowuchu.png">
+
−
            </div>
+
−
           
+
−
          </div>
+
−
          <div class="ui divider"></div>
+
−
          <div class="center aligned container">
+
−
            <img class="ui centered tiny image" src="https://static.igem.org/mediawiki/2016/6/6b/T--USTC--MascotLogo.png">
+
−
            <div class="ui list">
+
−
              <div class="item">Designed by 2016 iGEM Team:USTC<br>Under CC License<br>Based on Semantic-UI</div>
+
−
            </div>
+
−
          </div>
+
−
         
+
−
        </div>
+
−
        </div><!--end of pusher-->
+
−
        <script src="https://2015.igem.org/common/MathJax-2.5-latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
+
−
        <script type="text/javascript" src="https://2016.igem.org/Template:USTC/semanticsjs?action=raw&ctype=text/javascript"></script>
+
−
        <script type="text/javascript" src="https://2016.igem.org/Template:USTC/PartCollection_right_menu_js?action=raw&ctype=text/javascript"></script>
+
−
        <script type="text/javascript">
+
−
        </script>
+
−
        <script>
+
−
        $(document).ready(function(){
+
−
        $('.ui.sticky.basic.menu').sticky({
+
−
        context: '#main_page_content'
+
−
        });
+
−
        $("a.item#Description").mouseenter(function(){
+
−
        $(".sticky.note.outline.icon").transition({
+
−
        animation : 'fly right',
+
−
        duration : '0.5s'
+
−
        });
+
−
        });
+
−
        $("a.item#Description").mouseleave(function(){
+
−
        $(".sticky.note.outline.icon").transition({
+
−
        animation : 'fly right',
+
−
        duration : '0.5s'
+
−
        });
+
−
        //$(this).css({"background-color":"inherit","color":"inherit"});
+
−
        });
+
−
        $container.find('img').css('max-width','100%');
+
−
        createMenu();
+
−
        });//End of $(document).ready(function())
+
−
       
+
−
        $(window).load(function(){
+
−
        createWayPoints();
+
−
        $("div.pusher").prependTo("body");
+
−
        $("div.sidebar").prependTo("body");
+
−
        $("div#sideMenu").prependTo("div.pusher");
+
−
        $("#ui_article").find("span").css("border-style","none");
+
−
        });
+
−
        $("#sidebarMenuTrigger").click(function(){
+
−
        $(".ui.sidebar.menu")
+
−
        .sidebar('setting', 'transition', 'overlay')
+
−
        .sidebar('setting', 'mobileTransition', 'overlay')
+
−
        .sidebar('toggle');
+
−
        });
+
−
        </script>
+
−
      </body>
+
−
    </html>
+

Revision as of 13:03, 16 October 2016

USTC iGEM
Home
Project
★ Description ★ Design Experiments ★ Proof of Concept ★ Demonstrate Results Notebook
Parts
Parts ★ Basic Parts ★ Composite Parts ★ Part Collection
Safety Attributions
Human Practices
Human Practices ★ Silver ★ Gold ★ Integrated Practices ★ Engagement
Awards
★ Entrepreneurship ★ Hardware ★ Software ★ Measurement ★ Model
Team
Members Sponsor About USTC Acknowledgements Gallery ★ Collaborations
Spin-off Editing Trial Editing Trial 2 Editing Trial 3

Part Collection
Designed by joint hands

Part Collection

Name Type Description Designer Length/bp
BBa_K2009357 coding forming aggregation when the cell encounters heat shock Kaiyue Ma 759
BBa_K2009430 coding emitting much brighter green fluorescence when binding with sfGFP11 Kaiyue Ma&Yin Wu 642
BBa_K2009820 coding emitting much brighter green fluorescence when binding with sfGFP1-10 Kaiyue Ma&Yin Wu 48
BBa_K2009363 Reporter A reporter in the Propri-ontein system Kaiyue Ma&Chengle Zhang 1189
BBa_K2009602 Composite Express the gene sfGFP11 constitutively Kaiyue Ma&Yin Wu 114
BBa_K2009666 Composite Express the gene sfGFP1-10 constitutively Kaiyue Ma&Yin Wu 706
BBa_K2009701 Coding Assembling to emit brighter green fluorescence Kaiyue Ma&Yin Wu 783
BBa_K2009233 Coding Binding with BD to activate the promoter GAL1 Kaiyue Ma&Chengle Zhang 1056
BBa_K2009520 Coding Binding with AD to activate the promoter GAL1 Kaiyue Ma&Chengle Zhang 1155

Let's get it all done!

USTC iGEM
Home
Project
★ Description ★ Design Experiments ★ Proof of Concept ★ Demonstrate Results Notebook
Parts
Parts ★ Basic Parts ★ Composite Parts ★ Part Collection
Safety Attributions
Human Practices
Human Practices ★ Silver ★ Gold ★ Integrated Practices ★ Engagement
Awards
★ Entrepreneurship ★ Hardware ★ Software ★ Measurement ★ Model
Team
Members Sponsor About USTC Acknowledgements Gallery ★ Collaborations
Spin-off Editing Trial Editing Trial 2 Editing Trial 3

Part Collection
Designed by joint hands

Part Collection

Name Type Description Designer Length/bp
BBa_K2009357 coding forming aggregation when the cell encounters heat shock Kaiyue Ma 759
BBa_K2009430 coding emitting much brighter green fluorescence when binding with sfGFP11 Kaiyue Ma&Yin Wu 642
BBa_K2009820 coding emitting much brighter green fluorescence when binding with sfGFP1-10 Kaiyue Ma&Yin Wu 48
BBa_K2009363 Reporter A reporter in the Propri-ontein system Kaiyue Ma&Chengle Zhang 1189
BBa_K2009602 Composite Express the gene sfGFP11 constitutively Kaiyue Ma&Yin Wu 114
BBa_K2009666 Composite Express the gene sfGFP1-10 constitutively Kaiyue Ma&Yin Wu 706
BBa_K2009701 Coding Assembling to emit brighter green fluorescence Kaiyue Ma&Yin Wu 783
BBa_K2009233 Coding Binding with BD to activate the promoter GAL1 Kaiyue Ma&Chengle Zhang 1056
BBa_K2009520 Coding Binding with AD to activate the promoter GAL1 Kaiyue Ma&Chengle Zhang 1155

Let's get it all done!