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

(Prototype team page)
 
Line 1: Line 1:
−
{{USTC}}
 
 
<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 {
 +
      padding:0px; width:auto; margin-top:-11px; margin-left:0px;
 +
    }
 +
    #globalWrapper{
 +
    }
 +
    body {
 +
    }
 +
    #bodyContent {
 +
    }
  
 +
    div#top_menu_14{
 +
      height:21px;
 +
      border-bottom-color:#383838;
 +
    }
 +
    div#top_menu_under{
 +
   
 +
    }
  
−
<div class="column full_size judges-will-not-evaluate">
+
    div#globalWrapper{
−
<h3>★  ALERT! </h3>
+
      padding-bottom: 0;
−
<p>This page is used by the judges to evaluate your team for the <a href="https://2016.igem.org/Judging/Awards#Special_Prizes">Part Collection special prize</a>. </p>
+
    }
  
 +
   
 +
/******************************************************************************/
 +
</style>
  
 +
<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{   
 +
    background-color: #FFFA99;
 +
    color:#6E47B2;
 +
    }
  
−
<p> Delete this box in order to be evaluated for this medal. See more information at <a href="https://2016.igem.org/Judging/Pages_for_Awards/Instructions"> Instructions for Pages for awards</a>.</p>
 
−
</div>
 
  
 +
    p{
 +
      font-family: 'Lato'!important;
 +
      font-size:16px !important;
 +
    }
  
 +
</style>
  
 +
<script>
 +
$(document).ready(function(){
 +
$('.ui.sticky.basic.menu').sticky({
 +
    context: '#main_page_content'
 +
});
  
  
−
<div class="column full_size">
+
/*$("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");
  
−
<p>Did your team make a lot of great parts? Is there a theme that ties all your parts together? Do you have more than 10 parts in this collection? Did you make a CRISPR collection, a MoClo collection, or a collection of awesome pigment parts? Describe your parts collection on this page, so the judges can evaluate you for the Best Part Collection award.</p>
+
});//End of $(document).ready(function())
  
−
<p>
 
−
While you should put all the characterization information for your parts on the Registry, you are encouraged to explain how all your parts form a collection on this page.
 
−
</p>
 
  
  
−
<div class="highlight">
 
−
<h4>Note</h4>
 
−
<p>This page should list all the parts in the collection your team made during your project. You must add all characterization information for your parts on the Registry. You should not put characterization information on this page.</p>
 
  
−
</div>
 
  
 +
</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>BBa_K2009357</td>
 +
          <td>coding</td>
 +
          <td>forming aggregation when the cell encounters heat shock</td>
 +
          <td>Kaiyue Ma</td>
 +
          <td>759</td>
 +
        </tr>
 +
        <tr>
 +
          <td>BBa_K2009430</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>BBa_K2009820</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>BBa_K2009363</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>BBa_K2009602</td>
 +
          <td>Composite</td>
 +
          <td>Express the gene sfGFP11 constitutively</td>
 +
          <td>Kaiyue Ma&amp;Yin Wu</td>
 +
          <td>114</td>
 +
        </tr>
 +
        <tr>
 +
          <td>BBa_K2009666</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>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; 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>
 
</div>
  
 +
</body>
 
</html>
 
</html>

Revision as of 04:26, 5 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!