Team:BNU-China/profile.html

From 2014.igem.org

(Difference between revisions)
 
(83 intermediate revisions not shown)
Line 1: Line 1:
-
{{Team:BNU-China/CSS/clean}}
 
{{Team:BNU-China/CSS/main}}
{{Team:BNU-China/CSS/main}}
{{Team:BNU-China/CSS/prettyPhoto.css}}
{{Team:BNU-China/CSS/prettyPhoto.css}}
Line 5: Line 4:
<html>
<html>
<body>
<body>
-
<!--把下面代码加到<body>与</body>之间-->
+
      <h1 align="center">Our Team Profile</h1>
-
<SCRIPT LANGUAGE="JavaScript">
+
      <p>This is a team full of creativeness and happiness.</p>
-
<!-- Begin
+
      <p><a href="https://igem.org/Team.cgi?id=1405">Visit our official profile</a></p>
-
var ns = (document.layers)?1:0;
+
-
  var imgwidth=40;
+
-
  var imgheight=40;
+
-
  var button = Array();
+
-
  button[0]=new Image();
+
-
  button[0].src="https://static.igem.org/mediawiki/2014/0/0d/Bnu_IGEMsmall.png";
+
-
  button[1]=new Image();
+
-
  button[1].src="https://static.igem.org/mediawiki/2014/0/0d/Bnu_IGEMsmall.png";
+
-
var text="<table width=10 bgcolor=#ffffff><td><a href='javascript:showhideAnimation()'><center><img name='Button' src='"+button[0].src+"' width='"+imgwidth+"' height='"+imgheight+"' border='0'></center></a></font></td></table>"
+
-
if (ns) {
+
-
  document.write("<LAYER NAME='FlyOnOff' LEFT=0 TOP=0>"+text+"</LAYER>");
+
-
  horz=".left";
+
-
  vert=".top";
+
-
  docStyle="document.";
+
-
  styleDoc="";
+
-
  innerW="window.innerWidth";
+
-
  innerH="window.innerHeight";
+
-
  offsetX="window.pageXOffset";
+
-
  offsetY="window.pageYOffset";
+
-
  }else {
+
-
  document.write("<div id='FlyOnOff' style='position:absolute; visibility:show; left:235px; top:-50px; z-index:2'>"+text+"</div>");
+
-
  horz=".pixelLeft";
+
-
  vert=".pixelTop";
+
-
  docStyle="";
+
-
  styleDoc=".style";
+
-
  innerW="document.body.clientWidth";
+
-
  innerH="document.body.clientHeight";
+
-
  offsetX="document.body.scrollLeft";
+
-
  offsetY="document.body.scrollTop";
+
-
  }
+
-
function checkLocation() {
+
-
  objectXY="FlyOnOff";
+
-
  var availableX=eval(innerW);
+
-
  var availableY=eval(innerH);
+
-
  var currentX=eval(offsetX);
+
-
  var currentY=eval(offsetY);
+
-
  x=availableX-(imgwidth+30)+currentX;
+
-
  y=availableY-(imgheight+20)+currentY;
+
-
  eval(docStyle + objectXY + styleDoc + horz + "=" + x);
+
-
  eval(docStyle + objectXY + styleDoc + vert + "=" + y);
+
-
  }
+
-
setInterval('checkLocation()', 10);
+
-
(document.layers)?window.captureEvents(Event.MOUSEMOVE):0;
+
-
  (document.layers)?window.onMouseMove=getMousePosition:document.onmousemove=getMousePosition;
+
-
var Dot_Ro=60;
+
<script type="text/javascript">
-
  var Dot_Theta=0;
+
$(document).ready(function() {
-
  var Dot_Speed;
+
-
  var Dot_Direction=1;
+
      var  
-
  var Dot_x=0;
+
        speed = 1000,  // animation speed
-
  var Dot_y=0;
+
        $wall = $('#portfolio .items'),
-
var alpha;
+
-
  var mult;
+
-
  var picX = 20;
+
-
  var picY = 100;
+
-
  var mouseX = 0;
+
-
  var mouseY = 0;
+
-
  var step = 10;
+
-
  var speed = 100;
+
-
var dir = Array();
+
-
  dir[-4]="https://static.igem.org/mediawiki/2014/0/0d/Bnu_IGEMsmall.png";
+
-
  dir[-1]="https://static.igem.org/mediawiki/2014/0/0d/Bnu_IGEMsmall.png";
+
-
  dir[-2]="https://static.igem.org/mediawiki/2014/0/0d/Bnu_IGEMsmall.png";
+
-
  dir[-3]="https://static.igem.org/mediawiki/2014/0/0d/Bnu_IGEMsmall.png";
+
-
  dir[3]="https://static.igem.org/mediawiki/2014/0/0d/Bnu_IGEMsmall.png";
+
-
  dir[4]="https://static.igem.org/mediawiki/2014/0/0d/Bnu_IGEMsmall.png";
+
-
  dir[1]="https://static.igem.org/mediawiki/2014/0/0d/Bnu_IGEMsmall.png";
+
-
  dir[2]="https://static.igem.org/mediawiki/2014/0/0d/Bnu_IGEMsmall.png";
+
-
  dir[0]="https://static.igem.org/mediawiki/2014/0/0d/Bnu_IGEMsmall.png";
+
-
var img = Array();
+
-
  for (var i=-4; i<5; i++){
+
-
  img[i]=new Image();
+
-
  img[i].src=""+dir[i];
+
-
  }
+
-
if (ns) {
+
-
  document.write("<LAYER NAME='FlyDiv' LEFT=0 TOP=0><img src="+img[1].src+" name='pic'></LAYER>");
+
-
  }else {
+
-
  document.write("<div id='FlyDiv' style='position:absolute'>");
+
-
  document.write("<img name='pic' src=" + img[1].src + "></div>");
+
-
  }
+
-
function display(direction) {
+
-
  if (ns) {
+
-
  document.pic.src = img[direction].src;
+
-
  }else{
+
-
  pic.src = img[direction].src;
+
-
  }
+
-
  }
+
-
function getMousePosition(e) {
+
-
  mouseY=(ns)?e.pageY:window.event.y + document.body.scrollTop;
+
-
  mouseX=(ns)?e.pageX:window.event.x + document.body.scrollLeft;
+
-
  }
+
-
function calcNewPos() {
+
-
  var dist=Math.sqrt(Math.pow(mouseY-picY,2) + Math.pow(mouseX-picX,2));
+
-
   Dot_Speed=Math.PI/15;
+
-
  Dot_Theta+=Dot_Direction*Dot_Speed;
+
-
  Dot_x=mouseX+Dot_Ro*Math.cos(Dot_Theta);
+
-
  Dot_y=mouseY+Dot_Ro*Math.sin(Dot_Theta);
+
-
  var arg = (Dot_y-picY) / (Dot_x-picX);
+
-
  mult = (Dot_x - picX < 0)? mult = -1:1;
+
-
  alpha = Math.atan(arg);
+
-
  var dx = mult * step * Math.cos(alpha);
+
-
  var dy = mult * step * Math.sin(alpha);
+
-
  picX += dx;
+
-
  picY += dy;
+
-
  }
+
-
function showhideAnimation() {
+
-
  if (ns) {
+
-
  document.layers['FlyDiv'].visibility=document.layers['FlyDiv'].visibility=="hide"?"show":"hide";
+
-
  document.Button.src = document.layers['FlyDiv'].visibility=="hide"?button[1].src:button[0].src;
+
-
  }else {
+
-
  FlyDiv.style.visibility=="hidden"?FlyDiv.style.visibility = "visible":FlyDiv.style.visibility = "hidden";
+
-
  Button.src = FlyDiv.style.visibility=="hidden"?button[1].src:button[0].src;
+
-
  }
+
-
  }
+
-
function gs9768() {
+
-
  calcNewPos();
+
-
  if (ns) {
+
-
  document.layers['FlyDiv'].left = picX;
+
-
  document.layers['FlyDiv'].top = picY;
+
-
  }else{
+
-
  FlyDiv.style.left = picX - pic.width / 2;
+
-
  FlyDiv.style.top = picY - pic.height / 2;
+
-
  }
+
-
alpha=-180*alpha/Math.PI;
+
-
  alpha+=22.5;
+
-
  var OK=0;
+
-
  for(var i=0; (i<4)&& !OK; i++){
+
-
  if (alpha<-Math.PI+45*i){
+
-
  display(mult*(i+1));
+
-
  OK=1;
+
-
  }
+
-
  }
+
-
  }
+
-
function ChangeDotDirection() {
+
-
  Dot_Direction=-Dot_Direction;
+
-
  Dot_Theta+=Math.PI;
+
-
  }
+
-
setInterval('gs9768()', speed);
+
-
  setInterval('ChangeDotDirection()', speed*50);
+
-
// End -->
+
-
</SCRIPT>
+
-
</body>
+
 +
        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 -->
 +
      <div id="portfolio">
 +
        <ul id="filtering-nav">
 +
          <li>Filter:</li>
 +
          <li><a class="all" href="#all">All</a></li>
 +
          <li><a class="cat1" href="#cat1">Students</a></li>
 +
          <li><a class="cat2" href="#cat2">Advisors</a></li>
 +
          <li><a class="cat3" href="#cat3">Instructors</a></li>
 +
        </ul>
 +
        <div class="clear"></div>
 +
        <div class="items">
 +
          <div class="box col4 cat1"><a title="Wang Xuan:&nbsp;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"><a title="Liu Bing:&nbsp;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"><a title="Zhangshu:&nbsp;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"><a title="Huang Junhao:&nbsp;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 cat1"><a title="Sun Ningze:&nbsp;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 cat1"><a title="Feng Jing:&nbsp;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:&nbsp;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:&nbsp;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:&nbsp;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:&nbsp;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:&nbsp;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:&nbsp;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:&nbsp;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:&nbsp;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:&nbsp;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:&nbsp;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:&nbsp;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:&nbsp;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:&nbsp;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:&nbsp;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:&nbsp;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 -->
 +
    </div>
 +
    <!-- 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

1 2

Our Team Profile

This is a team full of creativeness and happiness.

Visit our official profile


Wang Xuan
Captain & General Project Design


Liu Bing
Wiki Design & Lab work


Zhang Shu
Lab work on Chemotaxis


Huang Junhao
Lab work on ModA


Sun Ningze
Lab work on ModA


Feng Jing
Lab work and others


Wu Hanqin
Art


Hou Yuelong
General Project Design&Practice


Li Siyao
Modelling


Huang Shengnan
Lab work on chemotaxis


Han Zhaomin
Lab work


Luo Ziyu
Lab work


Huang Li
Safety design


Yu Xiaoyu
Safety & modeling


Ma Di
Others


Cheng Xiaoheng
Others



Ren Qidong



Huo Liang



Dr: Xiang Benqiong



Dr: Zhu Xudong



Dr: Yang Dong

Supplemental

The photo of our group:

  1. Normal
  2. Abnormal

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