Team:Tsinghua/Team

From 2013.igem.org

(Difference between revisions)
 
(4 intermediate revisions not shown)
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">
-
Human practice
+
<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">
-
BioBricks
+
<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">
-
Lablog
+
<a href="https://2013.igem.org/Team:Tsinghua/Lablog">Lablog</a>
-
</div>
+
</div>
</div>
</div>
</div>
</div>
<div class="menu-item">
<div class="menu-item">
-
<span onclick="selectMenu(this.parentElement, 'Team')">Team</span>
+
<span>
 +
<a href="https://2013.igem.org/Team:Tsinghua/Team">Team</a><a>
 +
</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">
 +
      initialize();
 +
      setupMenu(7, 0);
 +
    </script>
</div>
</div>
</div>
</div>
Line 110: Line 116:
<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 146: Line 151:
<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 153: Line 157:
<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 160: Line 163:
<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 167: Line 169:
<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 174: Line 175:
<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 181: Line 181:
<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>

Latest revision as of 20:59, 27 September 2013

Team