Team:BNU-China/profile.html
From 2014.igem.org
(Difference between revisions)
(67 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"> | ||
+ | $(document).ready(function() { | ||
+ | |||
+ | var | ||
+ | speed = 1000, // animation speed | ||
+ | $wall = $('#portfolio .items'), | ||
+ | |||
+ | 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 | ||
+ | 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 | ||
+ | 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 | ||
+ | $wall.children().not('.'+url).toggleClass('invis').hide(); | ||
+ | } | ||
+ | // imageSetCss($(".box")); | ||
+ | // run masonry again | ||
+ | $wall.masonry(masonryOptions); | ||
+ | // imageFadeIn($(".box")); | ||
+ | $wall.animate({opacity: 1},1000); | ||
+ | |||
+ | }); | ||
+ | |||
+ | $('#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 | ||
+ | $wall.children('.invis').toggleClass('invis').fadeIn(speed); | ||
+ | } else { | ||
+ | // hide visible boxes | ||
+ | $wall.children().not(filterClass).not('.invis').toggleClass('invis').fadeOut(speed); | ||
+ | // show hidden boxes | ||
+ | $wall.children(filterClass+'.invis').toggleClass('invis').fadeIn(speed); | ||
+ | } | ||
+ | $wall.masonry({animate: true}); | ||
+ | // set hash in URL | ||
+ | location.hash = color; | ||
+ | e.preventDefault(); | ||
+ | }); | ||
+ | }); | ||
+ | $.fn.imagesLoaded = function(a) { | ||
+ | var | ||
+ | b=this.find("img"), | ||
+ | c=[], | ||
+ | d=this, | ||
+ | e=b.length; | ||
+ | |||
+ | if(!b.length){ | ||
+ | a.call(this); | ||
+ | return this | ||
+ | } | ||
+ | b.one("load error",function(){ | ||
+ | --e===0&&(e=b.length,b.one("load error",function(){ | ||
+ | --e===0&&a.call(d)}).each(function(){ | ||
+ | this.src=c.shift() | ||
+ | }) | ||
+ | )} | ||
+ | ).each(function(){ | ||
+ | c.push(this.src),this.src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==" | ||
+ | }); | ||
+ | return this | ||
+ | }; | ||
+ | </script> | ||
+ | |||
+ | |||
+ | |||
+ | |||
<!-- Begin Portfolio --> | <!-- Begin Portfolio --> | ||
<div id="portfolio"> | <div id="portfolio"> | ||
Line 17: | 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"><img class=" | + | <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 cat2">< | + | <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