Difference between revisions of "Team:XJTLU-CHINA"

Line 6: Line 6:
 
         <meta name="viewport" content="width=device-width, initial-scale=1">
 
         <meta name="viewport" content="width=device-width, initial-scale=1">
 
         <title>XJTLU-CHINA 2017</title>
 
         <title>XJTLU-CHINA 2017</title>
−
        <script>
 
−
/**************************************************************** Slider main ***************************************************************/
 
−
jQuery(document).ready(function($){
 
−
var sliderContainers = $('.cd-slider-wrapper');
 
−
 
−
if( sliderContainers.length > 0 ) initBlockSlider(sliderContainers);
 
−
 
−
function initBlockSlider(sliderContainers) {
 
−
sliderContainers.each(function(){
 
−
var sliderContainer = $(this),
 
−
slides = sliderContainer.children('.cd-slider').children('li'),
 
−
sliderPagination = createSliderPagination(sliderContainer);
 
−
 
−
sliderPagination.on('click', function(event){
 
−
event.preventDefault();
 
−
var selected = $(this),
 
−
index = selected.index();
 
−
updateSlider(index, sliderPagination, slides);
 
−
});
 
−
 
−
sliderContainer.on('swipeleft', function(){
 
−
var bool = enableSwipe(sliderContainer),
 
−
visibleSlide = sliderContainer.find('.is-visible').last(),
 
−
visibleSlideIndex = visibleSlide.index();
 
−
if(!visibleSlide.is(':last-child') && bool) {updateSlider(visibleSlideIndex + 1, sliderPagination, slides);}
 
−
});
 
−
 
−
sliderContainer.on('swiperight', function(){
 
−
var bool = enableSwipe(sliderContainer),
 
−
visibleSlide = sliderContainer.find('.is-visible').last(),
 
−
visibleSlideIndex = visibleSlide.index();
 
−
if(!visibleSlide.is(':first-child') && bool) {updateSlider(visibleSlideIndex - 1, sliderPagination, slides);}
 
−
});
 
−
});
 
−
}
 
−
 
−
function createSliderPagination(container){
 
−
var wrapper = $('<ol class="cd-slider-navigation"></ol>');
 
−
container.children('.cd-slider').find('li').each(function(index){
 
−
var dotWrapper = (index == 0) ? $('<li class="selected"></li>') : $('<li></li>'),
 
−
dot = $('<a href="#0"></a>').appendTo(dotWrapper);
 
−
dotWrapper.appendTo(wrapper);
 
−
var dotText = ( index+1 < 10 ) ? '0'+ (index+1) : index+1;
 
−
dot.text(dotText);
 
−
});
 
−
wrapper.appendTo(container);
 
−
return wrapper.children('li');
 
−
}
 
−
 
−
function updateSlider(n, navigation, slides) {
 
−
navigation.removeClass('selected').eq(n).addClass('selected');
 
−
slides.eq(n).addClass('is-visible').removeClass('covered').prevAll('li').addClass('is-visible covered').end().nextAll('li').removeClass('is-visible covered');
 
−
 
−
//fixes a bug on Firefox with ul.cd-slider-navigation z-index
 
−
navigation.parent('ul').addClass('slider-animating').on('webkitTransitionEnd otransitionend oTransitionEnd msTransitionEnd transitionend', function(){
 
−
$(this).removeClass('slider-animating');
 
−
});
 
−
}
 
−
 
−
function enableSwipe(container) {
 
−
return ( container.parents('.touch').length > 0 );
 
−
}
 
−
});
 
−
        </script>
 
 
         <style>
 
         <style>
 
         /* --------------------------------  
 
         /* --------------------------------  
Line 409: Line 345:
 
<div class="item active">
 
<div class="item active">
 
    <img class="first-slide" src="https://static.igem.org/mediawiki/2017/8/8c/Home-1.png" alt="First slide">
 
    <img class="first-slide" src="https://static.igem.org/mediawiki/2017/8/8c/Home-1.png" alt="First slide">
−
<div class="cd-half-block image"></div>
+
<div class="container">
−
 
+
−
<div class="cd-half-block content">
+
 
<div class="carousel-caption">
 
<div class="carousel-caption">
−
    <h2>S. aureus Intestinal Colonization</h2>
+
    <h1>S. aureus Intestinal Colonization</h1>
 
<p>Human intestine is a highly complex microbial ecosystem. It accommodates commensal microflora species, various types of secretory fluids, fermentation metabolites and host defense molecules that promote colonization resistance to pathogenic bacteria. However, Staphylococcus aureus, one of the most opportunistic and invasive pathogens, is capable of disrupting this colonization resistance and infecting the intestine. Patients with S. aureus intestinal colonization suffer from fecal incontinence, diarrhea, pseudomembranous colitis and so on.</p>
 
<p>Human intestine is a highly complex microbial ecosystem. It accommodates commensal microflora species, various types of secretory fluids, fermentation metabolites and host defense molecules that promote colonization resistance to pathogenic bacteria. However, Staphylococcus aureus, one of the most opportunistic and invasive pathogens, is capable of disrupting this colonization resistance and infecting the intestine. Patients with S. aureus intestinal colonization suffer from fecal incontinence, diarrhea, pseudomembranous colitis and so on.</p>
 
                     <p><a class="btn btn-lg btn-primary" href="#" role="button">Learn more</a></p>
 
                     <p><a class="btn btn-lg btn-primary" href="#" role="button">Learn more</a></p>
Line 422: Line 356:
 
<!-- Second slide -->
 
<!-- Second slide -->
 
<div class="item">
 
<div class="item">
−
<div class="cd-half-block image"></div>
+
<img class="second-slide" src="https://static.igem.org/mediawiki/2017/3/37/Home-2.png" alt="Second slide">
−
 
+
<div class="container">
−
<div class="cd-half-block content light-bg">
+
<div class="carousel-caption">
−
<div class="cd-half-block content">
+
<h1>Antibiotic Overuse and Superbacteria</h1>
−
<h2>Antibiotic Overuse and Superbacteria</h2>
+
 
<p>Due to antibiotic overuse, Staphylococcus aureus develops resistance to various antibiotics and it becomes increasingly difficult to be eliminated. As a leading cause of hospital-acquired infections, methicillin-resistant S. aureus (MRSA) strains are multi-antibiotic resistant. Even the use of vancomycin — one of the last therapeutic resorts against S. aureus, becomes futile. Worse still, community-acquired MRSA strains are much more virulent and cause more morbidity and mortality than hospital-acquired MRSA.</p>
 
<p>Due to antibiotic overuse, Staphylococcus aureus develops resistance to various antibiotics and it becomes increasingly difficult to be eliminated. As a leading cause of hospital-acquired infections, methicillin-resistant S. aureus (MRSA) strains are multi-antibiotic resistant. Even the use of vancomycin — one of the last therapeutic resorts against S. aureus, becomes futile. Worse still, community-acquired MRSA strains are much more virulent and cause more morbidity and mortality than hospital-acquired MRSA.</p>
 
<p><a class="btn btn-lg btn-primary" href="#" role="button">Learn more</a></p>
 
<p><a class="btn btn-lg btn-primary" href="#" role="button">Learn more</a></p>
Line 435: Line 368:
 
<!-- Third slide -->
 
<!-- Third slide -->
 
<div class="item">
 
<div class="item">
−
<div class="cd-half-block image"></div>
+
<img class="third-slide" src="https://static.igem.org/mediawiki/2017/b/b5/Home-3.png" alt="Third slide">
−
 
+
<div class="container">
−
<div class="cd-half-block content light-bg">
+
<div class="carousel-caption">
−
<div class="container">
+
<h1>Antimicrobial Peptides — A Promising Alternative To Antibiotics</h1>
−
<h2>Antimicrobial Peptides — A Promising Alternative To Antibiotics</h2>
+
 
<p>Antimicrobial peptides (AMPs) have a reputation for their efficient antimicrobial activity against bacteria, fungi and protozoa. Despite of some promising results in clinical trials, AMPs have difficulties to be made into drugs due to their poor metabolic stability in human body. Therefore, our project aims to genetically engineer Lactococcus lactis (Grenadier Guards) to closely detect S. aureus and throw AMPs (grenades) to eradicate them within a short time after infection.</p>
 
<p>Antimicrobial peptides (AMPs) have a reputation for their efficient antimicrobial activity against bacteria, fungi and protozoa. Despite of some promising results in clinical trials, AMPs have difficulties to be made into drugs due to their poor metabolic stability in human body. Therefore, our project aims to genetically engineer Lactococcus lactis (Grenadier Guards) to closely detect S. aureus and throw AMPs (grenades) to eradicate them within a short time after infection.</p>
 
<p><a class="btn btn-lg btn-primary" href="#" role="button">Learn more</a></p>
 
<p><a class="btn btn-lg btn-primary" href="#" role="button">Learn more</a></p>
Line 448: Line 380:
 
<!-- Fourth slide -->
 
<!-- Fourth slide -->
 
<div class="item">
 
<div class="item">
−
<div class="cd-half-block image"></div>
+
<img class="fourth-slide" src="https://static.igem.org/mediawiki/2017/5/55/Home-4.png" alt="Fourth slide">
−
 
+
<div class="container">
−
<div class="cd-half-block content light-bg">
+
  <div class="carousel-caption">
−
<div class="container">
+
<h1>Further Applications</h1>
−
<h2>Further Applications</h2>
+
 
<p>Our genetically engineered Lactococcus lactis can be made into medicines, such as enteric coated tablets, together with anti-diarrheal medicines, to cure enteritis. In addition, as an important industrial microorganism, L. lactis can be used as food additives in fermented dairy products such as cheese, and yogurt. When they inhabit in the intestinal tract, not only do they regulate micro-ecological balance, but also prevent or reduce the chance of infection.</p>
 
<p>Our genetically engineered Lactococcus lactis can be made into medicines, such as enteric coated tablets, together with anti-diarrheal medicines, to cure enteritis. In addition, as an important industrial microorganism, L. lactis can be used as food additives in fermented dairy products such as cheese, and yogurt. When they inhabit in the intestinal tract, not only do they regulate micro-ecological balance, but also prevent or reduce the chance of infection.</p>
 
                     <p><a class="btn btn-lg btn-primary" href="#" role="button">Learn more</a></p>
 
                     <p><a class="btn btn-lg btn-primary" href="#" role="button">Learn more</a></p>

Revision as of 06:23, 2 August 2017

XJTLU-CHINA 2017

Overview