Team:UESTC-China/Communication.html
From 2014.igem.org
Zhangmanni (Talk | contribs) |
|||
(37 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> | <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> | ||
- | |||
<head> | <head> | ||
- | + | <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> | |
- | + | <title>UESTC-China</title> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
<style> | <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; | ||
+ | } | ||
Line 44: | Line 52: | ||
#total-wrap{ | #total-wrap{ | ||
position:absolute; | position:absolute; | ||
- | width: | + | width: 1215px; |
left: 50%; | left: 50%; | ||
right: 50%; | right: 50%; | ||
margin-left: -607px; | margin-left: -607px; | ||
+ | color: white; | ||
} | } | ||
#header{ | #header{ | ||
height: 280px; | height: 280px; | ||
- | background-image:url("https://static.igem.org/mediawiki/2014/ | + | background-image:url("https://static.igem.org/mediawiki/2014/4/49/New_New_banner.jpg"); |
background-position: top center; | background-position: top center; | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
Line 66: | Line 75: | ||
background-color: #394264; | background-color: #394264; | ||
width: 1195px; | width: 1195px; | ||
+ | height:63px; | ||
} | } | ||
Line 258: | Line 268: | ||
#middle-photo{ | #middle-photo{ | ||
float: left; | float: left; | ||
- | + | margin-bottom: 25px; | |
- | + | background-color:#FFFFFF; | |
+ | width:1215px; | ||
+ | height:1850px; | ||
} | } | ||
.middle-photo-each{ | .middle-photo-each{ | ||
- | + | padding:0px 0px 0px 0px; | |
- | + | background-color: white; | |
- | + | margin-bottom: 15px; | |
- | + | margin-left: 0px; | |
- | + | ||
- | + | ||
} | } | ||
Line 298: | Line 308: | ||
} | } | ||
#top{ | #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{ | #logo{ | ||
position: absolute; | position: absolute; | ||
- | |||
width: 154px; | width: 154px; | ||
height: 147px; | height: 147px; | ||
Line 329: | Line 339: | ||
} | } | ||
- | |||
- | |||
- | # | + | #all{position:absolute; left:0px; top:280px; height:1850px; width:1180px; padding:60px 0px 0px 30px;} |
- | + | ||
- | + | .headword0{position:relative; left:0px; | |
- | + | 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; | |
- | + | width: 1100px; | |
- | + | left: 30px; | |
+ | margin-top:30px;} | ||
+ | |||
+ | .headword{position:relative; left:0px; | ||
+ | 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; | ||
+ | width: 1100px; | ||
+ | left: 30px; | ||
+ | margin-top:30px;} | ||
+ | |||
+ | /*xxx-0 is the first section's css*/ | ||
+ | #head0 {height:40px; width:1200px;} | ||
+ | |||
+ | #content0 { height:409px; | ||
+ | width:1214px; | ||
+ | background-color: #FFFFFF; | ||
+ | top:81px; | ||
+ | position:absolute;} | ||
+ | |||
+ | #text0 { height:351px; | ||
+ | |||
+ | width:538px; | ||
+ | |||
+ | margin-top:50px; | ||
+ | |||
+ | margin-left:350px; | ||
+ | |||
+ | position:absolute; | ||
+ | |||
+ | color: #000000; | ||
+ | |||
+ | left: 292px; | ||
+ | |||
+ | top: -27px; | ||
+ | font-size: 23px; | ||
+ | font-family:calibri, arial, helvetica, sans-serif; text-align:justify; | ||
+ | |||
} | } | ||
- | + | .text1 { | |
- | + | ||
- | + | height:305px; | |
- | + | ||
- | + | width:503px; | |
- | + | ||
+ | margin-left:40px; | ||
+ | |||
+ | color: #000000; | ||
+ | |||
+ | position:absolute; | ||
+ | |||
+ | margin-top:40px; | ||
+ | |||
+ | left: -10px; | ||
+ | |||
+ | top: 107px; | ||
+ | |||
+ | font-size: 23px; | ||
+ | font-family:calibri, arial, helvetica, sans-serif; text-align:justify; | ||
+ | |||
} | } | ||
- | + | .text2 { | |
- | + | ||
- | + | height:335px; | |
- | + | ||
- | + | width:554px; | |
- | + | ||
+ | margin-top:0px; | ||
+ | |||
+ | margin-left:600px; | ||
+ | |||
+ | position:absolute; | ||
+ | |||
+ | color: #000000; | ||
+ | |||
+ | left: 22px; | ||
+ | |||
+ | top: 70px; | ||
+ | font-size: 23px; | ||
+ | font-family:calibri, arial, helvetica, sans-serif; text-align:justify; | ||
+ | |||
} | } | ||
- | + | .middle { height:444px; width:1214px; background-color: #1bbc9b;} | |
- | + | ||
- | + | .head { height:60px; width:1200px; float:left; margin-top:15px;} | |
- | + | ||
- | + | .content { height:380px; width:1214px; background-color: #FFFFFF; margin-top:30px;} | |
- | + | ||
- | + | .picture1 { | |
- | + | ||
- | + | margin-top:35px; | |
- | + | ||
- | + | margin-left:600px; | |
- | + | ||
- | + | position:absolute; | |
+ | |||
} | } | ||
- | |||
+ | .picture2 { | ||
- | + | margin-top:35px; | |
- | + | margin-left:30px; | |
- | + | ||
- | + | position:absolute; | |
- | + | height: 320px; | |
+ | } | ||
+ | #middle0 { | ||
+ | |||
+ | position:absolute; | ||
+ | |||
+ | height:500px; | ||
+ | |||
+ | width:1214px; | ||
+ | |||
+ | left: 0px; | ||
+ | |||
+ | top: 0px; | ||
+ | background-color:#FFFFFF; | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | #middle1 { | ||
+ | |||
+ | top:451px; | ||
+ | |||
+ | position:absolute; | ||
+ | |||
+ | left: 0px; | ||
+ | |||
+ | background-color:#FFFFFF; | ||
+ | |||
+ | |||
+ | } | ||
+ | |||
+ | #middle2 { | ||
+ | |||
+ | top:866px; | ||
+ | |||
+ | position: absolute; | ||
+ | |||
+ | left: 0px; | ||
+ | background-color:#FFFFFF; | ||
+ | |||
+ | |||
+ | } | ||
+ | |||
+ | #middle3 { | ||
+ | |||
+ | top:1283px; | ||
+ | position:absolute; | ||
+ | left:0px; | ||
+ | |||
+ | background-color:#FFFFFF; | ||
+ | |||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | </style> | ||
+ | </head> | ||
<body> | <body> | ||
- | + | <div id="total-wrap"> | |
- | + | <div id="header"> | |
- | + | <div id="emp"> | |
- | + | <div id='logo'><a href="https://igem.org"><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> | |
- | + | <a href="https://2014.igem.org/Team:UESTC-China/Team"> | |
+ | <li>Members</li> | ||
+ | </a> <a href="https://2014.igem.org/Team:UESTC-China/Attribution"> | ||
+ | <li>Attribution</li> | ||
+ | </a> <a href="https://igem.org/Team.cgi?year=2014&team_name=UESTC-China"> | ||
+ | <li>Team Profile</li> | ||
+ | </a> <a href="https://2014.igem.org/Team:UESTC-China/Notebook"> | ||
+ | <li>Notebook</li> | ||
+ | </a> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="top-menu-each"> | ||
+ | <div class="arrow"></div> | ||
+ | <p>Project</p> | ||
+ | <div class="top-menu-sub"> | ||
+ | <ul> | ||
+ | <a href="https://2014.igem.org/Team:UESTC-China/Project"> | ||
+ | <li>Overview</li> | ||
+ | </a> <a href="https://2014.igem.org/Team:UESTC-China/Design"> | ||
+ | <li>Design</li> | ||
+ | </a> <a href="https://2014.igem.org/Team:UESTC-China/result"> | ||
+ | <li>Result</li> | ||
+ | </a> | ||
+ | <a href="https://2014.igem.org/Team:UESTC-China/Futurework"> | ||
+ | <li>Future work</li> | ||
+ | </a> | ||
+ | <a href="https://2014.igem.org/Team:UESTC-China/Judingform"><li>Judging Criteria</li></a> | ||
- | <a href="https://2014.igem.org/Team:UESTC-China/ | + | </ul> |
- | <a href="https://2014.igem.org/Team:UESTC-China/ | + | </div> |
- | <a href="igem.org/Team | + | </div> |
- | <a href="https://2014.igem.org/Team:UESTC-China/ | + | <div class="top-menu-each"> |
- | + | <div class="arrow"></div> | |
- | + | <p>Modeling</p> | |
- | + | <div class="top-menu-sub"> | |
+ | <ul> | ||
+ | <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</li></a> | ||
- | <div class="top-menu-each"> | + | </ul> |
- | <div class="arrow"></div> | + | </div> |
- | <p> | + | </div> |
- | <div class="top-menu-sub"> | + | <div class="top-menu-each"> |
- | <ul> | + | <div class="arrow"></div> |
- | <a href="https://2014.igem.org/Team:UESTC-China/ | + | <p>Parts</p> |
- | <a href="https://2014.igem.org/Team:UESTC-China/ | + | <div class="top-menu-sub"> |
- | <a href="https://2014.igem.org/Team:UESTC-China/ | + | <ul> |
- | <a href="https://2014.igem.org/Team:UESTC-China/ | + | <a href="https://2014.igem.org/Team:UESTC-China/BioBrick"> |
- | <li> | + | <li>BioBrick</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 href="https://2014.igem.org/Team:UESTC-China/Art"><li>Art</li></a> | ||
+ | </a> | ||
- | </ul> | + | </ul> |
- | </div> | + | </div> |
- | </div> | + | </div> |
- | <div class="top-menu-each"> | + | <div class="top-menu-each"> |
- | <div class="arrow"></div> | + | <div class="arrow"></div> |
- | <p> | + | <p>Safety</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/Safety"> |
+ | <li>Safety</li> | ||
+ | </a> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div id="middle-photo"> | ||
+ | <div class="middle-photo-each"> | ||
+ | <div id="all"> | ||
+ | <div id="middle0"> | ||
+ | <div id="head0" > | ||
+ | <p align="center" class="headword0"><b>Communication</b></p> | ||
+ | <div id="content0" > | ||
+ | <div class="picture2"> <img src="https://static.igem.org/mediawiki/2014/4/47/Chuanda1.jpg" width="556" height="319" /> </div> | ||
+ | <div id="text0"> | ||
+ | <p >On July 25th 2014, the iGEM team SCU-China from Sichuan University went to our school and communicate with us. We exchanged our project with them. We led them to our lab, talking about the school life in school respectively. The number of people from SCU was 6, and at the end of the activity we gathered to have a lunch.</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div id="middle1" class="middle" > | ||
+ | <div class="head" > | ||
+ | <p align="center" class="headword0"><b>Communication</b></p> | ||
+ | <div class="content" > | ||
+ | <div class="picture1"> <img src="https://static.igem.org/mediawiki/2014/6/61/Chuanda2.jpg" width="556" height="319" /> </div> | ||
+ | <div class="text1"> | ||
+ | <p >We sat together to chat, and briefly talk about our project and experimental schedule. The students from SCU were astonished that we chose plant as our target organism, because the lifecycle of plant is a little bit long and that was also why they chose microorganism as the targeted object.</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div id="middle2" class="middle" > | ||
+ | <div class="head" > | ||
+ | <p align="center" class="headword"><b>Visit our lab</b></p> | ||
+ | <div class="content" > | ||
+ | <div class="picture1"><img src="https://static.igem.org/mediawiki/2014/f/f7/Chuanda3.jpg" width="533" height="315"/></div> | ||
+ | <div class="text1"> | ||
+ | <p >After a small talk, we led them to our culture room where we placed our transgenic tobacco. We introduced the transgenic tobacco to them, and briefly gave an account of the experimental schedule of our project. We all felt a little bit nervous whether we could finish our project in time at the end of September.</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div id="middle3" class="middle" > | ||
+ | <div class="head" > | ||
- | </ | + | <div class="content" > |
+ | <div class="picture2"><img src="https://static.igem.org/mediawiki/2014/f/f2/Chuanda4.jpg" width="533" height="315"/></div> | ||
+ | <div class="text2"> | ||
+ | <p >One member of SCU iGEM team was introducing their project after listening to our project. They said they were astonished by the desire of us to use plant as experimental materials. And they expressed their views on our experiments.</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
</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:43, 18 October 2014
Communication
![](https://static.igem.org/mediawiki/2014/4/47/Chuanda1.jpg)
On July 25th 2014, the iGEM team SCU-China from Sichuan University went to our school and communicate with us. We exchanged our project with them. We led them to our lab, talking about the school life in school respectively. The number of people from SCU was 6, and at the end of the activity we gathered to have a lunch.
Communication
![](https://static.igem.org/mediawiki/2014/6/61/Chuanda2.jpg)
We sat together to chat, and briefly talk about our project and experimental schedule. The students from SCU were astonished that we chose plant as our target organism, because the lifecycle of plant is a little bit long and that was also why they chose microorganism as the targeted object.
Visit our lab
![](https://static.igem.org/mediawiki/2014/f/f7/Chuanda3.jpg)
After a small talk, we led them to our culture room where we placed our transgenic tobacco. We introduced the transgenic tobacco to them, and briefly gave an account of the experimental schedule of our project. We all felt a little bit nervous whether we could finish our project in time at the end of September.
![](https://static.igem.org/mediawiki/2014/f/f2/Chuanda4.jpg)
One member of SCU iGEM team was introducing their project after listening to our project. They said they were astonished by the desire of us to use plant as experimental materials. And they expressed their views on our experiments.