Difference between revisions of "Team:elan vital korea/Project Overview"
(182 intermediate revisions by the same user not shown) | |||
Line 7: | Line 7: | ||
<script> | <script> | ||
$(document).ready(function(){ | $(document).ready(function(){ | ||
− | + | // Cache the Window object | |
− | + | $window = $(window); | |
$('section[data-type="background"]').each(function(){ | $('section[data-type="background"]').each(function(){ | ||
Line 15: | Line 15: | ||
$(window).scroll(function() { | $(window).scroll(function() { | ||
− | + | // Scroll the background at var speed | |
− | + | // the yPos is a negative value because we're scrolling it UP! | |
− | + | var yPos = -($window.scrollTop() / $bgobj.data('speed')); | |
− | + | ||
− | + | // Put together our final background position | |
− | + | var coords = '50% '+ yPos + 'px'; | |
− | + | // Move the background | |
− | + | $bgobj.css({ backgroundPosition: coords }); | |
− | + | ||
}); // window scroll Ends | }); // window scroll Ends | ||
− | }); | + | }); |
− | }); | + | }); |
− | /* | + | /* |
* Create HTML5 elements for IE's sake | * Create HTML5 elements for IE's sake | ||
*/ | */ | ||
Line 42: | Line 42: | ||
body{ | body{ | ||
− | + | margin:0; | |
− | + | padding:0; | |
font-family: 'Open Sans', sans-serif; | font-family: 'Open Sans', sans-serif; | ||
} | } | ||
− | #home { | + | #home { |
− | + | background: url(https://static.igem.org/mediawiki/2015/8/87/ElanVitalKorea_bg_3.png) 50% 0 no-repeat fixed; | |
− | min-height:1000px; | + | min-height:1000px; |
− | + | height: 1000px; | |
− | + | margin: 0 auto; | |
− | width: 100%; | + | width: 100%; |
− | max-width: 1920px; | + | max-width: 1920px; |
− | position: relative; | + | position: relative; |
box-shadow: 0 0 50px rgba(0,0,0,0.8); | box-shadow: 0 0 50px rgba(0,0,0,0.8); | ||
} | } | ||
− | #about { | + | #about { |
− | + | background: url(https://static.igem.org/mediawiki/2015/9/9c/Newlightbg.jpg) 50% 0 no-repeat fixed; | |
− | + | min-height:1000px; | |
height: 1000px; | height: 1000px; | ||
− | + | margin: 0 auto; | |
− | width: 100%; | + | width: 100%; |
− | max-width: 1920px; | + | max-width: 1920px; |
− | position: relative; | + | position: relative; |
box-shadow: 0 0 50px rgba(0,0,0,0.8); | box-shadow: 0 0 50px rgba(0,0,0,0.8); | ||
} | } | ||
− | #maintext { | + | #maintext { |
− | + | background: url(https://static.igem.org/mediawiki/2015/9/9c/Newlightbg.jpg) 50% 0 no-repeat fixed; | |
− | + | height: 1000px; | |
− | min-height:1000px; | + | min-height:1000px; |
− | + | margin: 0 auto; | |
− | width: 100%; | + | width: 100%; |
− | max-width: 1920px; | + | max-width: 1920px; |
− | position: relative; | + | position: relative; |
box-shadow: 0 0 50px rgba(0,0,0,0.8); | box-shadow: 0 0 50px rgba(0,0,0,0.8); | ||
} | } | ||
− | #maintext2 { | + | #maintext2 { |
− | + | background: url(https://static.igem.org/mediawiki/2015/9/9c/Newlightbg.jpg) 50% 0 no-repeat fixed; | |
− | + | height: 1000px; | |
− | min-height:1000px; | + | min-height:1000px; |
− | + | margin: 0 auto; | |
− | width: 100%; | + | width: 100%; |
− | max-width: 1920px; | + | max-width: 1920px; |
− | position: relative; | + | position: relative; |
box-shadow: 0 0 50px rgba(0,0,0,0.8); | box-shadow: 0 0 50px rgba(0,0,0,0.8); | ||
} | } | ||
Line 151: | Line 151: | ||
h4 { | h4 { | ||
− | color: | + | color:black; |
font-size: 24px; | font-size: 24px; | ||
letter-spacing:1px; | letter-spacing:1px; | ||
Line 162: | Line 162: | ||
letter-spacing:1px; | letter-spacing:1px; | ||
line-height:25px; | line-height:25px; | ||
− | + | } | |
+ | |||
+ | |||
+ | p { | ||
+ | font-size:18px; | ||
+ | line-height:160%; | ||
} | } | ||
h6{ | h6{ | ||
text-decoration:none; | text-decoration:none; | ||
− | font-size: | + | font-size: 12px; |
letter-spacing:1px; | letter-spacing:1px; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
Line 209: | Line 204: | ||
+ | .inner { | ||
+ | width: 50%; | ||
+ | height: auto; | ||
+ | margin-left:25%; | ||
+ | } | ||
+ | |||
</style> | </style> | ||
Line 216: | Line 217: | ||
<!-- Section #1 --> | <!-- Section #1 --> | ||
<section id="home" data-speed="10" data-type="background"> | <section id="home" data-speed="10" data-type="background"> | ||
− | + | <a name="top" id="top"></a> | |
− | + | <a href="#"> | |
− | + | <img class="igem" src="https://static.igem.org/mediawiki/2015/7/70/IGEM_Logo.gif"> | |
− | + | </a> | |
− | + | <br><br><br><br><br><br><br> | |
− | + | <div class="center;"> | |
− | + | <a href="https://2015.igem.org/Team:Elan_Vital_Korea"> | |
− | + | <img class="displayed" src="https://static.igem.org/mediawiki/2015/d/d5/ElanVital_Logo.png"> | |
− | + | </a> | |
− | <div class="center;"> | + | <h4 style="text-align:center;"> |
− | + | <font color="white"> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
PROJECT <br> -Project Overview- | PROJECT <br> -Project Overview- | ||
</h4> | </h4> | ||
− | + | </font> | |
− | + | <a href="#myAnchor" rel="" id="anchor1" class="anchorLink"><img class="displayed" src="https://static.igem.org/mediawiki/2015/d/d2/Scroll_arrow.png"></a> | |
− | + | ||
</div> | </div> | ||
</section> | </section> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
+ | <!-- Section #2 --> | ||
+ | <section id="about" data-speed="10" data-type="background"> | ||
+ | <h5 style="text-align:center;"> | ||
+ | <a name="myAnchor" id="myAnchor"></a> | ||
+ | <br><br><br><br><br><br><br><br> | ||
+ | <font color="black">PROJECT OVERVIEW</font> | ||
+ | </h5> | ||
+ | <br><br> | ||
+ | <div class="inner"> | ||
+ | <P style="text-align:left;"> | ||
+ | <font color="black"> | ||
+ | Antibiotic-resistant bacteria pose a serious problem for global medical community. Detecting antibiotic resistance as quickly as possible is crucial for determination of the correct treatment for patients and for setting up quarantines to prevent spreading. We hypothesized that it is possible to use quorum sensing (QS) to devise a rapid way for cells to report the existence of antibiotic-resistant bacteria. | ||
+ | </font> | ||
+ | </p> | ||
+ | </div> | ||
+ | <br><br> | ||
+ | </h6> | ||
− | < | + | <div class="inner"> |
− | + | <P style="text-align:left;"> | |
− | < | + | <font color="black"> |
− | < | + | Here, we developed a reporter cell that expresses GFP in the presence of the QS signaling molecule acyl homoserine lactone (AHL). Our test cells (which act as a simulation of antibiotic-resistant bacteria) express lactonase, which breaks down AHL. In our experimental system, test cells should signify their presence by breaking down AHL and preventing GFP expression in reporter cells. Therefore, our project serves as a proof of principle and we hope that our work will serve as a basis for developing similar, more sophisticated quorum sensing-based detection systems for antibiotic-resistant bacteria in the future. |
− | + | ||
− | + | ||
− | + | ||
</p> | </p> | ||
</div> | </div> | ||
− | </section> | + | </font> |
+ | <br><br> | ||
+ | |||
+ | <a href="#top" rel="" id="top" class="anchorLink"><img class="displayed" src="https://static.igem.org/mediawiki/2015/5/5b/Scroll_arrow_top_Black.png"></a> | ||
+ | <h6 style="text-align:center;"> <font color="black"> | ||
+ | To The Top | ||
+ | </font> </h6> | ||
+ | |||
+ | </section> | ||
+ | |||
− | |||
− | |||
− | |||
− | |||
− | |||
Latest revision as of 17:40, 17 September 2015
PROJECT OVERVIEW
Antibiotic-resistant bacteria pose a serious problem for global medical community. Detecting antibiotic resistance as quickly as possible is crucial for determination of the correct treatment for patients and for setting up quarantines to prevent spreading. We hypothesized that it is possible to use quorum sensing (QS) to devise a rapid way for cells to report the existence of antibiotic-resistant bacteria.
Here, we developed a reporter cell that expresses GFP in the presence of the QS signaling molecule acyl homoserine lactone (AHL). Our test cells (which act as a simulation of antibiotic-resistant bacteria) express lactonase, which breaks down AHL. In our experimental system, test cells should signify their presence by breaking down AHL and preventing GFP expression in reporter cells. Therefore, our project serves as a proof of principle and we hope that our work will serve as a basis for developing similar, more sophisticated quorum sensing-based detection systems for antibiotic-resistant bacteria in the future.