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

 
(11 intermediate revisions by 2 users not shown)
Line 116: Line 116:
 
         <div class="header">Project</div>
 
         <div class="header">Project</div>
 
         <div class="menu">
 
         <div class="menu">
           <a class="item" id="Description" href="https://2016.igem.org/Team:USTC/Description"> ★  Description </a>
+
           <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/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/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/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>
Line 128: Line 128:
 
         <div class="header">Parts</div>
 
         <div class="header">Parts</div>
 
         <div class="menu">
 
         <div class="menu">
           <a class="item" href="https://2016.igem.org/Team:USTC/Basic_Part"> Basic Parts </a>
+
           <a class="item" href="https://2016.igem.org/Team:USTC/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>
Line 138: Line 138:
 
         <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>
 
       </div>
Line 148: Line 147:
 
         <div class="header">Awards</div>
 
         <div class="header">Awards</div>
 
         <div class="menu">
 
         <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/Model"> Model </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>
 
       </div>
Line 158: Line 153:
 
         <div class="header">Team</div>
 
         <div class="header">Team</div>
 
         <div class="menu">
 
         <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"> 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/Sponsor"> 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/AboutUSTC"> 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/Acknowledgements"> 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/Team/Gallery"> Gallery  </a>
           <a class="item" href="https://2016.igem.org/Team:USTC/Collaborations">★  Collaborations </a>
+
           <a class="item" href="https://2016.igem.org/Team:USTC/Collaborations"> Collaborations </a>
 
         </div>
 
         </div>
 
       </div>
 
       </div>
      <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>
 
      
 
      
Line 189: Line 181:
 
               <div class="header">Project</div>
 
               <div class="header">Project</div>
 
               <div class="menu">
 
               <div class="menu">
                 <a class="item" id="Description" href="https://2016.igem.org/Team:USTC/Description"> ★  Description </a>
+
                 <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/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/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/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>
Line 201: Line 193:
 
               <div class="header">Parts</div>
 
               <div class="header">Parts</div>
 
               <div class="menu">
 
               <div class="menu">
                 <a class="item" href="https://2016.igem.org/Team:USTC/Basic_Part"> Basic Parts </a>
+
                 <a class="item" href="https://2016.igem.org/Team:USTC/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>
Line 211: Line 203:
 
               <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>
 
             </div>
Line 221: Line 212:
 
               <div class="header">Awards</div>
 
               <div class="header">Awards</div>
 
               <div class="menu">
 
               <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/Model"> Model </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>
 
             </div>
Line 231: Line 218:
 
               <div class="header">Team</div>
 
               <div class="header">Team</div>
 
               <div class="menu">
 
               <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"> 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/Sponsor"> 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/AboutUSTC"> 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/Acknowledgements"> 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/Team/Gallery"> Gallery  </a>
                 <a class="item" href="https://2016.igem.org/Team:USTC/Collaborations">★  Collaborations </a>
+
                 <a class="item" href="https://2016.igem.org/Team:USTC/Collaborations"> Collaborations </a>
 
               </div>
 
               </div>
 
             </div>
 
             </div>
            <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>
 
         </div>
 
         </div>
Line 282: Line 266:
 
                 <div class="ui fluid card">
 
                 <div class="ui fluid card">
 
                   <div class="image">
 
                   <div class="image">
                     <img src="https://static.igem.org/mediawiki/2016/6/6e/T--USTC--TianshuLiu.jpeg">
+
                     <img src="https://static.igem.org/mediawiki/2016/5/5d/T--USTC--YinWu.jpeg">
 
                   </div>
 
                   </div>
 
                   <div class="content">
 
                   <div class="content">
                     <div class="description">Tianshu Liu</div>
+
                     <div class="description">Yin Wu</div>
 
                   </div>
 
                   </div>
 
                 </div>
 
                 </div>
Line 293: Line 277:
 
           </div>
 
           </div>
 
         </div>
 
         </div>
         <div class="ui segment" id="ui_article" style="min-height:1300px; margin-left: 35px;margin-top:30px;">
+
         <div class="ui segment" id="ui_article" style="margin-left: 35px;margin-top:30px;">
         
+
           <div class="ui orange ribbon label header">Basic Parts</div>
           <h3 class="ui heading">Basic Parts</h3>
+
           <p>This year, we created several basic parts to conduct our projects. Their main functions are as follows:</p>
           <p>This year, we created several basic parts to conduct our projects. Their main functions are as follows:<br>
+
          <ol>
             1. Protein as a scaffold to assemble other proteins.<br>
+
             <li>Protein as a scaffold to assemble other proteins.</li>
          2. Protein as a messager to indicate whether the circuit works well.</p>
+
            <li>Protein as a messager to indicate whether the circuit works well.</li>
           <p>List of Basic Parts:</p>
+
           </ol><br/>
 +
          <div class="ui blue ribbon label header">List of Basic Parts</div>
 
           <table class="ui celled table" style="border-radius: 5px;">
 
           <table class="ui celled table" style="border-radius: 5px;">
 
             <thead>
 
             <thead>
Line 310: Line 295:
 
             <tbody>
 
             <tbody>
 
               <tr>
 
               <tr>
                 <td>BBa_K2009357</td>
+
                 <td><a href="http://parts.igem.org/Part:BBa_K2009357">BBa_K2009357</a></td>
 
                 <td>SUP35</td>
 
                 <td>SUP35</td>
 
                 <td>forming aggregation when the cell encounters heat shock</td>
 
                 <td>forming aggregation when the cell encounters heat shock</td>
 
               </tr>
 
               </tr>
 
               <tr>
 
               <tr>
                 <td>BBa_K2009430</td>
+
                 <td><a href="http://parts.igem.org/Part:BBa_K2009430">BBa_K2009430</a></td>
 
                 <td>sfGFP1-10</td>
 
                 <td>sfGFP1-10</td>
 
                 <td>emitting much brighter green fluorescence when binding with sfGFP11</td>
 
                 <td>emitting much brighter green fluorescence when binding with sfGFP11</td>
 
               </tr>
 
               </tr>
 
               <tr>
 
               <tr>
                 <td>BBa_K2009820</td>
+
                 <td><a href="http://parts.igem.org/Part:BBa_K2009820">BBa_K2009820</a></td>
 
                 <td>sfGFP11</td>
 
                 <td>sfGFP11</td>
 
                 <td>emitting much brighter green fluorescence when binding with sfGFP1-10</td>
 
                 <td>emitting much brighter green fluorescence when binding with sfGFP1-10</td>
Line 328: Line 313:
 
         </div>
 
         </div>
 
         </div><!--End of ui basic segment id="main_page_content"-->
 
         </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;">
+
         <div style="background-color:#44a17d; color:rgba(255, 255, 255, 0.9);">
            <i class="star half empty icon"></i>Let's get it all done!<i class="star icon"></i>
+
           <div class="ui grid">
           </p>
+
           
 +
            <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>
      </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 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/semanticsjs?action=raw&ctype=text/javascript"></script>
      <script type="text/javascript" src="https://2016.igem.org/Template:USTC/BasicParts_right_menu_js?action=raw&ctype=text/javascript"></script>
+
        <script type="text/javascript" src="https://2016.igem.org/Template:USTC/BasicParts_right_menu_js?action=raw&ctype=text/javascript"></script>
      <script type="text/javascript">
+
        <script type="text/javascript">
      </script>
+
        </script>
      <script>
+
        <script>
      $(document).ready(function(){
+
        $(document).ready(function(){
      $('.ui.sticky.basic.menu').sticky({
+
        $('.ui.sticky.basic.menu').sticky({
      context: '#main_page_content'
+
        context: '#main_page_content'
      });
+
        });
      $("a.item#Description").mouseenter(function(){
+
        $("a.item#Description").mouseenter(function(){
      $(".sticky.note.outline.icon").transition({
+
        $(".sticky.note.outline.icon").transition({
      animation : 'fly right',
+
        animation : 'fly right',
      duration : '0.5s'
+
        duration : '0.5s'
      });
+
        });
      });
+
        });
      $("a.item#Description").mouseleave(function(){
+
        $("a.item#Description").mouseleave(function(){
      $(".sticky.note.outline.icon").transition({
+
        $(".sticky.note.outline.icon").transition({
      animation : 'fly right',
+
        animation : 'fly right',
      duration : '0.5s'
+
        duration : '0.5s'
      });
+
        });
      //$(this).css({"background-color":"inherit","color":"inherit"});
+
        //$(this).css({"background-color":"inherit","color":"inherit"});
      });
+
        });
      $container.find('img').css('max-width','100%').each(function(){$(this).before($("<br/>")).after($("<br/>"));})
+
        $container.find('img').css('max-width','100%');
      createMenu();
+
        createMenu();
      });//End of $(document).ready(function())
+
        });//End of $(document).ready(function())
     
+
       
      $(window).load(function(){
+
        $(window).load(function(){
      createWayPoints();
+
        createWayPoints();
      $("div.pusher").prependTo("body");
+
        $("div.pusher").prependTo("body");
      $("div.sidebar").prependTo("body");
+
        $("div.sidebar").prependTo("body");
      $("div#sideMenu").prependTo("div.pusher");
+
        $("div#sideMenu").prependTo("div.pusher");
      $("#ui_article").find("span").css("border-style","none");
+
        $("#ui_article").find("span").css("border-style","none");
      });
+
        });
      $("#sidebarMenuTrigger").click(function(){
+
        $("#sidebarMenuTrigger").click(function(){
      $(".ui.sidebar.menu")
+
        $(".ui.sidebar.menu")
      .sidebar('setting', 'transition', 'overlay')
+
        .sidebar('setting', 'transition', 'overlay')
      .sidebar('setting', 'mobileTransition', 'overlay')
+
        .sidebar('setting', 'mobileTransition', 'overlay')
      .sidebar('toggle');
+
        .sidebar('toggle');
      });
+
        });
      </script>
+
        </script>
    </body>
+
      </body>
  </html>
+
    </html>

Latest revision as of 17:21, 19 October 2016

Modeling

Basic Parts
Designed by joint hands

Leaders

Chengle Zhang
Kaiyue Ma
Yin Wu
Basic Parts

This year, we created several basic parts to conduct our projects. Their main functions are as follows:

  1. Protein as a scaffold to assemble other proteins.
  2. Protein as a messager to indicate whether the circuit works well.

List of Basic Parts
Code Name Part Name Function
BBa_K2009357 SUP35 forming aggregation when the cell encounters heat shock
BBa_K2009430 sfGFP1-10 emitting much brighter green fluorescence when binding with sfGFP11
BBa_K2009820 sfGFP11 emitting much brighter green fluorescence when binding with sfGFP1-10

Sponsors

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