Difference between revisions of "Team:Elan Vital Korea"

Line 1: Line 1:
−
{{Elan_Vital_Korea/Templates/Header}}
+
{{ElanVitalKoreaMWlook}}
 +
{{ElanVitalKorea}}
 +
 
 
<html>
 
<html>
 +
 +
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
 +
<script>
 +
$(document).ready(function(){
 +
    // Cache the Window object
 +
    $window = $(window);
 +
               
 +
  $('section[data-type="background"]').each(function(){
 +
    var $bgobj = $(this); // assigning the object
 +
                   
 +
      $(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
 +
 +
});   
 +
 +
});
 +
/*
 +
* Create HTML5 elements for IE's sake
 +
*/
 +
 +
document.createElement("article");
 +
document.createElement("section");
 +
</script>
 +
<style>
 +
body{
 +
    margin:0;
 +
    padding:0;
 +
}
 +
 +
 +
#home {
 +
    background: url(https://static.igem.org/mediawiki/2015/archive/2/24/20150829203509!ElanVital_Bg.png) 50% 0 no-repeat fixed;
 +
    height: 1000px; 
 +
    margin: 0 auto;
 +
    width: 100%;
 +
    max-width: 1920px;
 +
    position: relative;
 +
    box-shadow: 0 0 50px rgba(0,0,0,0.8);
 +
}
 +
#about {
 +
    background: url(https://static.igem.org/mediawiki/2015/2/28/Elan_Vital_solidbg.JPG) 50% 0 no-repeat fixed;
 +
    height: 1000px;
 +
    margin: 0 auto;
 +
    width: 100%;
 +
    max-width: 1920px;
 +
    position: relative;
 +
    box-shadow: 0 0 50px rgba(0,0,0,0.8);
 +
}
 +
 +
/* Introduction */
 +
 +
#home article { background: url("#") no-repeat scroll center top transparent; height: 458px; position: absolute; text-indent: -9999px; top: 291px; width: 100%; }
 +
 +
#about article { background: url("#") no-repeat scroll center top transparent; height: 458px; position: absolute; text-indent: -9999px; top: 291px; width: 100%; }
 +
 +
 +
 +
 +
.galleryItem {
 +
    color: #797478;
 +
    font: 10px/1.5 Verdana, Helvetica, sans-serif;
 +
    float: left;   
 +
    width: 16%;
 +
    margin:  2% 2% 50px 2%;
 +
}
 +
 +
.galleryItem h2 {
 +
    text-transform: uppercase;
 +
}
 +
 +
.galleryItem img {
 +
    max-width: 100%;
 +
    -webkit-border-radius: 5px;
 +
    -moz-border-radius: 5px;
 +
    border-radius: 5px;
 +
}
 +
 +
 +
 +
.center {
 +
  position: absolute;
 +
  margin: auto;
 +
  top: 0;
 +
  right: 0;
 +
  bottom: 0;
 +
  left: 0;
 +
  width: 100px;
 +
  height: 100px;
 +
  border-radius: 3px;
 +
}
 +
 +
IMG.displayed {
 +
    display: block;
 +
    margin-left: auto;
 +
    margin-right: auto; }
 +
 +
h4 {
 +
color:white;
 +
font-size: 24px;
 +
letter-spacing:1px;
 +
line-height:25px;
 +
}
 +
 +
h5{
 +
text-decoration:none;
 +
font-size: 24px;
 +
letter-spacing:1px;
 +
line-height:25px;
 +
}
 +
 +
 +
IMG.igem {
 +
float:right;
 +
width:5%;
 +
margin:20px;
 +
}
 +
 +
</style>
 +
 +
</head>
 +
 
<body>
 
<body>
−
<!--****************Main***********-->  
+
    <!-- Section #1 -->
−
<div class="mainContent">
+
        <section id="home" data-speed="10" data-type="background">
−
<!-- maincontent start here -->
+
        <a href="#"> <img class="igem" src="https://static.igem.org/mediawiki/2015/7/70/IGEM_Logo.gif"></a>
−
<div id="promotion" class="stepcarousel">
+
         
−
<div class="belt">
+
            <br>
−
<div class="panel" style=""><img src="https://static.igem.org/mediawiki/2015/e/e5/NCmain_img_01.jpg" class="hand"></div>
+
            <br>
−
<div class="panel" style=""><img src="https://static.igem.org/mediawiki/2015/3/3f/NCmain_img_02.jpg" class="hand"></div>
+
            <br>
−
<div class="panel" style=""><img src="https://static.igem.org/mediawiki/2015/d/d9/NCmain_img_03.jpg" class="hand"></div>
+
            <br>
−
</div>
+
            <br>
−
</div>
+
            <br>
−
<div style="width:1100px; margin:0 auto;">
+
            <br>
−
        <p id="promotion-paginate" style="z-index:999;">
+
<div class="center;">
−
<img src="https://static.igem.org/mediawiki/2015/e/ed/NCmainoff.png" data-over="https://static.igem.org/mediawiki/2015/f/fb/NCmainon.png" data-select="https://static.igem.org/mediawiki/2015/f/fb/NCmainon.png" data-moveby="1"/></p>
+
                <a href="https://2015.igem.org/Team:elan_vital_korea">
−
        </div>
+
                    <img class="displayed" src="https://static.igem.org/mediawiki/2015/d/d5/ElanVital_Logo.png">
−
        <div style="width:648px; margin:0 auto;">
+
                </a>
−
        <p style="margin:-320px 0 0 0; position:absolute;"><img src="https://static.igem.org/mediawiki/2015/e/e9/NCmaintitle.png" /></p>
+
 
−
        </div>  
+
                <h4 style="text-align:center;">
−
        <div style="width:100%; min-width:1100px; background:#00396e;">
+
                    HOME <br>
−
        <p style="width:58px; margin:0 auto;  padding:3px 0;"><img src="https://static.igem.org/mediawiki/2015/a/a1/NCbtn_down.jpg" /></p>
+
                </h4>
−
        </div>
+
                </div>
−
    </div>
+
          </div>
−
     <div class="welcome" style="width:100%; min-width:1100px;">
+
     </section>
−
    <h1 class="mainTitle align-c pt40" style="padding:40px 0 40px 0">Project</h1>
+
 
−
        <ul class="mar-c pb40" style="width:1100px; margin:0 auto; padding-bottom:40px;">
+
<script>
−
        <li class="w980">
+
$('a').click(function(){
−
        <h1 style="font-family: Verdana, Helvetica, sans-serif; font-size:30px; line-height:40px;">Quorum sensing over status quo: developing faster detection of antibiotic-resistant bacteria</h1>
+
    $('html, body').animate({
−
            <p class="maintxt w640 m40">Antibiotic-resistant bacteria are a serious problem in the medical community. Detecting antibiotic resistance quickly is crucial to determine the correct treatment for different patients and for setting up quarantines to prevent spreading. We hypothesized that 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) expresslactonase, which breaks down AHL. In our experimental system, test cells should signify their presence by breaking down<br />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 in the future.</p>
+
        scrollTop: $( $(this).attr('href') ).offset().top
−
</li>
+
     }, 500);
−
            <li style=".position:absolute; .margin:0px 0 0 0; position:absolute; margin:200px 0 0 -310px"><p><img src="https://static.igem.org/mediawiki/2015/d/d9/NCmain_welcome_img.png" /></p></li>
+
     return false;
−
        </ul>
+
});
−
     </div>
+
</script>
−
     <div class="quickMenu pt40 pb40" style="width:100%; min-width:1100px;">
+
 
−
    <ul class="w980 mar-c" style="width:980px; margin:0 auto;">
+
−
        <li><a href="https://2015.igem.org/Team:Elan_Vital_Korea/Team"><img src="https://static.igem.org/mediawiki/2015/c/c5/NCbtn_quik_menu01.png" /></a></li>
+
−
            <li><a href="https://2015.igem.org/Team:Elan_Vital_Korea/Description"><img src="https://static.igem.org/mediawiki/2015/4/44/NCbtn_quik_menu02.png" /></a></li>
+
−
            <li><a href="https://2015.igem.org/Team:Elan_Vital_Korea/Parts"><img src="https://static.igem.org/mediawiki/2015/f/fd/NCbtn_quik_menu03.png" /></a></li>
+
−
            <li style="margin-right:0"><a href="https://2015.igem.org/Team:Elan_Vital_Korea/Notebook"><img src="https://static.igem.org/mediawiki/2015/e/ea/NCbtn_quik_menu04.png" /></a></li>
+
−
        </ul>
+
−
    </div>
+
 
</body>
 
</body>
 +
 
</html>
 
</html>

Revision as of 15:15, 16 September 2015








HOME