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

 
(149 intermediate revisions by the same user not shown)
Line 59: Line 59:
 
}
 
}
 
#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;
Line 69: Line 69:
 
}
 
}
 
#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;
Line 80: Line 80:
  
 
#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;
Line 90: Line 90:
 
}
 
}
  
#maintext3 {
 
    background: url(https://static.igem.org/mediawiki/2015/1/1a/ExperimentalBG3.PNG) 50% 0 no-repeat fixed;
 
    height: 1000px;
 
min-height:1000px;
 
    margin: 0 auto;
 
    width: 100%;
 
    max-width: 1920px;
 
    position: relative;
 
    box-shadow: 0 0 50px rgba(0,0,0,0.8);
 
}
 
  
#maintext4 {
 
    background: url(https://static.igem.org/mediawiki/2015/b/bb/ExperimentalBG2.PNG) 50% 0 no-repeat fixed;
 
    height: 1000px;
 
min-height:1000px;
 
    margin: 0 auto;
 
    width: 100%;
 
    max-width: 1920px;
 
    position: relative;
 
    box-shadow: 0 0 50px rgba(0,0,0,0.8);
 
}
 
 
#maintext5 {
 
    background: url(https://static.igem.org/mediawiki/2015/1/1a/ExperimentalBG3.PNG) 50% 0 no-repeat fixed;
 
    height: 1000px;
 
min-height:1000px;
 
    margin: 0 auto;
 
    width: 100%;
 
    max-width: 1920px;
 
    position: relative;
 
    box-shadow: 0 0 50px rgba(0,0,0,0.8);
 
}
 
  
  
Line 135: Line 104:
  
 
#maintext2 article { background: url("#") no-repeat scroll center top transparent; height: 458px; position: absolute; text-indent: -9999px; top: 291px; width: 100%; }
 
#maintext2 article { background: url("#") no-repeat scroll center top transparent; height: 458px; position: absolute; text-indent: -9999px; top: 291px; width: 100%; }
 
#maintext3 article { background: url("#") no-repeat scroll center top transparent; height: 458px; position: absolute; text-indent: -9999px; top: 291px; width: 100%; }
 
  
  
Line 184: Line 151:
  
 
h4 {
 
h4 {
color:white;
+
color:black;
 
font-size: 24px;
 
font-size: 24px;
 
letter-spacing:1px;
 
letter-spacing:1px;
Line 199: Line 166:
  
 
p {
 
p {
font-size:16px;
+
font-size:18px;
line-height:180%;
+
line-height:160%;
 
}
 
}
  
Line 237: Line 204:
  
  
 +
.inner {
 +
width: 50%;
 +
height: auto;
 +
margin-left:25%;
 +
}
 +
 
</style>
 
</style>
  
Line 244: 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 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;">
+
                <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>
+
 
                 <h4 style="text-align:center;">
 
                 <h4 style="text-align:center;">
 +
<font color="white">
 
                     PROJECT <br> -Project Overview-
 
                     PROJECT <br> -Project Overview-
 
                 </h4>
 
                 </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>
+
</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><br><font color="white">PROJECT OVERVIEW</font></h5> <br><br><br>
 
<P style="text-align:center;">
 
<font color="white">
 
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sed odio porta, efficitur ante non, <br>
 
euismod arcu. Donec ut maximus mauris. Etiam posuere mi turpis, ac hendrerit purus <br>
 
auctor at. Nulla maximus laoreet libero eu posuere. Morbi id lacus pulvinar sapien tristique commodo <br>
 
in sit amet sapien. Maecenas id mi sem. In tellus leo, pretium nec odio at, luctus feugiat nibh. <br>
 
Nulla aliquam fringilla erat, vitae elementum libero pharetra ac. Sed id gravida ligula. Aliquam semper, <br>
 
tortor condimentum posuere lobortis, lectus erat accumsan tellus, in sodales ante augue eget<br>
 
ligula. Maecenas volutpat, velit ac bibendum tincidunt.
 
  
</font>
 
</p> 
 
  
<br>
 
<br>
 
<br><br><br><br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<a href="#top" rel="" id="top" class="anchorLink"><img class="displayed" src="https://static.igem.org/mediawiki/2015/b/b3/Scroll_arrow_top.PNG"></a> 
 
<h6 style="text-align:center;">
 
<font color="white">
 
                  To The Top
 
</font>
 
                </h6>
 
  
  
</section>
+
    <!-- Section #2 -->
 
+
         <section id="about" data-speed="10" data-type="background">
 
+
            <h5 style="text-align:center;">
<!-- Section #3 -->
+
                <a name="myAnchor" id="myAnchor"></a>
         <section id="maintext" data-speed="10" data-type="background">
+
<br><br><br><br><br><br><br><br>
<br><br><br>
+
                    <font color="black">PROJECT OVERVIEW</font>
 
+
            </h5>
 
+
                        <br><br>
<font color="black">
+
<div class="inner">
<h5 style="text-align:center;">
+
                    <P style="text-align:left;">
Lorem ipsum dolor sit amet, <br>
+
<font color="black">
consectetur adipiscing elit. Nunc ex.
+
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.
</h5>  
+
                    </font>
<br><br><br>
+
                    </p> 
<P style="text-align:center;">
+
</div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin blandit finibus dolor feugiat consequat. Sed <br>
+
aliquet velit vel elit congue consequat. Mauris vitae auctor orci. Praesent justo sapien, pulvinar<br>
+
non purus et, ullamcorper condimentum mauris. Etiam in eros vel lectus ullamcorper laoreet. Cras condimentum <br>
+
nisi eu massa fermentum convallis. Sed ut fermentum justo, eu ultrices magna. Cum sociis natoque <br>
+
penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse quis lectus nulla. In massa <br>
+
neque, ornare a sollicitudin in, placerat quis nisi. Maecenas at bibendum neque. Sed rhoncus euismod<br>
+
nisl. Nunc scelerisque est in egestas condimentum. Ut mi nisl, malesuada in molestie a, pulvinar.<br>
+
</p>
+
</font>
+
<br><br>
+
<img class="displayed" src="https://static.igem.org/mediawiki/2015/7/74/Hr_black.jpg" width="80px" height="2px">
+
 
<br><br>
 
<br><br>
 +
                </h6>
  
<P style="text-align:center;">
+
<div class="inner">
<font color="black">
+
                    <P style="text-align:left;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla tincidunt finibus nisl, sed bibendum sem <br>
+
<font color="black">
placerat vitae. Mauris vel efficitur orci. Nulla volutpat bibendum urna, eget consectetur dui <br>
+
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.
consequat sed. Pellentesque at ex commodo urna ultrices elementum eget vitae eros. Nulla gravida, dolor non <br>
+
rhoncus blandit, augue nunc finibus turpis, non ultricies lectus sem pharetra massa. Etiam <br>
+
dapibus lacus ante, non rhoncus nisi iaculis sit amet. Quisque rhoncus sapien at leo fermentum posuere. <br>
+
Quisque sagittis leo vitae odio faucibus auctor a vel dolor. Etiam orci ipsum, finibus ut hendrerit eget,<br>
+
bibendum eget justo. Nulla et nulla tempus, mollis ex vitae, mollis arcu. In dictum varius nulla, ut. <br>
+
</font>
+
 
</p>
 
</p>
 
+
</div>
<br><br>
+
                </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>   
 
<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>   
Line 343: Line 271:
 
                   To The Top
 
                   To The Top
 
               </font> </h6>
 
               </font> </h6>
 +
     
 +
        </section>
  
</section>
 
  
  
<!-- Section #4 -->
 
        <section id="maintext2" data-speed="10" data-type="background">
 
<P style="text-align:center;">
 
<font color="white">
 
<br><br>
 
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In convallis placerat sollicitudin. Ut nec nisi <br>
 
lobortis, ullamcorper lacus id, interdum nulla. Nulla a tortor ut dui malesuada volutpat. Sed <br>
 
urna eros, gravida vel diam pulvinar, fringilla eleifend ex. Maecenas vehicula congue purus, vel suscipit ex <br>
 
vestibulum vitae. Curabitur dignissim cursus varius. In dignissim lectus non tellus commodo mattis. <br>
 
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Quisque nec libero <br>
 
risus. Maecenas accumsan magna metus, ut convallis leo congue id. Integer quis est consequat, <br>
 
tincidunt massa ac, lobortis arcu. <br><br>
 
</font>
 
</p>
 
 
<br><br>
 
<img class="displayed" src="https://static.igem.org/mediawiki/2015/6/6e/Hr_white.jpg" width="80px" height="2px">
 
<br><br>
 
 
 
<h5 style="text-align:center;">
 
<font color="white">
 
Lorem ipsum dolor sit amet
 
</font>
 
</h5>
 
<br><br>
 
 
 
<P style="text-align:center;">
 
<font color="white">
 
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 <br>
 
type book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining <br>
 
essenti ally unchanged. It was popularised in the 1960 with the release of Letraset sheets <br>
 
containing Lorem Ipsum passages, and more recently with desktop publishing is simply dummy text of the <br>
 
printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since <br>
 
the 1500s, when an unknown printer took a galley of type and scrambled it to make a type <br>
 
specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, <br>
 
remaining essentially unchanged. It was popularised in is simply dummy text of the printing and <br>
 
typesetting industry. Lorem Ipsum has been the indust <br><br><br>
 
</font>
 
</p>
 
 
<br>
 
 
<a href="#top" rel="" id="top" class="anchorLink"><img class="displayed" src="https://static.igem.org/mediawiki/2015/b/b3/Scroll_arrow_top.PNG"></a> 
 
<h6 style="text-align:center;"> <font color="white">
 
                  To The Top
 
              </font> </h6>
 
</section>
 
 
 
<!-- Section #5 -->
 
        <section id="maintext3" data-speed="10" data-type="background">
 
<P style="text-align:center;">
 
<font color="black">
 
<br>
 
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec lacinia erat ex, ut dignissim orci luctus <br>
 
vitae. Nunc ante sapien, tempus vel commodo at, placerat in enim. Quisque elementum mauris sit amet <br>
 
tellus varius, ut hendrerit diam porttitor. Nunc feugiat tellus sed ipsum tristique, tristique porta lorem <br>
 
posuere. Quisque cursus egestas risus, ut ultricies leo ornare molestie. Vivamus pellentesque enim vel<br>
 
turpis cursus feugiat. Proin semper, ex. <br><br>
 
</font>
 
</p>
 
 
<br><br>
 
<img class="displayed" src="https://static.igem.org/mediawiki/2015/6/6e/Hr_black.jpg" width="80px" height="2px">
 
<br><br>
 
 
 
<h5 style="text-align:center;">
 
<font color="black">
 
Lorem ipsum dolor sit amet
 
</font>
 
</h5>
 
<br><br>
 
 
 
<P style="text-align:center;">
 
<font color="black">
 
 
 
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ac neque pharetra, ultrices libero vel, feugiat <br>
 
libero. Pellentesque vel libero eu quam tempor vehicula. In commodo consequat mi in volutpat. Pellentesque <br>
 
eu lacus vitae risus finibus cursus. Nunc in venenatis sapien, ac rhoncus erat. Donec vitae nec<br>
 
lacus eu ante blandit molestie. Sed id velit quis enim accumsan ornare. <br>
 
Vivamus mauris quam, tempus non convallis at, porttitor non sem. Donec pulvinar est at ipsum ornare, vel ullamc <br>
 
orper justo maximus. Phasellus congue tincidunt nulla, et efficitur orci iaculis et. Nunc hendrerit lorem <br>
 
in posuere feugiat. Curabitur ornare lobortis vestibulum. Nunc at vulputate purus. Duis imperdiet libero nec <br>
 
laoreet, non vulputate justo accumsan. Vestibulum elit augue, elementum non ante nec, pretium varius <br>
 
metus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nulla sed molestie tortor. Pellentesque vel <br>
 
diam sapien. Suspendisse lobortis tortor.
 
<br><br><br>
 
</font>
 
</p>
 
 
<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 #6 -->
 
        <section id="maintext4" data-speed="10" data-type="background">
 
<P style="text-align:center;">
 
<font color="white">
 
<br><br>
 
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sollicitudin bibendum sapien, id scelerisque <br>
 
augue lobortis venenatis. Cras volutpat augue eget sem euismod mollis. Sed mollis a eros at mattis.<br>
 
Nulla a enim in ligula fringilla aliquet ut ac mi. Proin vitae vehicula nisi. Duis finibus interdum semper.<br>
 
Integer dignissim, erat quis accumsan accumsan, felis ligula semper mi, gravida mollis magna <br>
 
velit sit amet metus. Proin varius neque ut lacinia tincidunt. Etiam eu porttitor arcu, eu lacinia libero. <br>
 
Suspendisse venenatis nisl eget luctus accumsan. In erat justo, iaculis eu malesuada vel, aliquam <br>
 
quis mi. Vivamus ex urna. <br><br>
 
 
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eleifend vitae diam id mollis. Vivamus <br>
 
vehicula volutpat lorem, et consequat nisl eleifend vitae. Donec id ornare eros, in tempor elit. <br><br>
 
 
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque convallis lacus at faucibus volutpat. <br>
 
Aliquam erat volutpat. Aliquam efficitur metus at scelerisque commodo. Nullam orci tellus,<br>
 
pellentesque eget lacus a, aliquam aliquam lectus. Sed vel orci lectus. Aenean leo nisl, rhoncus a. <br><br>
 
 
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus nunc massa, lacinia at pulvinar rutrum, <br>
 
dapibus venenatis odio. Curabitur aliquam in elit in ultrices. Sed eu fringilla risus. Proin <br>
 
efficitur mauris eu justo venenatis tempor. Phasellus ex massa, luctus pulvinar ligula vel, vehicula aliquam <br>
 
mi. Cras ut volutpat mi. Cras sagittis risus eget neque pulvinar ultrices. Donec feugiat quam sit amet <br>
 
ultrices hendrerit. Nunc iaculis vulputate ante, vel aliquam quam sodales a. In convallis orci nec magna tempor,<br>
 
id venenatis nisl luctus. Donec eleifend laoreet erat, in tempor. <br>
 
</font>
 
</p>
 
 
<br><br>
 
<img class="displayed" src="https://static.igem.org/mediawiki/2015/6/6e/Hr_white.jpg" width="80px" height="2px">
 
<br><br>
 
 
<br>
 
 
<a href="#top" rel="" id="top" class="anchorLink"><img class="displayed" src="https://static.igem.org/mediawiki/2015/b/b3/Scroll_arrow_top.PNG"></a> 
 
<h6 style="text-align:center;"> <font color="white">
 
                  To The Top
 
              </font> </h6>
 
</section>
 
 
 
<!-- Section #7 -->
 
        <section id="maintext5" data-speed="10" data-type="background">
 
<P style="text-align:center;">
 
<font color="black">
 
<br>
 
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer luctus arcu in augue viverra egestas. <br>
 
Morbi volutpat maximus dolor, non lacinia augue laoreet sit amet. Maecenas sed nulla diam. <br>
 
Integer imperdiet vulputate justo, tristique dictum purus tempus at. Etiam sit amet turpis urna. Proin nec <br>
 
nulla at libero euismod accumsan. Sed pulvinar velit eu purus condimentum rutrum ac in arcu. Nam <br>
 
fringilla nec dui at scelerisque. Nam lacus est, pretium eu nisi eget, congue vehicula diam. Curabitur pell<br>
 
entesque dapibus sollicitudin. Vestibulum nec eros eget nibh aliquam pharetra in sit amet diam. <br>
 
Aenean blandit neque non orci viverra iaculis. Donec ligula quam, ultrices at. <br><br>
 
 
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec at dui mi. Vestibulum purus elit, lacinia <br>
 
vitae elit nec, tempor rutrum purus. Duis ac tempus sem, eu sodales justo. Cras tristique <br>
 
lobortis efficitur. Donec sed turpis non ipsum sodales viverra. Proin vehicula quam in nisl laoreet finibus.<br>
 
Phasellus a vehicula justo, eu hendrerit tortor. Pellentesque faucibus, ex vel dictum tincidunt,<br>
 
lorem sem. <br>
 
</font>
 
</p>
 
 
<br><br>
 
<img class="displayed" src="https://static.igem.org/mediawiki/2015/6/6e/Hr_black.jpg" width="80px" height="2px">
 
<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
-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