Team:ZJU-China/aboutus.htm

From 2012.igem.org

(Difference between revisions)
 
(24 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">
-
 
-
<meta name="generator" content="jemdoc, see http://jemdoc.jaboc.net/">
 
<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"><a href="">01 <strong>ABOUT ZJU</strong></a></h2>
+
  <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;">
<!--Content Goes Here-->
<!--Content Goes Here-->
-
<p align="justify">The University Motto: Seeking the Truth and Pioneering New Trails.</p>
+
<h2>The University Motto: Seeking the Truth and Pioneering New Trails.</h2>
<p align="justify">&nbsp;</p>
<p align="justify">&nbsp;</p>
<p align="justify">The history of Zhejiang University goes back to 115 years ago. As a truly comprehensive institution with a full range of disciplines, Zhejiang University covers lots of subjects and aims at providing an outstanding education that will enable its students to build a future of professional, intellectual and personal success, capable of leadership in different areas, whether it be political, economic or academic. </p>
<p align="justify">The history of Zhejiang University goes back to 115 years ago. As a truly comprehensive institution with a full range of disciplines, Zhejiang University covers lots of subjects and aims at providing an outstanding education that will enable its students to build a future of professional, intellectual and personal success, capable of leadership in different areas, whether it be political, economic or academic. </p>
<p align="justify">&nbsp;</p>
<p align="justify">&nbsp;</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">&nbsp;</p>
<p align="justify">&nbsp;</p>
-
<p align="justify">Here we want to show you a set of amazing photos shot by Gang Cheng, an alumnus of Zhejiang University.</p>
+
<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">
-
<img src="http://www.jiajunlu.com/igem/zju_about1.jpg" width="500" alt="The gate of Yuquan and BG Tree" />
+
var t = n = 0, count;
-
<img src="http://www.jiajunlu.com/igem/zju_about2.jpg" width="500" alt="Chairman Mao with Gesture Like Calling a Taxi" />
+
$(document).ready(function(){
-
<img src="http://www.jiajunlu.com/igem/zju_about3.jpg" width="500" alt="One of Libraries" />
+
counta=$("#banner_list a").length;
-
<img src="http://www.jiajunlu.com/igem/zju_about4.jpg" width="500" alt="Lovely President Chu Kochen" />
+
$("#banner_list a:not(:first-child)").hide();
-
<img src="http://www.jiajunlu.com/igem/zju_about5.jpg" width="500" alt="Lovers' Slope" />
+
$("#banner_info").html($("#banner_list a:first-child").find("img").attr('alt'));
-
<img src="http://www.jiajunlu.com/igem/zju_about6.jpg" width="500" alt="Square of Yongqian" />
+
$("#banner_info").click(function(){window.open($("#banner_list a:first-child").attr('href'), "_blank")});
-
<img src="http://www.jiajunlu.com/igem/zju_about7.jpg" width="500" alt="One of  Teaching Buildings of  Long History" />
+
$("#banner li").click(function() {
-
<img src="http://www.jiajunlu.com/igem/zju_about8.jpg" width="500" alt="The Modern Zijingang" />
+
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><!-- end .acc_container -->
</div><!-- end .acc_container -->
-
        <h2 class="acc_trigger"><a href="http://thesum.ca/work.html#">02 <strong>TEAM</strong></a></h2>
+
        <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;">
<!--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 iGEM. </p>
+
<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>
-
<h5>Undergraduates</h5>
+
<h2>Undergraduates</h2>
<p>
<p>
<img src="https://static.igem.org/mediawiki/igem.org/c/c9/Zju_chentianqi.jpg" />
<img src="https://static.igem.org/mediawiki/igem.org/c/c9/Zju_chentianqi.jpg" />
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/igem.org/0/0c/Zju_lvjiajun.jpg" />
+
<img src="https://static.igem.org/mediawiki/2012/a/ad/吕家俊.jpg" />
</p>
</p>
-
<p>&nbsp</p>
+
<p>&nbsp;</p>
-
<h5>Instructor & Advisers</h5>
+
<h2>Advisors</h2>
<p>
<p>
-
<img src="https://static.igem.org/mediawiki/igem.org/8/86/Zju_chenming.jpg" />
+
<img src="https://static.igem.org/mediawiki/2012/2/22/Lanxiang.jpg" />
-
<img src="https://static.igem.org/mediawiki/igem.org/8/87/Zju_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>&nbsp;</p>
 +
</div>
</div><!-- end .acc_container -->
</div><!-- end .acc_container -->
-
+
<h2 class="acc_trigger">03 <strong>ATTRIBUTION</strong></h2>
-
<h2 class="acc_trigger"><a href="http://thesum.ca/work.html#">03 <strong>ACKNOWLEDGE</strong></a></h2>
+
<div class="acc_container" style="display: none; ">
<div class="acc_container" style="display: none; ">
<!--Content Goes Here-->
<!--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">&nbsp;</p>
 +
<h5>  WET LAB:</h5>
 +
<p align="justify">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</p>
 +
<p align="justify">&nbsp;</p>
 +
<h5>  DRY LAB:</h5>
 +
<p align="justify">&nbsp;</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">&nbsp;</p>
 +
<p align="justify"><b style="color:#FE9A2E;">Jianing Yu</b> constructed Scaffold or Non-scaffold and Binding Analysis. </p>
 +
<p align="justify">&nbsp;</p>
 +
<p align="justify"><b style="color:#FE9A2E;">Jiajun Lv</b> was in charge of editing wiki.</p>
 +
<p align="justify">&nbsp;</p>
 +
</div><!-- end .acc_container -->
 +
<h2 class="acc_trigger">04 <strong>ACKNOWLEDGE</strong></h2>
 +
<div class="acc_container" style="display: none; ">
 +
 +
<!--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">&nbsp;</p>
<p align="justify">&nbsp;</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 reader </p>
+
<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">&nbsp;</p>
<p align="justify">&nbsp;</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"><a href="http://thesum.ca/work.html#">04 <strong>CONTACT US</strong></a></h2>
+
<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">&nbsp;</p>
 +
<p align="justify">Mailbox：zjusbclub@gmail.com</p>
 +
<p align="justify">&nbsp;</p>
 +
<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">&nbsp;</p>
 +
<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">&nbsp;</p>
 +
<p align="justify">Renren: <a class="color" href="http://page.renren.com/601409290?id=601409290&ref=opensearch_normal" target="_blank">合成生物学研究会</p>
 +
<p align="justify">&nbsp;</p>
</div><!-- end .acc_container -->
</div><!-- end .acc_container -->
-
 
            <!-- end #main --></div>
            <!-- end #main --></div>
            <br class="clearfloat">
            <br class="clearfloat">
Line 369: Line 563:
            <br class="clearfloat">
            <br class="clearfloat">
            <br class="clearfloat">
            <br class="clearfloat">
-
           
 
        <!-- end #columnRight --></div>
        <!-- end #columnRight --></div>
-
       
 
    <!-- end .content --></div>
    <!-- end .content --></div>
-
 
<!-- end .container --></div>
<!-- end .container --></div>
</div><!-- end .wrapper -->
</div><!-- end .wrapper -->
-
 
   <div><img src="https://static.igem.org/mediawiki/igem.org/d/d9/Zju_foot.png" width="100%"></div>
   <div><img src="https://static.igem.org/mediawiki/igem.org/d/d9/Zju_foot.png" width="100%"></div>
-
 
<div id="footer">
<div id="footer">
     <div id="footerImg">
     <div id="footerImg">
     </div><!-- end footerImg -->
     </div><!-- end footerImg -->
-
 
<!-- end #footer --></div>
<!-- end #footer --></div>
<script type="text/javascript"> Cufon.now(); </script>
<script type="text/javascript"> Cufon.now(); </script>
-
 
-
 
</body></html>
</body></html>

Latest revision as of 03:06, 25 October 2012

ABOUT US

01 ABOUT ZJU

02 TEAM

03 ATTRIBUTION

04 ACKNOWLEDGE

05 CONTACT US





Retrieved from "http://2012.igem.org/Team:ZJU-China/aboutus.htm"