Team:BNU-China/profile.html
From 2014.igem.org
(Difference between revisions)
(77 intermediate revisions not shown) | |||
Line 3: | Line 3: | ||
{{Team:BNU-China/head}} | {{Team:BNU-China/head}} | ||
<html> | <html> | ||
+ | <body> | ||
+ | <h1 align="center">Our Team Profile</h1> | ||
+ | <p>This is a team full of creativeness and happiness.</p> | ||
+ | <p><a href="https://igem.org/Team.cgi?id=1405">Visit our official profile</a></p> | ||
+ | |||
<script type="text/javascript"> | <script type="text/javascript"> | ||
- | + | $(document).ready(function() { | |
- | + | ||
+ | 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, | |
- | + | animationOptions: { | |
- | + | duration: speed, | |
+ | queue: false | ||
} | } | ||
- | + | }; | |
- | + | $wall.imagesLoaded(function(){ | |
- | + | ||
+ | $wall.masonry(masonryOptions); | ||
// Create array of filters from link href | // Create array of filters from link href | ||
- | + | var arrFilter = []; | |
- | + | $('#filtering-nav a').each(function(){ | |
- | + | fhash = $(this).attr('href').replace('#',''); | |
- | + | if(fhash != 'all'){ | |
- | + | arrFilter.push(fhash); | |
} | } | ||
}); | }); | ||
// Get the parameter value after the # symbol | // Get the parameter value after the # symbol | ||
- | + | var url=document.URL.split('#')[1]; | |
- | + | if(url == undefined){ | |
- | + | url = 'all'; | |
} | } | ||
- | + | $('#filtering-nav a.'+url).parent().addClass('active'); | |
- | + | if(jQuery.inArray(url, arrFilter) > '-1'){ | |
- | + | // set masonry options animate to 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(); | |
} | } | ||
// imageSetCss($(".box")); | // imageSetCss($(".box")); | ||
// run masonry again | // run masonry again | ||
- | + | $wall.masonry(masonryOptions); | |
// imageFadeIn($(".box")); | // imageFadeIn($(".box")); | ||
$wall.animate({opacity: 1},1000); | $wall.animate({opacity: 1},1000); | ||
Line 51: | Line 59: | ||
}); | }); | ||
- | + | $('#filtering-nav a').click(function(e){ | |
- | + | var color = $(this).attr('class'); | |
- | + | filterClass = '.' + color; | |
- | + | $('#filtering-nav li').removeClass('active'); | |
- | + | $(this).parent().addClass('active'); | |
- | + | if(filterClass=='.all') { | |
// show all hidden boxes | // show all hidden boxes | ||
- | + | $wall.children('.invis').toggleClass('invis').fadeIn(speed); | |
- | + | } else { | |
// hide visible boxes | // hide visible boxes | ||
- | + | $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.masonry({animate: true}); | $wall.masonry({animate: true}); | ||
Line 71: | Line 79: | ||
e.preventDefault(); | e.preventDefault(); | ||
}); | }); | ||
- | + | }); | |
- | + | $.fn.imagesLoaded = function(a) { | |
var | var | ||
b=this.find("img"), | b=this.find("img"), | ||
Line 95: | Line 103: | ||
}; | }; | ||
</script> | </script> | ||
- | + | ||
- | + | ||
- | + | ||
+ | |||
<!-- Begin Portfolio --> | <!-- Begin Portfolio --> | ||
<div id="portfolio"> | <div id="portfolio"> | ||
Line 109: | Line 118: | ||
<div class="clear"></div> | <div class="clear"></div> | ||
<div class="items"> | <div class="items"> | ||
- | <div class="box col4 cat1">< | + | <div class="box col4 cat1"><a title="Wang Xuan: Captain and general project designer" href="https://static.igem.org/mediawiki/2014/8/83/Bnu_wangxuan.jpg" rel="prettyPhoto"> <span class="overlay zoom" style="display: none;"></span><img src="https://static.igem.org/mediawiki/2014/d/db/Bnu_wangxuan1.jpg"> </a><p><br/><b>Wang Xuan</b><br/>Captain & General Project Design</p></div> |
- | <div class="box col4 cat1">< | + | |
- | <div class="box col4 cat1">< | + | |
- | <div class="box col4 cat1">< | + | <div class="box col4 cat1"><a title="Liu Bing: Wiki Designer & Lab work on Chemotaxis" href="https://static.igem.org/mediawiki/2014/9/90/Bnu_liubing.jpg" rel="prettyPhoto"> <span class="overlay zoom" style="display: none;"></span><img src="https://static.igem.org/mediawiki/2014/f/f1/Bnu_liubing1.jpg"> </a><p><br/><b>Liu Bing</b><br/>Wiki Design & Lab work</p></div> |
- | <div class="box col4 cat1">< | + | |
- | <div class="box col4 cat1">< | + | |
- | <div class="box col4 cat1">< | + | <div class="box col4 cat1"><a title="Zhangshu: Lab work on Chemotaxis" href="https://static.igem.org/mediawiki/2014/e/e4/Bnu_zhangshu.jpg" rel="prettyPhoto"> <span class="overlay zoom" style="display: none;"></span><img src="https://static.igem.org/mediawiki/2014/8/81/Bnu_zhangshu1.jpg"> </a><p><br/><b>Zhang Shu</b><br/>Lab work on Chemotaxis</p></div> |
- | <div class="box col4 cat1">< | + | |
- | <div class="box col4 cat1">< | + | |
- | + | <div class="box col4 cat1"><a title="Huang Junhao: Lab work on ModA" href="https://static.igem.org/mediawiki/2014/0/0f/Bnu_huangjunhao.jpg" rel="prettyPhoto"> <span class="overlay zoom" style="display: none;"></span><img src="https://static.igem.org/mediawiki/2014/0/07/Bnu_huangjunhao1.jpg"> </a><p><br/><b>Huang Junhao</b><br/>Lab work on ModA</p></div> | |
- | <div class="box col4 cat2">< | + | |
- | <div class="box col4 cat3">< | + | <div class="box col4 cat1"><a title="Sun Ningze: Lab work on ModA" href="https://static.igem.org/mediawiki/2014/6/63/Bnu_sunningze.jpg" rel="prettyPhoto"> <span class="overlay zoom" style="display: none;"></span><img src="https://static.igem.org/mediawiki/2014/d/d7/Bnu_sunningze1.jpg"> </a><p><br/><b>Sun Ningze</b><br/>Lab work on ModA</p></div> |
- | + | ||
- | <div class="box col4 cat3">< | + | <div class="box col4 cat1"><a title="Feng Jing: Lab work and others" href="https://static.igem.org/mediawiki/2014/2/29/Bnu_fengjing.jpg" rel="prettyPhoto"> <span class="overlay zoom" style="display: none;"></span><img src="https://static.igem.org/mediawiki/2014/a/a8/Bnu_fengjing1.jpg"> </a><p><br/><b>Feng Jing</b><br/>Lab work and others</p></div> |
- | + | ||
+ | |||
+ | <div class="box col4 cat1"><a title="Wu Hanqin: Art" href="https://static.igem.org/mediawiki/2014/4/41/Bnu_huhanqing.jpg" rel="prettyPhoto"> <span class="overlay zoom" style="display: none;"></span><img src="https://static.igem.org/mediawiki/2014/d/d0/Bnu_huhanqing1.jpg"> </a><p><br/><b>Wu Hanqin</b><br/>Art</p></div> | ||
+ | |||
+ | |||
+ | <div class="box col4 cat1"><a title="Hou Yueling: General Project Design, Policy and Practice" href="https://static.igem.org/mediawiki/2014/b/b5/Bnu_houyuelong.jpg" rel="prettyPhoto"> <span class="overlay zoom" style="display: none;"></span><img src="https://static.igem.org/mediawiki/2014/d/db/Bnu_houyuelong1.jpg"> </a><p><br/><b>Hou Yuelong</b><br/>General Project Design&Practice</p></div> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <div class="box col4 cat1"><a title="Li Siyao: Modeling" href="https://static.igem.org/mediawiki/2014/0/01/Bnu_lisiyao.jpg" rel="prettyPhoto"> <span class="overlay zoom" style="display: none;"></span><img src="https://static.igem.org/mediawiki/2014/5/54/Bnu_lisiyao1.jpg"> </a><p><br/><b>Li Siyao</b><br/>Modelling</p></div> | ||
+ | |||
+ | |||
+ | <div class="box col4 cat1"><a title="Huang Shengnan: Lab work on Chemotaxis" href="https://static.igem.org/mediawiki/2014/d/dd/Bnu_huangshengnan.jpg" rel="prettyPhoto"> <span class="overlay zoom" style="display: none;"></span><img src="https://static.igem.org/mediawiki/2014/c/c3/Bnu_huangshengnan1.jpg"> </a><p><br/><b>Huang Shengnan</b><br/>Lab work on chemotaxis</p></div> | ||
+ | |||
+ | |||
+ | <div class="box col4 cat1"><a title="Han Zhaomin: Lab work" href="https://static.igem.org/mediawiki/2014/c/cc/Bnu_hanzhaomin.jpg" rel="prettyPhoto"> <span class="overlay zoom" style="display: none;"></span><img src="https://static.igem.org/mediawiki/2014/b/b1/Bnu_hanzhaomin1.jpg"> </a><p><br/><b>Han Zhaomin</b><br/>Lab work</p></div> | ||
+ | |||
+ | |||
+ | <div class="box col4 cat1"><a title="Luo Ziyu: Lab work" href="https://static.igem.org/mediawiki/2014/6/61/Bnu_luoziyu.jpg" rel="prettyPhoto"> <span class="overlay zoom" style="display: none;"></span><img src="https://static.igem.org/mediawiki/2014/2/24/Bnu_luoziyu1.jpg"> </a><p><br/><b>Luo Ziyu</b><br/>Lab work</p></div> | ||
+ | |||
+ | <div class="box col4 cat1"><a title="Huang Li: Safety design" href="https://static.igem.org/mediawiki/2014/5/5e/Bnu_huangli.jpg" rel="prettyPhoto"> <span class="overlay zoom" style="display: none;"></span><img src="https://static.igem.org/mediawiki/2014/0/05/Bnu_huangli1.jpg"> </a><p><br/><b>Huang Li</b><br/>Safety design</p></div> | ||
+ | |||
+ | |||
+ | <div class="box col4 cat1"><a title="Yu Xiaoyu: Safety and modeling" href="https://static.igem.org/mediawiki/2014/f/f4/Bnu_yuxiaoyu.jpg" rel="prettyPhoto"> <span class="overlay zoom" style="display: none;"></span><img src="https://static.igem.org/mediawiki/2014/5/5c/Bnu_yuxiaoyu1.jpg"> </a><p><br/><b>Yu Xiaoyu</b><br/>Safety & modeling</p></div> | ||
+ | |||
+ | <div class="box col4 cat1"><a title="Ma Di: Others" href="https://static.igem.org/mediawiki/2014/a/ae/Bnu_madi.jpg" rel="prettyPhoto"> <span class="overlay zoom" style="display: none;"></span><img src="https://static.igem.org/mediawiki/2014/b/bd/Bnu_madi1.jpg"> </a><p><br/><b>Ma Di</b><br/>Others</p></div> | ||
+ | |||
+ | |||
+ | |||
+ | <div class="box col4 cat1"><a title="Cheng Xiaoheng: Others" href="https://static.igem.org/mediawiki/2014/6/6d/Bnu_chengxiaoheng.jpg" rel="prettyPhoto"> <span class="overlay zoom" style="display: none;"></span><img src="https://static.igem.org/mediawiki/2014/a/af/Bnu_chengxiaoheng1.jpg"> </a><p><br/><b>Cheng Xiaoheng</b><br/>Others</p></div> | ||
+ | |||
+ | |||
+ | <div class="box col4 cat2"><a title="Ren Qidong: He is our advisor" href="https://static.igem.org/mediawiki/2014/5/5a/Bnu_renqidong.jpg" rel="prettyPhoto"> <span class="overlay zoom" style="display: none;"></span><img src="https://static.igem.org/mediawiki/2014/2/23/Bnu_reqidong1.jpg"> </a><p><br/><br/><b>Ren Qidong</b><br/></p></div> | ||
+ | |||
+ | |||
+ | <div class="box col4 cat2"><a title="Huo Liang: He is our advisor" href="https://static.igem.org/mediawiki/2014/6/6a/Bnu_huoliang.jpg" rel="prettyPhoto"> <span class="overlay zoom" style="display: none;"></span><img src="https://static.igem.org/mediawiki/2014/e/e5/Bnu_huoliang1.jpg"> </a><p><br/><br/><b>Huo Liang</b><br/></p></div> | ||
+ | |||
+ | |||
+ | <div class="box col4 cat3"><a title="Dr: Xiang Benqiong: She is our instructor" href="https://static.igem.org/mediawiki/2014/a/a2/Bnu_xiangbenqiong1.gif" rel="prettyPhoto"> <span class="overlay zoom" style="display: none;"></span><img src="https://static.igem.org/mediawiki/2014/a/a2/Bnu_xiangbenqiong1.gif"> </a><p><br/><br/><b>Dr: Xiang Benqiong</b><br/></p></div> | ||
+ | |||
+ | |||
+ | <div class="box col4 cat3"><a title="Dr: Zhu Xudong: He is our instructor" href="https://static.igem.org/mediawiki/2014/f/f2/Bnu_zhuxudong.jpg" rel="prettyPhoto"> <span class="overlay zoom" style="display: none;"></span><img src="https://static.igem.org/mediawiki/2014/3/3a/Bnu_zhuxudong1.jpg"> </a><p><br/><br/><b>Dr: Zhu Xudong</b><br /></p></div> | ||
+ | |||
+ | |||
+ | <div class="box col4 cat3"><a title="Dr: Yang Dong: He is our instructor" href="https://static.igem.org/mediawiki/2014/a/ae/Bnu_yangdong.jpg" rel="prettyPhoto"> <span class="overlay zoom" style="display: none;"></span><img src="https://static.igem.org/mediawiki/2014/7/73/Bnu_yangdong1.jpg"> </a><p><br/><br/><b>Dr: Yang Dong</b><br /></p></div> | ||
<!-- .wrap --> | <!-- .wrap --> | ||
</div> | </div> | ||
<!-- End Portfolio --> | <!-- End Portfolio --> | ||
+ | <div class="footer-top"></div> | ||
+ | <h2>Supplemental</h2> | ||
+ | <p>The photo of our group:</P> | ||
+ | <ol> | ||
+ | <li> | ||
+ | <a href="https://static.igem.org/mediawiki/2014/4/4e/Bnu_team1.jpg?action=raw" target="_blank">Normal</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://static.igem.org/mediawiki/2014/3/39/Bnu_team2.jpg?action=raw" target="_blank">Abnormal</a> | ||
+ | </li> | ||
+ | </ol> | ||
+ | </div> | ||
+ | </body> | ||
</html> | </html> | ||
{{Team:BNU-China/foot}} | {{Team:BNU-China/foot}} |
Latest revision as of 03:35, 18 October 2014
Our Team Profile
This is a team full of creativeness and happiness.
Supplemental
The photo of our group:
The Story of E.coli Prometheus
BNU-China