Team:Imperial College/Templates/Carousel2

From 2013.igem.org

(Difference between revisions)
 
(One intermediate revision not shown)
Line 1: Line 1:
<html>
<html>
-
 
-
<style type="text/css">
 
-
.text {
 
-
text-align: left;
 
-
color: #ffffff;
 
-
background: rgba(0, 0, 0, 0.75);
 
-
border-left: 5px solid #008AC3;
 
-
padding: 10px;
 
-
position: absolute;
 
-
bottom: 30px;
 
-
left: 20px;
 
-
max-width: 65%;
 
-
z-index: 1000;
 
-
-webkit-transition: all 300ms ease;
 
-
-moz-transition: all 300ms ease;
 
-
-ms-transition: all 300ms ease;
 
-
-o-transition: all 300ms ease;
 
-
transition: all 300ms ease;
 
-
opacity: 1;
 
-
line-height: 1.5em;
 
-
font-size: 14px;
 
-
font-family: 'Noto Sans', sans-serif;
 
-
}
 
-
    </style>
 
-
 
 
-
<link rel="stylesheet" href="http://www.synbiuk.org/igem/flexslider.css" type="text/css" media="screen" />
 
-
<!-- Modernizr -->
 
-
  <script src="http://www.synbiuk.org/igem/modernizr.js"></script>
 
-
 
-
</head>
 
-
<body class="loading">
 
-
 
-
  <div id="container" class="cf">
 
-
    <div id="main" role="main">
 
-
      <section class="slider">
 
-
        <div id="slider" class="flexslider">
 
-
          <ul class="slides">
 
-
    <li>
 
-
      <img src="https://static.igem.org/mediawiki/2013/5/54/Mountains42.png" ><span class="text">Europe's Newest Mountain, Mount Wasted</span>
 
-
    </li>
 
-
    <li>
 
-
      <img src="https://static.igem.org/mediawiki/2013/2/2f/Very_stressed_ecoli2.jpg"><span class="text">Production of the red pigment by stress induction. MG1655 were grown with LB media and sterile filtrated WCM for 48 hours.</span>
 
-
    </li>
 
-
    <li>
 
-
      <img src="https://static.igem.org/mediawiki/2013/e/e8/Jar_of_SRF2.jpg"><span class="text">Solid Recovered Fuel (SRF)</span>
 
-
    </li>
 
-
    <li>
 
-
      <img src="https://static.igem.org/mediawiki/2013/2/2e/Waste_cocktail2.png"> <span class="text"><b>(A)</b> WCM precursor material, this sterilised media made from LB and SRF was used to produce all WCM utilised. <b>(B)</b> Cells containing mCherry pigment grown in SRF <b>(A)</b> over 3 days, then streaked in a qualitative assay to check for growth. <b>(C)</b> mCherry cells were streaked again after 7 days growth in SRF. </span>
 
-
    </li>
 
-
    <li>
 
-
    <img src="https://static.igem.org/mediawiki/2013/1/19/PBS_Plus_Waste2.jpg"><span class="text"><b>(A)</b> SRF in PBS (phosphate buffered saline), a buffer. We can see from this experiment whether our bacteria can grow solely on the waste SRF. <b>(B)</b> Cells containing mCherry pigment grown in SRF <b>(A)</b> over 3 days, then streaked in a qualitative assay to check for growth. <b>(C)</b> mCherry cells were streaked again after 6 days growth in SRF. </span>
 
-
    </li>
 
-
    <li>
 
-
    <img src="https://static.igem.org/mediawiki/2013/9/93/CombinedBacteriaArt2.jpg"><span class="text">Cultured bacteria performing arts.</span>
 
-
    </li>
 
-
 
 
-
  </ul>
 
-
</div>
 
-
        </div>
 
-
        <div id="carousel" class="flexslider">
 
-
          <ul class="slides">
 
-
    <li>
 
-
      <img src="https://static.igem.org/mediawiki/2013/5/54/Mountains42.png" >
 
-
    </li>
 
-
    <li>
 
-
      <img src="https://static.igem.org/mediawiki/2013/2/2f/Very_stressed_ecoli2.jpg">
 
-
    </li>
 
-
    <li>
 
-
      <img src="https://static.igem.org/mediawiki/2013/e/e8/Jar_of_SRF2.jpg">
 
-
    </li>
 
-
    <li>
 
-
      <img src="https://static.igem.org/mediawiki/2013/2/2e/Waste_cocktail2.png">
 
-
    </li>
 
-
    <li>
 
-
    <img src="https://static.igem.org/mediawiki/2013/1/19/PBS_Plus_Waste2.jpg">
 
-
    </li>
 
-
    <li>
 
-
    <img src="https://static.igem.org/mediawiki/2013/9/93/CombinedBacteriaArt2.jpg">
 
-
    </li>
 
-
 
 
-
  </ul>
 
-
 
-
        </div>
 
-
   
 
-
    </div>
 
-
 
-
  </div>
 
-
 
-
  <!-- jQuery -->
 
-
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
 
-
  <script>window.jQuery || document.write('<script src="js/libs/jquery-1.7.min.js">\x3C/script>')</script>
 
-
 
-
  <!-- FlexSlider -->
 
-
  <script defer src="http://www.synbiuk.org/igem/jquery.flexslider.js"></script>
 
-
 
-
  <script type="text/javascript">
 
-
    $(function(){
 
-
      SyntaxHighlighter.all();
 
-
    });
 
-
    $(window).load(function(){
 
-
      $('#carousel').flexslider({
 
-
        animation: "slide",
 
-
        controlNav: false,
 
-
        animationLoop: true,
 
-
        slideshow: false,
 
-
        itemWidth: 210,
 
-
        itemMargin: 5,
 
-
        asNavFor: '#slider'
 
-
      });
 
-
 
-
      $('#slider').flexslider({
 
-
        animation: "slide",
 
-
        controlNav: false,
 
-
        animationLoop: false,
 
-
        slideshow: true,
 
-
        sync: "#carousel",
 
-
        start: function(slider){
 
-
          $('body').removeClass('loading');
 
-
        }
 
-
      });
 
-
    });
 
-
  </script>
 
-
 
-
 
-
  <!-- Syntax Highlighter -->
 
-
  <script type="text/javascript" src="http://www.synbiuk.org/igem/shCore.js"></script>
 
-
  <script type="text/javascript" src="http://www.synbiuk.org/igem/shBrushXml.js"></script>
 
-
  <script type="text/javascript" src="http://www.synbiuk.org/igem/shBrushJScript.js"></script>
 
-
 
-
  <!-- Optional FlexSlider Additions -->
 
-
  <script src="http://www.synbiuk.org/igem/jquery.easing.js"></script>
 
-
  <script src="http://www.synbiuk.org/igem/jquery.mousewheel.js"></script>
 
-
  <script defer src="http://www.synbiuk.org/igem/demo.js"></script>
 
-
 
 +
<link rel="stylesheet" type="text/css" href="http://www.synbiuk.org/igem/gallery/css/style.css" />
 +
<link rel="stylesheet" type="text/css" href="http://www.synbiuk.org/igem/gallery/css/elastislide.css" />
 +
<link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow&v1' rel='stylesheet' type='text/css' />
 +
<link href='http://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css' />
 +
<noscript>
 +
<style>
 +
.es-carousel ul{
 +
display:block;
 +
}
 +
</style>
 +
</noscript>
 +
<script id="img-wrapper-tmpl" type="text/x-jquery-tmpl">
 +
<div class="rg-image-wrapper">
 +
{{if itemsCount > 1}}
 +
<div class="rg-image-nav">
 +
<a href="#" class="rg-image-nav-prev">Previous Image</a>
 +
<a href="#" class="rg-image-nav-next">Next Image</a>
 +
</div>
 +
{{/if}}
 +
<div class="rg-image"></div>
 +
<div class="rg-loading"></div>
 +
<div class="rg-caption-wrapper">
 +
<div class="rg-caption" style="display:none;">
 +
<p></p>
 +
</div>
 +
</div>
 +
</div>
 +
</script>
 +
 
 +
<div class="container">
 +
<div class="header">
 +
  <div class="clr"></div>
 +
</div><!-- header -->
 +
 +
<div class="content">
 +
  <div id="rg-gallery" class="rg-gallery">
 +
<div class="rg-thumbs">
 +
<!-- Elastislide Carousel Thumbnail Viewer -->
 +
<div class="es-carousel-wrapper">
 +
<div class="es-nav">
 +
<span class="es-nav-prev">Previous</span>
 +
<span class="es-nav-next">Next</span>
 +
</div>
 +
<div class="es-carousel">
 +
<ul>
 +
<li><a href="#"><img src="https://static.igem.org/mediawiki/2013/3/3c/Thumb_Mountains42.png" alt="image01" width="65" height="65" data-large="https://static.igem.org/mediawiki/2013/5/54/Mountains42.png" data-description="Europe's Newest Mountain, Mount Wasted" /></a></li>
 +
  <li><a href="#"><img src="https://static.igem.org/mediawiki/2013/d/d4/Thumb_Very_stressed_ecoli2.jpg" data-large="https://static.igem.org/mediawiki/2013/2/2f/Very_stressed_ecoli2.jpg" alt="image02" data-description="Production of the red pigment by stress induction. MG1655 were grown with LB media and sterile filtrated WCM for 48 hours." /></a></li>
 +
                                   
 +
<li><a href="#"><img src="https://static.igem.org/mediawiki/2013/1/15/Thumb_Jar_of_SRF2.jpg" data-large="https://static.igem.org/mediawiki/2013/e/e8/Jar_of_SRF2.jpg" alt="image03" data-description="Solid Recovered Fuel (SRF)" /></a></li>
 +
                                   
 +
<li><a href="#"><img src="https://static.igem.org/mediawiki/2013/f/f9/Thumb_Waste_cocktail.png" data-large="https://static.igem.org/mediawiki/2013/2/2e/Waste_cocktail2.png" alt="image04" data-description="(A) WCM precursor material, this sterilised media made from LB and SRF was used to produce all WCM utilised. (B) Cells containing mCherry pigment grown in SRF (A) over 3 days, then streaked in a qualitative assay to check for growth. (C) mCherry cells were streaked again after 7 days growth in SRF. " /></a></li>
 +
                                   
 +
<li><a href="#"><img src="https://static.igem.org/mediawiki/2013/0/08/Thumbs_PBS_Plus_Waste2.jpg" data-large="https://static.igem.org/mediawiki/2013/1/19/PBS_Plus_Waste2.jpg" alt="image05" data-description="(A) SRF in PBS (phosphate buffered saline), a buffer. We can see from this experiment whether our bacteria can grow solely on the waste SRF. (B) Cells containing mCherry pigment grown in SRF (A) over 3 days, then streaked in a qualitative assay to check for growth. (C) mCherry cells were streaked again after 6 days growth in SRF." /></a></li>
 +
                                    <li><a href="#"><img src="https://static.igem.org/mediawiki/2013/3/3c/Thumb_Mountains42.png" alt="image01" width="65" height="65" data-large="https://static.igem.org/mediawiki/2013/5/54/Mountains42.png" data-description="Europe's Newest Mountain, Mount Wasted" /></a></li>
 +
  <li><a href="#"><img src="https://static.igem.org/mediawiki/2013/d/d4/Thumb_Very_stressed_ecoli2.jpg" data-large="https://static.igem.org/mediawiki/2013/2/2f/Very_stressed_ecoli2.jpg" alt="image02" data-description="Production of the red pigment by stress induction. MG1655 were grown with LB media and sterile filtrated WCM for 48 hours." /></a></li>
 +
                                   
 +
<li><a href="#"><img src="https://static.igem.org/mediawiki/2013/1/15/Thumb_Jar_of_SRF2.jpg" data-large="https://static.igem.org/mediawiki/2013/e/e8/Jar_of_SRF2.jpg" alt="image03" data-description="Solid Recovered Fuel (SRF)" /></a></li>
 +
                                   
 +
<li><a href="#"><img src="https://static.igem.org/mediawiki/2013/f/f9/Thumb_Waste_cocktail.png" data-large="https://static.igem.org/mediawiki/2013/2/2e/Waste_cocktail2.png" alt="image04" data-description="(A) WCM precursor material, this sterilised media made from LB and SRF was used to produce all WCM utilised. (B) Cells containing mCherry pigment grown in SRF (A) over 3 days, then streaked in a qualitative assay to check for growth. (C) mCherry cells were streaked again after 7 days growth in SRF. " /></a></li>
 +
                                   
 +
<li><a href="#"><img src="https://static.igem.org/mediawiki/2013/0/08/Thumbs_PBS_Plus_Waste2.jpg" data-large="https://static.igem.org/mediawiki/2013/1/19/PBS_Plus_Waste2.jpg" alt="image05" data-description="(A) SRF in PBS (phosphate buffered saline), a buffer. We can see from this experiment whether our bacteria can grow solely on the waste SRF. (B) Cells containing mCherry pigment grown in SRF (A) over 3 days, then streaked in a qualitative assay to check for growth. (C) mCherry cells were streaked again after 6 days growth in SRF." /></a></li>
 +
</ul>
 +
</div>
 +
</div>
 +
<!-- End Elastislide Carousel Thumbnail Viewer -->
 +
</div><!-- rg-thumbs -->
 +
</div><!-- rg-gallery -->
 +
<p class="sub">&nbsp;</p>
 +
  </div><!-- content -->
 +
</div><!-- container -->
 +
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
 +
<script type="text/javascript" src="http://www.synbiuk.org/igem/gallery/js/jquery.tmpl.min.js"></script>
 +
<script type="text/javascript" src="http://www.synbiuk.org/igem/gallery/js/jquery.easing.1.3.js"></script>
 +
<script type="text/javascript" src="http://www.synbiuk.org/igem/gallery/js/jquery.elastislide.js"></script>
 +
<script type="text/javascript" src="http://www.synbiuk.org/igem/gallery/js/gallery.js"></script>
</html>
</html>

Latest revision as of 13:03, 2 October 2013

 

Retrieved from "http://2013.igem.org/Team:Imperial_College/Templates/Carousel2"