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

 
(2 intermediate revisions by the same user 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 293: Line 277:
 
           </div>
 
           </div>
 
         </div>
 
         </div>
         <div class="ui segment" id="ui_article" style="min-height:800px; 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>
 
           <div class="ui orange ribbon label header">Basic Parts</div>
 
           <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:</p>
Line 330: 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