Team:UESTC-China/Team
From 2014.igem.org
(Difference between revisions)
(77 intermediate revisions not shown) | |||
Line 4: | Line 4: | ||
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> | <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> | ||
<title>UESTC-China</title> | <title>UESTC-China</title> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
+ | |||
+ | |||
+ | <style> | ||
+ | #content { | ||
+ | position: relative; | ||
+ | width: 1215px; | ||
+ | # margin-left: 10px; | ||
+ | margin: 0 auto; | ||
+ | padding: 5px 5px 5px 5px;; | ||
+ | background: white; | ||
+ | color: black; | ||
+ | border-left: 1px solid #444444; | ||
+ | border-right: 1px solid #444444; | ||
+ | line-height: 1.5em; | ||
+ | z-index: 2; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0} | ||
+ | |||
+ | body{ | ||
+ | background-color:#bfbfbf; | ||
+ | } | ||
+ | a{ | ||
+ | text-decoration: none; | ||
+ | color: white; | ||
+ | } | ||
+ | a:hover{ | ||
+ | text-decoration: none; | ||
+ | color: white; | ||
+ | } | ||
+ | a:active{ | ||
+ | text-decoration: none; | ||
+ | color: white; | ||
+ | } | ||
+ | a:visited{ | ||
+ | text-decoration: none; | ||
+ | color: white; | ||
+ | } | ||
+ | #top-section{ | ||
+ | height: 0px; | ||
+ | border:none; | ||
+ | } | ||
+ | #search-controls{ | ||
+ | display: none; | ||
+ | } | ||
+ | #p-logo{ | ||
+ | display: none; | ||
+ | } | ||
+ | #total-wrap{ | ||
+ | position:absolute; | ||
+ | width: 1215px; | ||
+ | left: 50%; | ||
+ | right: 50%; | ||
+ | margin-left: -607px; | ||
+ | color: white; | ||
+ | } | ||
+ | #header{ | ||
+ | height: 280px; | ||
+ | background-image:url("https://static.igem.org/mediawiki/2014/4/49/New_New_banner.jpg"); | ||
+ | background-position: top center; | ||
+ | background-repeat: no-repeat; | ||
+ | border-radius:3px; | ||
+ | overflow: hidden; | ||
+ | width: 1214px; | ||
+ | } | ||
+ | #emp{ | ||
+ | height:200px; | ||
+ | } | ||
+ | #top-menu{ | ||
+ | display: inline-block; | ||
+ | padding-left:20px; | ||
+ | background-color: #394264; | ||
+ | width: 1195px; | ||
+ | height: 63px; | ||
+ | |||
+ | } | ||
+ | @font-face { | ||
+ | font-family: ubuntu; | ||
+ | src:url(Ubuntu-R.ttf); | ||
+ | } | ||
+ | .top-menu-each{ | ||
+ | height: 63px; | ||
+ | font-family: helveticallt,"微软雅黑"; | ||
+ | color: white; | ||
+ | font-size: 21px; | ||
+ | float: left; | ||
+ | cursor: pointer; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | |||
+ | .top-menu-each p{ | ||
+ | float: left; | ||
+ | padding-right: 40px; | ||
+ | padding-left: 40px; | ||
+ | line-height: 63px; | ||
+ | } | ||
+ | .arrow{ | ||
+ | float: left; | ||
+ | background-image: url("http://fudanigem.phx-2.ifreeurl.com/img/arrow.png"); | ||
+ | line-height: 63px; | ||
+ | width: 12px; | ||
+ | height: 9px; | ||
+ | margin-left: 9px; | ||
+ | margin-right: 9px; | ||
+ | margin-top: 30px; | ||
+ | position: absolute; | ||
+ | |||
+ | } | ||
+ | .top-menu-each:hover{ | ||
+ | background-color: #50597B; | ||
+ | border-bottom-style:solid; | ||
+ | border-bottom-width: 2px; | ||
+ | border-bottom-color:#11a8ab; | ||
+ | height: 61px; | ||
+ | |||
+ | } | ||
+ | .top-menu-each.click{ | ||
+ | background-color: #50597B; | ||
+ | border-bottom-style:solid; | ||
+ | border-bottom-width: 2px; | ||
+ | border-bottom-color:#11a8ab; | ||
+ | height: 61px; | ||
+ | } | ||
+ | .top-menu-sub{ | ||
+ | position: absolute; | ||
+ | margin-top: 63px; | ||
+ | z-index: 10; | ||
+ | min-width: 215px; | ||
+ | } | ||
+ | .top-menu-sub li{ | ||
+ | background-color: #394264; | ||
+ | border-top-style: solid; | ||
+ | border-bottom-style: solid; | ||
+ | border-top-width: 1px; | ||
+ | border-bottom-width: 1px; | ||
+ | border-top-color: #11a8ab; | ||
+ | border-bottom-color: #11a8ab; | ||
+ | padding-left: 30px; | ||
+ | padding-right: 20px; | ||
+ | height: 55px; | ||
+ | line-height: 55px; | ||
+ | cursor:pointer; | ||
+ | } | ||
+ | .top-menu-sub li:hover{ | ||
+ | background-color: #50597B; | ||
+ | } | ||
+ | #big-photo{ | ||
+ | margin-top: 5px; | ||
+ | height: 500px; | ||
+ | width: 1214px; | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | #big-photo img{ | ||
+ | height: 500px; | ||
+ | width: 1214px; | ||
+ | position: absolute; | ||
+ | |||
+ | } | ||
+ | #big-photo-hover{ | ||
+ | height: 130px; | ||
+ | padding-left: 35px; | ||
+ | padding-right: 10px; | ||
+ | background-image: url('http://fudanigem.phx-2.ifreeurl.com/img/big-photo-hover.png'); | ||
+ | background-repeat: no-repeat; | ||
+ | margin-top: -130px; | ||
+ | position: absolute; | ||
+ | margin-top: 370px; | ||
+ | width: 1169px; | ||
+ | } | ||
+ | @font-face { | ||
+ | font-family: helveticamd; | ||
+ | src:url(HelveticaNeueLTStd-Md.otf); | ||
+ | } | ||
+ | @font-face { | ||
+ | font-family: helveticalt; | ||
+ | src:url(HelveticaNeueLTStd-Lt.otf); | ||
+ | } | ||
+ | #big-photo-hover .header{ | ||
+ | font-size: 30px; | ||
+ | line-height: 30px; | ||
+ | font-family: helveticallt,"微软雅黑"; | ||
+ | font-weight: bold; | ||
+ | padding-top: 25px; | ||
+ | margin-bottom: 10px; | ||
+ | } | ||
+ | #big-photo-hover .content{ | ||
+ | font-size: 23px; | ||
+ | line-height: 23px; | ||
+ | font-family: helveticallt,"微软雅黑"; | ||
+ | } | ||
+ | #big-photo-wrap{ | ||
+ | position: absolute; | ||
+ | width: 1214px; | ||
+ | height: 500px; | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | #small-photo{ | ||
+ | margin-top: 15px; | ||
+ | display: inline-block; | ||
+ | margin-bottom: 335px; | ||
+ | } | ||
+ | .small-photo-each{ | ||
+ | width: 351px; | ||
+ | height: 410px; | ||
+ | padding-top: 10px; | ||
+ | padding-bottom:5px; | ||
+ | padding-left: 10px; | ||
+ | padding-right: 10px; | ||
+ | margin-right: 51px; | ||
+ | float: left; | ||
+ | background-color: white; | ||
+ | } | ||
+ | .small-photo-each img{ | ||
+ | width: 351px; | ||
+ | height: 410px; | ||
+ | } | ||
+ | .small-photo-each.last{ | ||
+ | margin-right: 0px; | ||
+ | } | ||
+ | #footer{ | ||
+ | |||
+ | height: 180px; | ||
+ | background-color: #394264; | ||
+ | border-top-left-radius:8px; | ||
+ | border-top-right-radius:8px; | ||
+ | margin-top: 30px; | ||
+ | } | ||
+ | #main-content{ | ||
+ | position:absolute; | ||
+ | margin-top: 40px; | ||
+ | display: inline-block; | ||
+ | } | ||
+ | #left-bar{ | ||
+ | width: 225px; | ||
+ | border-radius: 3px; | ||
+ | overflow: hidden; | ||
+ | position: absolute; | ||
+ | } | ||
+ | .left-bar-each{ | ||
+ | height: 60px; | ||
+ | background-color: #394264; | ||
+ | font-family: helveticallt,"微软雅黑"; | ||
+ | font-size: 18px; | ||
+ | line-height: 60px; | ||
+ | padding-left: 30px; | ||
+ | cursor: pointer; | ||
+ | border-bottom-style: solid; | ||
+ | border-bottom-color: #1f253d; | ||
+ | border-bottom-width: 1px; | ||
+ | } | ||
+ | .left-bar-each:hover{ | ||
+ | background-color: #50597b; | ||
+ | } | ||
+ | .left-bar-each.top{ | ||
+ | background-color: #38b7c4; | ||
+ | text-align:center; | ||
+ | padding-left: 0px; | ||
+ | } | ||
+ | .left-bar-each.top:hover{ | ||
+ | background-color: #38b7c4; | ||
+ | } | ||
+ | .left-bar-sub .left-bar-each{ | ||
+ | padding-left: 90px; | ||
+ | } | ||
+ | #middle-photo{ | ||
+ | float: left; | ||
+ | margin-bottom: 25px; | ||
+ | } | ||
+ | .middle-photo-each{ | ||
+ | padding:0px 0px 0px 0px; | ||
+ | background-color: white; | ||
+ | margin-bottom: 15px; | ||
+ | margin-left: 0px; | ||
+ | |||
+ | } | ||
+ | .middle-photo-each .middle-content{ | ||
+ | height: 400px; | ||
+ | width: 947px; | ||
+ | } | ||
+ | .middle-content img{ | ||
+ | float: left; | ||
+ | } | ||
+ | #examplepic{ | ||
+ | width: 100px; | ||
+ | height:60px; | ||
+ | } | ||
+ | .middle-content p{ | ||
+ | color: black; | ||
+ | font-size: 16px; | ||
+ | font-family: helveticallt,"微软雅黑"; | ||
+ | line-height: 20px; | ||
+ | } | ||
+ | #team-content{ | ||
+ | margin-top: 15px; | ||
+ | margin-bottom: 95px; | ||
+ | } | ||
+ | .team-photo img{ | ||
+ | width: 1215px; | ||
+ | } | ||
+ | .team-photo{ | ||
+ | margin-bottom: -2px; | ||
+ | } | ||
+ | #top{ | ||
+ | background-image: url('https://static.igem.org/mediawiki/2014/8/89/Uestc_top2.png'); | ||
+ | width: 65px; | ||
+ | height: 138px; | ||
+ | position: fixed; | ||
+ | top: 70%; | ||
+ | margin-left: 1200px; | ||
+ | cursor: pointer; | ||
+ | z-index: 999; | ||
+ | |||
+ | } | ||
+ | #logo{ | ||
+ | position: absolute; | ||
+ | width: 154px; | ||
+ | height: 147px; | ||
+ | margin-left: 1000px; | ||
+ | margin-top: 30px; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | #footer-box{ | ||
+ | display: none; | ||
+ | } | ||
+ | .firstHeading{ | ||
+ | display: none; | ||
+ | } | ||
+ | #content{ | ||
+ | border:none; | ||
+ | background: none; | ||
+ | } | ||
+ | li{ | ||
+ | color:white; | ||
+ | } | ||
+ | |||
+ | /*rocket-to-top*/ | ||
+ | *{list-style:none;border:0;} | ||
+ | |||
+ | #rocket-to-top div { | ||
+ | left: 0; | ||
+ | margin: 0; | ||
+ | overflow: hidden; | ||
+ | padding: 0; | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | width: 149px; | ||
+ | } | ||
+ | #rocket-to-top .level-2 { | ||
+ | background: url("https://static.igem.org/mediawiki/2014/a/a6/UestcUp.png") no-repeat scroll -149px 0 transparent; | ||
+ | display: none; | ||
+ | height: 250px; | ||
+ | opacity: 0; | ||
+ | z-index: 1; | ||
+ | } | ||
+ | #rocket-to-top .level-3 { | ||
+ | background: none repeat scroll 0 0 transparent; | ||
+ | cursor: pointer; | ||
+ | display: block; | ||
+ | height: 150px; | ||
+ | z-index: 2; | ||
+ | } | ||
+ | #rocket-to-top { | ||
+ | background: url("https://static.igem.org/mediawiki/2014/a/a6/UestcUp.png") no-repeat scroll 0 0 transparent; | ||
+ | cursor: default; | ||
+ | display: block; | ||
+ | height: 250px; | ||
+ | margin: -125px 0 0; | ||
+ | overflow: hidden; | ||
+ | padding: 0; | ||
+ | position: fixed; | ||
+ | right: 0; | ||
+ | top: 80%; | ||
+ | width: 149px; | ||
+ | z-index: 11; | ||
+ | } | ||
+ | /*rocket-to-top end*/ | ||
+ | |||
+ | |||
+ | #SensorEditingArea{position:absolute; left:0px; top:280px; height:4200px; width:1183px; background-color:#ffffff; padding:60px 0px 0px 30px;} | ||
+ | .SensorEditingAreaClass a{color:#1f8a70; font-weight:bold;} | ||
+ | </style> | ||
+ | </head> | ||
<body> | <body> | ||
- | + | <div id="total-wrap"> | |
- | + | <div id="header"> | |
- | + | <div id="emp"> | |
- | + | <div id='logo'><a href="https://igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2014/d/da/NewLogo2.png"></a></div> | |
- | + | </div> | |
- | + | <div id="top-menu"> | |
- | + | <div class="top-menu-each"> | |
- | + | <a href="https://2014.igem.org/Team:UESTC-China"><p>Home</p></a> | |
- | + | </div> | |
- | + | <div class="top-menu-each"> | |
- | + | <div class="arrow"></div> | |
- | + | <p>Team</p> | |
- | + | <div class="top-menu-sub"> | |
- | + | <ul> | |
Line 37: | Line 416: | ||
</div> | </div> | ||
</div> | </div> | ||
- | + | ||
- | + | ||
- | + | ||
<div class="top-menu-each"> | <div class="top-menu-each"> | ||
<div class="arrow"></div> | <div class="arrow"></div> | ||
Line 45: | Line 424: | ||
<div class="top-menu-sub"> | <div class="top-menu-sub"> | ||
<ul> | <ul> | ||
- | <a href="https://2014.igem.org/Team:UESTC-China/ | + | <a href="https://2014.igem.org/Team:UESTC-China/Project"><li>Overview</li></a> |
- | <a href="https://2014.igem.org/Team:UESTC-China/ | + | <a href="https://2014.igem.org/Team:UESTC-China/Design"><li>Design</li></a> |
- | <a href="https://2014.igem.org/Team:UESTC-China/ | + | <a href="https://2014.igem.org/Team:UESTC-China/result"><li>Result</li></a> |
- | <a href="https://2014.igem.org/Team:UESTC-China/ | + | <a href="https://2014.igem.org/Team:UESTC-China/Futurework"><li>Future work</li></a> |
- | <a href="https://2014.igem.org/Team:UESTC-China/ | + | <a href="https://2014.igem.org/Team:UESTC-China/Judingform"><li>Judging Criteria</li></a> |
- | + | ||
</ul> | </ul> | ||
</div> | </div> | ||
Line 59: | Line 438: | ||
<div class="top-menu-sub"> | <div class="top-menu-sub"> | ||
<ul> | <ul> | ||
- | <a href="https://2014.igem.org/Team:UESTC-China/Modeling"><li> | + | <a href="https://2014.igem.org/Team:UESTC-China/Modeling"><li>Overview</li></a> |
- | + | <a href="https://2014.igem.org/Team:UESTC-China/Modeling1"><li>HPS/PHI</li></a> | |
+ | <a href="https://2014.igem.org/Team:UESTC-China/Modeling2"><li>FALDH/FDH</li></a> | ||
+ | <a href="https://2014.igem.org/Team:UESTC-China/Modeling3"><li>AtAHA2</a> | ||
</ul> | </ul> | ||
</div> | </div> | ||
Line 66: | Line 447: | ||
<div class="top-menu-each"> | <div class="top-menu-each"> | ||
<div class="arrow"></div> | <div class="arrow"></div> | ||
- | <p> | + | <p>Parts</p> |
<div class="top-menu-sub"> | <div class="top-menu-sub"> | ||
<ul> | <ul> | ||
- | <a href="https://2014.igem.org/Team:UESTC-China/ | + | <a href="https://2014.igem.org/Team:UESTC-China/BioBrick"><li>BioBrick</li></a> |
<a href="https://2014.igem.org/Team:UESTC-China/Protocol"><li>Protocol</li></a> | <a href="https://2014.igem.org/Team:UESTC-China/Protocol"><li>Protocol</li></a> | ||
- | + | </ul> | |
- | + | </div> | |
- | + | </div> | |
- | + | <div class="top-menu-each"> | |
- | + | <div class="arrow"></div> | |
- | + | <p>Human Practice</p> | |
- | + | <div class="top-menu-sub"> | |
- | + | <ul> | |
- | + | <a href="https://2014.igem.org/Team:UESTC-China/Questionnaire.html"><li>Questionnaire</li></a> | |
- | + | ||
- | + | <a href="https://2014.igem.org/Team:UESTC-China/Knowledgequiz"><li>Knowledge quiz</li></a> | |
- | + | <a href="https://2014.igem.org/Team:UESTC-China/Lecture.html"><li>Lecture</li></a> | |
- | + | <a href="https://2014.igem.org/Team:UESTC-China/Communication.html"><li>Communication</li></a> | |
- | + | <a href="https://2014.igem.org/Team:UESTC-China/Art"><li>Art</li></a> | |
- | + | </ul> | |
- | + | </div> | |
- | + | </div> | |
- | + | ||
+ | <div class="top-menu-each"> | ||
+ | <div class="arrow"></div> | ||
+ | <p>Safety</p> | ||
+ | <div class="top-menu-sub"> | ||
+ | <ul> | ||
+ | <a href="https://2014.igem.org/Team:UESTC-China/Safety"><li>Safety</li></a> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
Line 95: | Line 485: | ||
<div id="middle-photo"> | <div id="middle-photo"> | ||
<div class="middle-photo-each"> | <div class="middle-photo-each"> | ||
- | < | + | <div id="SensorEditingArea" class="SensorEditingAreaClass"> |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | </ | + | <p style="width:1150px;font-weight:bold;font-style:italic;color:#1b1b1b; position:relative;font-size:23px;font-family: calibri, arial, helvetica, sans-serif;text-align:justify;">UESTC-China mainly consisted of the juniors from school of life science and technology. The group were divided into 3 sub-groups, the first focused on design of the project, the second were responsible for the artwork and activity organization, and the third paid their attention to wiki construction. Besides, we would like to thank our altruistic instructors and advisors, who helped us a lot in the whole process. <br/> |
+ | |||
+ | <br/> | ||
+ | |||
+ | </p> | ||
+ | |||
+ | <h1 class="SectionTitles" style="width:1100px;padding:0 10px;position:relative;background-color:#1f8a70;height:45px;line-height:40px;font-size:28px;font-family: calibri, arial, helvetica, sans-serif;border-bottom:0px;color:#ffffff;font-weight: bold;font-style: Italic;text-align:center;">Team Members</h1> | ||
+ | |||
+ | <div style="width:250px; height:250px;position:absolute;left:30px;top:320px; float:left; display:inline"> <img src="https://static.igem.org/mediawiki/2014/9/94/Hanke1.png" > </div> | ||
+ | |||
+ | <div style="width:850px; height:250px;position:absolute;left:270px;top:320px;padding:20px 0 0 20px; float:left; display:inline" > | ||
+ | |||
+ | <p style=" color:#1b1b1b; font-size:23px; font-family: calibri, arial, helvetica, sans-serif; text-align:justify; left: 50;"> <br/><B>Ke Han</B>, who may also called Roxanne, is in charge of artwork. Though majors in bioinformatics, she gains lots of experimental skills by iGEM. Now she has been getting a more clear view of synthetic biology by working in the lab. And watching her making all kinds of mistakes is hilarious, which eases us from pressure. </p> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <div style="width:250px; height:250px;position:absolute;left:30px;top:570px; float:left; display:inline"> <img src="https://static.igem.org/mediawiki/2014/8/85/Hejiao1.png" > </div> | ||
+ | |||
+ | <div style="width:850px; height:250px;position:absolute;left:270px;top:570px;padding:20px 0 0 20px; float:left; display:inline" > | ||
+ | |||
+ | <p style=" color:#1b1b1b; font-size:23px; font-family: calibri, arial, helvetica, sans-serif; text-align:justify; left: 50;"> <br/><B>Jiao He</B>, a racy and sanguine girl, is mainly responsible for the human practice. Besides that she also does some writing and paper work for constructing wiki. Though lacking particular skill like anyone else possess in our team, she contributes a lot to our team for tackling some trivial or petty but important things for our team. </p> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <div style="width:250px; height:250px;position:absolute;left:30px;top:820px; float:left; display:inline "> <img src="https://static.igem.org/mediawiki/2014/5/57/Cys1.png" > </div> | ||
+ | |||
+ | <div style="width:850px; height:250px;position:absolute;left:270px;top:820px;padding:20px 0 0 20px; float:left; display:inline " > | ||
+ | |||
+ | <p style=" color:#1b1b1b; font-size:23px; font-family: calibri, arial, helvetica, sans-serif; text-align:justify; left: 50;"><br/><B>Yasong Cui</B> is the leader of our team. With his excellent grade and domination in synthetic biology, he is called "Lord of School". We turn to him every time when problems come up. So having too much things to do is always a problem for him. He loves to have some midnight snacks after long time experimenting. </p> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <div style="width:250px; height:250px;position:absolute;left:30px;top:1070px; float:left; display:inline"> <img src="https://static.igem.org/mediawiki/2014/9/96/Lijie1.png" > </div> | ||
+ | |||
+ | <div style="width:850px; height:250px;position:absolute;left:270px;top:1070px;padding:20px 0 0 20px; float:left; display:inline" > | ||
+ | |||
+ | <p style=" color:#1b1b1b; font-size:23px; font-family: calibri, arial, helvetica, sans-serif; text-align:justify; left: 50;"><br/><B>Jie Li</B> is a hardworking junior student with a good sence of humor. He can pull it off for several days and nights to complete his experiment. And he is really funny in our daily life. During summer time trainning, his jokes kept our team in a good mood.</p> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <div style="width:250px; height:250px;position:absolute;left:30px;top:1320px; float:left; display:inline"> <img src="https://static.igem.org/mediawiki/2014/2/26/Lijingyao1.png" > </div> | ||
+ | |||
+ | <div style="width:850px; height:250px;position:absolute;left:270px;top:1320px;padding:20px 0 0 20px; float:left; display:inline" > | ||
+ | |||
+ | <p style="color:#1b1b1b; font-size:23px; font-family: calibri, arial, helvetica, sans-serif; text-align:justify; left: 50;"><br/><B>Jingyao Li</B> is a junior studying biotechnology and plant genome engineering in the university of electronic science and technology of China. She works on vector construction and plant transformation. At the same time, as the lab manager of UESTC-China team, she takes charge of the wet lab. Outside of the lab, she loves traveling and climbing.</p> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <div style="width:250px; height:250px;position:absolute;left:30px;top:1570px; float:left; display:inline"> <img src="https://static.igem.org/mediawiki/2014/a/ad/Liurui1.png" > </div> | ||
+ | |||
+ | <div style="width:850px; height:250px;position:absolute;left:270px;top:1570px;padding:20px 0 0 20px; float:left; display:inline" > | ||
+ | |||
+ | <p style="color:#1b1b1b; font-size:23px; font-family: calibri, arial, helvetica, sans-serif; text-align:justify; left: 50;"><br/><B>Rui Liu</B> is a huge fan of basketball. With his passionate attitude and appealing personality, he is in charge of human practice. And he works in lab, too. His favorate sports star is Kobe Bryant. And it's his dream to take his girlfriend to the Staples Center, watching a live game together.</p> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <div style="width:250px; height:250px;position:absolute;left:30px;top:1820px; float:left; display:inline"> <img src="https://static.igem.org/mediawiki/2014/a/af/Wei-Xin_Liu.jpg" > </div> | ||
+ | |||
+ | <div style="width:850px; height:250px;position:absolute;left:270px;top:1820px;padding:20px 0 0 20px; float:left; display:inline" > | ||
+ | |||
+ | <p style="color:#1b1b1b; font-size:23px; font-family: calibri, arial, helvetica, sans-serif; text-align:justify; left: 50;"><br/><B style="color: ">Weixin Liu</B>, the head of modeling. With competitive mathematics background, he is indispensable for our team. Not only math, he is also interested in the way life operates, including its metabolism, reproduction and regulation. He has a deep comprehension of the life machine and is the control of the modeling team.</p> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <div style="width:250px; height:250px;position:absolute;left:30px;top:2070px; float:left; display:inline"> <img src="https://static.igem.org/mediawiki/2014/c/c9/Yanzihui1.png" > </div> | ||
+ | |||
+ | <div style="width:850px; height:250px;position:absolute;left:270px;top:2070px;padding:20px 0 0 20px; float:left; display:inline" > | ||
+ | |||
+ | <p style="color:#1b1b1b; font-size:23px; font-family: calibri, arial, helvetica, sans-serif; text-align:justify; left: 50;"><br/><B>Zihui Yan</B> studies in the Plant Genome Engineering Laboratory, so he is very good at experimenting. And he is very involved with plants. At his spare time, he likes to play tennis, talk to others, and play the game "League of Legends".</p> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <div style="width:250px; height:250px;position:absolute;left:30px;top:2320px; float:left; display:inline"> <img src="https://static.igem.org/mediawiki/2014/9/98/Yanzhiqiang1.png" > </div> | ||
+ | |||
+ | <div style="width:850px; height:250px;position:absolute;left:270px;top:2335px;padding:20px 0 0 20px; float:left; display:inline" > | ||
+ | |||
+ | <p style="color:#1b1b1b; font-size:23px; font-family: calibri, arial, helvetica, sans-serif; text-align:justify; left: 50;"><br/><B>Zhiqiang Yan</B> is the wiki builder of our team. He has a competitive power of programming, which is a complimentary of our team. In his spare time, he enjoys riding and playing basketball. Especially, he is fascinated by 3D movies, which is very fantastic.</p> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <h1 class="SectionTitles" style="width:1100px;padding:0 10px;position:absolute; top:2620px ;background-color:#1f8a70;height:45px;line-height:40px;font-size:28px;font-family: calibri, arial, helvetica, sans-serif;border-bottom:0px;color:#ffffff;font-weight: bold;font-style: Italic;text-align:center;">Instructors</h1> | ||
+ | |||
+ | <div style="width:250px; height:250px;position:absolute;left:30px;top:2765px;float:left; display:inline"><img src="https://static.igem.org/mediawiki/2014/d/d1/Zhangyong.png" ></div> | ||
+ | |||
+ | <div style="width:850px; height:250px;position:absolute;left:270px;top:2780px;padding:20px 0 0 20px; float:left; display:inline" > | ||
+ | |||
+ | <p style=" color:#1b1b1b; font-size:23px; font-family: calibri, arial, helvetica, sans-serif; text-align:justify; left: 50;"> <br/><B>Yong Zhang</B> Professor Zhang tutored us about how to construct a vector, in his class "Genetic Engineering" last semester. He quoted a shocking number of examples to walk us through the class, so we got to understand these technologies better. </p> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <div style="width:250px; height:250px;position:absolute;left:30px;top:3000px;float:left; display:inline"><img src="https://static.igem.org/mediawiki/2014/9/9d/Zhengxuelian.png" ></div> | ||
+ | |||
+ | <div style="width:850px; height:250px;position:absolute;left:270px;top:3000px;padding:20px 0 0 20px; float:left; display:inline" > | ||
+ | |||
+ | <p style=" color:#1b1b1b; font-size:23px; font-family: calibri, arial, helvetica, sans-serif; text-align:justify; left: 50;"> <br/><B>Xuelian Zheng</B> Professor Zheng is quite rigorous about her experiment, which is really a model for us. And she was in charge of the lesson "Molecular Biology". She taught with her loving personality. And she is also a amiable mother, who loves to share jokes about her son. </p> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <div style="width:250px; height:250px;position:absolute;left:30px;top:3250px;float:left; display:inline"><img src="https://static.igem.org/mediawiki/2014/1/17/Tanglixia.png" ></div> | ||
+ | |||
+ | <div style="width:850px; height:250px;position:absolute;left:270px;top:3250px;padding:20px 0 0 20px; float:left; display:inline" > | ||
+ | |||
+ | <p style=" color:#1b1b1b; font-size:23px; font-family: calibri, arial, helvetica, sans-serif; text-align:justify; left: 50;"> <br/><B>Lixia Tang</B> She is wise lady with a graceful vioce and she cares about us a lot. With her advices about experimental skills, like how to use the pipette properly without larger deviation. It sure to make us easier to put the knowledge into practice in our project.</p> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <h1 class="SectionTitles" style="width:1100px;padding:0 10px;position:absolute; top:3550px ;background-color:#1f8a70;height:45px;line-height:40px;font-size:28px;font-family: calibri, arial, helvetica, sans-serif;border-bottom:0px;color:#ffffff;font-weight: bold;font-style: Italic;text-align:center;">Advisers</h1> | ||
+ | |||
+ | <div style="width:250px; height:250px;position:absolute;left:30px;top:3680px;float:left; display:inline"><img src="https://static.igem.org/mediawiki/2014/e/e3/Tangxu.png" ></div> | ||
+ | |||
+ | <div style="width:850px; height:250px;position:absolute;left:270px;top:3680px;padding:20px 0 0 20px; float:left; display:inline" > | ||
+ | |||
+ | <p style=" color:#1b1b1b; font-size:23px; font-family: calibri, arial, helvetica, sans-serif; text-align:justify; left: 50;"> <br/><B>Xu Tang</B> Tang just finished his first year as a postgraduate student. Whenever we see him, he's fully occupied with experiment. And personally our team leader admires him for his rigorous scholarship. Yet during lunch break, he brings us a lot of fun. </p> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <div style="width:250px; height:250px;position:absolute;left:30px;top:3930px;float:left; display:inline"><img src="https://static.igem.org/mediawiki/2014/c/c7/Xiezhengyang.png" ></div> | ||
+ | |||
+ | <div style="width:850px; height:250px;position:absolute;left:270px;top:3930px;padding:20px 0 0 20px; float:left; display:inline" > | ||
+ | |||
+ | <p style=" color:#1b1b1b; font-size:23px; font-family: calibri, arial, helvetica, sans-serif; text-align:justify; left: 50;"> <br/><B>Zhengyang Xie</B> We call her "senior xie" for nickname because she is so confident with her knowledge of biology. And she is a very warmhearted kind person who is also pretty cool. Last summer she rode her way around the largest lake of western China, and took this picture.</p> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | </div> | ||
</div> | </div> | ||
<div class="middle-photo-each"> | <div class="middle-photo-each"> | ||
Line 112: | Line 638: | ||
</div> | </div> | ||
+ | |||
+ | /*back to top*/ | ||
+ | <div style="display: none;" id="rocket-to-top"> | ||
+ | <div style="opacity:0;display: block;" class="level-2"></div> | ||
+ | <div class="level-3"></div> | ||
+ | </div> | ||
+ | |||
+ | <script type="text/javascript" src="http://code.jquery.com/jquery-1.10.1.min.js"></script> | ||
+ | <script type="text/javascript"> | ||
+ | |||
+ | $(document).ready(function(){ | ||
+ | |||
+ | var imageload=new Array("https://static.igem.org/mediawiki/2014/1/15/NewPlant1.jpg","https://static.igem.org/mediawiki/2014/9/9f/NewPlant2.jpg","https://static.igem.org/mediawiki/2014/1/14/All_students3.jpg"); | ||
+ | var datatemp=function(){ | ||
+ | this.head; | ||
+ | this.content; | ||
+ | } | ||
+ | var data1=new datatemp(); | ||
+ | var data2=new datatemp(); | ||
+ | var data3=new datatemp(); | ||
+ | data1.head="Plants"; | ||
+ | data1.content="Culture"; | ||
+ | data2.head="Plants "; | ||
+ | data2.content="Transform"; | ||
+ | data3.head="Our Team"; | ||
+ | data3.content="Keep moving"; | ||
+ | var imageintro=new Array(data1,data2,data3); | ||
+ | var imagecount=0; | ||
+ | |||
+ | var init=function(){ | ||
+ | $('.arrow').hide(); | ||
+ | $('.top-menu-sub').hide(); | ||
+ | |||
+ | } | ||
+ | var bind=function(){ | ||
+ | $("#top").hide(); | ||
+ | $(document).scroll(function(){ | ||
+ | if($(document).scrollTop()>308){ | ||
+ | $("#left-bar").css("position","fixed"); | ||
+ | $("#left-bar").css("top","0%"); | ||
+ | } | ||
+ | else{ | ||
+ | console.log(1); | ||
+ | $("#left-bar").css("position","absolute"); | ||
+ | $("#left-bar").css("top",""); | ||
+ | |||
+ | }; | ||
+ | }) | ||
+ | $('.top-menu-each').hover(function(){ | ||
+ | $('.top-menu-each.click .arrow').hide(); | ||
+ | $('.top-menu-each.click').removeClass('click'); | ||
+ | $(this).addClass('click'); | ||
+ | $(this).find('.arrow').show(); | ||
+ | $('.top-menu-sub.show').hide(); | ||
+ | $('.top-menu-sub.show').removeClass('show'); | ||
+ | $(this).find('.top-menu-sub').addClass('show'); | ||
+ | $(this).find('.top-menu-sub').show();} | ||
+ | , | ||
+ | function() { | ||
+ | |||
+ | $(this).removeClass('click'); | ||
+ | $(this).find('.arrow').hide(); | ||
+ | $(this).find('.top-menu-sub').removeClass('show'); | ||
+ | $(this).find('.top-menu-sub').hide(); | ||
+ | |||
+ | |||
+ | }) | ||
+ | |||
+ | |||
+ | } | ||
+ | var changepic=function(){ | ||
+ | imagecount=imagecount+1; | ||
+ | if(imagecount==imageload.length){ | ||
+ | imagecount=imagecount-imageload.length; | ||
+ | } | ||
+ | $('#big-photo-hover').fadeOut(function(){ | ||
+ | $('#big-photo-wrap').prepend('<img src='+imageload[imagecount]+'>'); | ||
+ | $('#big-photo img:eq(0)').css('margin-left','-1214px'); | ||
+ | $('#big-photo img:eq(0)').animate({marginLeft:'0px'},3000); | ||
+ | $('#big-photo img:eq(1)').animate({marginLeft:'1214px'},3000,function(){ | ||
+ | $('#big-photo img:eq(1)').remove(); | ||
+ | $('#big-photo-hover .header').html(imageintro[imagecount].head); | ||
+ | $('#big-photo-hover .content').html(imageintro[imagecount].content); | ||
+ | $('#big-photo-hover').fadeIn(); | ||
+ | }); | ||
+ | }) | ||
+ | |||
+ | |||
+ | } | ||
+ | $(window).scroll(function(){ | ||
+ | min_height=window.screen.availHeight ; | ||
+ | var s = $(window).scrollTop(); | ||
+ | if( s > 0){ | ||
+ | if(!$("#top").hasClass("hide")) | ||
+ | $('#top').fadeIn(100); | ||
+ | }else{ | ||
+ | $('#top').fadeOut(200); | ||
+ | }; | ||
+ | }); | ||
+ | |||
+ | |||
+ | $('#top').click(function(){ | ||
+ | $('html,body').animate({scrollTop:0},300); | ||
+ | |||
+ | }); | ||
+ | setInterval(changepic,8000); | ||
+ | init(); | ||
+ | bind(); | ||
+ | /* | ||
+ | if ($("p:contains('Team')").parent().next().find("p").html() == "Result") { | ||
+ | $("p:contains('Result')").parent().remove(); | ||
+ | }; | ||
+ | if ($("p:contains('Modeling')").parent().next().find("p").html() != "Result") { | ||
+ | a = $("p:contains('Home')").parent().parent().clone(); | ||
+ | a.find('p').html('Result'); | ||
+ | a.find('a').attr('href','/Team:UESTC-China/result'); | ||
+ | $("p:contains('Modeling')").parent().after(a); | ||
+ | };*/ | ||
+ | item = window.location.href.split('/').pop(); | ||
+ | item = item.split('.')[0]; | ||
+ | |||
+ | if ( item == "members" ) { | ||
+ | |||
+ | $('iframe').css('width','900px'); | ||
+ | |||
+ | }; | ||
+ | |||
+ | |||
+ | }) | ||
+ | |||
+ | </script> | ||
</body> | </body> | ||
</html> | </html> |
Latest revision as of 02:29, 18 October 2014