Biomod/2014/VCCRI/Project

From OpenWetWare
Jump to: navigation, search

<html>

<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Lato:300,100&subset=latin"> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" ></script>

<script type"text/javascript"> $(function () { $("style[media*='screen']").remove(); $("link[href*='favicon']").remove(); //fix heading var h1 = $(".firstHeading").text().split("/"); $(".firstHeading").text(h1[h1.length-1]); $("tr:odd").addClass("odd"); }); $('link[rel="shortcut icon"]').attr('href','http://openwetware.org/images/2/29/2014-EchiDNA-WEB-FAVICON.png'); </script> <link rel="icon" type="image/png" href="http://openwetware.org/images/2/29/2014-EchiDNA-WEB-FAVICON.png">

<style type="text/css"> /**** Base styles ****/ /*#column-one, */

  1. content {
   font-weight: bold;

}

  1. footer, div#sidebar-main, #contentSub, .firstHeading, #siteSub, #jump-to-nav, .printfooter, #p-cactions {
   display: none;

}

/*only show edit button - also remove p-cactions from previous style*/

  1. ca-nstab-main, #ca-talk, #ca-history, #ca-move, #ca-watch, #ca-link, #p-personal{
   display: none;

}

  1. ca-edit{
   display:block;

} /*Make text on edit buttons visible for easier editing*/ .editButtons, #wpSummary{ color: black; }

</style>


<meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>EchiDNA 2014</title>

<link href="http://openwetware.org/index.php?title=Biomod/2014/VCCRI/bootstrapcss320&action=raw&ctype=text/css" rel="stylesheet">

<style type="text/css">

@font-face { font-family: BIOMOD_font; src: url(http://openwetware.org/images/9/9a/EchiDNA-2014-GothamRnd-Book.otf); }

@font-face { font-family: HEADING_font; src: url(http://openwetware.org/images/2/2f/EchiDNA-2014-KGSecondChancesSolid.ttf); }

@font-face { font-family: HEADING_ACTIVE_font; src: url(http://openwetware.org/images/2/2f/EchiDNA-2014-KGSecondChancesSolid.ttf); }

@font-face { font-family: FOOTER_font; src: url(http://openwetware.org/images/9/9a/EchiDNA-2014-GothamRnd-Book.otf); }


/*Alter default header*/

.navbar-default .navbar-nav > li > a { font-family: HEADING_font, Arial, sans-serif; }


.navbar-default .navbar-nav > li > ul > li > a { font-family: HEADING_font, Arial, sans-serif; font-size: 10pt; }

.navbar-default .navbar-right > li { color: #f8f8f8; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #F7941E; background-color: #F8F8F8; font-family: HEADING_ACTIVE_font, Arial, sans-serif; }

a[href^="mailto"] { color: white; }

a[href^="mailto"]:hover { color: #f7941e; text-decoration: none; }

a#vccri, a#edit-link { color:white; }

a#vccri:hover, a#edit-link:hover { color: #f7941e; text-decoration: none; }

body { background-image: url(http://openwetware.org/images/8/81/2014-EchiDNA-WEB-BG-TILE.png); background-repeat: repeat; color:white; font-family: BIOMOD_font, Arial, sans-serif; }

.col-centered { display:inline-block; float:none; text-align:left; /* inline-block space fix */ margin-right:-4px; }

h4 { color: #f7941e; font-family: HEADING_font, Arial, sans-serif; }

/*Footer stuff*/

html { position: relative; min-height: 100%; }

body { margin-bottom: 35px; }

.footer { position: absolute; bottom: 0; width: 100%; height: 35px; background-color: #0c2850; }

/*Fix OpenWetWare Editing Box*/

  1. wpTextbox1 {

color: #000; font-family: Arial; width: 100%; }

</style>


<html lang="en">

 <head>

<script type="text/javascript"> $('#project_link').addClass('active'); </script>

<link href="http://openwetware.org/index.php?title=Biomod/2014/VCCRI/easybox.css&action=raw&ctype=text/css" rel="stylesheet" /> <script src="http://openwetware.org/index.php?title=Biomod/2014/VCCRI/easybox.js&action=raw&type=text/javascript"></script>

   <style type="text/css">

@font-face { font-family: ABSTRACT_font; src: url(http://openwetware.org/images/9/9a/EchiDNA-2014-GothamRnd-Book.otf); }

.col-centered { display:inline-block; float:none; text-align:left; /* inline-block space fix */ margin-right:-4px; }

h2 { font-family: HEADING_font, Arial, serif; color: #F7941E; font-size: 18pt; text-align: justify; width:671px; margin-left: auto; margin-right: auto; }

orange { color: #F7941E; }

#PROJECT-TOP { display:block; width: 671px; height: 55px; margin-left: auto; margin-right: auto; margin-bottom: 0px; background-image: url(http://openwetware.org/images/4/4d/2014-EchiDNA-PROJECT-TEXTBOX-TOP.png); }

#PROJECT-REPEAT { display:block; position: relative; padding-left: 30px; padding-right: 30px; text-align: justify; width: 671px; height: auto; margin-left: auto; margin-right: auto; margin-top: -30px; margin-bottom: -30px; background-image: url(http://openwetware.org/images/3/3e/2014-EchiDNA-PROJECT-TEXTBOX-MIDDLE.png); background-repeat: repeat-y; background-position: top; }

#PROJECT-BOTTOM { display:block; width: 671px; height: 54px; margin-left: auto; margin-right: auto; margin-bottom: 0px; background-image: url(http://openwetware.org/images/d/de/2014-EchiDNA-PROJECT-TEXTBOX-BOTTOM.png); }

#PROBLEM { display:block; width: 201px; height: 192px; margin-left: auto; margin-right: auto; background-image: url(http://openwetware.org/images/3/37/2014-EchiDNA-PROJECT-PROBLEM.png); background-repeat: no-repeat; background-position: top; }

#PROBLEM:hover { background-position: bottom; }

#APPROACH { display:block; width: 201px; height: 191px; margin-left: auto; margin-right: auto; background-image: url(http://openwetware.org/images/1/11/2014-EchiDNA-PROJECT-APPROACH.png); background-repeat: no-repeat; background-position: top; } #APPROACH:hover { background-position: bottom; }

#VIDEO { display:block; width: 671px; height: 377px; margin-left: auto; margin-right: auto; background-image: url(http://openwetware.org/images/3/38/EchiDNA-PROJECT-VIDEO-LINK.png); background-repeat: no-repeat; background-position: top; } #VIDEO:hover { background-position: bottom; }

#SOLUTION { display:block; width: 201px; height: 192px; margin-left: auto; margin-right: auto; background-image: url(http://openwetware.org/images/c/c0/2014-EchiDNA-PROJECT-SOLUTION.png); background-repeat: no-repeat; background-position: top; } #SOLUTION:hover { background-position: bottom; }

.image-left { font-size: 9pt; width: 50%; float: left; text-align: center; padding: 10px 15px; }

.image-right { font-size: 9pt; width: 50%; float: right; text-align: center; padding: 10px 15px; }

.image-center { font-size: 9pt; width: 100%; float: left; text-align: center; padding: 10px 15px; }

.image-right img, .image-left img { max-width: 91%; }

.image-center img { max-width: 95%; }

</style> </style>

 </head>
 <body>

<div class="container" style="text-align: center; margin-top: 100px;">

<!-- ************************************************************************************************************************************************ --> <!-- ************************************************ START EDITING ********************************************************************************* --> <!-- ************************************************************************************************************************************************ -->

<!-- Please keep the tab delimiters to differentiate between different levels of HTML tags, especially the <div> ones because it makes it much easier for me--> <!-- Also, if you find that the blue background is skipping over the image (if you're ending with an image), add "&nbsp;" after the image like I've done below-->

<a id="VIDEO" class="lightbox" title="Team echiDNA Video" data-height="600" href="https://www.youtube.com/v/UYk16NJEENI?fs=1&autoplay=1"></a>


<h2>Abstract</h2>

<div id="PROJECT-TOP"> </div>

<div id="PROJECT-REPEAT">

<div class="image-right"> <div><img src="http://openwetware.org/images/f/ff/2014-EchiDNA-PROJECT-ABSTRACT-IMAGE-1.png" /></div> </div>

What is the difference between a single ant and a colony of social insects? What about a population of individual cells and a multicellular organism? Between monodispersed proteins and a multi-protein complex like the bacterial flagella motor? <br><br> We have drawn inspiration primarily from two sources in the design of our DNA biosensor - the molecular beacons used to identify trace amounts of DNA and the switching mechanism of the flagella motor used by bacteria. By taking inspiration from the design of the bacterial flagella motor, we are not only capitalising on millions of years of evolutionary optimisation of this natural switching mechanism but also building a unique experimental system in which to explore the phenomenon of cooperativity. Our team has designed a circular ring of DNA switches that are tethered together so that they ‘vote’ to undergo a conformational change. This conformational change is triggered by the increasing concentration of a specific DNA strand, which we anticipate will convert a continuous environmental signal into a discrete binary output. Our design is modular - therefore the DNA targeted by our biosensor might be anything; an ebola virus, a mutation associated with cancer, a gene causing antibiotic resistance. Furthermore, our biosensor is accompanied by an extensive mathematical model of its dynamics and thus we hope it will be tunable to specific outputs. This project lays the groundwork for a cheap, robust alternative to existing DNA biosensors, while simultaneously exploring a key component of all biological systems - cooperativity.

&nbsp;

</div>

<div id="PROJECT-BOTTOM"> </div> <br><br>

<div class="row" style="width: 750px; margin-left: auto; margin-right: auto;"> <div class = "col-md-4"> <a id="PROBLEM" href="http://openwetware.org/wiki/Biomod/2014/VCCRI/Project/Problem"></a> <br> <div style="width: 85%; margin-left: auto; margin-right: auto;"> Click here to see some background for our work, and to see why our project is <orange>relevant</orange>.</div> </div> <div class = "col-md-4"> <a id="APPROACH" href="http://openwetware.org/wiki/Biomod/2014/VCCRI/Project/Approach"></a> <br> <div style="width: 85%; margin-left: auto; margin-right: auto;"> Click here to see how we tackled the project, including <orange>specification</orange> of our goals, and <orange>feasibility</orange> of our project.</div> </div> <div class = "col-md-4"> <a id="SOLUTION" href="http://openwetware.org/wiki/Biomod/2014/VCCRI/Project/Solution"></a> <br> <div style="width: 85%; margin-left: auto; margin-right: auto;"> Click here to see the <orange>merits</orange> of our innovative and elegant solution.</div> </div> </div>


<!-- ************************************************************************************************************************************************ --> <!-- ************************************************ STOP EDITING ********************************************************************************** --> <!-- ************************************************************************************************************************************************ -->


</div>

<br><br>

 </body>

</html>

<html>

   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
   <script src="http://openwetware.org/index.php?title=Biomod/2014/VCCRI/boostrap320&action=raw&type=text/javascript"></script>

<script type="text/javascript"> var pathArray = window.location.pathname.split( '/' ); var newPathname = ""; for (i = 2; i < pathArray.length; i++) { newPathname += pathArray[i]; newPathname += "/"; } newPathname=newPathname.slice(0,-1); document.getElementById('edit-link').setAttribute('href', 'http://openwetware.org/index.php?title='+newPathname+String.fromCharCode(38)+'action=edit'); </script>