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

(Prototype team page)
 
 
(7 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
{{USTC}}
 
 
<html>
 
<html>
−
 
+
  <head>
−
 
+
    <meta charset="utf-8">
−
 
+
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
−
 
+
    <title>Modeling</title>
−
<div class="column full_size judges-will-not-evaluate">
+
    <!--<link rel="stylesheet" type="text/css" class="ui" href="semantic.min.css">-->
−
<h3>★  ALERT! </h3>
+
    <link rel="stylesheet" type="text/css" href="https://2016.igem.org/Template:USTC/semantics?action=raw&ctype=text/css">
−
<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>
−
 
+
    /********************Dealing with default Mediawiki setting*******************/
−
 
+
    #top_title {
−
 
+
    display:none;
−
<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>
+
    position:absolute;
−
</div>
+
    }
−
 
+
    #content {
−
 
+
    padding:0px; width:auto; margin-top:-11px; margin-left:0px;
−
 
+
    }
−
 
+
    #globalWrapper{
−
 
+
    }
−
<div class="column full_size">
+
    body {
−
 
+
    }
−
 
+
    #bodyContent {
−
 
+
    }
−
 
+
    div#top_menu_14{
−
 
+
    height:21px;
−
<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>
+
    border-bottom-color:#383838;
−
 
+
    }
−
<p>
+
    div#top_menu_under{
−
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#globalWrapper{
−
 
+
    padding-bottom: 0;
−
<div class="highlight">
+
    }
−
<h4>Note</h4>
+
    #top_menu_under{
−
<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>
+
    height:0;
−
 
+
    }
−
</div>
+
    #sideMenu{
−
 
+
    display:none;
−
</div>
+
    position:fixed;
−
 
+
    left:220px;
−
</html>
+
    }
 +
    /******************************************************************************/
 +
    </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{
 +
    font-family: 'Lato'!important;
 +
    font-size:16px !important;
 +
    line-height: 150%;
 +
    }
 +
    </style>
 +
   
 +
    <!--For multiple devices-->
 +
    <style>
 +
    @media only screen
 +
    and (min-width: 1025px){
 +
    div#menuForTablet{
 +
    display:none;
 +
    }
 +
    div#main_page_content{
 +
    margin-top:-13px;
 +
    left:210px;
 +
    max-width: 1070px;
 +
    }
 +
    #ui_article{
 +
    width:64%;
 +
    }
 +
    }
 +
    @media only screen
 +
    and (max-width : 1024px)
 +
    and (orientation : landscape) {
 +
    div#main_page_content{
 +
    margin-top:40px;
 +
    }
 +
    div#menuForComputer{
 +
    display:none;
 +
    width:0;
 +
    height:0;
 +
    }
 +
    #ui_article{
 +
    width:63%;
 +
    }
 +
    }
 +
    @media only screen
 +
    and (max-width : 1024px)
 +
    and (orientation : portrait) {
 +
    div#main_page_content{
 +
    margin-top:40px;
 +
    }
 +
    div#menuForComputer{
 +
    display:none;
 +
    width:0;
 +
    height:0;
 +
    }
 +
    #ui_article{
 +
    width:63%;
 +
    }
 +
    }
 +
    </style>
 +
  </head>
 +
 
 +
 
 +
  <body>
 +
   
 +
    <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>
 +
      <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 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 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>
 +
       
 +
        <!--Page content starts here-->
 +
        <div class="ui basic segment">
 +
          <div class="ui basic segment" style="padding-top: 20px; font-size:xx-large;">
 +
            <h1 class="ui center aligned icon header">
 +
            <i class="circular ordered list icon"></i>
 +
            <div class="content">Part Collection
 +
              <div class="sub header">Designed by joint hands</div>
 +
            </div>
 +
            </h1>
 +
          </div>
 +
          <div class="ui basic segment">
 +
            <h3 class="ui center aligned header">Leaders</h3>
 +
            <div class="ui five column grid">
 +
              <div class="column"></div>
 +
              <div class="column">
 +
                <div class="ui fluid card">
 +
                  <div class="image">
 +
                    <img src="https://static.igem.org/mediawiki/2016/d/de/T--USTC--ChengleZhang.jpeg">
 +
                  </div>
 +
                  <div class="content">
 +
                    <div class="description">Chengle Zhang</div>
 +
                  </div>
 +
                </div>
 +
              </div>
 +
              <div class="column">
 +
                <div class="ui fluid card">
 +
                  <div class="image">
 +
                    <img src="https://static.igem.org/mediawiki/2016/b/b2/T--USTC--KaiyueMa.jpeg">
 +
                  </div>
 +
                  <div class="content">
 +
                    <div class="description">Kaiyue Ma</div>
 +
                  </div>
 +
                </div>
 +
              </div>
 +
              <div class="column">
 +
                <div class="ui fluid card">
 +
                  <div class="image">
 +
                    <img src="https://static.igem.org/mediawiki/2016/5/5d/T--USTC--YinWu.jpeg">
 +
                  </div>
 +
                  <div class="content">
 +
                    <div class="description">Yin Wu</div>
 +
                  </div>
 +
                </div>
 +
              </div>
 +
              <div class="column"></div>
 +
            </div>
 +
          </div>
 +
        </div>
 +
        <div class="ui segment" id="ui_article" style="margin-left: 35px;margin-top:30px;">
 +
          <div class="ui red ribbon label header"> Part Collection</div>
 +
          <table class="ui celled 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; 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

Home
Project
Description Design Proof of Concept Demonstrate Results Notebook Spin-off
Parts
Basic Parts Composite Parts Part Collection
Safety Attributions
Human Practices
Silver Gold Integrated Practices Engagement
Awards
Model
Team
Members Sponsor About USTC Acknowledgements Gallery Collaborations

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

Contact us

e-mail
Facebook
Weibo

Sponsors

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