(21 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.sticky.basic.menu a.item{ | + | 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.sticky.basic.menu a.item:hover{ | + | 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; | |
− | <body> | + | 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> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | <i class="cube icon"></i> | + | |
− | <div class="content"> | + | |
− | <div class="sub header"> | + | |
</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
![](https://static.igem.org/mediawiki/2016/d/de/T--USTC--ChengleZhang.jpeg)
Chengle Zhang
![](https://static.igem.org/mediawiki/2016/b/b2/T--USTC--KaiyueMa.jpeg)
Kaiyue Ma
![](https://static.igem.org/mediawiki/2016/5/5d/T--USTC--YinWu.jpeg)
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 |