Team:USTC CHINA/HumanPractice

From 2013.igem.org

(Difference between revisions)
(Created page with "<div> 整体的分类: </div> <div> Communicating: ① 5 iGEM teams: SJTU,FDU,NJU,WHU and PKU ② 4Universities: NAU, HNU,HFUT,AHU ③ 4 Institutes: China Center for Dise...")
 
(82 intermediate revisions not shown)
Line 1: Line 1:
-
<div>
+
{{USTC-China/hidden}}
-
整体的分类:
+
<html>
 +
<head>
 +
<link rel="stylesheet" type="text/css" href="https://2013.igem.org/Team:USTC_CHINA/main.css?action=raw&ctype=text/css" />
 +
<link rel="stylesheet" type="text/css" href="https://2013.igem.org/Team:USTC_CHINA/humanpractice.css?action=raw&ctype=text/css" />
 +
<script src="http://code.jquery.com/jquery-1.6.3.min.js" type= "text/javascript"> </script>
 +
<script>
 +
$(document).ready(function(){
 +
 +
// set the wrapper width and height to match the img size
 +
$('#wrapper').css({'width':$('#wrapper img').width(),
 +
  'height':$('#wrapper img').height()
 +
})
 +
 +
//tooltip direction
 +
var tooltipDirection;
 +
 +
for (i=0; i<$(".pin").length; i++)
 +
{
 +
// set tooltip direction type - up or down           
 +
if ($(".pin").eq(i).hasClass('pin-down')) {
 +
tooltipDirection = 'tooltip-down';
 +
} else {
 +
tooltipDirection = 'tooltip-up';
 +
}
 +
 +
// append the tooltip
 +
$("#wrapper").append("<div style='left:"+$(".pin").eq(i).data('xpos')+"px;top:"+$(".pin").eq(i).data('ypos')+"px' class='" + tooltipDirection +"'>\
 +
<div class='tooltip'>" + $(".pin").eq(i).html() + "</div>\
 +
</div>");
 +
}   
 +
 +
// show/hide the tooltip
 +
$('.tooltip-up, .tooltip-down').mouseenter(function(){
 +
$(this).children('.tooltip').fadeIn(100);
 +
}).mouseleave(function(){
 +
$(this).children('.tooltip').fadeOut(100);
 +
})
 +
});
 +
</script>
 +
<style>
 +
body {
 +
text-align: center;
 +
font: 13px Arial,Helvetica;
 +
}
 +
 +
/* Relative positioning*/
 +
#wrapper {
 +
position: relative;
 +
margin: 0px 0px 20px -146px;
 +
border: 1px solid #fafafa;
 +
-moz-box-shadow: 0 3px 3px rgba(0,0,0,.5);
 +
-webkit-box-shadow: 0 3px 3px rgba(0,0,0,.5);
 +
box-shadow: 0 3px 3px rgba(0,0,0,.5);
 +
                margin-top:400px !important;
 +
}
 +
/* Hide the original tooltips contents */
 +
.pin {
 +
display: none;
 +
}
 +
/* Begin styling the tooltips and pins */
 +
.tooltip-up, .tooltip-down {
 +
position: absolute;
 +
background: url("https://static.igem.org/mediawiki/2013/9/97/T-pointer.png");
 +
width: 40px;
 +
height: 52px;
 +
}
 +
 
 +
 +
.tooltip {
 +
display: none;
 +
width: 200px;
 +
cursor: help;
 +
text-shadow: 0 1px 0 #fff;
 +
position: absolute;
 +
top: 10px;
 +
left: 50%;
 +
z-index: 999;
 +
margin-left: -115px;
 +
padding:15px;
 +
color: #222;
 +
-moz-border-radius: 5px;
 +
-webkit-border-radius: 5px;
 +
border-radius: 5px;
 +
-moz-box-shadow: 0 3px 0 rgba(0,0,0,.7);
 +
-webkit-box-shadow: 0 3px 0 rgba(0,0,0,.7);
 +
box-shadow: 0 3px 0 rgba(0,0,0,.7);
 +
background: #fff1d3;
 +
background: -webkit-gradient(linear, left top, left bottom, from(#fff1d3), to(#ffdb90));
 +
background: -webkit-linear-gradient(top, #fff1d3, #ffdb90);
 +
background: -moz-linear-gradient(top, #fff1d3, #ffdb90);
 +
background: -ms-linear-gradient(top, #fff1d3, #ffdb90);
 +
background: -o-linear-gradient(top, #fff1d3, #ffdb90);
 +
background: linear-gradient(top, #fff1d3, #ffdb90);
 +
}
 +
 +
.tooltip::after {
 +
content: '';
 +
position: absolute;
 +
top: -10px;
 +
left: 50%;
 +
margin-left: -10px;
 +
border-bottom: 10px solid #fff1d3;
 +
border-left: 10px solid transparent;
 +
border-right :10px solid transparent;
 +
}
 +
.tooltip-down .tooltip {
 +
bottom: 12px;
 +
top: auto;
 +
}
 +
 +
.tooltip-down .tooltip::after {
 +
bottom: -10px;
 +
top: auto;
 +
border-bottom: 0;
 +
border-top: 10px solid #ffdb90;
 +
}
 +
 +
.tooltip h2 {
 +
font: bold 1.3em 'Trebuchet MS', Tahoma, Arial;
 +
margin: 0 0 10px;
 +
}
 +
 +
.tooltip ul {
 +
margin: 0;
 +
padding: 0;
 +
list-style: none;
 +
}
 +
</style>
 +
</head>
 +
<body background="https://static.igem.org/mediawiki/2013/6/62/2013ustc-china_Light_grey_bg.png">
 +
<div class="bar" align="center">
 +
    <div class="container" align="left">
 +
<div id="igemlogo"><a href="https://2013.igem.org/Main_Page" target="_blank"><img src="https://static.igem.org/mediawiki/2013/2/26/2013ustcigem_IGEM_basic_Logo.png" alt="igem home page" width="50" height="40" /></a></div>
 +
 
 +
<ul id="nav">
 +
        <li><a href="https://2013.igem.org/Team:USTC_CHINA">Home</a></li>
 +
        <li><a href="https://2013.igem.org/Team:USTC_CHINA/Project/Overview">Project</a>
 +
            <ul class="subs">
 +
                <li><a href="https://2013.igem.org/Team:USTC_CHINA/Project/Overview">Overview</a></li>
 +
                <li><a href="https://2013.igem.org/Team:USTC_CHINA/Project/Background">Background</a></li>
 +
                <li><a href="https://2013.igem.org/Team:USTC_CHINA/Project/Design">Design</a></li>
 +
                <li><a href="https://2013.igem.org/Team:USTC_CHINA/Project/Results">Results</a></li>
 +
                <li><a href="https://2013.igem.org/Team:USTC_CHINA/Parts">Parts</a></li>
 +
            </ul>
 +
        </li>
 +
        <li><a href="https://2013.igem.org/Team:USTC_CHINA/Notebook">Notebook</a>
 +
              <ul class="subs">
 +
                <li><a href="https://2013.igem.org/Team:USTC_CHINA/Notebook/Timeline">Timeline</a></li>
 +
                <li><a href="https://2013.igem.org/Team:USTC_CHINA/Notebook/Protocols">Protocols</a></li>
 +
              </ul>
 +
        </li>
 +
        <li><a href="https://2013.igem.org/Team:USTC_CHINA/Modeling/">Modeling</a>
 +
              <ul class="subs">
 +
                  <li><a href="https://2013.igem.org/Team:USTC_CHINA/Modeling/KillSwitch">Kill Switch</a></li>
 +
                  <li><a href="https://2013.igem.org/Team:USTC_CHINA/Modeling/B.SubtilisCulture">B.Subtilis Culture</a></li>
 +
                  <li><a href="https://2013.igem.org/Team:USTC_CHINA/Modeling/DesignsofImmuneExperiments">Designs of Immune Experiments</a></li>
 +
              </ul>
 +
        </li>
 +
        <li class="active"><a href="https://2013.igem.org/Team:USTC_CHINA/HumanPractice">Human Practice</a>
 +
              <ul class="subs">
 +
                  <li><a href="https://2013.igem.org/Team:USTC_CHINA/HumanPractice/Communication" >Communication</a></li>
 +
                  <li><a href="https://2013.igem.org/Team:USTC_CHINA/HumanPractice/Activity">Activity</a></li>
 +
              </ul>
 +
        </li>
 +
        <li><a href="https://2013.igem.org/Team:USTC_CHINA/Team">Team</a>
 +
              <ul class="subs">
 +
                  <li><a href="https://2013.igem.org/Team:USTC_CHINA/Team">Members</a></li>
 +
                  <li><a href="https://igem.org/Team.cgi?year=2013&team_name=USTC_CHINA">Profile</a></li>
 +
                  <li><a href="https://2013.igem.org/Team:USTC_CHINA/Attributions">Attributions</a></li>
 +
                  <li><a href="https://igem.org/2013_Judging_Form?id=1074#iGEM_Medals">Achievements</a></li>
 +
              </ul>
 +
        </li>
 +
        <li><a href="https://2013.igem.org/Team:USTC_CHINA/Safety">Safety</a></li>
 +
    </ul>
 +
        <div id="tlogo"><img src="https://static.igem.org/mediawiki/2013/f/f8/2013ustc-china_T-VACCINE.png" width="100%" height="123" />
 +
        </div>
 +
        </div>
</div>
</div>
 +
<div class="content" align="center">
 +
<div class="conbar1">
 +
<div id="breadcrumb"><a href="https://2013.igem.org/Team:USTC_CHINA">Home</a> &gt; <a href="https://2013.igem.org/Team:USTC_CHINA/HumanPractice">Human Practice</a></div></div>
-
<div>
+
<div class="part-content">
-
Communicating:
+
 
-
① 5 iGEM teams: SJTU,FDU,NJU,WHU and PKU
+
<iframe width="440" height="330" src="http://www.youtube.com/embed/tGP7-W1muCE" frameborder="0" allowfullscreen="true"></iframe>
-
② 4Universities: NAU, HNU,HFUT,AHU
+
 
-
③ 4 Institutes: China Center for Disease Control and Prevention,Virus Research Institute of Chinese Academy of Sciences,Chinese Academy of Sciences Institute of Aquatic Organisms, Guangzhou Pharmaceutical Research Institute
+
<h2>Prayer</h2>
-
④ 17 senior professors
+
<p align="justify">As one of the earliest Asian teams, we USTC_CHINA team have attended iGEM since 2007 and we took the lead in introducing iGEM to China. We obtained a gold medal in the first year and continued our victory in the next years, and so far we have obtained gold medals every year for successive 7 years.</br></br>
 +
With the development of iGEM, our team is getting more and more standard. We have established a rigorous and effective system for establishing and organizing teams, and every team inherits the spirits of veteran USTC iGEMers.</br></br>
 +
To celebrate the tenth anniversary of the internationalization of iGEM, we publish our team song for the first time, which incorporates our daily life and manifest our spirits. We hope iGEM will prosper in the future to build a platform for the young all over the world to realize their dreams!
 +
</p>
 +
 
 +
<p align="left">
 +
Lyric: Zhang Sitao (Leader of 2013 USTC_CHINA) </br>
 +
Singer: Liu Danning (Leader’s Girlfriend)</br>
 +
Video Maker: Xing Huayue(Teammate of USTC_CHINA)</br>
 +
Sponsors: Deutsche Bank,China        USTCIF
 +
</p>
</div>
</div>
-
outreach
 
-
① Super taster: Experience of synthetic biology
 
-
② May festival:lecture and lab opening
 
-
<div>
+
 
-
device
+
 
 +
<div class="part-content">
 +
 
 +
<div class="part">
 +
<div class="part-tittle"><h style="padding-top:180px;">Communication</h></div>
 +
 
 +
<p>USTC_CHINA 2013<br>
 +
Travel almost<span> all </span>over China within half a year<br>
 +
Visit<span> Five </span>igem teams,<span> Four </span>CAS institutes,<span> Seventeen </span>senior professors<br>
 +
Give special report in<span> Four </span>universities and establish a preliminary cooperative relationship with<span> One </span>famous biotechnology company.<br></p></div>
 +
    <div class="part-details" align="right">
 +
            <a href="https://2013.igem.org/Team:USTC_CHINA/HumanPractice/Communication">Details</a>
 +
    </div>
</div>
</div>
-
<div>
+
        <div id="wrapper">
-
questionnaire
+
  <img width="804" height="733" style="float:left;" src="https://static.igem.org/mediawiki/2013/5/5e/2013ustc-china_China-map.png" alt="China Map">
-
pie chart
+
 
 +
  <div class="pin pin-down" data-xpos="575" data-ypos="235">  
 +
  <h2><a href="https://2013.igem.org/Team:Peking">PKU iGEM</a> and <a href="http://www.chinacdc.cn/en/aboutus/">CCDCP</a></h2>
 +
  </div>
 +
 
 +
  <div class="pin pin-down" data-xpos="658" data-ypos="403">  
 +
  <h2><a href="https://2013.igem.org/Team:SJTU-BioX-Shanghai">SJTU iGEM</a> and <a href="https://2013.igem.org/Team:Fudan">FDU iGEM</a></h2>  
 +
  </div>
 +
 
 +
  <div class="pin pin-down" data-xpos="643" data-ypos="376">  
 +
  <h2><a href="https://2013.igem.org/Team:NJU_China">NJU iGEM</a> and <a href="http://english.njau.edu.cn/">NJAU</a></h2>
 +
  </div>
 +
 
 +
  <div class="pin pin-down" data-xpos="602" data-ypos="408">  
 +
  <h2><a href="https://2013.igem.org/Team:USTC_CHINA">USTC iGEM</a></h2>
 +
  </div>
 +
 
 +
  <div class="pin pin-down" data-xpos="544" data-ypos="363">  
 +
  <h2><a href="http://www.htu.cn/english/">HNNU</a></h2>
 +
  </div>
 +
 
 +
  <div class="pin pin-down" data-xpos="530" data-ypos="424">  
 +
  <h2><a href="https://2013.igem.org/Team:WHU-China">WHU iGEM</a> , <a href="http://english.whiov.cas.cn/">VRICAS</a> and <a href="http://english.ihb.cas.cn/">CASIAO</a></h2>
 +
  </div>
 +
  <div class="pin pin-down" data-xpos="556" data-ypos="568">  
 +
  <h2><a href="https://2013.igem.org/Asia">iGEM Asia</a></h2>  
 +
  </div>
 +
  <div class="pin pin-down" data-xpos="538" data-ypos="559">  
 +
  <h2><a href="http://www.gzpiri.com/eweb/eindex.asp">GPRI</a></h2>
 +
  </div>
 +
</div>
 +
<div class="part">
 +
<div class="part-tittle" align="center"><h>Activity</h></div>
 +
<div class="part-content">
 +
<p>USTC_CHINA 2013</br>
 +
Tadditional lab open day,<span> May Festival </span>,receiving more than<span> 500 </span>visitors.<br>
 +
Novel campus activity,  <span>Super Taste</span>, publicizing synthetic biology to the future elites.</p></div>
 +
<div class="img-left-half">
 +
<a href="https://2013.igem.org/Team:USTC_CHINA/HumanPractice/Activity"><img src="https://static.igem.org/mediawiki/igem.org/1/10/2013ustc-china_may_festival_3.jpg" width="450" height="325"/></a>
 +
<div style="width:450px;" align="center">May Festival</div>
 +
</div>
 +
<div class="img-left-half">
 +
<a href="https://2013.igem.org/Team:USTC_CHINA/HumanPractice/Activity"><img src="https://static.igem.org/mediawiki/igem.org/e/ea/2013ustc-china_taster_2.jpg"width="450"height="325"/></a>
 +
<div style="width:450px;" align="center">Super Taste</div>
 +
</div>
 +
<div class="part-details">
 +
            <a href="https://2013.igem.org/Team:USTC_CHINA/HumanPractice/Activity">Details</a>
 +
            </div>
 +
</div>  
 +
 
 +
 
</div>
</div>
 +
</body>
 +
</html>

Latest revision as of 03:54, 29 October 2013

Prayer

As one of the earliest Asian teams, we USTC_CHINA team have attended iGEM since 2007 and we took the lead in introducing iGEM to China. We obtained a gold medal in the first year and continued our victory in the next years, and so far we have obtained gold medals every year for successive 7 years.

With the development of iGEM, our team is getting more and more standard. We have established a rigorous and effective system for establishing and organizing teams, and every team inherits the spirits of veteran USTC iGEMers.

To celebrate the tenth anniversary of the internationalization of iGEM, we publish our team song for the first time, which incorporates our daily life and manifest our spirits. We hope iGEM will prosper in the future to build a platform for the young all over the world to realize their dreams!

Lyric: Zhang Sitao (Leader of 2013 USTC_CHINA)
Singer: Liu Danning (Leader’s Girlfriend)
Video Maker: Xing Huayue(Teammate of USTC_CHINA)
Sponsors: Deutsche Bank,China USTCIF

Communication

USTC_CHINA 2013
Travel almost all over China within half a year
Visit Five igem teams, Four CAS institutes, Seventeen senior professors
Give special report in Four universities and establish a preliminary cooperative relationship with One famous biotechnology company.

Activity

USTC_CHINA 2013
Tadditional lab open day, May Festival ,receiving more than 500 visitors.
Novel campus activity, Super Taste, publicizing synthetic biology to the future elites.

May Festival
Super Taste