(Prototype team page) |
|||
Line 1: | Line 1: | ||
− | {{ | + | {{TAS Taipei/CSS2}} {{TAS Taipei/Bootstrap}} {{TAS Taipei/BootstrapJS}} |
− | <html> | + | <html lang="en"> |
− | < | + | <head> |
− | < | + | <meta charset="UTF-8"> |
− | < | + | <title>About Us</title> |
− | < | + | <link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'> |
− | + | <!-- | |
− | < | + | <link rel="stylesheet" href="https://2017.igem.org/Template:TAS_Taipei/Bootstrap"> |
+ | <link rel="stylesheet" href="https://2017.igem.org/Template:TAS_Taipei/JqueryJS"> | ||
+ | <script src="https://2017.igem.org/Template:TAS_Taipei/BootstrapJS"></script> | ||
+ | --> | ||
+ | <style type='text/css'> | ||
+ | #top_title, | ||
+ | #sideMenu { | ||
+ | display: none !important; | ||
+ | } | ||
+ | |||
+ | #content { | ||
+ | width: 100%; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | background: #f3f4f4; | ||
+ | } | ||
+ | |||
+ | .cv { | ||
+ | box-shadow: 100px 0px 0 0px #FD7080; | ||
+ | } | ||
− | + | .this_border { | |
+ | background-color: #FD7080; | ||
+ | } | ||
+ | </style> | ||
+ | </head> | ||
− | <h1>Basic | + | <body> |
+ | <div class="return"> | ||
+ | <h1>X</h1> | ||
+ | </div> | ||
+ | <div class="yellow"> | ||
+ | <div class="box right"> | ||
+ | <div class="box2 right project" href="https://2017.igem.org/Team:TAS_Taipei/Background"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/0/00/T--TAS_Taipei--Project_C.png" id="dna"> | ||
+ | <h6 class="navCap">Project</h6> | ||
+ | </div> | ||
+ | <div class="box2 right experiment" href="https://2017.igem.org/Team:TAS_Taipei/Experimental_Summary"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/b/b0/T--TAS_Taipei--Exp_C.png" id="dna"> | ||
+ | <h6 class="navCap">Experiments</h6> | ||
+ | </div> | ||
+ | <div class="box2 right modeling" href="https://2017.igem.org/Team:TAS_Taipei/Model"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/b/be/T--TAS_Taipei--Modeling_C.png" id="dna"> | ||
+ | <h6 class="navCap">Modeling</h6> | ||
+ | </div> | ||
+ | <div class="box2 right prototype" href="https://2017.igem.org/Team:TAS_Taipei/Prototype"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/2/2e/T--TAS_Taipei--Prototype_C.png" id="dna"> | ||
+ | <h6 class="navCap">Prototype</h6> | ||
+ | </div> | ||
+ | <div class="box2 right policy" href="https://2017.igem.org/Team:TAS_Taipei/Human_Practices"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/4/42/T--TAS_Taipei--HP2_C.png" id="dna"> | ||
+ | <h6 class="navCap">Human Practices</h6> | ||
+ | </div> | ||
+ | <div class="box2 right biosafety" href="https://2017.igem.org/Team:TAS_Taipei/Safety"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/b/b8/T--TAS_Taipei--Biosafety_C.png" id="dna"> | ||
+ | <h6 class="navCap">Safety</h6> | ||
+ | </div> | ||
+ | <div class="box2 right about" href="https://2017.igem.org/Team:TAS_Taipei/Team"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/1/1a/T--TAS_Taipei--About_Us_C.png" id="dna"> | ||
+ | <h6 class="navCap">About Us</h6> | ||
+ | </div> | ||
+ | <div class="box2 right acknowledgments" href="https://2017.igem.org/Team:TAS_Taipei/Attributions"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/5/52/T--TAS_Taipei--Attributions_C.png" id="dna"> | ||
+ | <h6 class="navCap">Attributions</h6> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="blue"> | ||
+ | <div class="box3 left project" href="https://2017.igem.org/Team:TAS_Taipei/Background"> | ||
+ | <h1>Project</h1> | ||
+ | </div> | ||
+ | <div class="box3 left experiment" href="https://2017.igem.org/Team:TAS_Taipei/Experimental_Summary"> | ||
+ | <h1>Experiment</h1> | ||
+ | </div> | ||
+ | <div class="box3 left modeling" href="https://2017.igem.org/Team:TAS_Taipei/Model"> | ||
+ | <h1>Modeling</h1> | ||
+ | </div> | ||
+ | <div class="box3 left prototype" href="https://2017.igem.org/Team:TAS_Taipei/Prototype"> | ||
+ | <h1>Prototype</h1> | ||
+ | </div> | ||
+ | <div class="box3 left policy" href="https://2017.igem.org/Team:TAS_Taipei/Human_Practices"> | ||
+ | <h1>Human Practice</h1> | ||
+ | </div> | ||
+ | <div class="box3 left biosafety" href="https://2017.igem.org/Team:TAS_Taipei/Safety"> | ||
+ | <h1>Biosafety</h1> | ||
+ | </div> | ||
+ | <div class="box3 left about" href="https://2017.igem.org/Team:TAS_Taipei/Team"> | ||
+ | <h1>About Us</h1> | ||
+ | </div> | ||
+ | <div class="box3 left acknowledgments" href="https://2017.igem.org/Team:TAS_Taipei/Attributions"> | ||
+ | <h1>Attributions</h1> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <box class="home"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/5/56/T--TAS_Taipei--2home.svg" alt="Home" id="home" onclick="location.href='https://2017.igem.org/Team:TAS_Taipei';" style="cursor: pointer;"> | ||
+ | </box> | ||
+ | <div class="cv" id="cv"> | ||
+ | <div class="row"> | ||
+ | <nav class="pageNav col-lg-1" id="navbar"> | ||
+ | <ul class="nav"> | ||
+ | <li> | ||
+ | <a href="#PD" class="pageNavBig">PARTS DIAGRAMS</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="#PS" class="pageNavBig">PARTS SUBMITTED</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="#Medal" class="pageNavBig">MEDAL PARTS REQUIREMENTS</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="#IP" class="pageNavBig">INTERMEDIATE PARTS</a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </nav> | ||
+ | <div class="white col-lg-2"> | ||
+ | hi | ||
+ | </div> | ||
+ | <div class="col-lg-10"> | ||
+ | <!-- header --> | ||
+ | <header> | ||
+ | <div class="row"> | ||
+ | <h1 class="name col-lg-12">PARTS SUMMARY</h1> | ||
+ | </div> | ||
+ | <div class="this_border row"></div> | ||
+ | </header> | ||
+ | <section class="main"> | ||
+ | <div class="row" id="PD"> | ||
+ | <h1 class="col-lg-12 title2">PARTS DIAGRAMS</h1> | ||
+ | </div> | ||
+ | <div class="row"> | ||
+ | <div class="image_container col-lg-12"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/6/62/T--TAS_Taipei--Parts_collection.jpg" alt="test" id="group"> | ||
+ | </div> | ||
+ | </div><br> | ||
+ | <div class="row" id="PS"> | ||
+ | <h1 class="col-lg-12 title2">PARTS SUBMITTED</h1> | ||
+ | </div> | ||
+ | <div class="row"> | ||
+ | <h4 class="para col-lg-12"> | ||
+ | <table class="table table-hover"> | ||
+ | <thead> | ||
+ | <tr> | ||
+ | <th>Part#</th> | ||
+ | <th>Name</th> | ||
+ | <th>Type</th> | ||
+ | </tr> | ||
+ | </thead> | ||
+ | <tbody> | ||
+ | <tr> | ||
+ | <td><a href="http://parts.igem.org/Part:BBa_K2229100">BBa_K2229100</a></td> | ||
+ | <td>Strong Promoter + Strong RBS + csgD + Double Terminator</td> | ||
+ | <td>Composite</td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td><a href="http://parts.igem.org/Part:BBa_K2229200">BBa_K2229200</a></td> | ||
+ | <td>Strong Promoter + Strong RBS + ompR234 + Double Terminator</td> | ||
+ | <td>Composite</td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td><a href="http://parts.igem.org/Part:BBa_K2229300">BBa_K2229300</a></td> | ||
+ | <td>Strong Promoter + Strong RBS + csgD + Strong RBS + ompR234 + Double Terminator</td> | ||
+ | <td>Composite</td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td><a href="http://parts.igem.org/Part:BBa_K2229400">BBa_K2229400</a></td> | ||
+ | <td>Strong Promoter + Strong RBS + pR+ Double Terminator</td> | ||
+ | <td>Composite</td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td><a href="http://parts.igem.org/Part:BBa_K2229450">BBa_K2229450</a></td> | ||
+ | <td>Proteorhodopsin (pR)</td> | ||
+ | <td>Basic</td> | ||
+ | </tr> | ||
+ | </tbody> | ||
+ | </table> | ||
+ | </h4> | ||
+ | </div> | ||
+ | <div class="row" id="Medal"> | ||
+ | <h1 class="col-lg-12 title2">MEDAL PARTS REQUIREMENTS</h1> | ||
+ | </div> | ||
+ | <div class="row"> | ||
+ | <h4 class="para col-lg-12"> | ||
+ | <b>Each submitted part has been properly documented on the registry-- click on the part number in the table above. Specifically, in regards to judging requirements (click links to see full documentation):</b> | ||
+ | <ul> | ||
+ | <li>We improved the characterization of BBa_K2229100 and BBa_K2229200. (BRONZE requirement)</li> | ||
+ | <li>BBa_K2229200 is a new design that works as expected. (SILVER requirement)</li> | ||
+ | <li>BBa_K2229300 has improved the function of existing parts BBa_K805015 and BBa_K342003. (GOLD requirement)</li> | ||
+ | </ul> | ||
+ | </h4> | ||
+ | </div> | ||
+ | <div class="row" id="IP"> | ||
+ | <h1 class="col-lg-12 title2">INTERMEDIATE PARTS</h1> | ||
+ | </div> | ||
+ | <div class="row"> | ||
+ | <h4 class="para col-lg-12"> | ||
+ | <table class="table table-hover"> | ||
+ | <thead> | ||
+ | <tr> | ||
+ | <th>Part#</th> | ||
+ | <th>Name</th> | ||
+ | <th>Type</th> | ||
+ | </tr> | ||
+ | </thead> | ||
+ | <tbody> | ||
+ | <tr> | ||
+ | <td><a href="http://parts.igem.org/Part:BBa_S05397">BBa_S05397</a></td> | ||
+ | <td>Strong Promoter/RBS + csgD</td> | ||
+ | <td>Intermediate</td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td><a href="http://parts.igem.org/Part:BBa_S05398">BBa_S05398</a></td> | ||
+ | <td>ompR234 + Double Terminator</td> | ||
+ | <td>Intermediate</td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td><a href="http://parts.igem.org/Part:BBa_S05399">BBa_S05399</a></td> | ||
+ | <td>Strong RBS + ompR234 + Double Terminator</td> | ||
+ | <td>Intermediate</td> | ||
+ | </tr> | ||
+ | </tbody> | ||
+ | </table> | ||
+ | </h4> | ||
+ | </div> | ||
+ | </section> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <script> | ||
+ | $("a").on('click', function(event) { | ||
+ | if (this.hash !== "") { | ||
+ | event.preventDefault(); | ||
+ | var hash = this.hash; | ||
+ | $('html, body').animate({ | ||
+ | scrollTop: $(hash).offset().top | ||
+ | }, 300, function() { | ||
+ | // Add hash (#) to URL when done scrolling (default click behavior) | ||
+ | window.location.hash = hash; | ||
+ | }); | ||
+ | } | ||
+ | }); | ||
+ | $(function() { | ||
+ | $('.yellow').removeClass('active'); | ||
+ | $('.yellow').mouseenter(function() { | ||
+ | var windowsize = $(window).width(); | ||
+ | if (windowsize > 1020) { | ||
+ | //if the window is greater than 1020px wide then hover | ||
+ | $('.yellow').addClass('active'); | ||
+ | } | ||
+ | $('.navCap').addClass('deactive'); | ||
+ | }); | ||
− | + | $('.yellow').mouseleave(function() { | |
− | + | var windowsize = $(window).width(); | |
− | + | if (windowsize > 1020) { | |
+ | //if the window is greater than 1020px wide then hover | ||
+ | $('.yellow').removeClass('active'); | ||
+ | } | ||
+ | $('.navCap').removeClass('deactive'); | ||
+ | }); | ||
− | + | $('.box2').click(function() { | |
− | + | var windowsize = $(window).width(); | |
− | + | if (windowsize < 1020) { | |
+ | //if the window is less than 1020px wide then turn on click for mobile. | ||
+ | if ($('.yellow').hasClass('active')) { | ||
+ | window.location = $(this).attr('href'); | ||
+ | } else { | ||
+ | $('.yellow').addClass('active'); | ||
+ | $('.return').addClass('active'); | ||
+ | $('.home').addClass('deactive'); | ||
+ | } | ||
+ | } else { | ||
+ | window.location = $(this).attr('href'); | ||
+ | } | ||
− | + | }) | |
− | + | $('.box3').click(function() { | |
− | < | + | var windowsize = $(window).width(); |
− | + | if (windowsize < 1020) { | |
+ | //if the window is less than 1020px wide then turn on click for mobile. | ||
+ | if ($('.yellow').hasClass('active')) { | ||
+ | window.location = $(this).attr('href'); | ||
+ | } else { | ||
+ | $('.yellow').addClass('active'); | ||
+ | $('.return').addClass('active'); | ||
+ | $('.home').addClass('deactive'); | ||
+ | } | ||
+ | } else { | ||
+ | window.location = $(this).attr('href'); | ||
+ | } | ||
+ | }) | ||
+ | $('.return').click(function() { | ||
+ | $('.yellow').removeClass('active'); | ||
+ | $('.return').removeClass('active'); | ||
+ | $('.home').removeClass('deactive'); | ||
+ | }) | ||
+ | $('.cv').click(function() { | ||
+ | $('.yellow').removeClass('active'); | ||
+ | $('.return').removeClass('active'); | ||
+ | $('.home').removeClass('deactive'); | ||
+ | }) | ||
+ | $('.jumbotron').mouseenter(function() { | ||
+ | $('.project').removeClass('active'); | ||
+ | $('.experiment').removeClass('active'); | ||
+ | $('.modeling').removeClass('active'); | ||
+ | $('.prototype').removeClass('active'); | ||
+ | $('.biosafety').removeClass('active'); | ||
+ | $('.about').removeClass('active'); | ||
+ | $('.policy').removeClass('active'); | ||
+ | $('.acknowledgments').removeClass('active'); | ||
+ | }); | ||
− | + | $('.cv').mouseenter(function() { | |
− | + | $('.project').removeClass('active'); | |
− | + | $('.experiment').removeClass('active'); | |
+ | $('.modeling').removeClass('active'); | ||
+ | $('.prototype').removeClass('active'); | ||
+ | $('.biosafety').removeClass('active'); | ||
+ | $('.about').removeClass('active'); | ||
+ | $('.policy').removeClass('active'); | ||
+ | $('.acknowledgments').removeClass('active'); | ||
+ | }); | ||
+ | $('.project').mouseenter(function() { | ||
+ | $('.project').addClass('active'); | ||
+ | $('.experiment').removeClass('active'); | ||
+ | $('.modeling').removeClass('active'); | ||
+ | $('.prototype').removeClass('active'); | ||
+ | $('.biosafety').removeClass('active'); | ||
+ | $('.about').removeClass('active'); | ||
+ | $('.policy').removeClass('active'); | ||
+ | $('.acknowledgments').removeClass('active'); | ||
+ | }); | ||
− | + | $('.experiment').mouseenter(function() { | |
+ | $('.project').removeClass('active'); | ||
+ | $('.experiment').addClass('active'); | ||
+ | $('.modeling').removeClass('active'); | ||
+ | $('.prototype').removeClass('active'); | ||
+ | $('.biosafety').removeClass('active'); | ||
+ | $('.about').removeClass('active'); | ||
+ | $('.policy').removeClass('active'); | ||
+ | $('.acknowledgments').removeClass('active'); | ||
+ | }); | ||
+ | $('.modeling').mouseenter(function() { | ||
+ | $('.project').removeClass('active'); | ||
+ | $('.experiment').removeClass('active'); | ||
+ | $('.modeling').addClass('active'); | ||
+ | $('.prototype').removeClass('active'); | ||
+ | $('.biosafety').removeClass('active'); | ||
+ | $('.about').removeClass('active'); | ||
+ | $('.policy').removeClass('active'); | ||
+ | $('.acknowledgments').removeClass('active'); | ||
+ | }); | ||
+ | |||
+ | $('.prototype').mouseenter(function() { | ||
+ | $('.project').removeClass('active'); | ||
+ | $('.experiment').removeClass('active'); | ||
+ | $('.modeling').removeClass('active'); | ||
+ | $('.prototype').addClass('active'); | ||
+ | $('.biosafety').removeClass('active'); | ||
+ | $('.about').removeClass('active'); | ||
+ | $('.policy').removeClass('active'); | ||
+ | $('.acknowledgments').removeClass('active'); | ||
+ | }); | ||
+ | |||
+ | $('.biosafety').mouseenter(function() { | ||
+ | $('.project').removeClass('active'); | ||
+ | $('.experiment').removeClass('active'); | ||
+ | $('.modeling').removeClass('active'); | ||
+ | $('.prototype').removeClass('active'); | ||
+ | $('.biosafety').addClass('active'); | ||
+ | $('.about').removeClass('active'); | ||
+ | $('.policy').removeClass('active'); | ||
+ | $('.acknowledgments').removeClass('active'); | ||
+ | }); | ||
+ | |||
+ | $('.about').mouseenter(function() { | ||
+ | $('.project').removeClass('active'); | ||
+ | $('.experiment').removeClass('active'); | ||
+ | $('.modeling').removeClass('active'); | ||
+ | $('.prototype').removeClass('active'); | ||
+ | $('.biosafety').removeClass('active'); | ||
+ | $('.about').addClass('active'); | ||
+ | $('.policy').removeClass('active'); | ||
+ | $('.acknowledgments').removeClass('active'); | ||
+ | }); | ||
+ | |||
+ | $('.policy').mouseenter(function() { | ||
+ | $('.project').removeClass('active'); | ||
+ | $('.experiment').removeClass('active'); | ||
+ | $('.modeling').removeClass('active'); | ||
+ | $('.prototype').removeClass('active'); | ||
+ | $('.biosafety').removeClass('active'); | ||
+ | $('.about').removeClass('active'); | ||
+ | $('.policy').addClass('active'); | ||
+ | $('.acknowledgments').removeClass('active'); | ||
+ | }); | ||
+ | |||
+ | $('.acknowledgments').mouseenter(function() { | ||
+ | $('.project').removeClass('active'); | ||
+ | $('.experiment').removeClass('active'); | ||
+ | $('.modeling').removeClass('active'); | ||
+ | $('.prototype').removeClass('active'); | ||
+ | $('.biosafety').removeClass('active'); | ||
+ | $('.about').removeClass('active'); | ||
+ | $('.policy').removeClass('active'); | ||
+ | $('.acknowledgments').addClass('active'); | ||
+ | }); | ||
+ | |||
+ | }) | ||
+ | |||
+ | </script> | ||
+ | </body> | ||
</html> | </html> |
Revision as of 23:55, 12 October 2017
X
Project
Experiments
Modeling
Prototype
Human Practices
Safety
About Us
Attributions
Project
Experiment
Modeling
Prototype
Human Practice
Biosafety
About Us
Attributions
hi
PARTS SUMMARY
PARTS DIAGRAMS
PARTS SUBMITTED
Part# | Name | Type |
---|---|---|
BBa_K2229100 | Strong Promoter + Strong RBS + csgD + Double Terminator | Composite |
BBa_K2229200 | Strong Promoter + Strong RBS + ompR234 + Double Terminator | Composite |
BBa_K2229300 | Strong Promoter + Strong RBS + csgD + Strong RBS + ompR234 + Double Terminator | Composite |
BBa_K2229400 | Strong Promoter + Strong RBS + pR+ Double Terminator | Composite |
BBa_K2229450 | Proteorhodopsin (pR) | Basic |
MEDAL PARTS REQUIREMENTS
Each submitted part has been properly documented on the registry-- click on the part number in the table above. Specifically, in regards to judging requirements (click links to see full documentation):
- We improved the characterization of BBa_K2229100 and BBa_K2229200. (BRONZE requirement)
- BBa_K2229200 is a new design that works as expected. (SILVER requirement)
- BBa_K2229300 has improved the function of existing parts BBa_K805015 and BBa_K342003. (GOLD requirement)
INTERMEDIATE PARTS
Part# | Name | Type |
---|---|---|
BBa_S05397 | Strong Promoter/RBS + csgD | Intermediate |
BBa_S05398 | ompR234 + Double Terminator | Intermediate |
BBa_S05399 | Strong RBS + ompR234 + Double Terminator | Intermediate |