Team:Tsinghua/Team
From 2013.igem.org
(Difference between revisions)
Line 3: | Line 3: | ||
{{Tsinghua:Navigation-Script}} | {{Tsinghua:Navigation-Script}} | ||
<html><body> | <html><body> | ||
- | |||
- | |||
- | |||
<div id="main"> | <div id="main"> | ||
<div id="header"> | <div id="header"> | ||
<div id="team-logo"> | <div id="team-logo"> | ||
- | <img src="https://static.igem.org/mediawiki/2013/b/bb/Tsinghua-title2.png" width="100%"/> | + | <a href="https://2013.igem.org/Team:Tsinghua/Main-Page"><img src="https://static.igem.org/mediawiki/2013/b/bb/Tsinghua-title2.png" width="100%"/></a> |
</div> | </div> | ||
</div> | </div> | ||
Line 68: | Line 65: | ||
<div class="sub-menu"> | <div class="sub-menu"> | ||
<div class="sub-menu-item" onclick="selectSubMenu(this, 'Outreach - Human practice')"> | <div class="sub-menu-item" onclick="selectSubMenu(this, 'Outreach - Human practice')"> | ||
- | + | Human practice | |
- | + | </div> | |
<div class="sub-menu-item" onclick="selectSubMenu(this, 'Outreach - Safety')"> | <div class="sub-menu-item" onclick="selectSubMenu(this, 'Outreach - Safety')"> | ||
<a href="https://2013.igem.org/Team:Tsinghua/OutReach-Satety">Safety</a> | <a href="https://2013.igem.org/Team:Tsinghua/OutReach-Satety">Safety</a> | ||
Line 82: | Line 79: | ||
<div class="sub-menu"> | <div class="sub-menu"> | ||
<div class="sub-menu-item" onclick="selectSubMenu(this, 'Achievement - BioBricks')"> | <div class="sub-menu-item" onclick="selectSubMenu(this, 'Achievement - BioBricks')"> | ||
- | + | BioBricks | |
- | + | </div> | |
<div class="sub-menu-item" onclick="selectSubMenu(this, 'Achievement - Judging Criteria')"> | <div class="sub-menu-item" onclick="selectSubMenu(this, 'Achievement - Judging Criteria')"> | ||
<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> | ||
Line 96: | Line 93: | ||
</div> | </div> | ||
<div class="sub-menu-item" onclick="selectSubMenu(this, 'Notebook - Lablog')"> | <div class="sub-menu-item" onclick="selectSubMenu(this, 'Notebook - Lablog')"> | ||
- | + | Lablog | |
- | + | </div> | |
</div> | </div> | ||
</div> | </div> | ||
Line 112: | Line 109: | ||
<div id="mycontent"> | <div id="mycontent"> | ||
<div class="normal"> | <div class="normal"> | ||
+ | <style type="text/css"> | ||
+ | .photo-row { | ||
+ | } | ||
+ | .photo-row img { | ||
+ | width: 220px; | ||
+ | height: auto; | ||
+ | margin: 10px 10px 5px 10px; | ||
+ | border: 1px solid #AAAAAA; | ||
+ | } | ||
+ | .photo-desc { | ||
+ | margin: 0px 20px 0px 10px; | ||
+ | background-color: white; | ||
+ | padding:0.5em; | ||
+ | height: 60px; | ||
+ | } | ||
+ | |||
+ | .photo-desc p { | ||
+ | margin: 0.5em; | ||
+ | } | ||
+ | |||
+ | .photo-name { | ||
+ | } | ||
+ | |||
+ | #gallery { | ||
+ | width: 750px; | ||
+ | margin: auto; | ||
+ | } | ||
+ | |||
+ | |||
+ | </style> | ||
+ | <h1>Team</h1> | ||
+ | <div id="gallery"> | ||
+ | <div class="photo-row"> | ||
+ | <img src="https://static.igem.org/mediawiki/2013/5/57/Tsinghua-ZhuMeng.jpg"/> | ||
+ | <img src="https://static.igem.org/mediawiki/2013/8/84/Tsinghua-LiJinyang.jpg"/> | ||
+ | <img src="https://static.igem.org/mediawiki/2013/a/a1/Tsinghua-LiChaochang.jpg"/> | ||
</div> | </div> | ||
+ | <div class="photo-desc"> | ||
</div> | </div> | ||
+ | <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/7/71/Tsinghua-LuXinping.jpg"/> | ||
+ | <img src="https://static.igem.org/mediawiki/2013/b/ba/Tsinghua-HouLingfeng.jpg"/> | ||
</div> | </div> | ||
+ | <div class="photo-desc"> | ||
+ | </div> | ||
+ | <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/f/fc/Tsinghua-LiTianyi.jpg"/> | ||
+ | <img src="https://static.igem.org/mediawiki/2013/9/91/Tsinghua-ZhaoYanyan.jpg"/> | ||
+ | </div> | ||
+ | <div class="photo-desc"> | ||
+ | </div> | ||
+ | <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/a/ae/Tsinghua-ShiBinbin.jpg"/> | ||
+ | <img src="https://static.igem.org/mediawiki/2013/f/fd/Tsinghua-SunXiaochen.jpg"/> | ||
+ | </div> | ||
+ | <div class="photo-desc"> | ||
+ | </div> | ||
+ | <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/1/15/Tsinghua-HuangYanlan.jpg"/> | ||
+ | <img src="https://static.igem.org/mediawiki/2013/0/0b/Tsinghua-YangHe.jpg"/> | ||
+ | </div> | ||
+ | <div class="photo-desc"> | ||
+ | </div> | ||
+ | <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/f6/Tsinghua-WangJun.jpg"/> | ||
+ | <img src="https://static.igem.org/mediawiki/2013/b/b5/Tsinghua-ShiXiaojing.jpg"/> | ||
+ | </div> | ||
+ | <div class="photo-desc"> | ||
+ | </div> | ||
+ | </div> | ||
+ | <script type="text/javascript"> | ||
+ | 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"]]; | ||
+ | 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> | ||
+ | <script type="text/javascript"> | ||
+ | setupMenu(); | ||
+ | </script> | ||
</body></html> | </body></html> |
Revision as of 18:26, 26 September 2013