Team:Sheffield/gallery

From 2014.igem.org

(Difference between revisions)
Line 17: Line 17:
<script type="text/javascript" src="https://2014.igem.org/Team:Sheffield/Template:easing.js?action=raw&ctype=text/javascript"></script>
<script type="text/javascript" src="https://2014.igem.org/Team:Sheffield/Template:easing.js?action=raw&ctype=text/javascript"></script>
 +
 +
 +
 +
 +
<script type="text/javascript" src="https://2014.igem.org/Team:Sheffield/Template:gellaryjquery.min.js?action=raw&ctype=text/javascript"></script>
 +
<script>
 +
$(function() {
 +
var pull = $('#pull');
 +
menu = $('nav ul');
 +
menuHeight = menu.height();
 +
$(pull).on('click', function(e) {
 +
e.preventDefault();
 +
menu.slideToggle();
 +
});
 +
$(window).resize(function(){
 +
        var w = $(window).width();
 +
        if(w > 320 && menu.is(':hidden')) {
 +
        menu.removeAttr('style');
 +
        }
 +
    });
 +
});
 +
</script>
 +
 +
<link rel="stylesheet" type="text/css" href="https://2014.igem.org/Team:Sheffield/Template:gellayjquery.fancybox.css?action=raw&ctype=text/css" media="screen" />
 +
<script type="text/javascript" src="https://2014.igem.org/Team:Sheffield/Template:gellaryjquery.fancybox-1.2.1.js?action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript">
 +
$(document).ready(function() {
 +
$("div.fancyDemo a").fancybox();
 +
});
 +
</script>
</head>
</head>
Line 46: Line 76:
<div id="portfoliolist">
<div id="portfoliolist">
<div class="portfolio icon mix_all" data-cat="icon" style="display: inline-block;width:25%; opacity: 1;">
<div class="portfolio icon mix_all" data-cat="icon" style="display: inline-block;width:25%; opacity: 1;">
-
    <div class="portfolio-wrapper">
+
    <div rel="group" class="portfolio-wrapper fancyDemo">
-
<a class="lightbox" href="#goofy">
+
<a rel="group" href="https://static.igem.org/mediawiki/2014/1/17/SheffieldWetlab2.jpg">
  <img src="https://static.igem.org/mediawiki/2014/1/17/SheffieldWetlab2.jpg"/>
  <img src="https://static.igem.org/mediawiki/2014/1/17/SheffieldWetlab2.jpg"/>
</a>  
</a>  
-
<div class="lightbox-target" id="goofy">
 
-
<img src="https://static.igem.org/mediawiki/2014/1/17/SheffieldWetlab2.jpg"/>
 
-
  <a class="lightbox-close" href="#"></a>
 
-
</div>
 
</div>
</div>
            </div>
            </div>
<div class="portfolio icon mix_all" data-cat="icon" style="display: inline-block;width:25%; opacity: 1;">
<div class="portfolio icon mix_all" data-cat="icon" style="display: inline-block;width:25%; opacity: 1;">
-
    <div class="portfolio-wrapper">
+
    <div class="portfolio-wrapper fancyDemo">
-
<a class="lightbox" href="#goofy">
+
<a rel="group" href="https://static.igem.org/mediawiki/2014/0/09/SheffieldWetlab1.jpg">
  <img src="https://static.igem.org/mediawiki/2014/0/09/SheffieldWetlab1.jpg"/>
  <img src="https://static.igem.org/mediawiki/2014/0/09/SheffieldWetlab1.jpg"/>
</a>  
</a>  
-
<div class="lightbox-target" id="goofy">
 
-
<img src="https://static.igem.org/mediawiki/2014/0/09/SheffieldWetlab1.jpg"/>
 
-
  <a class="lightbox-close" href="#"></a>
 
-
</div>
 
</div>
</div>
            </div>
            </div>
<div class="portfolio web mix_all" data-cat="web" style="display: inline-block;width:25%; opacity: 1;">
<div class="portfolio web mix_all" data-cat="web" style="display: inline-block;width:25%; opacity: 1;">
-
<div class="portfolio-wrapper">
+
<div class="portfolio-wrapper fancyDemo">
-
<a class="lightbox" href="#goofy">
+
<a rel="group" href="https://static.igem.org/mediawiki/2014/0/06/SheffieldVisit1.jpg">
  <img src="https://static.igem.org/mediawiki/2014/0/06/SheffieldVisit1.jpg"/>
  <img src="https://static.igem.org/mediawiki/2014/0/06/SheffieldVisit1.jpg"/>
</a>  
</a>  
-
<div class="lightbox-target" id="goofy">
 
-
<img src="https://static.igem.org/mediawiki/2014/0/06/SheffieldVisit1.jpg"/>
 
-
  <a class="lightbox-close" href="#"></a>
 
-
</div>
 
    </div>
    </div>
</div>
</div>
<div class="portfolio card mix_all" data-cat="card" style="display: inline-block;width:25%; opacity: 1;">
<div class="portfolio card mix_all" data-cat="card" style="display: inline-block;width:25%; opacity: 1;">
-
<div class="portfolio-wrapper">
+
<div class="portfolio-wrapper fancyDemo">
-
<a class="lightbox" href="#goofy">
+
<a rel="group" href="https://static.igem.org/mediawiki/2014/b/b8/SheffieldTeam1.jpg">
  <img src="https://static.igem.org/mediawiki/2014/b/b8/SheffieldTeam1.jpg"/>
  <img src="https://static.igem.org/mediawiki/2014/b/b8/SheffieldTeam1.jpg"/>
-
</a>  
+
</a>
-
<div class="lightbox-target" id="goofy">
+
-
<img src="https://static.igem.org/mediawiki/2014/b/b8/SheffieldTeam1.jpg"/>
+
-
  <a class="lightbox-close" href="#"></a>
+
-
</div>
+
    </div>
    </div>
</div>
</div>
<div class="portfolio logo mix_all" data-cat="logo" style="display: inline-block;width:25%; opacity: 1;">
<div class="portfolio logo mix_all" data-cat="logo" style="display: inline-block;width:25%; opacity: 1;">
-
<div class="portfolio-wrapper">
+
<div class="portfolio-wrapper fancyDemo">
-
<a class="lightbox" href="#goofy">
+
<a rel="group" href="https://static.igem.org/mediawiki/2014/e/e7/Home3.jpg">
  <img src="https://static.igem.org/mediawiki/2014/e/e7/Home3.jpg"/>
  <img src="https://static.igem.org/mediawiki/2014/e/e7/Home3.jpg"/>
-
</a>  
+
</a>
-
<div class="lightbox-target" id="goofy">
+
-
<img src="https://static.igem.org/mediawiki/2014/e/e7/Home3.jpg"/>
+
-
  <a class="lightbox-close" href="#"></a>
+
-
</div>
+
</div>
</div>
</div>
</div>
<div class="portfolio app mix_all" data-cat="app" style="display: inline-block;width:25%; opacity: 1;">
<div class="portfolio app mix_all" data-cat="app" style="display: inline-block;width:25%; opacity: 1;">
-
<div class="portfolio-wrapper">
+
<div class="portfolio-wrapper fancyDemo">
-
<a class="lightbox" href="#goofy">
+
<a rel="group" href="https://static.igem.org/mediawiki/2014/6/64/SheffieldBoot1.jpg">
  <img src="https://static.igem.org/mediawiki/2014/6/64/SheffieldBoot1.jpg"/>
  <img src="https://static.igem.org/mediawiki/2014/6/64/SheffieldBoot1.jpg"/>
-
</a>  
+
</a>
-
<div class="lightbox-target" id="goofy">
+
-
<img src="https://static.igem.org/mediawiki/2014/6/64/SheffieldBoot1.jpg"/>
+
-
  <a class="lightbox-close" href="#"></a>
+
-
</div>
+
    </div>
    </div>
</div>
</div>

Revision as of 03:48, 17 October 2014

Team Gallery

  • All
  • Boot Camp
  • Team Photos
  • Wet Labs
  • Meet Up
  • Waste Plant Visit