Difference between revisions of "Team:Newcastle"

 
(182 intermediate revisions by 3 users not shown)
Line 1: Line 1:
−
{{Newcastle5}}
+
{{Newcastle6}}
  
 
<html>
 
<html>
−
 
 
<head>
 
<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;
 +
}
  
−
<body style="background-color:#fbedbe">
+
body{
 +
  margin-left: 0;
 +
  background-color: #e8e8e8;
 +
}
  
−
 
+
hr{
−
<div class="content-div">
+
  background-color: #444444;
−
<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>
+
−
 
+
−
</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 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>
+
−
<p>
+
−
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>
+
−
 
+
−
</div>
+
−
</td>
+
−
</tr>
+
−
<tr>
+
−
<td>
+
−
<div 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>
+
−
<p>
+
−
Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text
+
−
</p>
+
−
 
+
−
 
+
−
</div>
+
−
</td>
+
−
<td>
+
−
<div 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>
+
−
<p>
+
−
Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text
+
−
</p>
+
−
 
+
−
 
+
−
</div>
+
−
</td>
+
−
</tr>
+
−
<tr>
+
−
<td>
+
−
<div 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>
+
−
<p>
+
−
Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text
+
−
</p>
+
−
 
+
−
 
+
−
</div>
+
−
</td>
+
−
<td>
+
−
<div 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>
+
−
<p>
+
−
Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text
+
−
</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>
  
−
 
−
 
−
<!-------Homepage code----->
 
 
<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 height="225" width="1200">
 
−
<foreignobject x="250" y="0" width="600" height="225">
 
−
<image xlink:href="https://static.igem.org/mediawiki/2017/c/c1/Senslogo3.png" x="250" y="0" width="600px" viewBox="0 0 1200 600">
 
−
</image>
 
−
</foreignobject>
 
−
-->
 
−
 
−
</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&amp;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}}

Latest revision as of 22:40, 16 November 2017

spacefill

Team Newcastle '17 Presents...

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.

To alleviate these problems, we propose that biosensor networks are split into three whole-cell modules; a detector, a processor, and a reporter.

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.



We have also included an optional 'adaptor' module. To learn more about our framework, go to our project description page!

Welcome to a New Era of

#freethecanary