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

(Undo revision 276218 by Dong Yan (talk))
 
(One intermediate revision by the same user not shown)
Line 1: Line 1:
 
<html>
 
<html>
 
+
  <head>
<link rel="stylesheet" type="text/css" href="https://2016.igem.org/Template:USTC/semantics?action=raw&ctype=text/css">
+
    <meta charset="utf-8">
<script type="text/javascript" src="https://2016.igem.org/Template:USTC/semanticsjs?action=raw&ctype=text/javascript"></script>
+
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 
+
    <title>Modeling</title>
<style>
+
    <!--<link rel="stylesheet" type="text/css" class="ui" href="semantic.min.css">-->
/********************Dealing with default Mediawiki setting*******************/
+
    <link rel="stylesheet" type="text/css" href="https://2016.igem.org/Template:USTC/semantics?action=raw&ctype=text/css">
     #sideMenu, #top_title {
+
    <style>
      display:none;
+
    /********************Dealing with default Mediawiki setting*******************/
      position:absolute;
+
     #top_title {
 +
    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;
/******************************************************************************/
+
    }
</style>
+
    #sideMenu{
 
+
    display:none;
<style>
+
    position:fixed;
     div.ui.inverted.vertical.sticky.basic.menu a.item{  
+
    left:220px;
 +
    }
 +
    /******************************************************************************/
 +
    </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-->
<script>
+
    <style>
$(document).ready(function(){
+
     @media only screen
$('.ui.sticky.basic.menu').sticky({
+
     and (min-width: 1025px){
     context: '#main_page_content'
+
     div#menuForTablet{
});
+
     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;
+
 
     }
 
     }
     #content {  
+
     div#main_page_content{
      padding:0px; width:auto; margin-top:-11px; margin-left:0px;
+
    margin-top:-13px;
 +
    left:210px;
 +
    max-width: 1070px;
 
     }
 
     }
     #globalWrapper{
+
     #ui_article{
 +
    width:64%;
 
     }
 
     }
    body {
 
 
     }
 
     }
     #bodyContent {
+
     @media only screen
 +
    and (max-width : 1024px)
 +
    and (orientation : landscape) {
 +
    div#main_page_content{
 +
    margin-top:40px;
 
     }
 
     }
 
+
     div#menuForComputer{
     div#top_menu_14{
+
    display:none;
      height:21px;
+
    width:0;
      border-bottom-color:#383838;
+
    height:0;
 
     }
 
     }
     div#top_menu_under{
+
     #ui_article{
   
+
    width:63%;
 
     }
 
     }
 
    div#globalWrapper{
 
      padding-bottom: 0;
 
 
     }
 
     }
 
+
    @media only screen
      
+
     and (max-width : 1024px)
/******************************************************************************/
+
    and (orientation : portrait) {
</style>
+
     div#main_page_content{
 
+
     margin-top:40px;
<style>
+
     div.ui.inverted.vertical.sticky.basic.menu a.item{  
+
     -webkit-transition: background-color 0.6s , color 0.6s;
+
 
     }
 
     }
     div.ui.inverted.vertical.sticky.basic.menu a.item:hover{  
+
     div#menuForComputer{
     background-color: #FFFA99;
+
     display:none;
     color:#6E47B2;
+
     width:0;
 +
    height:0;
 
     }
 
     }
 
+
     #ui_article{
 
+
    width:63%;
     p{
+
      font-family: 'Lato'!important;
+
      font-size:16px !important;
+
 
     }
 
     }
 
+
    }
</style>
+
    </style>
 
+
  </head>
<script>
+
    
$(document).ready(function(){
+
    
$('.ui.sticky.basic.menu').sticky({
+
   <body>
    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.menu>a.item").mouseenter(function(){
+
      </div>
   x=$(this).css("height");
+
      <a class="item" href="https://2016.igem.org/Team:USTC">Home </a>
   $(this).css("height":"1.25*x");
+
      <div class="item">
});
+
        <div class="header">Project</div>
$("div.menu>a.item").mouseleave(function(){
+
        <div class="menu">
   x=$(this).css("height");
+
          <a class="item" id="Description" href="https://2016.igem.org/Team:USTC/Description"> Description </a>
  $(this).css("height":"0.8*x");
+
           <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.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"> Sponsor  </a>
 +
          <a class="item" href="https://2016.igem.org/Team:USTC/Team/AboutUSTC"> About USTC  </a>
 +
          <a class="item" href="https://2016.igem.org/Team:USTC/Team/Acknowledgements"> Acknowledgements  </a>
 +
          <a class="item" href="https://2016.igem.org/Team:USTC/Team/Gallery"> 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/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/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/Composite_Part"> Composite 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/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/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/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/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/Integrated_Practices"> ★ Integrated Practices </a>
+
                <a class="item" href="https://2016.igem.org/Team:USTC/Engagement">Engagement </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"> Sponsor  </a>
 +
                <a class="item" href="https://2016.igem.org/Team:USTC/Team/AboutUSTC"> About USTC  </a>
 +
                <a class="item" href="https://2016.igem.org/Team:USTC/Team/Acknowledgements"> Acknowledgements  </a>
 +
                <a class="item" href="https://2016.igem.org/Team:USTC/Team/Gallery"> Gallery  </a>
 +
                <a class="item" href="https://2016.igem.org/Team:USTC/Collaborations"> Collaborations </a>
 +
              </div>
 +
            </div>
 +
          </div>
 
         </div>
 
         </div>
      </div>
+
       
      <div class="item">
+
        <!--Page content starts here-->
          <div class="header">Awards</div>
+
        <div class="ui basic segment">
              <div class="menu">
+
          <div class="ui basic segment" style="padding-top: 20px; font-size:xx-large;">
                  <a class="item" href="https://2016.igem.org/Team:USTC/Entrepreneurship"> ★ Entrepreneurship </a>
+
            <h1 class="ui center aligned icon header">
          <a class="item" href="https://2016.igem.org/Team:USTC/Hardware"> ★ Hardware </a>
+
             <i class="circular ordered list icon"></i>
          <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>
           </h2>
+
            </h1>
 
+
           </div>
      </div>
+
          <div class="ui basic segment">
 
+
            <h3 class="ui center aligned header">Leaders</h3>
  </div>
+
            <div class="ui five column grid">
 
+
              <div class="column"></div>
  <div class="ui basic segment" id="ui_article" style="min-height:1300px;">
+
              <div class="column">
    <h3>Part Collection</h3>
+
                <div class="ui fluid card">
    <table>
+
                  <div class="image">
      <thead>
+
                    <img src="https://static.igem.org/mediawiki/2016/d/de/T--USTC--ChengleZhang.jpeg">
        <tr>
+
                  </div>
          <th>Name</th>
+
                  <div class="content">
          <th>Type</th>
+
                    <div class="description">Chengle Zhang</div>
          <th>Description</th>
+
                  </div>
          <th>Designer</th>
+
                </div>
          <th>Length/bp</th>
+
              </div>
        </tr>
+
              <div class="column">
      </thead>
+
                <div class="ui fluid card">
      <tbody>
+
                  <div class="image">
        <tr>
+
                    <img src="https://static.igem.org/mediawiki/2016/b/b2/T--USTC--KaiyueMa.jpeg">
          <td>BBa_K2009357</td>
+
                  </div>
          <td>coding</td>
+
                  <div class="content">
          <td>forming aggregation when the cell encounters heat shock</td>
+
                    <div class="description">Kaiyue Ma</div>
          <td>Kaiyue Ma</td>
+
                  </div>
          <td>759</td>
+
                </div>
        </tr>
+
              </div>
        <tr>
+
              <div class="column">
          <td>BBa_K2009430</td>
+
                <div class="ui fluid card">
          <td>coding</td>
+
                  <div class="image">
          <td>emitting much brighter green fluorescence when binding with sfGFP11</td>
+
                    <img src="https://static.igem.org/mediawiki/2016/5/5d/T--USTC--YinWu.jpeg">
          <td>Kaiyue Ma&amp;Yin Wu</td>
+
                  </div>
          <td>642</td>
+
                  <div class="content">
        </tr>
+
                    <div class="description">Yin Wu</div>
        <tr>
+
                  </div>
          <td>BBa_K2009820</td>
+
                </div>
          <td>coding</td>
+
              </div>
          <td>emitting much brighter green fluorescence when binding with sfGFP1-10</td>
+
              <div class="column"></div>
          <td>Kaiyue Ma&amp;Yin Wu</td>
+
            </div>
          <td>48</td>
+
          </div>
        </tr>
+
        </div>
        <tr>
+
        <div class="ui segment" id="ui_article" style="margin-left: 35px;margin-top:30px;">
          <td>BBa_K2009363</td>
+
          <div class="ui red ribbon label header"> Part Collection</div>
          <td>Reporter</td>
+
          <table class="ui celled table">
          <td> A reporter in the Propri-ontein system</td>
+
            <thead>
          <td>Kaiyue Ma&amp;Chengle Zhang</td>
+
              <tr>
          <td>1189</td>
+
                <th>Name</th>
        </tr>
+
                <th>Type</th>
        <tr>
+
                <th>Description</th>
          <td>BBa_K2009602</td>
+
                <th>Designer</th>
          <td>Composite</td>
+
                <th>Length/bp</th>
          <td>Express the gene sfGFP11 constitutively</td>
+
              </tr>
          <td>Kaiyue Ma&amp;Yin Wu</td>
+
            </thead>
          <td>114</td>
+
            <tbody>
        </tr>
+
              <tr>
        <tr>
+
                <td><a href="http://parts.igem.org/Part:BBa_K2009357">BBa_K2009357</a></td>
          <td>BBa_K2009666</td>
+
                <td>coding</td>
          <td>Composite</td>
+
                <td>forming aggregation when the cell encounters heat shock</td>
          <td>Express the gene sfGFP1-10 constitutively</td>
+
                <td>Kaiyue Ma</td>
          <td>Kaiyue Ma&amp;Yin Wu</td>
+
                <td>759</td>
          <td>706</td>
+
              </tr>
        </tr>
+
              <tr>
        <tr>
+
                <td><a href="http://parts.igem.org/Part:BBa_K2009430">BBa_K2009430</a></td>
          <td>BBa_K2009701</td>
+
                <td>coding</td>
          <td>Coding</td>
+
                <td>emitting much brighter green fluorescence when binding with sfGFP11</td>
          <td>Assembling to emit brighter green fluorescence</td>
+
                <td>Kaiyue Ma&amp;Yin Wu</td>
          <td>Kaiyue Ma&amp;Yin Wu</td>
+
                <td>642</td>
          <td>783</td>
+
              </tr>
        </tr>
+
              <tr>
        <tr>
+
                <td><a href="http://parts.igem.org/Part:BBa_K2009820">BBa_K2009820</a></td>
          <td>BBa_K2009233</td>
+
                <td>coding</td>
          <td>Coding</td>
+
                <td>emitting much brighter green fluorescence when binding with sfGFP1-10</td>
          <td>Binding with BD to activate the promoter GAL1</td>
+
                <td>Kaiyue Ma&amp;Yin Wu</td>
          <td>Kaiyue Ma&amp;Chengle Zhang</td>
+
                <td>48</td>
          <td>1056</td>
+
              </tr>
        </tr>
+
              <tr>
        <tr>
+
                <td><a href="http://parts.igem.org/Part:BBa_K2009363">BBa_K2009363</a></td>
          <td>BBa_K2009520</td>
+
                <td>Reporter</td>
          <td>Coding</td>
+
                <td> A reporter in the Propri-ontein system</td>
          <td>Binding with AD to activate the promoter GAL1</td>
+
                <td>Kaiyue Ma&amp;Chengle Zhang</td>
          <td>Kaiyue Ma&amp;Chengle Zhang</td>
+
                <td>1189</td>
          <td>1155</td>
+
              </tr>
        </tr>
+
              <tr>
      </tbody>
+
                <td><a href="http://parts.igem.org/Part:BBa_K2009602">BBa_K2009602</a></td>
    </table>
+
                <td>Composite</td>
  </div>
+
                <td>Express the gene sfGFP11 constitutively</td>
 
+
                <td>Kaiyue Ma&amp;Yin Wu</td>
</div><!--End of ui basic segment id="main_page_content"-->
+
                <td>114</td>
 
+
              </tr>
<div style="background-color:#44a17d; height: 400px;">
+
              <tr>
  <p style="color:#fbbd08; font-family:'Lato'; font-size:40px; position:absolute; left:425px;">
+
                <td><a href="http://parts.igem.org/Part:BBa_K2009666">BBa_K2009666</a></td>
    <i class="star half empty icon"></i>Let's get it all done!<i class="star icon"></i>
+
                <td>Composite</td>
  </p>
+
                <td>Express the gene sfGFP1-10 constitutively</td>
</div>
+
                <td>Kaiyue Ma&amp;Yin Wu</td>
 
+
                <td>706</td>
</body>
+
              </tr>
</html>
+
              <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; 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>

Latest revision as of 17:23, 19 October 2016

Modeling

Part Collection
Designed by joint hands

Leaders

Chengle Zhang
Kaiyue Ma
Yin Wu
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

Sponsors

Designed by 2016 iGEM Team:USTC
Under CC License
Based on Semantic-UI