Team:BNU-China/profile.html

From 2014.igem.org

(Difference between revisions)
Line 4: Line 4:
<html>
<html>
<script type="text/javascript">
<script type="text/javascript">
-
    $(document).ready(function() {
+
$(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)',
+
 
-
        animate: true,
+
          itemSelector: '.box:not(.invis)',
-
        animationOptions: {
+
          animate: true,
-
        duration: speed,
+
          animationOptions: {
-
        queue: false
+
            duration: speed,
 +
            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 51: Line 54:
});
});
-
$('#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 71: Line 74:
e.preventDefault();
e.preventDefault();
});
});
-
      });
+
});
-
    $.fn.imagesLoaded = function(a) {
+
$.fn.imagesLoaded = function(a) {
var  
var  
b=this.find("img"),
b=this.find("img"),
Line 94: Line 97:
return this
return this
};
};
-
  </script>  
+
</script>
-
      <h2>Our Team Profile</h2>
+
 
 +
    <h2>Our Team Profile</h2>
     <p>This is a team full of creative and happiness.</p>
     <p>This is a team full of creative and happiness.</p>
      
      

Revision as of 13:44, 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"