Team:Tsinghua/Team

From 2013.igem.org

(Difference between revisions)
Line 15: Line 15:
<div id="menu">
<div id="menu">
<div class="menu-item">
<div class="menu-item">
-
<span onclick="selectMenu(this.parentElement, 'Main Page')">
+
<span>
<a href="https://2013.igem.org/Team:Tsinghua/Main-Page">Main Page</a>
<a href="https://2013.igem.org/Team:Tsinghua/Main-Page">Main Page</a>
</span>
</span>
</div>
</div>
<div class="menu-item">
<div class="menu-item">
-
<span onclick="selectMenu(this.parentElement, 'Introduction')">Introduction</span>
+
<span>Introduction</span>
<div class="sub-menu">
<div class="sub-menu">
-
<div class="sub-menu-item" onclick="selectSubMenu(this, 'Introduction - Background')">
+
<div class="sub-menu-item">
<a href="https://2013.igem.org/Team:Tsinghua/Introduction-Background">Background</a>
<a href="https://2013.igem.org/Team:Tsinghua/Introduction-Background">Background</a>
</div>
</div>
-
<div class="sub-menu-item" onclick="selectSubMenu(this, 'Introduction - Challenge')">
+
<div class="sub-menu-item">
<a href="https://2013.igem.org/Team:Tsinghua/Introduction-Challenge">Challenge</a>
<a href="https://2013.igem.org/Team:Tsinghua/Introduction-Challenge">Challenge</a>
</div>
</div>
-
<div class="sub-menu-item" onclick="selectSubMenu(this, 'Introduction - Our Idea')">
+
<div class="sub-menu-item">
<a href="https://2013.igem.org/Team:Tsinghua/Introduction-Our-Idea">Our Idea</a>
<a href="https://2013.igem.org/Team:Tsinghua/Introduction-Our-Idea">Our Idea</a>
</div>
</div>
Line 34: Line 34:
</div>
</div>
<div class="menu-item">
<div class="menu-item">
-
<span onclick="selectMenu(this.parentElement, 'Project')">Project</span>
+
<span>Project</span>
<div class="sub-menu">
<div class="sub-menu">
-
<div class="sub-menu-item" onclick="selectSubMenu(this, 'Project - Overview')">
+
<div class="sub-menu-item">
<a href="https://2013.igem.org/Team:Tsinghua/Project-Overview">Overview</a>
<a href="https://2013.igem.org/Team:Tsinghua/Project-Overview">Overview</a>
</div>
</div>
-
<div class="sub-menu-item" onclick="selectSubMenu(this, 'Project - Part1: Sensor')">
+
<div class="sub-menu-item">
<a href="https://2013.igem.org/Team:Tsinghua/Project-Sensor">Part1: Sensor</a>
<a href="https://2013.igem.org/Team:Tsinghua/Project-Sensor">Part1: Sensor</a>
</div>
</div>
-
<div class="sub-menu-item" onclick="selectSubMenu(this, 'Project - Part2: Reporter')">
+
<div class="sub-menu-item">
<a href="https://2013.igem.org/Team:Tsinghua/Project-Reporter">Part2: Reporter</a>
<a href="https://2013.igem.org/Team:Tsinghua/Project-Reporter">Part2: Reporter</a>
</div>
</div>
-
<div class="sub-menu-item" onclick="selectSubMenu(this, 'Project - Part3: Switching System')">
+
<div class="sub-menu-item">
<a href="https://2013.igem.org/Team:Tsinghua/Project-Switching-System">Part3: Switching System</a>
<a href="https://2013.igem.org/Team:Tsinghua/Project-Switching-System">Part3: Switching System</a>
</div>
</div>
-
<div class="sub-menu-item" onclick="selectSubMenu(this, 'Project - Product')">
+
<div class="sub-menu-item">
<a href="https://2013.igem.org/Team:Tsinghua/Project-Product">Product</a>
<a href="https://2013.igem.org/Team:Tsinghua/Project-Product">Product</a>
</div>
</div>
-
<div class="sub-menu-item" onclick="selectSubMenu(this, 'Project - Summary')">
+
<div class="sub-menu-item">
<a href="https://2013.igem.org/Team:Tsinghua/Project-Summary">Summary</a>
<a href="https://2013.igem.org/Team:Tsinghua/Project-Summary">Summary</a>
</div>
</div>
Line 57: Line 57:
</div>
</div>
<div class="menu-item">
<div class="menu-item">
-
<span onclick="selectMenu(this.parentElement, 'Modelling')">
+
<span>
<a href="https://2013.igem.org/Team:Tsinghua/Modeling">Modeling</a>
<a href="https://2013.igem.org/Team:Tsinghua/Modeling">Modeling</a>
</span>
</span>
</div>
</div>
<div class="menu-item">
<div class="menu-item">
-
<span onclick="selectMenu(this.parentElement, 'Outreach')">Outreach</span>
+
<span>Outreach</span>
<div class="sub-menu">
<div class="sub-menu">
-
<div class="sub-menu-item" onclick="selectSubMenu(this, 'Outreach - Human practice')">
+
<div class="sub-menu-item">
<a href="https://2013.igem.org/Team:Tsinghua/Human-Practice">Human practice</a>
<a href="https://2013.igem.org/Team:Tsinghua/Human-Practice">Human practice</a>
</div>
</div>
-
<div class="sub-menu-item" onclick="selectSubMenu(this, 'Outreach - Safety')">
+
<div class="sub-menu-item">
<a href="https://2013.igem.org/Team:Tsinghua/OutReach-Satety">Safety</a>
<a href="https://2013.igem.org/Team:Tsinghua/OutReach-Satety">Safety</a>
</div>
</div>
-
<div class="sub-menu-item" onclick="selectSubMenu(this, 'Outreach - Collaboration')">
+
<div class="sub-menu-item">
<a href="https://2013.igem.org/Team:Tsinghua/OutReach-Collaboration">Collaboration</a>
<a href="https://2013.igem.org/Team:Tsinghua/OutReach-Collaboration">Collaboration</a>
</div>
</div>
Line 76: Line 76:
</div>
</div>
<div class="menu-item">
<div class="menu-item">
-
<span onclick="selectMenu(this.parentElement, 'Achievement')">Achievement</span>
+
<span>Achievement</span>
<div class="sub-menu">
<div class="sub-menu">
-
<div class="sub-menu-item" onclick="selectSubMenu(this, 'Achievement - BioBricks')">
+
<div class="sub-menu-item">
<a href="https://2013.igem.org/Team:Tsinghua/BioBricks">BioBricks</a>
<a href="https://2013.igem.org/Team:Tsinghua/BioBricks">BioBricks</a>
</div>
</div>
-
<div class="sub-menu-item" onclick="selectSubMenu(this, 'Achievement - Judging Criteria')">
+
<div class="sub-menu-item">
<a href="https://2013.igem.org/Team:Tsinghua/Achivement-Judging-Criteria">Judging Criteria</a>
<a href="https://2013.igem.org/Team:Tsinghua/Achivement-Judging-Criteria">Judging Criteria</a>
</div>
</div>
Line 87: Line 87:
</div>
</div>
<div class="menu-item">
<div class="menu-item">
-
<span onclick="selectMenu(this.parentElement, 'Notebook')">Notebook</span>
+
<span>Notebook</span>
<div class="sub-menu">
<div class="sub-menu">
-
<div class="sub-menu-item" onclick="selectSubMenu(this, 'Notebook - Protocol')">
+
<div class="sub-menu-item">
<a href="https://2013.igem.org/Team:Tsinghua/Notebook-Protocol">Protocol</a>
<a href="https://2013.igem.org/Team:Tsinghua/Notebook-Protocol">Protocol</a>
</div>
</div>
-
<div class="sub-menu-item" onclick="selectSubMenu(this, 'Notebook - Lablog')">
+
<div class="sub-menu-item">
<a href="https://2013.igem.org/Team:Tsinghua/Lablog">Lablog</a>
<a href="https://2013.igem.org/Team:Tsinghua/Lablog">Lablog</a>
</div>
</div>
Line 98: Line 98:
</div>
</div>
<div class="menu-item">
<div class="menu-item">
-
<span onclick="selectMenu(this.parentElement, 'Team')">
+
<span>
<a href="https://2013.igem.org/Team:Tsinghua/Team">Team</a><a>
<a href="https://2013.igem.org/Team:Tsinghua/Team">Team</a><a>
</a></span>
</a></span>
</div>
</div>
<div class="menu-item">
<div class="menu-item">
-
<span onclick="selectMenu(this.parentElement, 'Acknowledgement')">
+
<span>
<a href="https://2013.igem.org/Team:Tsinghua/Acknowledgement">Acknowledgement</a><a>
<a href="https://2013.igem.org/Team:Tsinghua/Acknowledgement">Acknowledgement</a><a>
</a></span>
</a></span>
</div>
</div>
 +
<script type="text/javascript">
 +
      setupMenu(7, 0);
 +
    </script>
</div>
</div>
</div>
</div>
Line 112: Line 115:
<div class="normal">
<div class="normal">
<style type="text/css">
<style type="text/css">
-
  .photo-row {
+
    .photo-row {
-
  }
+
    }
-
  .photo-row img {
+
    .photo-row img {
-
    width: 220px;
+
    width: 220px;
-
    height: auto;
+
    height: auto;
-
    margin: 10px 10px 5px 10px;
+
    margin: 10px 10px 5px 10px;
-
    border: 1px solid #AAAAAA;
+
    border: 1px solid #AAAAAA;
-
  }
+
    }
-
  .photo-desc {
+
    .photo-desc {
-
    margin: 0px 20px 0px 10px;
+
    margin: 0px 20px 0px 10px;
-
    background-color: white;
+
    background-color: white;
-
    padding:0.5em;
+
    padding: 0.5em;
-
    height: 60px;
+
    height: 60px;
-
  }
+
    }
-
 
+
 
-
  .photo-desc p {
+
    .photo-desc p {
-
    margin: 0.5em;
+
    margin: 0.5em;
-
  }
+
    }
-
 
+
 
-
  .photo-name {
+
    .photo-name {
-
  }
+
    }
-
 
+
 
-
  #gallery {
+
    #gallery {
-
    width: 750px;
+
    width: 750px;
-
    margin: auto;
+
    margin: auto;
-
  }
+
    }
-
 
+
 
-
    
+
   </style>
-
  </style>
+
<h1>Team</h1>
<h1>Team</h1>
<div id="gallery">
<div id="gallery">
Line 148: Line 150:
<img src="https://static.igem.org/mediawiki/2013/a/a1/Tsinghua-LiChaochang.jpg"/>
<img src="https://static.igem.org/mediawiki/2013/a/a1/Tsinghua-LiChaochang.jpg"/>
</div>
</div>
-
<div class="photo-desc">
+
<div class="photo-desc"></div>
-
</div>
+
<div class="photo-row">
<div class="photo-row">
<img src="https://static.igem.org/mediawiki/2013/6/6a/Tsinghua-YangTianfang.jpg"/>
<img src="https://static.igem.org/mediawiki/2013/6/6a/Tsinghua-YangTianfang.jpg"/>
Line 155: Line 156:
<img src="https://static.igem.org/mediawiki/2013/b/ba/Tsinghua-HouLingfeng.jpg"/>
<img src="https://static.igem.org/mediawiki/2013/b/ba/Tsinghua-HouLingfeng.jpg"/>
</div>
</div>
-
<div class="photo-desc">
+
<div class="photo-desc"></div>
-
</div>
+
<div class="photo-row">
<div class="photo-row">
<img src="https://static.igem.org/mediawiki/2013/a/ac/Tsinghua-LiXiaoyi.jpg"/>
<img src="https://static.igem.org/mediawiki/2013/a/ac/Tsinghua-LiXiaoyi.jpg"/>
Line 162: Line 162:
<img src="https://static.igem.org/mediawiki/2013/9/91/Tsinghua-ZhaoYanyan.jpg"/>
<img src="https://static.igem.org/mediawiki/2013/9/91/Tsinghua-ZhaoYanyan.jpg"/>
</div>
</div>
-
<div class="photo-desc">
+
<div class="photo-desc"></div>
-
</div>
+
<div class="photo-row">
<div class="photo-row">
<img src="https://static.igem.org/mediawiki/2013/0/07/Tsinghua-YangQian.jpg"/>
<img src="https://static.igem.org/mediawiki/2013/0/07/Tsinghua-YangQian.jpg"/>
Line 169: Line 168:
<img src="https://static.igem.org/mediawiki/2013/f/fd/Tsinghua-SunXiaochen.jpg"/>
<img src="https://static.igem.org/mediawiki/2013/f/fd/Tsinghua-SunXiaochen.jpg"/>
</div>
</div>
-
<div class="photo-desc">
+
<div class="photo-desc"></div>
-
</div>
+
<div class="photo-row">
<div class="photo-row">
<img src="https://static.igem.org/mediawiki/2013/8/81/Tsinghua-WangYuning.jpg"/>
<img src="https://static.igem.org/mediawiki/2013/8/81/Tsinghua-WangYuning.jpg"/>
Line 176: Line 174:
<img src="https://static.igem.org/mediawiki/2013/0/0b/Tsinghua-YangHe.jpg"/>
<img src="https://static.igem.org/mediawiki/2013/0/0b/Tsinghua-YangHe.jpg"/>
</div>
</div>
-
<div class="photo-desc">
+
<div class="photo-desc"></div>
-
</div>
+
<div class="photo-row">
<div class="photo-row">
<img src="https://static.igem.org/mediawiki/2013/f/f3/Tsinghua-FanXiao.jpg"/>
<img src="https://static.igem.org/mediawiki/2013/f/f3/Tsinghua-FanXiao.jpg"/>
Line 183: Line 180:
<img src="https://static.igem.org/mediawiki/2013/b/b5/Tsinghua-ShiXiaojing.jpg"/>
<img src="https://static.igem.org/mediawiki/2013/b/b5/Tsinghua-ShiXiaojing.jpg"/>
</div>
</div>
-
<div class="photo-desc">
+
<div class="photo-desc"></div>
-
</div>
+
</div>
</div>
<script type="text/javascript">
<script type="text/javascript">
-
var names = [["Zhu Meng", "SB is nothing but wired~but I like it, especially work with my team"],
+
    var names = [["Zhu Meng", "SB is nothing but wired~but I like it, especially work with my team"], ["Li JinYang", "Never mind the details, just enjoy the life."], ["Li Chaochang", "Love research, and love our team."], ["Yang Tianfang", "Real intelligent designers use evolution."], ["Lu Xinping", "Follow our hearts"], ["Hou Lingfeng", "I just really like yeast. Yum,"], ["Li Xiaoyi", "Love research, and enjoy life!"], ["Li Tianyi", "I feel strongly that I can make it."], ["Zhao Yanyan", "Happy together, with parents, with friends, with lovers, with life."], ["Yang Qian", "Not everything works, yet I try my best."], ["Shi Binbin", "It's cool to design, simulate and synthesize a life."], ["Sun Xiaochen", "Learn to be a scientist."], ["Wang Yuning", "Hello, Yeast!"], ["Huang Yanlan", "Walk with the earth mother."], ["Yang He", "Ready for something special."], ["Fan Xiao", "Those who don't believe in magic will never find it."], ["Wang Jun", "Is there anything else we cannot conquer?"], ["Shi Xiaojing", "I'm trying to make the world more beautiful"]];
-
["Li JinYang", "Never mind the details, just enjoy the life."],
+
    var descDivs = $("div.photo-desc");
-
["Li Chaochang", "Love research, and love our team."],
+
    $("#gallery img").hover(function() {
-
["Yang Tianfang", "Real intelligent designers use evolution."],
+
    var n = names.length;
-
["Lu Xinping", "Follow our hearts"],
+
    var row = Math.floor($(this).parent().index() / 2);
-
["Hou Lingfeng", "I just really like yeast. Yum,"],
+
    var i = $(this).index() + 3 * row;
-
["Li Xiaoyi", "Love research, and enjoy life!"],
+
    //alert('index:' + i + ', row: ' + row + ', n:' + n);
-
["Li Tianyi", "I feel strongly that I can make it."],
+
    $(descDivs.get(row)).html('<p><b>' + names[i][0] + '</b></p><p>' + names[i][1] + '</p>');
-
["Zhao Yanyan", "Happy together, with parents, with friends, with lovers, with life."],
+
    });
-
["Yang Qian", "Not everything works, yet I try my best."],
+
  </script>
-
["Shi Binbin", "It's cool to design, simulate and synthesize a life."],
+
-
["Sun Xiaochen", "Learn to be a scientist."],
+
-
["Wang Yuning", "Hello, Yeast!"],
+
-
["Huang Yanlan", "Walk with the earth mother."],
+
-
["Yang He", "Ready for something special."],
+
-
["Fan Xiao", "Those who don't believe in magic will never find it."],
+
-
["Wang Jun", "Is there anything else we cannot conquer?"],
+
-
["Shi Xiaojing", "I'm trying to make the world more beautiful"]];
+
-
  var descDivs = $("div.photo-desc");
+
-
  $("#gallery img").hover(function(){
+
-
    var n = names.length;
+
-
    var row = Math.floor($(this).parent().index() / 2);
+
-
    var i = $(this).index() + 3 * row;
+
-
    //alert('index:' + i + ', row: ' + row + ', n:' + n);
+
-
    $(descDivs.get(row)).html('<p><b>' + names[i][0] + '</b></p><p>' + names[i][1] + '</p>');
+
-
  });
+
-
  </script>
+
</div>
</div>
</div>
</div>
</div>
</div>
-
<script type="text/javascript">
 
-
  setupMenu();
 
-
  </script>
 
</body></html>
</body></html>

Revision as of 11:08, 27 September 2013

Team