Difference between revisions of "Team:elan vital korea/Project Overview"

 
(189 intermediate revisions by the same user not shown)
Line 7: Line 7:
 
<script>
 
<script>
 
$(document).ready(function(){
 
$(document).ready(function(){
−
// Cache the Window object
+
    // Cache the Window object
−
$window = $(window);
+
    $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
+
        // Scroll the background at var speed
−
// the yPos is a negative value because we're scrolling it UP!
+
        // the yPos is a negative value because we're scrolling it UP!                              
−
var yPos = -($window.scrollTop() / $bgobj.data('speed'));  
+
        var yPos = -($window.scrollTop() / $bgobj.data('speed'));
−
+
       
−
// Put together our final background position
+
        // Put together our final background position
−
var coords = '50% '+ yPos + 'px';
+
        var coords = '50% '+ yPos + 'px';
  
−
// Move the background
+
        // Move the background
−
$bgobj.css({ backgroundPosition: coords });
+
        $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;
+
    margin:0;
−
padding: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;  
+
    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;   
+
    height: 1000px;   
−
margin: 0 auto;  
+
    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/8/80/Experimentalbg.png) 50% 0 no-repeat fixed;  
+
    background: url(https://static.igem.org/mediawiki/2015/9/9c/Newlightbg.jpg) 50% 0 no-repeat fixed;
−
min-height:1000px;  
+
    min-height:1000px;
 
height: 1000px;
 
height: 1000px;
−
margin: 0 auto;  
+
    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/1/1a/ExperimentalBG3.PNG) 50% 0 no-repeat fixed;  
+
    background: url(https://static.igem.org/mediawiki/2015/9/9c/Newlightbg.jpg) 50% 0 no-repeat fixed;
−
height: 1000px;
+
    height: 1000px;
−
min-height:1000px;  
+
min-height:1000px;
−
margin: 0 auto;  
+
    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/b/bb/ExperimentalBG2.PNG) 50% 0 no-repeat fixed;  
+
    background: url(https://static.igem.org/mediawiki/2015/9/9c/Newlightbg.jpg) 50% 0 no-repeat fixed;
−
height: 1000px;
+
    height: 1000px;
−
min-height:1000px;  
+
min-height:1000px;
−
margin: 0 auto;  
+
    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:white;
+
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;
−
color:white;
 
 
}
 
}
  
  
 
p {
 
p {
−
font-size:16px;
+
font-size:18px;
−
line-height:180%;
+
line-height:160%;
−
color:white;
+
}
 +
 
 +
h6{
 +
text-decoration:none;
 +
font-size: 12px;
 +
letter-spacing:1px;
 
}
 
}
  
Line 200: Line 204:
  
  
 +
.inner {
 +
width: 50%;
 +
height: auto;
 +
margin-left:25%;
 +
}
 +
 
</style>
 
</style>
  
Line 207: 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>  
+
            <a href="#">
−
            <br>
+
                <img class="igem" src="https://static.igem.org/mediawiki/2015/7/70/IGEM_Logo.gif">
−
            <br>
+
            </a>
−
            <br>
+
                        <br><br><br><br><br><br><br>
−
            <br>
+
                    <div class="center;">
−
            <br>
+
            <a href="https://2015.igem.org/Team:Elan_Vital_Korea">
−
            <br>
+
                <img class="displayed" src="https://static.igem.org/mediawiki/2015/d/d5/ElanVital_Logo.png">
−
            <br>
+
            </a>
−
<div class="center;">
+
                <h4 style="text-align:center;">
−
                <a href="https://2015.igem.org/Team:elan_vital_korea">
+
<font color="white">
−
                    <img class="displayed" src="https://static.igem.org/mediawiki/2015/d/d5/ElanVital_Logo.png">
+
−
                </a>
+
−
             
+
−
  <h4 style="text-align:center;">
+
 
                     PROJECT <br> -Project Overview-
 
                     PROJECT <br> -Project Overview-
 
                 </h4>
 
                 </h4>
−
 
+
</font>
−
                </h4>
+
                  <a href="#myAnchor" rel="" id="anchor1" class="anchorLink"><img class="displayed" src="https://static.igem.org/mediawiki/2015/d/d2/Scroll_arrow.png"></a>
−
                    <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>EXECUTIVE SUMMARY & OUR FOCUS</h5> <br><br><br>
 
−
                                                <P style="text-align:center;">
 
−
is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's  standard <br>
 
−
text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type <br>
 
−
book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essenti<br>
 
−
ally unchanged. It was popularised in the 1960s<br><br>
 
  
−
ummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy <br>
+
 
−
text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to <br>
+
 
−
make a type specimen book. It has survived not only five centuries, but also the leap into electronic <br>
+
 
−
typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release <br>
+
    <!-- Section #2 -->
−
of Letraset sheets containing Lorem Ipsum pally unchanged. It was popularised in the 1960s with the release<br>
+
        <section id="about" data-speed="10" data-type="background">
−
of Letraset sheets containing Lorem Ipsum plly unchanged. It was popularised in the 1960s <br>
+
            <h5 style="text-align:center;">
−
with the release of Letraset sheets containing Lorem Ipsum pally unchanged. It was popularised in the 1960s<br>
+
                <a name="myAnchor" id="myAnchor"></a>
−
</p>  
+
<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>
 
</div>
 +
<br><br>
 +
                </h6>
  
−
</section>
+
<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>
 +
</div>
 +
                </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>
  
−
<!-- Section #3 -->
 
−
        <section id="maintext" data-speed="10" data-type="background">
 
−
<h5 style="text-align:center;">
 
−
<a name="myAnchor" id="myAnchor"></a><br><br><br>EXECUTIVE SUMMARY & OUR FOCUS</h5>
 
−
</section>
 
  
  
−
<!-- Section #4 -->
 
−
        <section id="maintext2" data-speed="10" data-type="background">
 
−
<h5 style="text-align:center;">
 
−
<a name="myAnchor" id="myAnchor"></a><br><br><br>EXECUTIVE SUMMARY & OUR FOCUS</h5>
 
−
</section>
 
  
  

Latest revision as of 17:40, 17 September 2015








PROJECT
-Project Overview-









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.



To The Top