Team:ZJU-China/aboutus.htm
From 2012.igem.org
(Difference between revisions)
(18 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
<html xmlns="http://www.w3.org/1999/xhtml" class="cufon-active cufon-ready"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | <html xmlns="http://www.w3.org/1999/xhtml" class="cufon-active cufon-ready"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | ||
- | |||
- | |||
<link rel="stylesheet" href="http://www.jiajunlu.com/Jiajun Lu_files/jemdoc.css" type="text/css"> | <link rel="stylesheet" href="http://www.jiajunlu.com/Jiajun Lu_files/jemdoc.css" type="text/css"> | ||
Line 83: | Line 81: | ||
display: inline; | display: inline; | ||
} | } | ||
+ | |||
+ | #content a.color, | ||
+ | #content a.color:hover | ||
+ | { | ||
+ | color: #00BFFF; | ||
+ | display: inline; | ||
+ | } | ||
+ | |||
#content a:link, | #content a:link, | ||
#content a:visited | #content a:visited | ||
Line 119: | Line 125: | ||
{ | { | ||
font-family: Arial, sans-serif; | font-family: Arial, sans-serif; | ||
+ | font-size: 16px; | ||
color: black; | color: black; | ||
margin: 0; | margin: 0; | ||
padding: 0; | padding: 0; | ||
} | } | ||
+ | /********************** modified by MQ *****/ | ||
+ | p.fig{ | ||
+ | color: #573D01; | ||
+ | padding: 15px 15px; | ||
+ | font-size: 15.5px; | ||
+ | font-family: "Calibri","sans-serif"; | ||
+ | align: justify; | ||
+ | } | ||
+ | p.ref{ | ||
+ | color: black; | ||
+ | padding: 15px 15px; | ||
+ | font-size: 15.5px; | ||
+ | font-family: "Calibri","sans-serif"; | ||
+ | align: justify; | ||
+ | } | ||
+ | h5{ | ||
+ | font-size: 16px; | ||
+ | color: #00BFFF; | ||
+ | } | ||
+ | |||
/* Common Environment */ | /* Common Environment */ | ||
Line 194: | Line 221: | ||
display: none; | display: none; | ||
} | } | ||
+ | |||
+ | #banner { | ||
+ | position: relative; | ||
+ | left: 10%; | ||
+ | width: 600px; | ||
+ | height: 600px; | ||
+ | border: 1px solid #666; | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | |||
+ | #banner_list img { | ||
+ | border: 0px; | ||
+ | } | ||
+ | |||
+ | #banner_bg { | ||
+ | position: absolute; | ||
+ | bottom: 20px; | ||
+ | background-color: #000; | ||
+ | height: 44px; | ||
+ | filter: Alpha(Opacity = 50); | ||
+ | opacity: 0.5; | ||
+ | z-index: 1000; | ||
+ | cursor: pointer; | ||
+ | width: 561px; | ||
+ | } | ||
+ | |||
+ | #banner_info { | ||
+ | position: absolute; | ||
+ | bottom: 20px; | ||
+ | left: 5px; | ||
+ | height: 44px; | ||
+ | color: #fff; | ||
+ | z-index: 1001; | ||
+ | cursor: pointer | ||
+ | } | ||
+ | |||
+ | #banner_text { | ||
+ | position: absolute; | ||
+ | width: 120px; | ||
+ | z-index: 1002; | ||
+ | right: 3px; | ||
+ | bottom: 3px; | ||
+ | } | ||
+ | |||
+ | #banner ul { | ||
+ | position: absolute; | ||
+ | list-style-type: none; | ||
+ | filter: Alpha(Opacity = 80); | ||
+ | opacity: 0.8; | ||
+ | border: 1px solid #fff; | ||
+ | z-index: 1002; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | bottom: 3px; | ||
+ | right: 5px; | ||
+ | } | ||
+ | |||
+ | #banner ul li { | ||
+ | padding: 0px 8px; | ||
+ | float: left; | ||
+ | display: block; | ||
+ | color: #FFF; | ||
+ | border: #e5eaff 1px solid; | ||
+ | background: #6f4f67; | ||
+ | cursor: pointer | ||
+ | } | ||
+ | |||
</style> | </style> | ||
Line 286: | Line 380: | ||
<div id="main"> | <div id="main"> | ||
- | <h2 class="acc_trigger | + | <h2 class="acc_trigger">01 <strong>ABOUT ZJU</strong></h2> |
<div class="acc_container" style="display: none; "> | <div class="acc_container" style="display: none; "> | ||
<div style="height:800px;overflow:scroll;"> | <div style="height:800px;overflow:scroll;"> | ||
Line 295: | Line 389: | ||
<p align="justify"> </p> | <p align="justify"> </p> | ||
<p align="justify">We have five campuses. The names are: Yuquan, Xixi, Huajiachi, Zhijiang, and Zijingang. These names are all "water" related. In English, they mean spring, stream, pool, river, and port. Each campus has its own beauty. Yuquan is charming, Xixi is elegant, Huajiachi is simple, Zhijiang is ancient and Zijingang is modern. | <p align="justify">We have five campuses. The names are: Yuquan, Xixi, Huajiachi, Zhijiang, and Zijingang. These names are all "water" related. In English, they mean spring, stream, pool, river, and port. Each campus has its own beauty. Yuquan is charming, Xixi is elegant, Huajiachi is simple, Zhijiang is ancient and Zijingang is modern. | ||
- | For more information, click http://www.zju.edu.cn</p> | + | For more information, click <a class="color" herf="http://www.zju.edu.cn" target="_blank">http://www.zju.edu.cn</a></p> |
<p align="justify"> </p> | <p align="justify"> </p> | ||
- | <p align="justify">Here we want to show you a set of amazing photos shot by Gang Cheng, an alumnus of | + | <p align="justify">Here we want to show you a set of amazing photos shot by Gang Cheng, an alumnus of Zhejiang University.</p> |
- | + | </br> | |
+ | <script type="text/javascript"> | ||
+ | var t = n = 0, count; | ||
+ | $(document).ready(function(){ | ||
+ | counta=$("#banner_list a").length; | ||
+ | $("#banner_list a:not(:first-child)").hide(); | ||
+ | $("#banner_info").html($("#banner_list a:first-child").find("img").attr('alt')); | ||
+ | $("#banner_info").click(function(){window.open($("#banner_list a:first-child").attr('href'), "_blank")}); | ||
+ | $("#banner li").click(function() { | ||
+ | var i = $(this).text() - 1;//1,2,3,4 | ||
+ | n = i; | ||
+ | if (i >= counta) return; | ||
+ | $("#banner_info").html($("#banner_list a").eq(i).find("img").attr('alt')); | ||
+ | $("#banner_info").unbind().click(function(){window.open($("#banner_list a").eq(i).attr('href'), "_blank")}) | ||
+ | $("#banner_list a").filter(":visible").fadeOut(500).parent().children().eq(i).fadeIn(1000); | ||
+ | document.getElementById("banner").style.background=""; | ||
+ | $(this).toggleClass("on"); | ||
+ | $(this).siblings().removeAttr("class"); | ||
+ | }); | ||
+ | |||
+ | }) | ||
+ | |||
+ | |||
+ | </script> | ||
+ | <div id="banner"> | ||
+ | <div id="banner_bg"></div> | ||
+ | <div id="banner_info"></div> | ||
+ | <ul> | ||
+ | <li class="on">1</li> | ||
+ | <li>2</li> | ||
+ | <li>3</li> | ||
+ | <li>4</li> | ||
+ | <li>5</li> | ||
+ | <li>6</li> | ||
+ | <li>7</li> | ||
+ | <li>8</li> | ||
+ | </ul> | ||
+ | <div id="banner_list"><a href="#" target="_blank"><img | ||
+ | src="http://www.jiajunlu.com/igem/zju_about1.jpg" width="600px" | ||
+ | title="" alt="The gate of Yuquan and BG Tree" /></a> | ||
+ | <a href="#" target="_blank"><img | ||
+ | src="http://www.jiajunlu.com/igem/zju_about2.jpg" | ||
+ | title="" alt="Chairman Mao with Gesture Like Calling a Taxi" width="600px" hight="600px" /></a> <a href="#" | ||
+ | target="_blank"><img | ||
+ | src="http://www.jiajunlu.com/igem/zju_about3.jpg" width="600px" | ||
+ | title="" alt="One of Libraries" /></a> | ||
+ | <a href="#" target="_blank"><img | ||
+ | src="http://www.jiajunlu.com/igem/zju_about4.jpg" width="600px" hight="600px" | ||
+ | alt="Lovely President Chu Kochen" title="" /></a> | ||
+ | <a href="#" target="_blank"><img | ||
+ | src="http://www.jiajunlu.com/igem/zju_about5.jpg" width="600px" | ||
+ | alt="Lovers' Slope" title="" /></a> | ||
+ | <a href="#" target="_blank"><img | ||
+ | src="http://www.jiajunlu.com/igem/zju_about6.jpg" width="600px" | ||
+ | alt="Square of Yongqian" title="" /></a> | ||
+ | <a href="#" target="_blank"><img | ||
+ | src="http://www.jiajunlu.com/igem/zju_about7.jpg" width="600px" | ||
+ | alt="One of Teaching Buildings of Long History" title="" /></a> | ||
+ | <a href="#" target="_blank"><img | ||
+ | src="http://www.jiajunlu.com/igem/zju_about8.jpg" width="600px" | ||
+ | alt="The Modern Zijingang" title="" /></a></div> | ||
+ | </div> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
</div> | </div> | ||
</div><!-- end .acc_container --> | </div><!-- end .acc_container --> | ||
- | <h2 class="acc_trigger | + | <h2 class="acc_trigger">02 <strong>TEAM</strong></h2> |
<div class="acc_container" style="display: none; "> | <div class="acc_container" style="display: none; "> | ||
<div style="height:800px;overflow:scroll;"> | <div style="height:800px;overflow:scroll;"> | ||
<!--Content Goes Here--> | <!--Content Goes Here--> | ||
- | <p align="justify">Our team, ZJU-China, consists of 9 undergraduates and 3 advisers. On the lakeside of the beautiful West Lake, we gather together, brainstorming heatedly, doing experiment carefully, thinking about life and future, going out for movie and feast. We love life, also love | + | <p align="justify">Our team, ZJU-China, consists of 9 undergraduates and 3 advisers. On the lakeside of the beautiful West Lake, we gather together, brainstorming heatedly, doing experiment carefully, thinking about life and future, going out for movie and feast. We love life, also love iGEM! </p> |
<h2>Undergraduates</h2> | <h2>Undergraduates</h2> | ||
<p> | <p> | ||
Line 326: | Line 473: | ||
<img src="https://static.igem.org/mediawiki/igem.org/a/a0/Zju_zhangjiahui.jpg" /> | <img src="https://static.igem.org/mediawiki/igem.org/a/a0/Zju_zhangjiahui.jpg" /> | ||
<img src="https://static.igem.org/mediawiki/igem.org/3/31/Zju_liuxiao.jpg" /> | <img src="https://static.igem.org/mediawiki/igem.org/3/31/Zju_liuxiao.jpg" /> | ||
- | <img src="https://static.igem.org/mediawiki/ | + | <img src="https://static.igem.org/mediawiki/2012/a/ad/吕家俊.jpg" /> |
</p> | </p> | ||
<p> </p> | <p> </p> | ||
- | <h2> | + | <h2>Advisors</h2> |
<p> | <p> | ||
- | <img src="https://static.igem.org/mediawiki/ | + | <img src="https://static.igem.org/mediawiki/2012/2/22/Lanxiang.jpg" /> |
- | + | ||
<img src="https://static.igem.org/mediawiki/igem.org/d/d8/Zju_lixin.jpg" /> | <img src="https://static.igem.org/mediawiki/igem.org/d/d8/Zju_lixin.jpg" /> | ||
<img src="https://static.igem.org/mediawiki/igem.org/9/93/Zju_xiaomu.jpg" /> | <img src="https://static.igem.org/mediawiki/igem.org/9/93/Zju_xiaomu.jpg" /> | ||
</p> | </p> | ||
+ | <h2>Instructor</h2> | ||
+ | <p> | ||
+ | <img src="https://static.igem.org/mediawiki/igem.org/8/86/Zju_chenming.jpg" /> | ||
+ | </p> | ||
+ | <p> </p> | ||
</div> | </div> | ||
</div><!-- end .acc_container --> | </div><!-- end .acc_container --> | ||
- | + | <h2 class="acc_trigger">03 <strong>ATTRIBUTION</strong></h2> | |
- | + | <div class="acc_container" style="display: none; "> | |
+ | |||
+ | <!--Content Goes Here--> | ||
+ | <p align="justify">All the work of our projects has been done by <b style="color:#FE9A2E;">undergraduate students</b> of ZJU-China team.</p> | ||
+ | <p align="justify"> </p> | ||
+ | <h5> WET LAB:</h5> | ||
+ | <p align="justify"> </p> | ||
+ | <p align="justify"><b style="color:#FE9A2E;">Tianqi Chen</b>, the team leader, is in charge of Basic Scaffold and Biosynthesis of IAA, drew the big picture shown in video “scaffold in Syn and Bio’s Love”, searched for fund, designed the wiki.</p> | ||
+ | <p align="justify"> </p> | ||
+ | <p align="justify"><b style="color:#FE9A2E;">Yan Yan</b> was in charge of financial affairs, Riboscaffold and construction of parts, sang a song of the vedio, dealt with customs to get the parts delivered.</p> | ||
+ | <p align="justify"> </p> | ||
+ | <p align="justify"><b style="color:#FE9A2E;">Huachun Liu</b> was in charge of the whole experiment, mainly Basic Scaffold and Biosynthesis of IAA, and construction of parts, dealt with customs to get the parts delivered.</p> | ||
+ | <p align="justify"> </p> | ||
+ | <p align="justify"><b style="color:#FE9A2E;">Xinyi Guo</b> was in charge of human practice, designed and edited the comic video, and helped to design the basic structure of wiki. She was also involved in the experiments in Basic Scaffold. </p> | ||
+ | <p align="justify"> </p> | ||
+ | <p align="justify"><b style="color:#FE9A2E;">Jiahui Zhang</b> was in charged of scaffold library and the design of alloscaffolds and polyscaffold. she also did some art work and many other experiments.</p> | ||
+ | <p align="justify"> </p> | ||
+ | <p align="justify"><b style="color:#FE9A2E;">Xiao Liu</b> was in charge of scaffold library, helped with wet experiments.</p> | ||
+ | <p align="justify"> </p> | ||
+ | <p align="justify"> </p> | ||
+ | <h5> DRY LAB:</h5> | ||
+ | <p align="justify"> </p> | ||
+ | <p align="justify"><b style="color:#FE9A2E;">Qian Mei</b> constructed the molecular models, designed riboscaffolds, analyzed data, edited wiki and was involved in financial affairs.</p> | ||
+ | <p align="justify"> </p> | ||
+ | <p align="justify"><b style="color:#FE9A2E;">Jianing Yu</b> constructed Scaffold or Non-scaffold and Binding Analysis. </p> | ||
+ | <p align="justify"> </p> | ||
+ | <p align="justify"><b style="color:#FE9A2E;">Jiajun Lv</b> was in charge of editing wiki.</p> | ||
+ | <p align="justify"> </p> | ||
+ | </div><!-- end .acc_container --> | ||
+ | |||
+ | <h2 class="acc_trigger">04 <strong>ACKNOWLEDGE</strong></h2> | ||
<div class="acc_container" style="display: none; "> | <div class="acc_container" style="display: none; "> | ||
<!--Content Goes Here--> | <!--Content Goes Here--> | ||
- | |||
<p align="justify">We can't complete the project without the guidance and support of the people as follows:</p> | <p align="justify">We can't complete the project without the guidance and support of the people as follows:</p> | ||
<p align="justify"> </p> | <p align="justify"> </p> | ||
+ | <p align="justify">Dr. Camille Delebecque from Harvard Medical School, for his patient instructions and kindness of providing us plasmids</p> | ||
+ | <p align="justify">Dr. Gairik Sachdeva and Manager Buhl Kathleen from Prof. Pamela Silver Lab, Harvard Medical School for sending us plasmids</p> | ||
+ | <p align="justify">People in Prof. Ariel Lindner Lab, Université René Descartes for sending us plasmids </p> | ||
<p align="justify">Ming Ding and Room 413 in Zhejiang University Biology Lab Center, for use of lab space and material support</p> | <p align="justify">Ming Ding and Room 413 in Zhejiang University Biology Lab Center, for use of lab space and material support</p> | ||
<p align="justify">Xiang Lan, Xin Li, Mu Xiao, graduate student and vice-professor advisors</p> | <p align="justify">Xiang Lan, Xin Li, Mu Xiao, graduate student and vice-professor advisors</p> | ||
<p align="justify">Prof. Xiaohang Yang in Room 1305, for helpful suggestions and use of Olympus fluoview fv1000 confocal laser scanning microscope </p> | <p align="justify">Prof. Xiaohang Yang in Room 1305, for helpful suggestions and use of Olympus fluoview fv1000 confocal laser scanning microscope </p> | ||
<p align="justify">Fan Zhang, for patient guidance of how to operate confocal laser scanning microscope</p> | <p align="justify">Fan Zhang, for patient guidance of how to operate confocal laser scanning microscope</p> | ||
- | <p align="justify">Prof. Jianzhong Shao, for helpful suggestions and use of Synergy Hybrid | + | <p align="justify">Prof. Jianzhong Shao, for helpful suggestions and use of Synergy Hybrid Reader </p> |
<p align="justify">Lvyun Zhu, for patient guidance of how to operate Synergy Hybrid reader</p> | <p align="justify">Lvyun Zhu, for patient guidance of how to operate Synergy Hybrid reader</p> | ||
<p align="justify">Weiren Dong, for generous support of reagent and protocol of TA colone</p> | <p align="justify">Weiren Dong, for generous support of reagent and protocol of TA colone</p> | ||
<p align="justify">Yulong Li, for patient guidance of how to operate fluorescence microscope</p> | <p align="justify">Yulong Li, for patient guidance of how to operate fluorescence microscope</p> | ||
<p align="justify">Gang Cheng, for amazing photos about ZJU planet</p> | <p align="justify">Gang Cheng, for amazing photos about ZJU planet</p> | ||
+ | <p align="justify">Yiqun Jin, Feng Jian, for those interesting photos about 2012 ZJU-China members</p> | ||
<p align="justify"> </p> | <p align="justify"> </p> | ||
<p align="justify">Zhejiang University Education Fundation, for financial support</p> | <p align="justify">Zhejiang University Education Fundation, for financial support</p> | ||
- | |||
</div><!-- end .acc_container --> | </div><!-- end .acc_container --> | ||
- | <h2 class="acc_trigger"> | + | <h2 class="acc_trigger">05 <strong>CONTACT US</strong></h2> |
<div class="acc_container" style="display: none; "> | <div class="acc_container" style="display: none; "> | ||
- | |||
<p align="justify">If you have any interests, please feel free to contact us. We’re looking forward for fun in science and friendship in between.</p> | <p align="justify">If you have any interests, please feel free to contact us. We’re looking forward for fun in science and friendship in between.</p> | ||
<p align="justify"> </p> | <p align="justify"> </p> | ||
- | <p align="justify"> | + | <p align="justify">Mailbox:zjusbclub@gmail.com</p> |
<p align="justify"> </p> | <p align="justify"> </p> | ||
- | <p align="justify">SBC (synthetic biology club in Zhejiang University) | + | <p align="justify">SBC (synthetic biology club in Zhejiang University): <a class="color" href="http://www.cls.zju.edu.cn/binfo/sbc/" target="_blank">website</a></p> |
<p align="justify"> </p> | <p align="justify"> </p> | ||
- | <p align="justify">http:// | + | <p align="justify">Renren: <a class="color" href="http://page.renren.com/601236243?id=601236243&ref=opensearch_normal" target="_blank">iGEM~ZJU2012</a></p> |
<p align="justify"> </p> | <p align="justify"> </p> | ||
- | <p align="justify">Renren : | + | <p align="justify">Renren: <a class="color" href="http://page.renren.com/601409290?id=601409290&ref=opensearch_normal" target="_blank">合成生物学研究会</p> |
<p align="justify"> </p> | <p align="justify"> </p> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
</div><!-- end .acc_container --> | </div><!-- end .acc_container --> | ||
<!-- end #main --></div> | <!-- end #main --></div> |