|
|
| (47 intermediate revisions by 3 users not shown) |
| Line 1: |
Line 1: |
| − | {{Newcastle5}} | + | {{Newcastle6}} |
| | | | |
| | <html> | | <html> |
| − |
| |
| | <head> | | <head> |
| | | | |
| | + | <style> |
| | + | html, body, div, span, applet, object, iframe, |
| | + | h1, h2, h3, h4, h5, h6, p, blockquote, pre, |
| | + | a, abbr, acronym, address, big, cite, code, |
| | + | del, dfn, em, img, ins, kbd, q, s, samp, |
| | + | small, strike, strong, sub, sup, tt, var, |
| | + | b, u, i, center, |
| | + | dl, dt, dd, ol, ul, li, |
| | + | fieldset, form, label, legend, |
| | + | table, caption, tbody, tfoot, thead, tr, th, td, |
| | + | article, aside, canvas, details, embed, |
| | + | figure, figcaption, footer, header, hgroup, |
| | + | menu, nav, output, ruby, section, summary, |
| | + | time, mark, audio, video { |
| | + | margin: 0; |
| | + | padding: 0; |
| | + | border: 0; |
| | + | } |
| | | | |
| − | <script>
| + | body{ |
| | + | margin-left: 0; |
| | + | background-color: #e8e8e8; |
| | + | } |
| | | | |
| − | $(function() {
| + | hr{ |
| − | $( "#homebox_2" ).click(function() {
| + | background-color: #444444; |
| − | $( ".homebox_2_splash" ).hide();
| + | |
| − | $( ".homebox_2a" ).show();
| + | |
| − | });
| + | |
| − | | + | |
| − | | + | |
| − | $( "#hb2a_next" ).click(function() {
| + | |
| − | $( ".homebox_2b" ).show();
| + | |
| − | });
| + | |
| − | | + | |
| − | $( "#hb2b_next" ).click(function() {
| + | |
| − | $( ".homebox_2c" ).show();
| + | |
| − | });
| + | |
| − | | + | |
| − | $("#homebox_2").click(function(){
| + | |
| − | $("#homebox_2").removeClass("homebox_2_pic");
| + | |
| − | $("#homebox_2").addClass("homebox_2_none");
| + | |
| − | $("#homebox_2").removeClass("hoverable");
| + | |
| − | });
| + | |
| − | | + | |
| − | | + | |
| − | });
| + | |
| − | | + | |
| − | </script>
| + | |
| − | | + | |
| − | | + | |
| − | </head>
| + | |
| − | | + | |
| − | <body>
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | <div id="tour_box">
| + | |
| − | <p><strong>Tour Guide</strong></p>
| + | |
| − | <center><img src="https://static.igem.org/mediawiki/2017/d/d8/T--Newcastle--BB_wiki_canary_mascot.png" width="50px"/></center>
| + | |
| − | <p>Current: Framework Overview</p>
| + | |
| − | <table style="background-color:rgb(190,234,251)">
| + | |
| − | <tr>
| + | |
| − | <td>
| + | |
| − | <a href="https://2017.igem.org/Team:Newcastle#"><p><strong>Back</strong></p></a>
| + | |
| − | </td>
| + | |
| − | <td>
| + | |
| − | <a href="https://2017.igem.org/Team:Newcastle#promlib_box"><p><strong>Next</strong></p></a>
| + | |
| − | </td>
| + | |
| − | </tr>
| + | |
| − | </table>
| + | |
| − | </div>
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | <div class="content-div">
| + | |
| − | | + | |
| − | | + | |
| − | <table class="layout_table">
| + | |
| − | <tr>
| + | |
| − | <td>
| + | |
| − | | + | |
| − | <div id="homebox_1" class="info_box title_box">
| + | |
| − | <h2>Newcastle iGEM 2017 Team Presents...</h2>
| + | |
| − | <center>
| + | |
| − | <img src="https://static.igem.org/mediawiki/2017/c/c4/T--Newcastle--BB_Logo.png" width="100%"/>
| + | |
| − | | + | |
| − | <a href="https://2017.igem.org/Team:Newcastle#homebox_2"><img class="hoverable overview_next" src="https://static.igem.org/mediawiki/2017/5/5b/T--Newcastle--BB_down_next_red.png" width="10%"/></a>
| + | |
| − | </center>
| + | |
| − | | + | |
| − | <p style="bottom:0px;"><strong>Background Image: Diffusion of C4-HSL (produced by one cell type, detect by another which produced sfGFP in the presence of C4-HSL)</strong></p>
| + | |
| − | </div>
| + | |
| − | | + | |
| − | </td>
| + | |
| − | </tr>
| + | |
| − | <tr>
| + | |
| − | <td>
| + | |
| − | | + | |
| − | <div id="homebox_2" class="info_box homebox_2_pic hoverable">
| + | |
| − | | + | |
| − | | + | |
| − | <!--- Splash elements---->
| + | |
| − | | + | |
| − | | + | |
| − | <h5 class="homebox_2_splash">
| + | |
| − | Welcome to
| + | |
| − | </h5>
| + | |
| − | | + | |
| − | <h5 class="homebox_2_splash">
| + | |
| − | | + | |
| − | A New Era of
| + | |
| − | </h5>
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | <center>
| + | |
| − | <img class="homebox_2_splash" src="https://static.igem.org/mediawiki/2017/a/a1/T--Newcastle--BB_Biosensors_logo_style.png" width="70%"/>
| + | |
| − | </center>
| + | |
| − | | + | |
| − | <p2 class="homebox_2_splash">Click to learn more</p2>
| + | |
| − | | + | |
| − | | + | |
| − | <!----First expand elements---->
| + | |
| − | | + | |
| − | <h2 class="homebox_2a">Traditional Biosensors</h2>
| + | |
| − | <br />
| + | |
| − | | + | |
| − | <img style="position:relative; left:5%;" class="homebox_2a" src="https://static.igem.org/mediawiki/2017/9/95/T--Newcastle--BB_Traditional_bs_homepage.png" width="70%"/>
| + | |
| − | <br />
| + | |
| − | <center>
| + | |
| − | <img id="hb2a_next" class="hoverable homebox_2a" src="https://static.igem.org/mediawiki/2017/5/5b/T--Newcastle--BB_down_next_red.png" width="10%"/>
| + | |
| − | </center>
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | <!----Second expand elements---->
| + | |
| − | <br />
| + | |
| − | <h2 class="homebox_2b">Modular Biosensors</h2>
| + | |
| − | <br />
| + | |
| − | | + | |
| − | <img style="position:relative; left:5%;" class="homebox_2b" src="https://static.igem.org/mediawiki/2017/0/03/T--Newcastle--BB_Modular_bs_homepage.png" width="70%"/>
| + | |
| − | | + | |
| − | <center>
| + | |
| − | <img id="hb2b_next" class="hoverable homebox_2b" src="https://static.igem.org/mediawiki/2017/5/5b/T--Newcastle--BB_down_next_red.png" width="10%"/>
| + | |
| − | </center>
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | <!----Third expand elements---->
| + | |
| − | <br />
| + | |
| − | <h2 class="homebox_2c">Multicellular Biosensors</h2>
| + | |
| − | <br />
| + | |
| − | | + | |
| − | <img style="position:relative; left:5%;" class="homebox_2c" src="https://static.igem.org/mediawiki/2017/2/2c/T--Newcastle--BB_Multicellular_bs_homepage.png" width="70%"/>
| + | |
| − | | + | |
| − | <a href="https://2017.igem.org/Team:Newcastle/Description"><p2 class="homebox_2c">
| + | |
| − | <br />
| + | |
| − | <br />
| + | |
| − | <br />
| + | |
| − | <br />
| + | |
| − | | + | |
| − | Find out more about our project</p2></a>
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | </div>
| + | |
| − | | + | |
| − | </td>
| + | |
| − | </tr>
| + | |
| − | | + | |
| − | | + | |
| − | </table>
| + | |
| − | | + | |
| − | </div>
| + | |
| − | | + | |
| − | </body>
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | <!-----
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | <script>
| + | |
| − | | + | |
| − | $(function() {
| + | |
| − | $( "#framework_box" ).click(function() {
| + | |
| − | $( ".framework_more" ).toggle();
| + | |
| − | $( ".framework_less" ).toggle();
| + | |
| − | });
| + | |
| − | $( "#promlib_box" ).click(function() {
| + | |
| − | $( ".promlib_more" ).toggle();
| + | |
| − | $( ".promlib_less" ).toggle();
| + | |
| − | });
| + | |
| − | $( ".robust_box" ).click(function() {
| + | |
| − | $( ".robust_more" ).toggle();
| + | |
| − | $( ".robust_less" ).toggle();
| + | |
| − | });
| + | |
| − | $( ".CFPS_box" ).click(function() {
| + | |
| − | $( ".CFPS_more" ).toggle();
| + | |
| − | $( ".CFPS_less" ).toggle();
| + | |
| − | });
| + | |
| − | $( ".PaP_box" ).click(function() {
| + | |
| − | $( ".PaP_more" ).toggle();
| + | |
| − | $( ".PaP_less" ).toggle();
| + | |
| − | });
| + | |
| − | $( "#tour" ).click(function() {
| + | |
| − | $( "#tour_box" ).show();
| + | |
| − | });
| + | |
| − | });
| + | |
| − | | + | |
| − | </script>
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | <div class="content-div">
| + | |
| − | <table style="background-color:#fbedbe">
| + | |
| − | <tr>
| + | |
| − | <td colspan="2">
| + | |
| − | <div style="background-color:rgb(190,234,251); border-radius: 5px 5px 5px 5px; padding:50px 5px 50px 5px;">
| + | |
| − | <h2>Newcastle iGEM 2017 Team Presents...</h2>
| + | |
| − | <center>
| + | |
| − | <img src="https://static.igem.org/mediawiki/2017/c/c4/T--Newcastle--BB_Logo.png" width="600px"/>
| + | |
| − | </center>
| + | |
| − | <h2>A New Era of Biosensors</h2>
| + | |
| − | <br />
| + | |
| − | <br />
| + | |
| − | <br />
| + | |
| − | <center>
| + | |
| − | <a href="https://2017.igem.org/Team:Newcastle#framework_box">
| + | |
| − | <div id="tour">
| + | |
| − | <h3>Take the Tour</h3>
| + | |
| − | </div>
| + | |
| − | </a>
| + | |
| − | </center>
| + | |
| − | </div>
| + | |
| − | </td>
| + | |
| − | </tr>
| + | |
| − | <tr>
| + | |
| − | <td colspan="2">
| + | |
| − | <div style="background-color:rgb(190,234,251); border-radius: 5px 5px 5px 5px; padding:25px 5px 25px 5px;">
| + | |
| − | | + | |
| − | <h2>Biosensors...</h2>
| + | |
| − | <div style="padding: 25px 25px 25px 25px;">
| + | |
| − | <p>
| + | |
| − | ...have applications in many aspects of life; from agriculture (testing for pesticides/herbicides) to medicine (diagnostic tests), and everything in between. Unfortunately, biosensor development can be far from simple. Below are some of the major issues identified during this project.
| + | |
| − | </p>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </td>
| + | |
| − | </tr>
| + | |
| − | <tr>
| + | |
| − | <td colspan="2">
| + | |
| − | | + | |
| − | <div id="framework_box" class="info_box" style="background-color:rgb(190,234,251); border-radius: 5px 5px 5px 5px; padding:25px 25px 25px 25px;">
| + | |
| − | <h3><i>"Quote Quote Quote Quote Quote Quote Quote Quote Quote Quote"</i> - Firstname Lastname</h3>
| + | |
| − | <br />
| + | |
| − | <br />
| + | |
| − | <center>
| + | |
| − | <h3 style="color:rgb(0,71,127)">Our Solution: A Multicellular and Modular Development Framework</h3>
| + | |
| − | <br />
| + | |
| − | </center>
| + | |
| − | | + | |
| − | <p class="expand framework_more">
| + | |
| − | Our research showed that the overwhelming majority of biosensors fit into a specific <b>design pattern</b>: a 'detector' module, which interacts with the target of choice; a 'processing' module, which does something to a signal (e.g. amplification); and a 'reporter' module, which converts the genetic signal into something which can be perceived by the user or a machine (e.g. a colourmetric output or a change in pH). By <b>making biosensor designs modular</b> in this way, the development of future biosensors can directly benefit from previous designs. This is possible because the processing and reporter modules of a previous design could be connected to a new detector module, hence creating a new biosensor without re-designing new genetic circuit components.<br />
| + | |
| − | <br />
| + | |
| − | The <b>Sensynova Framework</b> takes this concept further by drawing on the wealth of literature regarding the advantages of <b>multicellular communities in synthetic biology</b>. Each module described above is separated into separate cells, which can be co-cultured to form a functioning biosensor. This allows for truly <b>'plug-and-play' behaviour</b>, in which a newly designed detector module within a cell can be simply added to previously designed and characterised processing and reporter module cells without requiring any DNA assembly or re-designing of parts.
| + | |
| − | </p>
| + | |
| − | <center>
| + | |
| − | <img class="splash" src="https://static.igem.org/mediawiki/2017/9/9b/T--Newcastle--BB_home_framework_overview_abstract.png" width="900px"/>
| + | |
| − | </center>
| + | |
| − | <p class="splash framework_less" style="font-weight:bold; color:rgb(185,52,51);">
| + | |
| − | Click to learn more...
| + | |
| − | </p>
| + | |
| − | | + | |
| − | </div>
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | </td>
| + | |
| − | </tr>
| + | |
| − | <tr>
| + | |
| − | <td>
| + | |
| − | <div id="promlib_box" class="info_box" style="background-color:rgb(190,234,251); border-radius: 5px 5px 5px 5px; padding:25px 25px 25px 25px;">
| + | |
| − | <h3><i>"Quote Quote Quote Quote Quote Quote Quote Quote Quote Quote"</i> - Firstname Lastname</h3>
| + | |
| − | <br />
| + | |
| − | <br />
| + | |
| − | <center>
| + | |
| − | <h3 style="color:rgb(0,71,127)">Our Solution: A Synthetic Regulatable Promoter Library</h3>
| + | |
| − | <br />
| + | |
| − | </center>
| + | |
| − | | + | |
| − | <p class="expand promlib_more">
| + | |
| − | Descriptive Text. Descriptive Text. Descriptive Text. Descriptive Text. Descriptive Text. Descriptive Text. Descriptive Text. Descriptive Text. Descriptive Text. Descriptive Text. Descriptive Text. Descriptive Text. Descriptive Text. Descriptive Text. Descriptive Text. Descriptive Text. Descriptive Text. Descriptive Text. Descriptive Text. Descriptive Text. Descriptive Text. Descriptive Text. Descriptive Text.
| + | |
| − | </p>
| + | |
| − | <center>
| + | |
| − | <img class="splash" src="https://static.igem.org/mediawiki/2017/c/c4/T--Newcastle--BB_Logo.png" width="450px"/>
| + | |
| − | </center>
| + | |
| − | <p class="splash promlib_less" style="font-weight:bold; color:rgb(185,52,51);">
| + | |
| − | Click to learn more...
| + | |
| − | </p>
| + | |
| − | | + | |
| − | | + | |
| − | </div>
| + | |
| − | </td>
| + | |
| − | </tr>
| + | |
| − | <tr>
| + | |
| − | <td>
| + | |
| − | <div class="robust_box info_box" style="background-color:rgb(190,234,251); border-radius: 5px 5px 5px 5px; padding:25px 25px 25px 25px;">
| + | |
| − | <h3><i>"Quote Quote Quote Quote Quote Quote Quote Quote Quote Quote"</i> - Firstname Lastname</h3>
| + | |
| − | <br />
| + | |
| − | <br />
| + | |
| − | <center>
| + | |
| − | <h3 style="color:rgb(0,71,127)">Our Solution: An Internal Standard Reporter</h3>
| + | |
| − | <br />
| + | |
| − | </center>
| + | |
| − | | + | |
| − | <p class="expand robust_more">
| + | |
| − | Descriptive Text. Descriptive Text. Descriptive Text. Descriptive Text. Descriptive Text. Descriptive Text. Descriptive Text. Descriptive Text. Descriptive Text. Descriptive Text. Descriptive Text. Descriptive Text. Descriptive Text. Descriptive Text. Descriptive Text. Descriptive Text. Descriptive Text. Descriptive Text. Descriptive Text. Descriptive Text. Descriptive Text. Descriptive Text. Descriptive Text.
| + | |
| − | </p>
| + | |
| − | <center>
| + | |
| − | <img class="splash" src="https://static.igem.org/mediawiki/2017/c/c4/T--Newcastle--BB_Logo.png" width="450px"/>
| + | |
| − | </center>
| + | |
| − | <p class="splash robust_less" style="font-weight:bold; color:rgb(185,52,51);">
| + | |
| − | Click to learn more...
| + | |
| − | </p>
| + | |
| − | | + | |
| − | | + | |
| − | </div>
| + | |
| − | </td>
| + | |
| − | </tr>
| + | |
| − | <tr>
| + | |
| − | <td>
| + | |
| − | <div class="CFPS_box info_box" style="background-color:rgb(190,234,251); border-radius: 5px 5px 5px 5px; padding:25px 25px 25px 25px;">
| + | |
| − | <h3><i>"Quote Quote Quote Quote Quote Quote Quote Quote Quote Quote"</i> - Firstname Lastname</h3>
| + | |
| − | <br />
| + | |
| − | <br />
| + | |
| − | <center>
| + | |
| − | <h3 style="color:rgb(0,71,127)">Our Solution: A Cell Free Protein Synthesis System Optimisation Approach</h3>
| + | |
| − | <br />
| + | |
| − | </center>
| + | |
| − | | + | |
| − | <p class="expand CFPS_more">
| + | |
| − | Descriptive Text. Descriptive Text. Descriptive Text. Descriptive Text. Descriptive Text. Descriptive Text. Descriptive Text. Descriptive Text. Descriptive Text. Descriptive Text. Descriptive Text. Descriptive Text. Descriptive Text. Descriptive Text. Descriptive Text. Descriptive Text. Descriptive Text. Descriptive Text. Descriptive Text. Descriptive Text. Descriptive Text. Descriptive Text. Descriptive Text.
| + | |
| − | </p>
| + | |
| − | <center>
| + | |
| − | <img class="splash" src="https://static.igem.org/mediawiki/2017/8/82/T--Newcastle--BB_CFPS_DoE_Flow.png" width="450px"/>
| + | |
| − | </center>
| + | |
| − | <p class="splash CFPS_less" style="font-weight:bold; color:rgb(185,52,51);">
| + | |
| − | Click to learn more...
| + | |
| − | </p>
| + | |
| − | | + | |
| − | | + | |
| − | </div>
| + | |
| − | </td>
| + | |
| − | </tr>
| + | |
| − | <tr>
| + | |
| − | <td>
| + | |
| − | <div class="PaP_box info_box" style="background-color:rgb(190,234,251); border-radius: 5px 5px 5px 5px; padding:25px 25px 25px 25px;">
| + | |
| − | <h3><i>"Quote Quote Quote Quote Quote Quote Quote Quote Quote Quote"</i> - Firstname Lastname</h3>
| + | |
| − | <br />
| + | |
| − | <br />
| + | |
| − | <center>
| + | |
| − | <h3 style="color:rgb(0,71,127)">Our Solution: A Review of Legislation and Development of Public Engagement Guidelines</h3>
| + | |
| − | <br />
| + | |
| − | </center>
| + | |
| − | | + | |
| − | <p class="expand PaP_more">
| + | |
| − | Descriptive Text. Descriptive Text. Descriptive Text. Descriptive Text. Descriptive Text. Descriptive Text. Descriptive Text. Descriptive Text. Descriptive Text. Descriptive Text. Descriptive Text. Descriptive Text. Descriptive Text. Descriptive Text. Descriptive Text. Descriptive Text. Descriptive Text. Descriptive Text. Descriptive Text. Descriptive Text. Descriptive Text. Descriptive Text. Descriptive Text.
| + | |
| − | </p>
| + | |
| − | <center>
| + | |
| − | <img class="splash" src="https://static.igem.org/mediawiki/2017/9/95/T--Newcastle--BB_SciComGuide.png" width="350px"/>
| + | |
| − | </center>
| + | |
| − | <p class="splash PaP_less" style="font-weight:bold; color:rgb(185,52,51);">
| + | |
| − | Click to learn more...
| + | |
| − | </p>
| + | |
| − | | + | |
| − | | + | |
| − | </div>
| + | |
| − | </td>
| + | |
| − | </tr>
| + | |
| − | </table>
| + | |
| − | | + | |
| − | </div>
| + | |
| − | </body>
| + | |
| − | | + | |
| − | | + | |
| − | ------->
| + | |
| − | | + | |
| − | | + | |
| − | <!------
| + | |
| − | | + | |
| − | | + | |
| − | <head>
| + | |
| − | <script>
| + | |
| − | | + | |
| − | | + | |
| − | $(function() {
| + | |
| − | $( "#PR" ).click(function() {
| + | |
| − | $( "#PR" ).toggle();
| + | |
| − | $( "#PR_large" ).toggle();
| + | |
| − | $( "#PR_text" ).toggle();
| + | |
| − | $( "#UoB" ).toggle();
| + | |
| − | $( "#Rob" ).toggle();
| + | |
| − | $( "#Bind" ).toggle();
| + | |
| − | $( "#Legi" ).toggle();
| + | |
| − | $( "#vision" ).toggle();
| + | |
| − | $( ".svgText" ).toggle();
| + | |
| − | $( "#back" ).show();
| + | |
| − | $( "#back_text" ).show();
| + | |
| − | });
| + | |
| − | | + | |
| − | $( "#UoB" ).click(function() {
| + | |
| − | $( "#UoB" ).toggle();
| + | |
| − | $( "#UoB_text" ).toggle();
| + | |
| − | $( "#UoB_large" ).toggle();
| + | |
| − | $( "#PR" ).toggle();
| + | |
| − | $( "#Rob" ).toggle();
| + | |
| − | $( "#Bind" ).toggle();
| + | |
| − | $( "#Legi" ).toggle();
| + | |
| − | $( "#vision" ).toggle();
| + | |
| − | $( ".svgText" ).toggle();
| + | |
| − | $( "#back" ).show();
| + | |
| − | $( "#back_text" ).show();
| + | |
| − | });
| + | |
| − | | + | |
| − | $( "#Rob" ).click(function() {
| + | |
| − | $( "#Rob" ).toggle();
| + | |
| − | $( "#Rob_text" ).toggle();
| + | |
| − | $( "#Rob_large" ).toggle();
| + | |
| − | $( "#UoB" ).toggle();
| + | |
| − | $( "#PR" ).toggle();
| + | |
| − | $( "#Bind" ).toggle();
| + | |
| − | $( "#Legi" ).toggle();
| + | |
| − | $( "#vision" ).toggle();
| + | |
| − | $( ".svgText" ).toggle();
| + | |
| − | $( "#back" ).show();
| + | |
| − | $( "#back_text" ).show();
| + | |
| − | });
| + | |
| − | | + | |
| − | $( "#Bind" ).click(function() {
| + | |
| − | $( "#Bind" ).toggle();
| + | |
| − | $( "#Bind_text" ).toggle();
| + | |
| − | $( "#Bind_large" ).toggle();
| + | |
| − | $( "#UoB" ).toggle();
| + | |
| − | $( "#Rob" ).toggle();
| + | |
| − | $( "#PR" ).toggle();
| + | |
| − | $( "#Legi" ).toggle();
| + | |
| − | $( "#vision" ).toggle();
| + | |
| − | $( ".svgText" ).toggle();
| + | |
| − | $( "#back" ).show();
| + | |
| − | $( "#back_text" ).show();
| + | |
| − | });
| + | |
| − | $( "#Legi" ).click(function() {
| + | |
| − | $( "#Legi" ).toggle();
| + | |
| − | $( "#Legi_text" ).toggle();
| + | |
| − | $( "#Legi_large" ).toggle();
| + | |
| − | $( "#UoB" ).toggle();
| + | |
| − | $( "#Rob" ).toggle();
| + | |
| − | $( "#Bind" ).toggle();
| + | |
| − | $( "#PR" ).toggle();
| + | |
| − | $( "#vision" ).toggle();
| + | |
| − | $( ".svgText" ).toggle();
| + | |
| − | $( "#back" ).show();
| + | |
| − | $( "#back_text" ).show();
| + | |
| − | });
| + | |
| − | $( "#vision" ).click(function() {
| + | |
| − | $( "#Legi" ).toggle();
| + | |
| − | $( "#vis_text" ).toggle();
| + | |
| − | $( "#vis_large" ).toggle();
| + | |
| − | $( "#UoB" ).toggle();
| + | |
| − | $( "#Rob" ).toggle();
| + | |
| − | $( "#Bind" ).toggle();
| + | |
| − | $( "#PR" ).toggle();
| + | |
| − | $( "#vision" ).toggle();
| + | |
| − | $( ".svgText" ).toggle();
| + | |
| − | $( "#back" ).show();
| + | |
| − | $( "#back_text" ).show();
| + | |
| − | });
| + | |
| − | $( "#back" ).click(function() {
| + | |
| − | $( "#PR" ).show();
| + | |
| − | $( "#PR_large" ).hide();
| + | |
| − | $( "#PR_text" ).hide();
| + | |
| − | $( "#UoB" ).show();
| + | |
| − | $( "#UoB_large" ).hide();
| + | |
| − | $( "#UoB_text" ).hide();
| + | |
| − | $( "#Rob" ).show();
| + | |
| − | $( "#Rob_large" ).hide();
| + | |
| − | $( "#Rob_text" ).hide();
| + | |
| − | $( "#Bind" ).show();
| + | |
| − | $( "#Bind_large" ).hide();
| + | |
| − | $( "#Bind_text" ).hide();
| + | |
| − | $( "#Legi" ).show();
| + | |
| − | $( "#Legi_large" ).hide();
| + | |
| − | $( "#Legi_text" ).hide();
| + | |
| − | $( "#vision" ).show();
| + | |
| − | $( "#vis_large" ).hide();
| + | |
| − | $( "#vis_text" ).hide();
| + | |
| − | $( ".svgText" ).show();
| + | |
| − | $( "#back" ).hide();
| + | |
| − | $( "#back_text" ).hide();
| + | |
| − | });
| + | |
| − | $( "#back_text" ).click(function() {
| + | |
| − | $( "#PR" ).show();
| + | |
| − | $( "#PR_large" ).hide();
| + | |
| − | $( "#PR_text" ).hide();
| + | |
| − | $( "#UoB" ).show();
| + | |
| − | $( "#UoB_large" ).hide();
| + | |
| − | $( "#UoB_text" ).hide();
| + | |
| − | $( "#Rob" ).show();
| + | |
| − | $( "#Rob_large" ).hide();
| + | |
| − | $( "#Rob_text" ).hide();
| + | |
| − | $( "#Bind" ).show();
| + | |
| − | $( "#Bind_large" ).hide();
| + | |
| − | $( "#Bind_text" ).hide();
| + | |
| − | $( "#Legi" ).show();
| + | |
| − | $( "#Legi_large" ).hide();
| + | |
| − | $( "#Legi_text" ).hide();
| + | |
| − | $( "#vision" ).show();
| + | |
| − | $( "#vis_large" ).hide();
| + | |
| − | $( "#vis_text" ).hide();
| + | |
| − | $( ".svgText" ).show();
| + | |
| − | $( "#back" ).hide();
| + | |
| − | $( "#back_text" ).hide();
| + | |
| − | });
| + | |
| − | });
| + | |
| − | | + | |
| − | | + | |
| − | </script>
| + | |
| − | | + | |
| − | | + | |
| − | <style>
| + | |
| − | | + | |
| − | #PR_text {
| + | |
| − | display: none;
| + | |
| − | }
| + | |
| − | #UoB_text {
| + | |
| − | display: none;
| + | |
| − | }
| + | |
| − | #Rob_text {
| + | |
| − | display: none;
| + | |
| | } | | } |
| − | #Bind_text { | + | #main{ |
| − | display: none;
| + | background-color: #e8e8e8; |
| | + | color: #222222; |
| | + | padding: 2%; |
| | + | font-family: 'Rubik'; |
| | } | | } |
| − | #Legi_text {
| + | h1{ |
| − | display: none;
| + | border-style: none; |
| | } | | } |
| | | | |
| − | #vis_text {
| + | .navbar-nav > li{ |
| − | display: none;
| + | padding-left:30px; |
| | + | padding-right:30px; |
| | } | | } |
| | | | |
| − | #PR_large {
| + | .dropdown-menu{ |
| − | display: none;
| + | background-color: #e8e8e8; |
| | + | font-family: 'Roboto', sans-serif; |
| | + | margin-top: -1px; |
| | } | | } |
| | | | |
| − | #UoB_large {
| + | .dropdown{ |
| − | display: none;
| + | //background-color: black; |
| | + | padding-top: 15px; |
| | + | padding-bottom: 15px; |
| | } | | } |
| | | | |
| − | #Rob_large {
| + | .dropdown>.dropdown-menu { |
| − | display: none; | + | display: none; |
| | } | | } |
| | | | |
| − | #Bind_large {
| + | .dropdown:hover>.dropdown-menu { |
| − | display: none; | + | display: block; |
| | } | | } |
| | | | |
| − | #Legi_large {
| + | .dropdown-item:hover{ |
| − | display: none;
| + | background-color: #a2c0eb; |
| | } | | } |
| | | | |
| − | #vis_large {
| + | .navbar-custom{ |
| − | display: none;
| + | min-height: 80px; |
| | + | background-color: #6395de; |
| | + | font-family: 'Roboto', sans-serif; |
| | + | border-bottom: 1px solid #444444; |
| | } | | } |
| | | | |
| − | #back {
| + | /* change the brand and text color */ |
| − | display: none;
| + | .navbar-custom .navbar-brand, |
| | + | .navbar-custom .navbar-text { |
| | + | color: #222222; |
| | } | | } |
| − | | + | /* change the link color */ |
| − | #back_text {
| + | .navbar-custom .navbar-nav .nav-link { |
| − | display: none;
| + | color: #222222; |
| | } | | } |
| − | | + | /* change the color of active or hovered links */ |
| − | #back:hover {
| + | .navbar-custom .nav-item.active .nav-link, |
| − | cursor: pointer;
| + | .navbar-custom .nav-item:hover .nav-link { |
| | + | color: #444444; |
| | } | | } |
| − | | + | </style> |
| − | #back_text:hover {
| + | <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet"> |
| − | cursor: pointer;
| + | <link href="https://fonts.googleapis.com/css?family=Rubik" rel="stylesheet"> |
| − | }
| + | |
| − | | + | |
| − | .clickCircle:hover { | + | |
| − | cursor: pointer;
| + | |
| − | }
| + | |
| − | | + | |
| − | </style> | + | |
| − | | + | |
| | | | |
| | </head> | | </head> |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| | | | |
| | <body> | | <body> |
| − | <center>
| |
| − |
| |
| − |
| |
| − | <table>
| |
| − | <tr>
| |
| − | <td>
| |
| − |
| |
| − | <div height="225" width="1200">
| |
| − | <center>
| |
| − | <img src="https://static.igem.org/mediawiki/2017/c/c4/T--Newcastle--BB_Logo.png" width="600px"/>
| |
| − | </center>
| |
| − | </div>
| |
| − |
| |
| − |
| |
| − |
| |
| − | </svg>
| |
| − |
| |
| − | </td>
| |
| − | </tr>
| |
| − | <tr>
| |
| − | <td>
| |
| − |
| |
| − | <svg id="home" height="1100" width="1200" style="background-color:#fbedbe">
| |
| − |
| |
| − | <line x1="280" y1="10" x2="280" y2="25" style="stroke:rgb(0,70,255);stroke-width:4" stroke-linecap="round" />
| |
| − |
| |
| − | <line x1="920" y1="10" x2="920" y2="25" style="stroke:rgb(0,70,255);stroke-width:4" stroke-linecap="round" />
| |
| − |
| |
| − | <line x1="600" y1="25" x2="600" y2="40" style="stroke:rgb(0,70,255);stroke-width:4" stroke-linecap="round" />
| |
| − |
| |
| − | <line x1="281" y1="25" x2="919" y2="25" style="stroke:rgb(0,70,255);stroke-width:4" stroke-linecap="round" />
| |
| − |
| |
| − | <circle cx="600" cy="40" r="5" stroke="rgb(0,70,255)" stroke-width="1" fill="rgb(0,70,255)"/>
| |
| − |
| |
| − | <text x="420" y="55" style="fill:black; font-family:Arial; font-size:16pt;">
| |
| − | <tspan x="325" y="65">Biosensors can be defined as systems containing</tspan>
| |
| − | <tspan x="330" y="85"> genetic elements which are capable of detecting</tspan>
| |
| − | <tspan x="355" y="105">and responding to a target signal/molecule.</tspan>
| |
| − | </text>
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − | <line x1="315" y1="100" x2="315" y2="120" style="stroke:rgb(0,70,255);stroke-width:4" stroke-linecap="round" />
| |
| − |
| |
| − | <line x1="800" y1="100" x2="800" y2="120" style="stroke:rgb(0,70,255);stroke-width:4" stroke-linecap="round" />
| |
| − |
| |
| − | <line x1="316" y1="120" x2="799" y2="120" style="stroke:rgb(0,70,255);stroke-width:4" stroke-linecap="round" />
| |
| − |
| |
| − | <line x1="557.5" y1="120" x2="557.5" y2="160" style="stroke:rgb(0,70,255);stroke-width:4" stroke-linecap="round" />
| |
| − |
| |
| − | <line x1="556.5" y1="160" x2="80" y2="160" style="stroke:rgb(0,70,255);stroke-width:4" stroke-linecap="round" />
| |
| − |
| |
| − | <line x1="80" y1="160" x2="80" y2="225" style="stroke:rgb(0,70,255);stroke-width:4" stroke-linecap="round" />
| |
| − |
| |
| − | <line x1="80" y1="225" x2="100" y2="225" style="stroke:rgb(0,70,255);stroke-width:4" stroke-linecap="round" />
| |
| − |
| |
| − | <circle cx="100" cy="225" r="5" stroke="rgb(0,70,255)" stroke-width="1" fill="rgb(0,70,255)"/>
| |
| − |
| |
| − | <text x="120" y="215" style="fill:black; font-family:Arial; font-size:16pt;">A plethora of biosensors are created
| |
| − | <tspan x="120" y="235">by iGEM teams each year, yet many</tspan>
| |
| − | <tspan x="238" y="255">are not used in the field.</tspan>
| |
| − | </text>
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − | <line x1="480" y1="230" x2="850" y2="230" style="stroke:rgb(0,70,255);stroke-width:4" stroke-linecap="round" />
| |
| − | <line x1="850" y1="229" x2="850" y2="270" style="stroke:rgb(0,70,255);stroke-width:4" stroke-linecap="round" />
| |
| − |
| |
| − |
| |
| − | <text x="715" y="285" style="fill:black; font-family:Arial; font-size:16pt;">After a systematic review of biosensors
| |
| − | <tspan x="715" y="305">from iGEM projects and talks with</tspan>
| |
| − | <tspan x="715" y="325">biosensor developers, five main</tspan>
| |
| − | <tspan x="715" y="345">problems were identified.</tspan>
| |
| − | </text>
| |
| − |
| |
| − |
| |
| − | <line x1="710" y1="310" x2="561" y2="310" style="stroke:rgb(0,70,255);stroke-width:4" stroke-linecap="round" />
| |
| − | <line x1="562" y1="310" x2="562" y2="400" style="stroke:rgb(0,70,255);stroke-width:4" stroke-linecap="round" />
| |
| − |
| |
| − | <line x1="562" y1="565" x2="562" y2="645" style="stroke:rgb(0,70,255);stroke-width:4" stroke-linecap="round" />
| |
| − |
| |
| − | <line x1="562" y1="725" x2="790.3" y2="650.9" style="stroke:rgb(0,70,255);stroke-width:4" stroke-linecap="round" />
| |
| − |
| |
| − | <line x1="562" y1="725" x2="372.25" y2="663.25" style="stroke:rgb(0,70,255);stroke-width:4" stroke-linecap="round" />
| |
| − |
| |
| − | <line x1="562" y1="725" x2="679.5" y2="886.75" style="stroke:rgb(0,70,255);stroke-width:4" stroke-linecap="round" />
| |
| − |
| |
| − | <line x1="562" y1="725" x2="444.5" y2="886.75" style="stroke:rgb(0,70,255);stroke-width:4" stroke-linecap="round" />
| |
| − |
| |
| − |
| |
| − |
| |
| − | <circle id="vision" class="clickCircle" cx="562" cy="725" r="80" stroke="black" stroke-width="3" fill="rgb(0,176,240)">
| |
| − | </circle>
| |
| − | <text class="svgText" x="715" y="285" style="fill:black; font-family:Agency FB; font-size:28pt">
| |
| − | <tspan x="500" y="733">The Vision</tspan>
| |
| − | </text>
| |
| − |
| |
| − | <circle id="vis_large" cx="562" cy="725" r="330" stroke="black" stroke-width="3" fill="rgb(0,176,240)"/>
| |
| − |
| |
| − | <foreignobject id="vis_text" class="node" x="320" y="500" width="480" height="480">
| |
| − |
| |
| − | <div><h2>The Vision</h2><p>All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability.
| |
| − | <br />
| |
| − | <br />
| |
| − | All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability.
| |
| − | </p></div>
| |
| − | </foreignobject>
| |
| − |
| |
| − |
| |
| − | <circle id="PR" class="clickCircle" cx="562" cy="485" r="80" stroke="black" stroke-width="3" fill="rgb(255,230,153)"></circle>
| |
| − | <text id="PR" class="svgText" x="715" y="285" style="fill:black; font-family:Agency FB; font-size:25pt">
| |
| − | <tspan x="528" y="470">Parts</tspan>
| |
| − | <tspan x="496" y="505">Reusability</tspan>
| |
| − | </text>
| |
| − |
| |
| − |
| |
| − | <circle id="PR_large" cx="562" cy="725" r="330" stroke="black" stroke-width="3" fill="rgb(255,230,153)"/>
| |
| − |
| |
| − | <foreignobject id="PR_text" class="node" x="320" y="500" width="480" height="480">
| |
| − |
| |
| − | <div style="border:1px;"><h2>Parts Re-usability</h2><p>All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability.
| |
| − | <br />
| |
| − | <br />
| |
| − | All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability.
| |
| − | </p></div>
| |
| − | </foreignobject>
| |
| − |
| |
| − |
| |
| − |
| |
| − | <circle id="UoB" class="clickCircle" cx="333.7" cy="650.9" r="80" stroke="black" stroke-width="3" fill="rgb(255,202,247)">
| |
| − | </circle>
| |
| − | <text class="svgText" x="715" y="285" style="fill:black; font-family:Agency FB; font-size:25pt">
| |
| − | <tspan x="270" y="640">Uptake of</tspan>
| |
| − | <tspan x="270" y="675">Biosensors</tspan>
| |
| − | </text>
| |
| − |
| |
| − | <circle id="UoB_large" cx="562" cy="725" r="330" stroke="black" stroke-width="3" fill="rgb(255,202,247)"/>
| |
| − |
| |
| − | <foreignobject id="UoB_text" class="node" x="320" y="500" width="480" height="480">
| |
| − |
| |
| − | <div><h2>Uptake of Biosensors</h2><p>All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability.
| |
| − | <br />
| |
| − | <br />
| |
| − | All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability.
| |
| − | </p></div>
| |
| − | </foreignobject>
| |
| − |
| |
| − |
| |
| − |
| |
| − | <circle id="Rob" class="clickCircle" cx="790.3" cy="650.9" r="80" stroke="black" stroke-width="3" fill="rgb(196,250,255)">
| |
| − | </circle>
| |
| − | <text class="svgText" x="715" y="285" style="fill:black; font-family:Agency FB; font-size:25pt">
| |
| − | <tspan x="718" y="658">Robustness</tspan>
| |
| − | </text>
| |
| − |
| |
| − | <circle id="Rob_large" cx="562" cy="725" r="330" stroke="black" stroke-width="3" fill="rgb(196,250,255)"/>
| |
| − |
| |
| − | <foreignobject id="Rob_text" class="node" x="320" y="500" width="480" height="480">
| |
| − |
| |
| − | <div><h2>Robustness</h2><p>All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability.
| |
| − | <br />
| |
| − | <br />
| |
| − | All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability.
| |
| − | </p></div>
| |
| − | </foreignobject>
| |
| − |
| |
| − |
| |
| − | <circle id="Bind" class="clickCircle" cx="703" cy="919.1" r="80" stroke="black" stroke-width="3" fill="rgb(197,224,180)">
| |
| − | </circle>
| |
| − | <text class="svgText" x="715" y="285" style="fill:black; font-family:Agency FB; font-size:25pt">
| |
| − | <tspan x="656" y="889">Finding</tspan>
| |
| − | <tspan x="648" y="924">a Binding</tspan>
| |
| − | <tspan x="643" y="959">Sequence</tspan>
| |
| − | </text>
| |
| − |
| |
| − | <circle id="Bind_large" cx="562" cy="725" r="330" stroke="black" stroke-width="3" fill="rgb(197,224,180)"/>
| |
| − |
| |
| − | <foreignobject id="Bind_text" class="node" x="320" y="500" width="480" height="480">
| |
| − |
| |
| − | <div><h2>Finding a Binding Sequence</h2><p>All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability.
| |
| − | <br />
| |
| − | <br />
| |
| − | All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability.
| |
| − | </p></div>
| |
| − | </foreignobject>
| |
| − |
| |
| − |
| |
| − | <circle id="Legi" class="clickCircle" cx="421" cy="919.1" r="80" stroke="black" stroke-width="3" fill="rgb(255,119,115)">
| |
| − | </circle>
| |
| − | <text class="svgText" x="715" y="285" style="fill:black; font-family:Agency FB; font-size:25pt">
| |
| − | <tspan x="354" y="926.1">Legislation</tspan>
| |
| − | </text>
| |
| − |
| |
| − | <circle id="Legi_large" cx="562" cy="725" r="330" stroke="black" stroke-width="3" fill="rgb(255,119,115)"/>
| |
| − |
| |
| − | <foreignobject id="Legi_text" class="node" x="320" y="500" width="480" height="480">
| |
| − |
| |
| − | <div><h2>Legislation</h2><p>All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability.
| |
| − | <br />
| |
| − | <br />
| |
| − | All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability. All about parts re-usability.
| |
| − | </p></div>
| |
| − | </foreignobject>
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − | <rect id="back" x="460" y="950" width="200px" height="50px" rx="30" fill="white" stroke="rgb(0,112,192)" stroke-width="3"/>
| |
| − | <text id="back_text" x="525" y="985" style="fill:black; font-family:Arial; font-size:25pt">Back</text>
| |
| | | | |
| − | </svg> | + | <div class="container-fluid" id="main" style="max-width: 100%; padding-top: 0.5%"> |
| | | | |
| − | </td> | + | <h1 style="text-align: center; font-size: 4em; font-family: Rubik"> Team Newcastle '17 Presents...</h1> |
| − | </tr> | + | <img src="https://static.igem.org/mediawiki/2017/c/c4/T--Newcastle--BB_Logo.png" class="img-fluid rounded mx-auto d-block" style="max-width: 80%" alt=""> |
| − | </table> | + | <img src="https://static.igem.org/mediawiki/2017/f/fc/Dec45343.jpeg" class="img-fluid rounded mx-auto d-block" style="max-width: 80%" alt=""> |
| | | | |
| − | <div class="content-div"> | + | <div class=" container- fluid" style="width: 60%"> |
| − | <p>Click the circles above to learn more</p> | + | <p class="text-justify" style="font-size: 1em; margin-top: 2%; margin-bottom: 2%"> Biosensor genetic networks are typically encoded on a single plasmid within a single chassis. However, this configuration means that the biosensor can not be easily modified or re-purposed for new applications.</p> |
| | + | <img src="https://static.igem.org/mediawiki/2017/4/42/T--Newcastle--BB_biosensor_plasmid.png" class="img-fluid rounded mx-auto d-block" style="max-width: 40%" alt=""> |
| | + | <p class="text-justify" style="font-size: 1em; margin-top: 2%; margin-bottom: 2%">To alleviate these problems, we propose that biosensor networks are split into three whole-cell modules; a detector, a processor, and a reporter. </p> |
| | + | <img src="https://static.igem.org/mediawiki/2017/7/75/T--Newcastle--BB_biosensor_modules_abstract.png" class="img-fluid rounded mx-auto d-block" style="max-width: 40%" alt=""> |
| | + | <p class="text-justify" style="font-size: 1em; margin-top: 2%; margin-bottom: 2%">With this in mind, we have created the 'Sensynova Biosensor Development Framework'. This framework separates each module into individual cells which communicate via quorum sensing molecules. This separation creates an off-the-shelf set of well-characterised cellular modules that can be mixed to form new biosensor applications and configurations. This approach also enables biosensor variants to be made and tested without the need for long and tedious genetic cloning steps. Mixing different ratios of the modules allow the response characteristics of the sensor to be tuned systematically and easily. </p> |
| | <br /> | | <br /> |
| | + | <img src="https://static.igem.org/mediawiki/2017/c/ca/T--Newcastle--BB_homepage_image.png" class="img-fluid rounded mx-auto d-block" style="max-width: 100%" alt=""> |
| | <br /> | | <br /> |
| − | <p><b>Email:</b> newcastle.igem@outlook.com<br /> | + | <p class="text -justify" style=" font- size: 1em; margin-top: 2%; margin- bottom: 2%"> We have also included an optional 'adaptor' module. To learn more about our framework, go to our < a href="https://2017.igem.org/Team:Newcastle/ Description"> project description</ a> page!</ p> |
| − | <b>Twitter:</b> https://twitter.com/newcastle_igem</p>
| + | |
| − | </center>
| + | <h2> Welcome to a New Era of </h2> |
| − | | + | <img src="https://static.igem.org/mediawiki/2017/ a/ a1/ T--Newcastle--BB_Biosensors_logo_style.png " class="img-fluid rounded mx-auto d-block" alt=""> |
| − | </body>
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | ------------->
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | <!--
| + | |
| − | <script src="https://2017.igem.org/Team:Newcastle/Bradleytest/js/imagescalerjs?action=raw&ctype=text/javascript"></script>
| + | |
| − | | + | |
| − | <body style="background-color:#efffff">
| + | |
| − | | + | |
| − | <div style="width:100vw;background-color:f"><center>
| + | |
| − | | + | |
| − | | + | |
| − | <img usemap="#logo" width=60% src="https://static.igem.org/mediawiki/2017/thumb/c/c1/Senslogo3.png">
| + | |
| − | | + | |
| − | <map name="logo"> | + | |
| − | <area alt="" title="" href="https://2017.igem.org/Team:Newcastle/freethecanary" shape="poly" coords="224,93,250,61,282,39,298,17,320,15,330,27,342,42,312,94,268,104" />
| + | |
| − | </map> | + | |
| − | | + | |
| − | <br /> | + | |
| − | <br />
| + | |
| − | <br /> | + | |
| − | <br /> | + | |
| − | <img width=70% src="https://static.igem.org/mediawiki/2017/thumb/c/c1/Senslogo3.png"> | + | |
| − | </center>
| + | |
| − | </div>
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| | | | |
| | + | </div> |
| | | | |
| | + | <hr> |
| | + | <h1 style="text-align: center; font-size: 8vw;font-family: Rubik"><span style="color: #e51837">#</span><span style="color: #00477f">freethecanary<span></h1> |
| | + | |
| | + | |
| | + | </div> |
| | </body> | | </body> |
| − |
| |
| − | <script>
| |
| − | imageMapResize();
| |
| − | </script>
| |
| − |
| |
| − | -->
| |
| − |
| |
| | </html> | | </html> |
| − | {{Newcastlefooter}} | + | {{Newcastle_footer}} |
