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

 
(4 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
var $container = $('#ui_article');
+
<html>
−
var $pageTitle = "Composite Parts";
+
  <head>
−
var $pageIcon = "cubes icon";
+
    <meta charset="utf-8">
−
 
+
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
−
var $firstHeaders = $container.find('div.ribbon');
+
    <title>Modeling</title>
−
//$firstHeaders.addClass("ui dividing header");
+
    <!--<link rel="stylesheet" type="text/css" class="ui" href="semantic.min.css">-->
−
$firstHeaders.attr("style","padding-top:30px;");
+
    <link rel="stylesheet" type="text/css" href="https://2016.igem.org/Template:USTC/semantics?action=raw&ctype=text/css">
−
var $secondHeaders = $container.find('h3');
+
    <style>
−
 
+
    /********************Dealing with default Mediawiki setting*******************/
−
var getSafeId = function($element){
+
    #top_title {
−
  return window.escape(getSafeName(getText($element)));
+
    display:none;
−
}
+
    position:absolute;
−
var getSafeName = function(text) {
+
    }
−
  return text.replace(/\s+/g, '-').replace(/[^-,'A-Za-z0-9]+/g, '').toLowerCase();
+
    #content {
−
};
+
    padding:0px; width:auto; margin-top:-11px; margin-left:0px;
−
var getText = function($element) {
+
    }
−
  $element = ($element.find('a').not('.label, .anchor').length > 0) ? $element.find('a') : $element;
+
    #globalWrapper{
−
  var $text = $element.contents().filter(function() {
+
    }
−
     return this.nodeType == 3;
+
    body {
−
  });
+
    }
−
  return ($text.length > 0) ? $text[0].nodeValue.trim() : $element.find('a').text().trim();
+
    #bodyContent {
−
};
+
    }
−
 
+
    div#top_menu_14{
−
 
+
    height:21px;
−
var createMenu = function() {
+
    border-bottom-color:#383838;
−
  var
+
    }
−
     html = '',
+
    div#top_menu_under{
−
     pageTitle = $pageTitle,
+
   
−
     title = pageTitle.charAt(0).toUpperCase() + pageTitle.slice(1),
+
    }
−
     icon = $pageIcon,
+
    div#globalWrapper{
−
     $sticky,
+
    padding-bottom: 0;
−
     $rail;
+
    }
−
   $firstHeaders
+
    #top_menu_under{
−
     .each(function(index) {
+
    height:0;
−
       var
+
    }
−
         $currentHeader = $(this),
+
    #sideMenu{
−
         $nextElements = $currentHeader.nextUntil('div.ribbon'),
+
    display:none;
−
        $secondHeadersBeforNextElement = $nextElements.filter('h3'),
+
    position:fixed;
−
        activeClass = (index === 0) ? 'active ' : '',
+
    left:220px;
−
         id = getSafeId($currentHeader),
+
    }
−
         $anchor = $('<a />').addClass('anchor').attr('id', id);
+
    /******************************************************************************/
−
         $currentHeader.append($anchor);
+
    </style>
−
       html += '<div class="item">';
+
    <style>
−
      if ($secondHeadersBeforNextElement.length === 0) {
+
    div.ui.inverted.vertical.sticky.basic.menu a.item{
−
         html += '<a class="' + activeClass + 'title" href="#' + id + '"><b>' + $(this).text() + '</b></a>';
+
    -webkit-transition: background-color 0.6s , color 0.6s;
−
       } else {
+
    }
−
         html += '<a class="' + activeClass + 'title"><i class="dropdown icon"></i> <b>' + $(this).text() + '</b></a>';
+
    div.ui.inverted.vertical.sticky.basic.menu a.item:hover{
−
       }
+
    background-color: #FFFA99;
−
       if ($secondHeadersBeforNextElement.length > 0) {
+
    color:#6E47B2;
−
         html += '<div class="' + activeClass + 'content menu">';
+
    }
−
        $secondHeadersBeforNextElement
+
    p{
−
          .each(function() {
+
    font-family: 'Lato'!important;
−
             var
+
    font-size:16px !important;
−
               $currentSecondHeader = $(this),
+
    line-height: 150%;
−
               childId = id + '-' +getSafeId($currentSecondHeader),
+
    }
−
               $anchor = $('<a />').addClass('anchor').attr('id', childId);
+
    </style>
−
              $currentSecondHeader.after($anchor);
+
   
−
               html += '<a class="item" href="#' + childId + '">' + getText($currentSecondHeader) + '</a>';
+
    <!--For multiple devices-->
−
          });
+
    <style>
−
        html += '</div>';
+
    @media only screen
−
      }
+
    and (min-width: 1025px){
−
      html += '</div>';
+
     div#menuForTablet{
−
    });
+
    display:none;
−
  $followMenu = $('<div />')
+
    }
−
    .addClass('ui vertical following fluid accordion text menu')
+
    div#main_page_content{
−
    .html(html);
+
    margin-top:-13px;
−
 
+
    left:210px;
−
  $sticky = $('<div />')
+
    max-width: 1070px;
−
    .addClass('ui sticky')
+
    }
−
    .html($followMenu)
+
    #ui_article{
−
    //.prepend($advertisement)
+
    width:64%;
−
    .prepend('<h3 class="ui header"><i class="' + icon + '"></i>' + '<div class="content">' + title + '</div>' '</h3>');
+
    }
−
  $rail = $('<div />')
+
    }
−
    .addClass('ui dividing right rail')
+
    @media only screen
−
    .html($sticky)
+
    and (max-width : 1024px)
−
    .prependTo($container);
+
    and (orientation : landscape) {
−
  $sticky.sticky({
+
    div#main_page_content{
−
    silent: true,
+
    margin-top:40px;
−
    context: $container,
+
    }
−
    offset: 70
+
    div#menuForComputer{
−
  });
+
    display:none;
−
  $followMenu
+
    width:0;
−
    .accordion({
+
    height:0;
−
      exclusive: false,
+
    }
−
      animateChildren: false,
+
    #ui_article{
−
      onChange: function() {
+
    width:63%;
−
         $('.ui.sticky').sticky('refresh');
+
     }
−
      }
+
     }
−
    })
+
     @media only screen
−
    .find('.menu a[href], .title[href]')
+
    and (max-width : 1024px)
−
    .on('click', function(event) {
+
    and (orientation : portrait) {
−
            var id = $(this).attr('href').replace('#', '')
+
     div#main_page_content{
−
              , $element = $('#' + id)
+
     margin-top:40px;
−
              , position = $element.offset().top - 60;
+
     }
−
            $element.addClass('active');
+
    div#menuForComputer{
−
             $('html, body').animate({
+
    display:none;
−
                scrollTop: position
+
    width:0;
−
             }, 500);
+
    height:0;
−
             location.hash = '#' + id;
+
    }
−
             event.stopImmediatePropagation();
+
    #ui_article{
−
            event.preventDefault();
+
    width:63%;
−
            return false;
+
    }
 +
    }
 +
    </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 cubes icon"></i>
 +
            <div class="content">Composite Parts
 +
              <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 violet ribbon label header">Composite Parts</div>
 +
          <p>A list of composite parts USTC iGEM 2016 have been submitted to the Registry.The main functions of these composite parts are as follows:</p>
 +
          <ol>
 +
            <li>To compare the fluorescence intensity of sole sfGFP11/sfGFP1-10 and combination of sfGFP11 and sfGFP1-10;</li>
 +
            <li>To test the aggregation ability of SUP35.</li>
 +
          </ol>
 +
          <br/>
 +
          <div class="ui teal ribbon label header">List of Composite Parts</div>
 +
          <table class="ui celled table" style="border-radius: 5px;">
 +
            <thead>
 +
              <tr>
 +
                <th>Code Name</th>
 +
                <th>Parts Name</th>
 +
                <th>Type</th>
 +
                <th>Function</th>
 +
              </tr>
 +
            </thead>
 +
            <tbody>
 +
              <tr>
 +
                <td><a href="http://parts.igem.org/Part:BBa_K2009363">BBa_K2009363</a></td>
 +
                <td>PGAL+GFP</td>
 +
                <td>Reporter</td>
 +
                <td> A reporter in the Propri-ontein system</td>
 +
              </tr>
 +
              <tr>
 +
                <td><a href="http://parts.igem.org/Part:BBa_K2009602">BBa_K2009602</a></td>
 +
                <td>PR+sfGFP11</td>
 +
                <td>Composite</td>
 +
                <td>Express the gene sfGFP11 constitutively</td>
 +
              </tr>
 +
              <tr>
 +
                <td><a href="http://parts.igem.org/Part:BBa_K2009666">BBa_K2009666</a></td>
 +
                <td>PR+sfGFP1-10</td>
 +
                <td>Composite</td>
 +
                <td>Express the gene sfGFP1-10 constitutively</td>
 +
              </tr>
 +
              <tr>
 +
                <td><a href="http://parts.igem.org/Part:BBa_K2009701">BBa_K2009701</a></td>
 +
                <td>SUP35+sfGFP11</td>
 +
                <td>Coding</td>
 +
                <td>Assembling to emit brighter green fluorescence</td>
 +
              </tr>
 +
              <tr>
 +
                <td><a href="http://parts.igem.org/Part:BBa_K2009233">BBa_K2009233</a></td>
 +
                <td>SUP35+AD</td>
 +
                <td>Coding</td>
 +
                <td>Binding with BD to activate the promoter GAL1</td>
 +
              </tr>
 +
              <tr>
 +
                <td><a href="http://parts.igem.org/Part:BBa_K2009520">BBa_K2009520</a></td>
 +
                <td>SUP35+BD</td>
 +
                <td>Coding</td>
 +
                <td>Binding with AD to activate the promoter GAL1</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/CompositeParts_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({
−
var createWayPoints = function(){
+
        animation : 'fly right',
−
  $firstHeaders
+
        duration : '0.5s'
−
    .visibility({
+
        });
−
      observeChanges: false,
+
        });
−
      once: false,
+
        $("a.item#Description").mouseleave(function(){
−
      offset: 60,
+
        $(".sticky.note.outline.icon").transition({
−
      onTopPassed: function() {
+
        animation : 'fly right',
−
                var $section = $(this)
+
        duration : '0.5s'
−
                  , index = $firstHeaders.index($section)
+
        });
−
                  , $followSection = $followMenu.children('.item')
+
        //$(this).css({"background-color":"inherit","color":"inherit"});
−
                  , $activeSection = $followSection.eq(index)
+
        });
−
                  , isActive = $activeSection.hasClass('active');
+
        $container.find('img').css('max-width','100%');
−
                if (!isActive) {
+
        createMenu();
−
                    $followSection.filter('.active').removeClass('active');
+
        });//End of $(document).ready(function())
−
                    $activeSection.addClass('active');
+
       
−
                    $followMenu.accordion('open', index);
+
        $(window).load(function(){
−
                }
+
        createWayPoints();
−
                if(index -1 > -1){
+
        $("div.pusher").prependTo("body");
−
                  $followMenu.accordion('close', index - 1);
+
        $("div.sidebar").prependTo("body");
−
                }
+
        $("div#sideMenu").prependTo("div.pusher");
−
            },
+
        $("#ui_article").find("span").css("border-style","none");
−
      onTopPassedReverse: function() {
+
        });
−
                var $menuItems = $followMenu.children('.item')
+
        $("#sidebarMenuTrigger").click(function(){
−
                  , $section = $menuItems.filter('.active')
+
        $(".ui.sidebar.menu")
−
                  , index = $menuItems.index($section);
+
        .sidebar('setting', 'transition', 'overlay')
−
                if ($section.prev().length > 0) {
+
        .sidebar('setting', 'mobileTransition', 'overlay')
−
                    $section.removeClass('active').prev('.item').addClass('active');
+
        .sidebar('toggle');
−
                    $followMenu.accordion('open', index - 1);
+
        });
−
                    $followMenu.accordion('close', index );
+
        </script>
−
                }
+
      </body>
−
            }
+
     </html>
−
    });
+
−
    $secondHeaders.visibility({
+
−
      observeChanges: false,
+
−
      once: false,
+
−
      offset: 60,
+
−
      onTopPassed: function() {
+
−
                var $section = $(this)
+
−
                  , index = $secondHeaders.index($section)
+
−
                  , $allSecondHeaderMenu = $followMenu.children('.item').children('.content.menu').children('a.item')
+
−
                  , $activeSecondHeader = $allSecondHeaderMenu.eq(index);
+
−
                  // , $activeParentHeader = $activeSecondHeader.parent()
+
−
                  // , isParentFirstHeaderMenuActive = $activeParentHeader.hasClass('active')
+
−
                  // , $menuItems = $followMenu.children('.item');
+
−
               
+
−
                    $allSecondHeaderMenu.filter('.active').removeClass('active');
+
−
                    $activeSecondHeader.addClass('active');
+
−
                // if (!isParentFirstHeaderMenuActive) {
+
−
                //  index = $followMenu.children().index($activeParentHeader.parent());
+
−
                //    $followMenu.accordion('open', index);
+
−
                // }
+
−
            },
+
−
      onTopPassedReverse: function() {
+
−
                var $allSecondHeaderMenu = $followMenu.children('.item').children('.content.menu').children('a.item')
+
−
                  , $section = $allSecondHeaderMenu.filter('.active')
+
−
                  , index = $allSecondHeaderMenu.index($section);
+
−
                if (index > 0) {
+
−
                    $section.removeClass('active').prev('.item').addClass('active');
+
−
                    $allSecondHeaderMenu.eq(index-1).addClass('active');
+
−
                }
+
−
            }
+
−
     });
+
−
}
+

Latest revision as of 17:22, 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

Composite Parts
Designed by joint hands

Leaders

Chengle Zhang
Kaiyue Ma
Yin Wu
Composite Parts

A list of composite parts USTC iGEM 2016 have been submitted to the Registry.The main functions of these composite parts are as follows:

  1. To compare the fluorescence intensity of sole sfGFP11/sfGFP1-10 and combination of sfGFP11 and sfGFP1-10;
  2. To test the aggregation ability of SUP35.

List of Composite Parts
Code Name Parts Name Type Function
BBa_K2009363 PGAL+GFP Reporter A reporter in the Propri-ontein system
BBa_K2009602 PR+sfGFP11 Composite Express the gene sfGFP11 constitutively
BBa_K2009666 PR+sfGFP1-10 Composite Express the gene sfGFP1-10 constitutively
BBa_K2009701 SUP35+sfGFP11 Coding Assembling to emit brighter green fluorescence
BBa_K2009233 SUP35+AD Coding Binding with BD to activate the promoter GAL1
BBa_K2009520 SUP35+BD Coding Binding with AD to activate the promoter GAL1

Contact us

e-mail
Facebook
Weibo

Sponsors

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