Team:UESTC-China/Communication.html

From 2014.igem.org

(Difference between revisions)
 
(38 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" />
+
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
-
<title>UESTC-China</title>
+
<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 40: Line 52:
#total-wrap{
#total-wrap{
position:absolute;
position:absolute;
-
width: 1214px;
+
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/a/a3/Newbanner.jpg");
+
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 62: Line 75:
background-color: #394264;
background-color: #394264;
width: 1195px;
width: 1195px;
 +
height:63px;
}
}
Line 254: Line 268:
#middle-photo{
#middle-photo{
float: left;
float: left;
-
        width: 1214px;
+
margin-bottom: 25px;
-
        background-color:#ffffff;
+
background-color:#FFFFFF;
 +
width:1215px;
 +
height:1850px;
}
}
.middle-photo-each{
.middle-photo-each{
-
        float: left;
+
padding:0px 0px 0px 0px;
-
        margin-left: 0px;
+
background-color: white;
-
        margin-top: 0px;
+
margin-bottom: 15px;
-
position: absolute;
+
margin-left: 0px;
-
 
+
-
 
+
}
}
Line 294: Line 308:
}
}
#top{
#top{
-
background-image:url('http://fudanigem.phx-2.ifreeurl.com/img/top.png');
+
background-image: url('https://static.igem.org/mediawiki/2014/8/89/Uestc_top2.png');
-
width: 57px;
+
width: 65px;
-
height: 57px;
+
height: 138px;
-
position: fixed;
+
position: fixed;
-
top: 80%;
+
top: 70%;
-
margin-left: 1205px;
+
margin-left: 1200px;
-
cursor: pointer;
+
cursor: pointer;
 +
z-index: 999;
}
}
#logo{
#logo{
position: absolute;
position: absolute;
-
background-image: url("https://static.igem.org/mediawiki/2014/9/99/NewLogo.png");
 
width: 154px;
width: 154px;
height: 147px;
height: 147px;
Line 325: Line 339:
}
}
-
</style>
 
-
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
+
#all{position:absolute; left:0px; top:280px; height:1850px; width:1180px;  padding:60px 0px 0px 30px;}
-
<script src="http://immunet.cn/smorf/css/fudanjs.js">
+
-
</script>
+
.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;}
-
</head>
+
.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="total-wrap">
-
<div id="header">
+
  <div id="header">
-
<div id="emp">
+
    <div id="emp">
-
<div id='logo'><a href="https://igem.org"></a></div>
+
      <div id='logo'><a href="https://igem.org"><img src="https://static.igem.org/mediawiki/2014/d/da/NewLogo2.png"></a></div>
-
</div>
+
    </div>
-
<div id="top-menu">
+
    <div id="top-menu">
-
<div class="top-menu-each">
+
      <div class="top-menu-each"> <a href="https://2014.igem.org/Team:UESTC-China">
-
<a href="https://2014.igem.org/Team:UESTC-China"><p>Home</p></a>
+
        <p>Home</p>
-
</div>
+
        </a> </div>
-
<div class="top-menu-each">
+
      <div class="top-menu-each">
-
<div class="arrow"></div>
+
        <div class="arrow"></div>
-
<p>Team</p>
+
        <p>Team</p>
-
<div class="top-menu-sub">
+
        <div class="top-menu-sub">
-
<ul>
+
          <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/Team"><li>Members</li></a>
+
          </ul>
-
<a href="https://2014.igem.org/Team:UESTC-China/Attribution"><li>Attribution</li></a>
+
        </div>
-
<a href="igem.org/Team.cgi?year=2014&team_name=UESTC-China"><li>Team Profile</li></a>
+
      </div>
-
<a href="https://2014.igem.org/Team:UESTC-China/Notebook"><li>Notebook</li></a>
+
      <div class="top-menu-each">
-
</ul>
+
        <div class="arrow"></div>
-
</div>
+
        <p>Modeling</p>
-
</div>
+
        <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>Project</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/Project"><li>Overview</li></a>
+
        <p>Parts</p>
-
<a href="https://2014.igem.org/Team:UESTC-China/Design"><li>Design</li></a>
+
        <div class="top-menu-sub">
-
<a href="https://2014.igem.org/Team:UESTC-China/result"><li>Result</li></a>
+
          <ul>
-
<a href="https://2014.igem.org/Team:UESTC-China/Futurework">
+
            <a href="https://2014.igem.org/Team:UESTC-China/BioBrick">
-
<li>Future work</li></a>
+
            <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>Modeling</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/Modeling"><li>Modeling</li></a>
+
            <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" >
-
</ul>
+
            <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>
-
</div>
+
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
-
<div class="top-menu-each">
+
<script type="text/javascript">
-
<div class="arrow"></div>
+
-
<p>Parts</p>
+
-
<div class="top-menu-sub">
+
-
<ul>
+
-
<a href="https://2014.igem.org/Team:UESTC-China/Material"><li>BioBrick</li></a>
+
-
<a href="https://2014.igem.org/Team:UESTC-China/Protocol"><li>Protocol</li></a>
+
-
</ul>
+
$(document).ready(function(){
-
</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/HumanPractice.html"><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/Questionnaire.html"><li>Questionnaire</li></a>
+
-
+
-
</ul>
+
-
</div>
+
-
</div>
+
-
<div class="top-menu-each">
+
-
<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>
+
-
</div>
+
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");
-
</div>
+
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() {
-
<div id="middle-photo">
+
$(this).removeClass('click');
-
<div class="middle-photo-each">
+
$(this).find('.arrow').hide();
-
<iframe  style="
+
$(this).find('.top-menu-sub').removeClass('show');
-
width: 1220px;
+
$(this).find('.top-menu-sub').hide();
-
height: 2600px;
+
-
" src="http://immunet.cn/smorf/css/Communication.html">
+
-
</iframe>
+
-
</div>
+
})
-
</div>
+
-
</div>
+
}
 +
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

UESTC-China

Communication

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

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

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.

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.