Difference between revisions of "Team:USTC/Basic Part"
| (38 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
<html> | <html> | ||
| − | + | <head> | |
| − | <link rel="stylesheet" type="text/css" href=" | + | <meta charset="utf-8"> |
| − | < | + | <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes"> |
| − | + | <title>Modeling</title> | |
| − | <style> | + | <!--<link rel="stylesheet" type="text/css" class="ui" href="semantic.min.css">--> |
| − | /********************Dealing with default Mediawiki setting*******************/ | + | <link rel="stylesheet" type="text/css" href="https://2016.igem.org/Template:USTC/semantics?action=raw&ctype=text/css"> |
| − | + | <style> | |
| − | + | /********************Dealing with default Mediawiki setting*******************/ | |
| − | + | #top_title { | |
| + | display:none; | ||
| + | position:absolute; | ||
} | } | ||
| − | #content { | + | #content { |
| − | + | padding:0px; width:auto; margin-top:-11px; margin-left:0px; | |
} | } | ||
#globalWrapper{ | #globalWrapper{ | ||
} | } | ||
| − | body { | + | body { |
} | } | ||
#bodyContent { | #bodyContent { | ||
} | } | ||
| − | |||
div#top_menu_14{ | div#top_menu_14{ | ||
| − | + | height:21px; | |
| − | + | border-bottom-color:#383838; | |
} | } | ||
div#top_menu_under{ | div#top_menu_under{ | ||
| − | + | ||
} | } | ||
| − | |||
div#globalWrapper{ | div#globalWrapper{ | ||
| − | + | padding-bottom: 0; | |
} | } | ||
| − | + | #top_menu_under{ | |
| − | + | height:0; | |
| − | /******************************************************************************/ | + | } |
| − | </style> | + | #sideMenu{ |
| − | + | display:none; | |
| − | <style> | + | position:fixed; |
| − | div.ui.inverted.vertical | + | left:220px; |
| + | } | ||
| + | /******************************************************************************/ | ||
| + | </style> | ||
| + | <style> | ||
| + | div.ui.inverted.vertical.sticky.basic.menu a.item{ | ||
-webkit-transition: background-color 0.6s , color 0.6s; | -webkit-transition: background-color 0.6s , color 0.6s; | ||
} | } | ||
| − | div.ui.inverted.vertical | + | div.ui.inverted.vertical.sticky.basic.menu a.item:hover{ |
background-color: #FFFA99; | background-color: #FFFA99; | ||
color:#6E47B2; | color:#6E47B2; | ||
} | } | ||
| − | + | p{ | |
| − | </style> | + | 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{ |
| − | <div class="ui inverted vertical | + | width:63%; |
| − | + | } | |
| − | + | } | |
| − | + | </style> | |
| − | + | </head> | |
| − | + | ||
| − | + | ||
| − | + | <body> | |
| − | <a class="item" href="https://2016.igem.org/Team:USTC/Design"> | + | |
| − | + | <div class="ui inverted vertical sidebar basic menu" style="border-radius:0; background-color: #44a17d; padding-top:9px;font-size:medium;"> | |
| − | <a class="item" href="https://2016.igem.org/Team:USTC/Proof"> | + | <div class="item"> |
| − | <a class="item" href="https://2016.igem.org/Team:USTC/Demonstrate"> | + | <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/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> | ||
| + | <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> | |
| − | + | <div class="item"> | |
<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/Composite_Part"> Composite Parts </a> | |
| − | + | <a class="item" href="https://2016.igem.org/Team:USTC/Part_Collection"> Part Collection </a> | |
| − | + | ||
</div> | </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="header">Human Practices</div> | ||
<div class="menu"> | <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> | </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 cube icon"></i> | |
| − | + | <div class="content">Basic 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 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> | ||
| + | <ol> | ||
| + | <li>Protein as a scaffold to assemble other proteins.</li> | ||
| + | <li>Protein as a messager to indicate whether the circuit works well.</li> | ||
| + | </ol><br/> | ||
| + | <div class="ui blue ribbon label header">List of Basic Parts</div> | ||
| + | <table class="ui celled table" style="border-radius: 5px;"> | ||
<thead> | <thead> | ||
| − | + | <tr> | |
| − | + | <th>Code Name</th> | |
| − | + | <th>Part Name</th> | |
| − | + | <th>Function</th> | |
| − | + | </tr> | |
</thead> | </thead> | ||
<tbody> | <tbody> | ||
| − | + | <tr> | |
| − | + | <td><a href="http://parts.igem.org/Part:BBa_K2009357">BBa_K2009357</a></td> | |
| − | + | <td>SUP35</td> | |
| − | + | <td>forming aggregation when the cell encounters heat shock</td> | |
| − | + | </tr> | |
| − | + | <tr> | |
| − | + | <td><a href="http://parts.igem.org/Part:BBa_K2009430">BBa_K2009430</a></td> | |
| − | + | <td>sfGFP1-10</td> | |
| − | + | <td>emitting much brighter green fluorescence when binding with sfGFP11</td> | |
| − | + | </tr> | |
| − | + | <tr> | |
| − | + | <td><a href="http://parts.igem.org/Part:BBa_K2009820">BBa_K2009820</a></td> | |
| − | + | <td>sfGFP11</td> | |
| − | + | <td>emitting much brighter green fluorescence when binding with sfGFP1-10</td> | |
| − | + | </tr> | |
</tbody> | </tbody> | ||
| − | + | </table> | |
| − | + | </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; color:rgba(255, 255, 255, 0.9);"> | |
| − | <div style="background-color:#44a17d; | + | <div class="ui grid"> |
| − | + | ||
| − | + | <div class="ui three wide column"> | |
| − | + | </div> | |
| − | </div> | + | <div class="ui five wide column"> |
| − | + | <h3 class="ui header" style="color:rgba(255, 255, 255, 0.9);">Contact us</h3> | |
| − | </body> | + | <div class="ui massive link list" style="color:rgba(255, 255, 255, 0.9);"> |
| − | </html> | + | <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&wvr=6&mod=message&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/BasicParts_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:21, 19 October 2016
Basic Parts
Designed by joint hands
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:
- Protein as a scaffold to assemble other proteins.
- 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 |
