Team:BNU-China/profile.html

From 2014.igem.org

(Difference between revisions)
Line 4: Line 4:
{{Team:BNU-China/head}}  
{{Team:BNU-China/head}}  
<html>
<html>
-
    <script type="text/javascript">
+
<body>
-
$(document).ready(function() {
+
<script type="text/javascript">
-
+
    $(document).ready(function() {
-
      var  
+
        var  
         speed = 1000,  // animation speed
         speed = 1000,  // animation speed
         $wall = $('#portfolio .items'),
         $wall = $('#portfolio .items'),
         masonryOptions = {        // initial masonry options
         masonryOptions = {        // initial masonry options
-
 
+
        itemSelector: '.box:not(.invis)',
-
          itemSelector: '.box:not(.invis)',
+
        animate: true,
-
          animate: true,
+
        animationOptions: {
-
          animationOptions: {
+
        duration: speed,
-
            duration: speed,
+
        queue: false
-
            queue: false
+
           }
           }
-
        };
+
    };
-
$wall.imagesLoaded(function(){
+
    $wall.imagesLoaded(function(){
-
+
    $wall.masonry(masonryOptions);
-
$wall.masonry(masonryOptions);
+
// Create array of filters from link href
// Create array of filters from link href
-
var arrFilter = [];
+
    var arrFilter = [];
-
$('#filtering-nav a').each(function(){
+
    $('#filtering-nav a').each(function(){
-
fhash = $(this).attr('href').replace('#','');
+
    fhash = $(this).attr('href').replace('#','');
-
if(fhash != 'all'){
+
    if(fhash != 'all'){
-
arrFilter.push(fhash);
+
        arrFilter.push(fhash);
}
}
});
});
//  Get the parameter value after the # symbol
//  Get the parameter value after the # symbol
-
var url=document.URL.split('#')[1];
+
    var url=document.URL.split('#')[1];
-
if(url == undefined){
+
    if(url == undefined){
-
url = 'all';
+
url = 'all';
}
}
-
$('#filtering-nav a.'+url).parent().addClass('active');
+
    $('#filtering-nav a.'+url).parent().addClass('active');
-
if(jQuery.inArray(url, arrFilter) > '-1'){
+
if(jQuery.inArray(url, arrFilter) > '-1'){
-
// set masonry options animate to false
+
// set masonry options animate to false
-
masonryOptions.animate = false;
+
masonryOptions.animate = false;
// hide boxes that don't match the filter class
// hide boxes that don't match the filter class
-
$wall.children().not('.'+url).toggleClass('invis').hide();
+
$wall.children().not('.'+url).toggleClass('invis').hide();
}
}
// imageSetCss($(".box"));
// imageSetCss($(".box"));
// run masonry again
// run masonry again
-
$wall.masonry(masonryOptions);
+
$wall.masonry(masonryOptions);
// imageFadeIn($(".box"));
// imageFadeIn($(".box"));
$wall.animate({opacity: 1},1000);
$wall.animate({opacity: 1},1000);
Line 55: Line 53:
});
});
-
$('#filtering-nav a').click(function(e){
+
$('#filtering-nav a').click(function(e){
-
var color = $(this).attr('class');
+
var color = $(this).attr('class');
-
filterClass = '.' + color;
+
filterClass = '.' + color;
-
$('#filtering-nav li').removeClass('active');
+
$('#filtering-nav li').removeClass('active');
-
$(this).parent().addClass('active');
+
$(this).parent().addClass('active');
-
if(filterClass=='.all') {
+
if(filterClass=='.all') {
  // show all hidden boxes
  // show all hidden boxes
-
  $wall.children('.invis').toggleClass('invis').fadeIn(speed);
+
            $wall.children('.invis').toggleClass('invis').fadeIn(speed);
-
} else {
+
} else {
  // hide visible boxes  
  // hide visible boxes  
-
  $wall.children().not(filterClass).not('.invis').toggleClass('invis').fadeOut(speed);
+
            $wall.children().not(filterClass).not('.invis').toggleClass('invis').fadeOut(speed);
  // show hidden boxes
  // show hidden boxes
-
  $wall.children(filterClass+'.invis').toggleClass('invis').fadeIn(speed);
+
                  $wall.children(filterClass+'.invis').toggleClass('invis').fadeIn(speed);
}
}
$wall.masonry({animate: true});
$wall.masonry({animate: true});
Line 75: Line 73:
e.preventDefault();
e.preventDefault();
});
});
-
});
+
      });
-
$.fn.imagesLoaded = function(a) {
+
    $.fn.imagesLoaded = function(a) {
var  
var  
b=this.find("img"),
b=this.find("img"),
Line 131: Line 129:
     </div>
     </div>
     <!-- End Portfolio -->
     <!-- End Portfolio -->
 +
</body>
</html>
</html>
{{Team:BNU-China/foot}}
{{Team:BNU-China/foot}}

Revision as of 12:54, 31 July 2014

1 2

Our Team Profile

This is a team full of creative and happiness.

Wang Xuan
Captain
Liu Bing
Wiki Design
Feng Jing
Lab work
Wu Hanqin
Art
Huang Li
public outreach
Hou Yuelong
Safety design
Li Siyao
Modelling
Zhang Shu
Deliever system design
Huang Shengnan
...
Ren Qidong
Huo Liang
Dr: Xiang Benqiong
Dr: Zhu Xudong
Dr: Yang Dong

Retrieved from "http://2014.igem.org/Team:BNU-China/profile.html"