Team:OUC-China/Team

From 2014.igem.org

(Difference between revisions)
 
(27 intermediate revisions not shown)
Line 1: Line 1:
{{CSS/Main}}
{{CSS/Main}}
<html>
<html>
-
<script src="https://2014.igem.org/Team:OUC-China/js/jquery.js?action=raw&ctype=text/javascript"></script>
+
    <link href="https://2014.igem.org/Team:OUC-China/css/bootstrap.css?action=raw&amp;ctype=text/css" rel="stylesheet" />
-
<style>
+
    <link href="https://2014.igem.org/Team:OUC-China/css/topsection.css?action=raw&ctype=text/css" rel="stylesheet" />
-
@charset "utf-8";
+
    <script src="https://2014.igem.org/Team:OUC-China/js/jquery.js?action=raw&ctype=text/javascript"></script>
-
/* CSS Document */
+
    <script src="https://2014.igem.org/Team:OUC-China/js/bootstrap.js?action=raw&ctype=text/javascript"></script>
-
body, div, p, ul, li, h1, h2, h3, h4, h5, h6 {
+
    <style>
-
margin: 0px;
+
        body {
-
padding: 0px;
+
            background-color: #609fd2;
-
font-family: "微软雅黑";
+
            background-repeat: repeat;
-
}
+
            background-image: url(https://static.igem.org/mediawiki/2014/1/19/OUC-China_Content_Background.png);
-
body{
+
            position: relative;
-
    min-width:1350px;
+
        }
-
}
+
        header {
-
ul, ol {
+
            background-color: #609fd2;
-
list-style: none;
+
        }
-
}
+
        header > div {
-
img {
+
            margin: 0 auto;
-
display: block;
+
            margin-bottom: 0 !important;
-
position: absolute;
+
            width: 778px;
-
}
+
        }
-
a {
+
        .member > img {
-
color: inherit;
+
            width: 250px;
-
text-decoration: none;
+
            height: 250px;
-
}
+
            border: 5px solid #ffffff;
-
 
+
            border-radius: 50%;
-
.header {
+
            display: inline-block;
-
height: 240px;
+
            margin: 20px;
-
width: 100%;
+
            position: inherit;
-
background: rgb(210,233,253);
+
        }
-
position: relative;
+
        .member > div {
-
}
+
            display: inline-block;
-
.header .igemLogo {
+
            position: relative;
-
top: 27px;
+
        }
-
left: 66px;
+
        .memberight {
-
transition: 0.3s;
+
            text-align: right;
-
-moz-transition: 0.3s;
+
        }
-
-o-transition: 0.3s;
+
        .nav > li > a,.nav > li.dropdown > a,.navbar .dropdown-menu>li>a, .navbar .dropdown-menu>li>a:focus {
-
-webkit-transition: 0.3s;
+
            color: #ffffff !important;
-
}
+
            font-size: 20px;
-
.header .igemLogo:hover {
+
        }
-
transform: rotate(360deg);
+
        .popover {
-
-moz-transform: rotate(360deg);
+
            z-index: 1 !important;
-
-ms-transform: rotate(360deg);
+
        }
-
-o-transform: rotate(360deg);
+
        .affix{
-
-webkit-transform: rotate(360deg);
+
            position: fixed;
-
}
+
            top: 0;
-
.header .waveUp {
+
        }
-
position: absolute;
+
        .affix-top{
-
bottom: 0px;
+
            position: absolute;
-
width: 100%;
+
            top: 286px;
-
height: 110px;
+
        }
-
background: url(https://static.igem.org/mediawiki/2014/f/f0/WaveUp.png) repeat-x;
+
        .affix a:hover, .affix-top a:hover, .affix li.active, .affix-top li.active, .affix li.active a, .affix-top li.active a {
-
}
+
            background-color: #d2e9fd !important;
-
.header .waveDown {
+
            color: #000000 !important;
-
position: absolute;
+
        }
-
bottom: 0px;
+
        #childNavigator .nav {
-
width: 100%;
+
            margin-left: 0!important;
-
height: 70px;
+
        }
-
background: url(https://static.igem.org/mediawiki/2014/d/d0/WaveDown2.png) repeat-x;
+
        #childNavigator > .nav > li > a {
-
z-index: 1;
+
            font-size: 16px;
-
}
+
        }
-
.header .objLeft {
+
        #childNavigator > .nav > li > .nav > li > a {
-
left: 211px;
+
            padding-left: 20%;
-
top: 26px;
+
            font-size: 14px;
-
z-index: 0;
+
        }  
-
}
+
        .topSection {
-
.header .objRight {
+
            height: 240px;
-
right: 230px;
+
            padding-top: 10px;
-
top: 28px;
+
            background-color: rgb(210,233,253);
-
transition: 0.5s;
+
            margin-top: -11px;
-
-webkit-transition: 0.5s;
+
        }
-
z-index: 0;
+
        .topSection .igemLogo {
-
}
+
            position:absolute;
-
.header .objRight:hover {
+
            top: 10px;
-
margin-top: 10px;
+
            left: 10px;
-
}
+
        }
-
.header .nav {
+
        .topSection .waveUp {
-
top: 200px;
+
            margin-top: -10px;
-
z-index: 2;
+
            width: 100%;
-
}
+
            height: 110px;
-
.header .nav ul{ width:800px; margin:auto;}
+
            background: url(https://static.igem.org/mediawiki/2014/f/f0/WaveUp.png) repeat-x;
-
.main {
+
            z-index: 0;
-
width: 100%;
+
        }
-
background-image: url(https://static.igem.org/mediawiki/2014/1/19/OUC-China_Content_Background.png);
+
        .topSection .waveDown {
-
background-color: rgb(96,159,210);
+
            margin-top: -70px;
-
position:relative;
+
            width: 100%;
-
}
+
            height: 70px;
-
.main .mainBox {
+
            background: url(https://static.igem.org/mediawiki/2014/d/d0/WaveDown2.png) repeat-x;
-
width: 800px;
+
            z-index: 2;
-
height: 1000px;
+
            position: relative;
-
background: rgb(114,187,227);
+
        }
-
margin: 0 auto;
+
        .topSection .leftPlas {
-
}
+
            display: block;
-
.main .menu{
+
            position: absolute;
-
position: absolute;
+
            top: 26px;
-
top: 0px;
+
            z-index: 1;
-
}
+
            left: 211px;
-
.main dt,.main dd{
+
            -webkit-transition: all ease 0.5s;
-
    border:1px dashed #000;
+
            -moz-transition: all ease 0.5s;
-
color:#006CD9;
+
            -ms-transition: all ease 0.5s;
-
background:#FAFAFA;
+
            transition: all ease 0.5s;
-
height:30px;
+
        }
-
line-height:30px;
+
        .topSection .leftPlas:hover {
-
text-align:center;
+
            margin-top: -5px;
-
}
+
        }
-
.footer {
+
        .topSection .rightPlas {
-
width: 100%;
+
            display: block;
-
height: 100px;
+
            position: absolute;
-
background: rgb(39,119,183);
+
            top: 26px;
-
}
+
            z-index: 1;
-
.footer #top {
+
            right: 211px;
-
height: 150px;
+
        }
-
position: fixed;
+
    </style>
-
bottom: 30px;
+
    <script>
-
right: 30px;
+
-
z-index: 1000;
+
-
transition: 0.5s;
+
-
}
+
-
.footer #top:hover {
+
-
transform: rotate(180deg);
+
-
-moz-transform: rotate(180deg);
+
-
-ms-transform: rotate(180deg);
+
-
-o-transform: rotate(180deg);
+
-
-webkit-transform: rotate(180deg);
+
-
}
+
-
@charset "utf-8";
+
-
/* CSS Document */
+
-
.nav {
+
-
position:relative;
+
-
}
+
-
.nav li {
+
-
padding: 0 8px;
+
-
float: left;
+
-
position: relative;
+
-
min-width: 80px;
+
-
height: 40px;
+
-
color: rgb(60,60,60);
+
-
font-size: 24px;
+
-
line-height: 40px;
+
-
text-align: center;
+
-
transition: 0.3s;
+
-
-moz-transition: 0.3s;
+
-
-o-transition: 0.3s;
+
-
-webkit-transition: 0.3s;
+
-
}
+
-
.nav li:hover {
+
-
background: rgb(146,205,253);
+
-
color: #fff;
+
-
}
+
-
.nav .pMenu ul {
+
-
display: none;
+
-
position: absolute;
+
-
top: 100%;
+
-
left: 0px;
+
-
overflow: hidden;
+
-
border-bottom-left-radius: 6px;
+
-
border-bottom-right-radius: 6px;
+
-
}
+
-
.nav .pMenu ul li {
+
-
min-width: 220px;
+
-
background: rgb(146,205,253);
+
-
color: #fff;
+
-
transition: 0.4s;
+
-
-moz-transition: 0.4s;
+
-
-o-transition: 0.4s;
+
-
-webkit-transition: 0.4s;
+
-
}
+
-
.nav .pMenu ul li:hover {
+
-
background: rgb(98,175,243);
+
-
}
+
-
#stt{ width:230px;  font-size:12px;}
+
-
dl{ line-height:25px;border-bottom:#999 1px dashed;}
+
-
</style>
+
-
<script>
+
         if ($('.firstHeading')) $('.firstHeading').remove();
         if ($('.firstHeading')) $('.firstHeading').remove();
-
        $('#top-section').css({ 'position': 'relative' });
 
     </script>
     </script>
-
<div class = "header"> <img class = "igemLogo" src="https://static.igem.org/mediawiki/2014/c/c6/OUC-China_Content_IGEM.png">
+
<div class="topSection">
-
  <div class = "waveUp"></div>
+
        <img class="igemLogo" src="https://static.igem.org/mediawiki/2014/c/c6/OUC-China_Content_IGEM.png">
-
  <div class = "waveDown"></div>
+
        <img src="https://static.igem.org/mediawiki/2014/a/a1/OUC_China_Content_Title.png" style="display:block;margin:0 auto">
-
  <div style="margin:auto; width:500px;"><img src="https://static.igem.org/mediawiki/2014/a/a1/OUC_China_Content_Title.png" ></div> <img id = "objLeft" class = "objLeft" src="https://static.igem.org/mediawiki/2014/4/41/OUC-China_Index_Plasmid1.png"><img class = "objRight" src="https://static.igem.org/mediawiki/2014/e/e6/OUC-China_Index_Plasmid2.png">
+
        <div class="waveUp"></div>
-
  <div class = "nav">
+
        <div class="waveDown"></div>
-
    <ul>
+
        <img class="leftPlas" src="https://static.igem.org/mediawiki/2014/4/41/OUC-China_Index_Plasmid1.png" />
-
 
+
        <img class="rightPlas" src="https://static.igem.org/mediawiki/2014/e/e6/OUC-China_Index_Plasmid2.png" />
-
      <li>HOME</li>
+
    </div>
-
      <li class = "pMenu">TEAM
+
    <header>
-
        <ul>
+
        <div class="navbar navbar-inverse">
-
          <li><a href="#">team members</a></li>
+
            <div class="navbar-collapse collapse navbar-inverse-collapse">
-
          <li><a href="#">instructor</a></li>
+
                <ul class="nav navbar-nav">
-
          <li><a href="#">Acknowledgement</a></li>
+
                    <li><a href="https://2014.igem.org/Team:OUC-China">HOME</a></li>
-
        </ul>
+
                    <li class="dropdown active">
-
      </li>
+
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">TEAM <b class="caret"></b></a>
-
      <li>PROJECT</li>
+
                        <ul class="dropdown-menu">
-
      <li>JUDING</li>
+
                            <li class="active"><a href="https://2014.igem.org/Team:OUC-China/Team">Team members</a></li>
-
      <li>SAFETY</li>
+
                            <li><a href="https://2014.igem.org/Team:OUC-China/Team_Instructor">Instructor</a></li>
-
      <li>NOTEBOOK</li>
+
                            <li><a href="https://2014.igem.org/Team:OUC-China/Team_Acknowledgment">Acknowledgment</a></li>
-
     </ul>
+
                            <li><a href="https://2014.igem.org/Team:OUC-China/Team_Lab">Lab</a></li>
 +
                            <li><a href="https://igem.org/Team.cgi?year=2014&team_name=OUC-China">Official team profile</a></li>
 +
                        </ul>
 +
                    </li>
 +
                    <li class="dropdown">
 +
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">PROJECT <b class="caret"></b></a>
 +
                        <ul class="dropdown-menu">
 +
                            <li><a href="https://2014.igem.org/Team:OUC-China/Project">Overview</a></li>
 +
                            <li><a href="https://2014.igem.org/Team:OUC-China/Project_Background">Background</a></li>
 +
                            <li><a href="https://2014.igem.org/Team:OUC-China/Project_Design">Design</a></li>
 +
                            <li><a href="https://2014.igem.org/Team:OUC-China/Project_Result">Result</a></li>
 +
                            <li><a href="https://2014.igem.org/Team:OUC-China/Project_Future">Future</a></li>
 +
                            <li><a href="https://2014.igem.org/Team:OUC-China/Project_Modeling">Modeling</a></li>
 +
                            <li><a href="https://2014.igem.org/Team:OUC-China/Project_Policy_Practise">Policy&Practice</a></li>
 +
                        </ul>
 +
                    </li>
 +
                    <li class="dropdown">
 +
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">JUDGING <b class="caret"></b></a>
 +
                        <ul class="dropdown-menu">
 +
                            <li><a href="https://2014.igem.org/Team:OUC-China/Judging">Biobrick</a></li>
 +
                            <li><a href="https://2014.igem.org/Team:OUC-China/Judging_Achievment">Achievement</a></li>
 +
                        </ul>
 +
                    </li>
 +
                    <li class="dropdown">
 +
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">SAFETY <b class="caret"></b></a>
 +
                        <ul class="dropdown-menu">
 +
                            <li><a href="https://2014.igem.org/Team:OUC-China/Safety">Biosafety</a></li>
 +
                            <li><a href="https://2014.igem.org/Team:OUC-China/Safety_Lab_safety">Labsafety</a></li>
 +
                        </ul>
 +
                    </li>
 +
                    <li class="dropdown">
 +
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">NOTEBOOK <b class="caret"></b></a>
 +
                        <ul class="dropdown-menu">
 +
                            <li><a href="https://2014.igem.org/Team:OUC-China/Notebook">Lab note</a></li>
 +
                            <li><a href="https://2014.igem.org/Team:OUC-China/Notebook_Modeling_Note">Modeling note</a></li>
 +
                            <li><a href="https://2014.igem.org/Team:OUC-China/Notebook_Protocols">Protocols</a></li>
 +
                        </ul>
 +
                    </li>
 +
                </ul>
 +
            </div>
 +
        </div>
 +
        <script>
 +
            var leftPlas = $(".topSection .leftPlas");
 +
            var originalLeft = leftPlas.offset().left;
 +
            $("header .nav > li").mouseover(function () {
 +
                if ($(this).offset().left < leftPlas.offset().left) leftPlas[0].src = "https://static.igem.org/mediawiki/2014/8/8c/ObjLeft2.png";
 +
                else leftPlas[0].src = "https://static.igem.org/mediawiki/2014/4/41/OUC-China_Index_Plasmid1.png";
 +
                leftPlas.css({ left: $(this).offset().left - 50 });
 +
            }).mouseout(function () {
 +
                leftPlas[0].src = "https://static.igem.org/mediawiki/2014/8/8c/ObjLeft2.png";
 +
                leftPlas.css({ left: originalLeft });
 +
                setTimeout(function () { leftPlas[0].src = "https://static.igem.org/mediawiki/2014/4/41/OUC-China_Index_Plasmid1.png"; }, 500);
 +
            });
 +
        </script>
 +
     </header>
 +
    <div id="mainContent" style="width:1024px;background-color:#d2e9fd;padding:10px;margin:0 auto">
 +
        <img src="https://static.igem.org/mediawiki/2014/d/d4/OUC-China_Member_Map.png" style="margin-top:-10px;margin-left:-10px" usemap="#memberMap" />
 +
        <map name="memberMap">
 +
            <area href="#JiangMing" shape="rect" coords="35,130,120,215" alt="JiangMing" />
 +
            <area href="#XuGuang" shape="rect" coords="117,253,190,326" alt="XuGuang" />
 +
            <area href="#HuTianli" shape="rect" coords="234,192,289,250" alt="HuTianli" />
 +
            <area href="#LiWenqi" shape="rect" coords="262,305,345,388" alt="LiWenqi" />
 +
            <area href="#ChenZhaoliang" shape="rect" coords="460,361,521,422" alt="ChenZhaoliang" />
 +
            <area href="#SongYanyan" shape="rect" coords="371,262,442,333" alt="SongYanyan" />
 +
            <area href="#OuyangTianqi" shape="rect" coords="554,376,627,449" alt="OuyangTianqi" />
 +
            <area href="#ShiMiao" shape="rect" coords="626,293,694,361" alt="ShiMiao" />
 +
            <area href="#ZhengJunqiang" shape="rect" coords="680,172,747,239" alt="ZhengJunqiang" />
 +
            <area href="#ShiWencong" shape="rect" coords="776,75,857,156" alt="ShiWencong" />
 +
            <area href="#BiWenxin" shape="rect" coords="879,48,947,116" alt="BiWenxin" />
 +
            <area href="#YuLei" shape="rect" coords="890,147,971,228" alt="YuLei" />
 +
            <area href="#ZhaoBeidi" shape="rect" coords="837,235,919,317" alt="ZhaoBeidi" />
 +
            <area href="#LiBo" shape="rect" coords="941,278,1010,347" alt="LiBo" />
 +
        </map>
 +
        <h2>Team Introduction</h2>
 +
        <p>2014 OUC-China is made up of 15 students from Ocean University of China. Our members are from different colleges, majoring in biology, biochemistry, ecology etc. Our team got together, trying to figure out what we could do with synthetic biology. At the beginning of our project, we were all unfamiliar with other members and subjects, and were not sure of what would happen. But we encouraged each other, worked together, and finally overcame difficulties. At the end of this project, we were so proud of the effort we made during the process, and grateful for everyone's work. Now, iGEM is a family to us all.</p>
 +
        <p>We appreciate all our instructors and advisors who have assisted us throughout the project. We also appreciate all the others who provided valuable advice and essential materials for the project. If it were not for their help, the project would not have been so successful.</p>
 +
        <img src="https://static.igem.org/mediawiki/2014/b/bf/OUC-China_Member_Picture.png" style="border:4px solid #609fd2;display:block;margin:0 auto" />
 +
        <div id="JiangMing" class="member">
 +
            <img src="https://static.igem.org/mediawiki/2014/1/17/OUC-China_Member_JiangMing.png" style="margin-top:-180px" />
 +
            <div class="popover right" style="margin-top:80px">
 +
                <div class="arrow"></div>
 +
                <h3 class="popover-title">Jiang Ming</h3>
 +
                <div class="popover-content">
 +
                    <p>Major: Ecology</p>
 +
                    <p>
 +
                        He is the team leader and he is responsible for the contact with teachers and some wet experiments in our team. He together with Shi Miao, designed and constructed the lysis devices.
 +
                    </p>
 +
                    <p>
 +
                        Feelings: "You're always optimistic," said Shi Miao, "even excessively." And now I'm dreaming of utilizing the strategy of synthetic biology to create an engineering ecosystem composed of "ecobricks".
 +
                    </p>
 +
                </div>
 +
            </div>
 +
        </div>
 +
        <div id="XuGuang" class="member">
 +
            <img src="https://static.igem.org/mediawiki/2014/6/6f/OUC-China_Member_XuGuang.png" style="margin-top:-230px" />
 +
            <div class="popover right">
 +
                <div class="arrow"></div>
 +
                <h3 class="popover-title">Xu Guang</h3>
 +
                <div class="popover-content">
 +
                    <p>Major: Biotechnology</p>
 +
                    <p>
 +
                        He is the other team leader, and he played an important role in promoting the progress of project and did much work to help the designers of the molecular experimental about the double plasmid system. He is in charge of time arrangement for wiki, presentation and poster.
 +
                    </p>
 +
                    <p>
 +
                        Feelings: In the past few months, I have gained much more synthetic biology knowledge and lab skill. So far, joining iGEM is the most exciting thing in my college life. I enjoy this wonderful time. I truly look forward to sharing our group project with iGEMers around the world.
 +
                    </p>
 +
                    <p>
 +
                        Hobbies: Play basketball, Travel, Play game DOTA2 , Cooking.
 +
                    </p>
 +
                </div>
 +
            </div>
 +
        </div>
 +
        <div id="HuTianli" class="member memberight">
 +
            <div class="popover left" style="margin-top:20px">
 +
                <div class="arrow"></div>
 +
                <h3 class="popover-title">HU Tianli</h3>
 +
                <div class="popover-content">
 +
                    <p>Major: Ecology.</p>
 +
                    <p>In our team, she manages financial affairs, and she is a wet lab member as well. She wants to try a total scientific research.</p>
 +
                    <p>Feelings: I think it will be an amazing experience for me, flying to America to attend iGEM giant jamboree.</p>
 +
                    <p>Hobbies: Modern Chinese literature, Acoustic guitar tune, Sketching.</p>
 +
                </div>
 +
            </div>
 +
            <img src="https://static.igem.org/mediawiki/2014/9/9e/OUC-China_Member_HuTianli.png" style="margin-top:-140px" />
 +
        </div>
 +
        <div id="LiWenqi" class="member memberight">
 +
            <div class="popover left" style="margin-top:20px">
 +
                <div class="arrow"></div>
 +
                <h3 class="popover-title">Li Wenqi</h3>
 +
                <div class="popover-content">
 +
                    <p>Major: Ecology</p>
 +
                    <p>
 +
                        She works on design of experiments as well as analysis of experimental results.
 +
                    </p>
 +
                    <p>
 +
                        Feelings:In the past year, the iGEM competition gave me the opportunity to develop ideas in a group and experience the path from having the idea to the realization of the project and the final presentation of results.This competition gave me a lot of fun and new experiences.
 +
                    </p>
 +
                </div>
 +
            </div>
 +
            <img src="https://static.igem.org/mediawiki/2014/6/6c/OUC-China_Member_LiWenqi.png" style="margin-top:-150px" />
 +
        </div>
 +
        <div id="ChenZhaoliang" class="member">
 +
            <img src="https://static.igem.org/mediawiki/2014/b/b7/OUC-China_Member_ChenZhaoliang.png" style="margin-top:-100px" />
 +
            <div class="popover right" style="margin-top:40px">
 +
                <div class="arrow"></div>
 +
                <h3 class="popover-title">Chen Zhaoliang</h3>
 +
                <div class="popover-content">
 +
                    <p>Major: Marine Biology</p>
 +
                    <p>
 +
                        In our lab, he designed most of the experiment about protein and zebrafish.
 +
                    </p>
 +
                    <p>
 +
                        Feelings:I really enjoyed the iGEM, because I made many friends here.
 +
                    </p>
 +
                    <p>
 +
                        Hobbies: Aquarium design
 +
                    </p>
 +
                </div>
 +
            </div>
 +
        </div>
 +
        <div id="SongYanyan" class="member memberight">
 +
            <div class="popover left" style="margin-top:20px">
 +
                <div class="arrow"></div>
 +
                <h3 class="popover-title">Song Yanyan</h3>
 +
                <div class="popover-content">
 +
                    <p>Major: Ecology</p>
 +
                    <p>In our team, she is mainly in charge of the experiments and designing the team member module in the wiki.</p>
 +
                    <p>Feelings: Have a dream and just do it, things will work out fine.</p>
 +
                    <p>Hobbies: I like to taste different dishes and I love ethnic culture in particular. In addition, travel is a part of my life.</p>
 +
                </div>
 +
            </div>
 +
            <img src="https://static.igem.org/mediawiki/2014/5/55/OUC-China_Member_SongYanyan.png" style="margin-top:-150px" />
 +
        </div>
 +
        <div id="OuyangTianqi" class="member">
 +
            <img src="https://static.igem.org/mediawiki/2014/0/0f/OUC-China_Member_OuyangTianqi.png" style="margin-top:-180px" />
 +
            <div class="popover right" style="margin-top:40px">
 +
                <div class="arrow"></div>
 +
                <h3 class="popover-title">Ouyang Tianqi</h3>
 +
                <div class="popover-content">
 +
                    <p>Major: Marine Biology</p>
 +
                    <p>
 +
                        He worked on designing the project and analyzed the problems during the experiments, when the team needed theoretic support. He also searches papers to find evidence.
 +
                    </p>
 +
                    <p>
 +
                        Feelings: About the iGEM, it's really a good way to find what you can do in synthetic biology, and I can make a lot of friends with the same hobbies.
 +
                    </p>
 +
                    <p>
 +
                        Hobbies: I play video games as well as dota2.
 +
                    </p>
 +
                </div>
 +
            </div>
 +
        </div>
 +
        <div id="ShiMiao" class="member">
 +
            <img src="https://static.igem.org/mediawiki/2014/6/69/OUC-China_Member_ShiMiao.png" style="margin-top:-100px" />
 +
            <div class="popover right" style="margin-top:40px">
 +
                <div class="arrow"></div>
 +
                <h3 class="popover-title">Shi Miao</h3>
 +
                <div class="popover-content">
 +
                    <p>Major: Biochemistry</p>
 +
                    <p>
 +
                        He together with Jiang Ming, designed and constructed the lysis devices.
 +
                    </p>
 +
                    <p>
 +
                        Feelings: I hope to pursue an Ph.D in the future. Thank you to my team members.
 +
                    </p>
 +
                </div>
 +
            </div>
 +
        </div>
 +
        <div id="ZhengJunqiang" class="member">
 +
            <img src="https://static.igem.org/mediawiki/2014/a/ad/OUC-China_Member_ZhengJunqiang.png" style="margin-top:-130px" />
 +
            <div class="popover right" style="margin-top:40px">
 +
                <div class="arrow"></div>
 +
                <h3 class="popover-title">Zheng Junqiang</h3>
 +
                <div class="popover-content">
 +
                    <p>Major: Marine Biology</p>
 +
                    <p>
 +
                        He majors in doing experiments and analyzing the results of the experiment.
 +
                    </p>
 +
                    <p>
 +
                        Feelings: Participating the iGEM provides me with a door to a new world.
 +
                    </p>
 +
                    <p>
 +
                        Hobbies: playing basketball, running, watching movies, and eating delicious food.
 +
                    </p>
 +
                </div>
 +
            </div>
 +
        </div>
 +
        <div id="ShiWencong" class="member memberight">
 +
            <div class="popover left" style="margin-top:20px">
 +
                <div class="arrow"></div>
 +
                <h3 class="popover-title">Shi Wencong</h3>
 +
                <div class="popover-content">
 +
                    <p>Major: Biochemistry and Molecular Biology.</p>
 +
                    <p>She works in wet lab.</p>
 +
                    <p>Feelings: I'm interested in biophysical chemistry. I enjoyed the iGEM 2014 project this summer. Besides, I love art and enjoy cooperating with teammates. I'm willing to make friends with iGEMers all over the world.</p>
 +
                </div>
 +
            </div>
 +
            <img src="https://static.igem.org/mediawiki/2014/1/1b/OUC-China_Member_ShiWencong.png" style="margin-top:-80px" />
 +
        </div>
 +
        <div id="BiWenxin" class="member memberight">
 +
            <div class="popover left" style="margin-top:20px">
 +
                <div class="arrow"></div>
 +
                <h3 class="popover-title">Bi Wenxin</h3>
 +
                <div class="popover-content">
 +
                    <p>Major: Information and computing science</p>
 +
                    <p>Her main job is to establish and analyse models and she enjoys the process, in which she realized the amazing part of biology.</p>
 +
                    <p>Feelings: It’s my pleasure to use mathematics I learned to solve biological practical problems. You can get in touch with me by sending e-mails to 551935371@qq.com. I will be glad to hear from you.</p>
 +
                </div>
 +
            </div>
 +
            <img src="https://static.igem.org/mediawiki/2014/1/17/OUC-China_Member_BiWenxin.png" style="margin-top:-140px" />
 +
        </div>
 +
        <div id="YuLei" class="member">
 +
            <img src="https://static.igem.org/mediawiki/2014/8/89/OUC-China_Member_YuLei.png" style="margin-top:-120px" />
 +
            <div class="popover right" style="margin-top:40px">
 +
                <div class="arrow"></div>
 +
                <h3 class="popover-title">Yu Lei</h3>
 +
                <div class="popover-content">
 +
                    <p>Major: Mathematics and applied mathematics.</p>
 +
                    <p>
 +
                        Biology is one of his favorite subjects, so he is very pleased to be a member of OUC-iGEM. He is responsible for biological modeling and data analysis.
 +
                    </p>
 +
                    <p>
 +
                        Feelings: I believe we will make good progress after a year of hard working. You are welcome to contact me via e-mail  1719675294@qq.com.
 +
                    </p>
 +
                </div>
 +
            </div>
 +
        </div>
 +
        <div id="ZhaoBeidi" class="member memberight">
 +
            <div class="popover left" style="margin-top:20px">
 +
                <div class="arrow"></div>
 +
                <h3 class="popover-title">Zhao Beidi</h3>
 +
                <div class="popover-content">
 +
                    <p>Major: Marine Technology</p>
 +
                    <p>She's the main designer of our wiki, and she's also the designer of the poster and other parts that need art design.</p>
 +
                    <p>Feelings: It's a good opportunity for me to improve my skill of design, and also enhance my interests of the subject called biology.</p>
 +
                    <p>Hobbies: Swimming, photoshop.</p>
 +
                </div>
 +
            </div>
 +
            <img src="https://static.igem.org/mediawiki/2014/a/a6/OUC-China_Member_ZhaoBeidi.png" style="margin-top:-150px" />
 +
        </div>
 +
        <div id="LiBo" class="member">
 +
            <img src="https://static.igem.org/mediawiki/2014/a/a8/OUC-China_Member_LiBo.png" style="margin-top:-190px" />
 +
            <div class="popover right" style="margin-top:40px">
 +
                <div class="arrow"></div>
 +
                <h3 class="popover-title">Li Bo</h3>
 +
                <div class="popover-content">
 +
                    <p>Major: Computer Science and Technology</p>
 +
                    <p>
 +
                        He's the constructor of our wiki, but not the only designer. He's one of the Microsoft Hyper-V Advisor Staff.
 +
                    </p>
 +
                    <p>
 +
                        Feelings: Working on this wiki project is a challenge for me. In fact I don't understand why iGEM uses mediawiki to build their website, because wiki framework is not very suitable in this scene. But it's a chance for me to learn how to use this type of wiki framework, so I think it may not be disappointing at all.
 +
                    </p>
 +
                    <p>
 +
                        Hobbies: Programming, writing novels, watching animation.
 +
                    </p>
 +
                </div>
 +
            </div>
 +
        </div>
 +
    </div>
     <script>
     <script>
-
  var originalLeft = $("#objLeft").offset().left;
+
        $(document.body).scrollspy({ target: '#childNavigator' });
-
  $("#objLeft").hover(function(){
+
        $('#childNavigator').affix({ offset: { top: 285 } });
-
if($("#objLeft").offset().left == originalLeft) $(this).animate({marginTop:'10px'});
+
-
  },function(){
+
-
    $(this).animate({marginTop:'0px'});
+
-
  });
+
-
  $(".nav>ul li").mouseover(function(){
+
-
if($(this).offset().left < $("#objLeft").offset().left) document.getElementById("objLeft").src = "https://static.igem.org/mediawiki/2014/8/8c/ObjLeft2.png";
+
-
else document.getElementById("objLeft").src = "https://static.igem.org/mediawiki/2014/4/41/OUC-China_Index_Plasmid1.png";
+
-
$("#objLeft").stop(false).animate({left:$(this).offset().left-50},800);
+
-
  });
+
-
  $(".nav>ul").mouseout(function(){
+
-
document.getElementById("objLeft").src = "https://static.igem.org/mediawiki/2014/8/8c/ObjLeft2.png";
+
-
$("#objLeft").stop(false).animate({left:originalLeft},800,function(){
+
-
  document.getElementById("objLeft").src = "https://static.igem.org/mediawiki/2014/4/41/OUC-China_Index_Plasmid1.png";
+
-
});
+
-
  });
+
     </script>
     </script>
 +
<div class = "footer">
 +
  <style>
 +
    .footer { padding: 10px; background-color: rgb(45,111,165); }
 +
    .footer > div { width: 418px; margin: 0 auto; padding-top: 50px; }
 +
    .footer > div > img { float: left; height: 100px; display: inline-block; position: relative; margin-left: 6px; margin-right: 6px; }
 +
    .footer > p { text-align: center; color: #ffffff }
 +
    .footer > p > a { color: #ffffff; }
 +
  </style>
 +
  <div>
 +
    <img src="https://static.igem.org/mediawiki/2014/a/ad/OUC-China_Index_OrgLogo.png" />
 +
    <img src="https://static.igem.org/mediawiki/2014/e/ec/OUC-China_Index_OrgTitle.jpg" />
 +
    <img src="https://static.igem.org/mediawiki/2014/9/96/OUC-China_Foot_ouclogo.png" />
 +
    <div style="clear:both"></div>
   </div>
   </div>
-
   <script>
+
   <p>contact us: <a href="mailto:oucigem@163.com">oucigem@163.com</a></p>
-
  // JavaScript Document
+
-
$(".pMenu").mouseover(function(){
+
-
  $(this).find("ul").slideDown();
+
-
});
+
-
$(".pMenu").mouseleave(function(){
+
-
  $(this).find("ul").slideUp(function(){
+
-
    $(this).clearQueue();
+
-
  });
+
-
});
+
-
  </script>
+
-
</div>
+
-
<div class = "main">
+
-
  <div class = "mainBox"></div>
+
-
  <!--<ul class = "menu">
+
-
    <li><a href="#">team introduction</a></li>
+
-
    <li><a href="#">member</a></li>
+
-
  </ul>
+
-
  更改-->
+
-
<div style="width:1300px; margin:auto;">
+
-
  <div id="stt" class="menu">
+
-
  <dl>
+
-
    <dt>
+
-
        <span>team introduction</span>
+
-
    </dt>
+
-
  </dl>
+
-
    <dl>
+
-
    <dt>       
+
-
        <span>member</span>
+
-
    </dt>
+
-
  </dl>
+
-
</div>
+
-
</div>
+
-
</div>
+
-
<div class = "footer"> <img id = "top" src="https://static.igem.org/mediawiki/2014/b/b6/ToTop.png"/>
+
-
  <script>
+
-
  $("#top").click(function(){
+
-
    $(document).scrollTop(0);
+
-
  });
+
-
  </script>  
+
</div>
</div>
 +
<img class="anchor" onclick="document.documentElement.scrollTop = document.body.scrollTop = 0;" src="https://static.igem.org/mediawiki/2014/b/b6/ToTop.png">
</html>
</html>

Latest revision as of 01:52, 18 October 2014

JiangMing XuGuang HuTianli LiWenqi ChenZhaoliang SongYanyan OuyangTianqi ShiMiao ZhengJunqiang ShiWencong BiWenxin YuLei ZhaoBeidi LiBo

Team Introduction

2014 OUC-China is made up of 15 students from Ocean University of China. Our members are from different colleges, majoring in biology, biochemistry, ecology etc. Our team got together, trying to figure out what we could do with synthetic biology. At the beginning of our project, we were all unfamiliar with other members and subjects, and were not sure of what would happen. But we encouraged each other, worked together, and finally overcame difficulties. At the end of this project, we were so proud of the effort we made during the process, and grateful for everyone's work. Now, iGEM is a family to us all.

We appreciate all our instructors and advisors who have assisted us throughout the project. We also appreciate all the others who provided valuable advice and essential materials for the project. If it were not for their help, the project would not have been so successful.

Jiang Ming

Major: Ecology

He is the team leader and he is responsible for the contact with teachers and some wet experiments in our team. He together with Shi Miao, designed and constructed the lysis devices.

Feelings: "You're always optimistic," said Shi Miao, "even excessively." And now I'm dreaming of utilizing the strategy of synthetic biology to create an engineering ecosystem composed of "ecobricks".

Xu Guang

Major: Biotechnology

He is the other team leader, and he played an important role in promoting the progress of project and did much work to help the designers of the molecular experimental about the double plasmid system. He is in charge of time arrangement for wiki, presentation and poster.

Feelings: In the past few months, I have gained much more synthetic biology knowledge and lab skill. So far, joining iGEM is the most exciting thing in my college life. I enjoy this wonderful time. I truly look forward to sharing our group project with iGEMers around the world.

Hobbies: Play basketball, Travel, Play game DOTA2 , Cooking.

HU Tianli

Major: Ecology.

In our team, she manages financial affairs, and she is a wet lab member as well. She wants to try a total scientific research.

Feelings: I think it will be an amazing experience for me, flying to America to attend iGEM giant jamboree.

Hobbies: Modern Chinese literature, Acoustic guitar tune, Sketching.

Li Wenqi

Major: Ecology

She works on design of experiments as well as analysis of experimental results.

Feelings:In the past year, the iGEM competition gave me the opportunity to develop ideas in a group and experience the path from having the idea to the realization of the project and the final presentation of results.This competition gave me a lot of fun and new experiences.

Chen Zhaoliang

Major: Marine Biology

In our lab, he designed most of the experiment about protein and zebrafish.

Feelings:I really enjoyed the iGEM, because I made many friends here.

Hobbies: Aquarium design

Song Yanyan

Major: Ecology

In our team, she is mainly in charge of the experiments and designing the team member module in the wiki.

Feelings: Have a dream and just do it, things will work out fine.

Hobbies: I like to taste different dishes and I love ethnic culture in particular. In addition, travel is a part of my life.

Ouyang Tianqi

Major: Marine Biology

He worked on designing the project and analyzed the problems during the experiments, when the team needed theoretic support. He also searches papers to find evidence.

Feelings: About the iGEM, it's really a good way to find what you can do in synthetic biology, and I can make a lot of friends with the same hobbies.

Hobbies: I play video games as well as dota2.

Shi Miao

Major: Biochemistry

He together with Jiang Ming, designed and constructed the lysis devices.

Feelings: I hope to pursue an Ph.D in the future. Thank you to my team members.

Zheng Junqiang

Major: Marine Biology

He majors in doing experiments and analyzing the results of the experiment.

Feelings: Participating the iGEM provides me with a door to a new world.

Hobbies: playing basketball, running, watching movies, and eating delicious food.

Shi Wencong

Major: Biochemistry and Molecular Biology.

She works in wet lab.

Feelings: I'm interested in biophysical chemistry. I enjoyed the iGEM 2014 project this summer. Besides, I love art and enjoy cooperating with teammates. I'm willing to make friends with iGEMers all over the world.

Bi Wenxin

Major: Information and computing science

Her main job is to establish and analyse models and she enjoys the process, in which she realized the amazing part of biology.

Feelings: It’s my pleasure to use mathematics I learned to solve biological practical problems. You can get in touch with me by sending e-mails to 551935371@qq.com. I will be glad to hear from you.

Yu Lei

Major: Mathematics and applied mathematics.

Biology is one of his favorite subjects, so he is very pleased to be a member of OUC-iGEM. He is responsible for biological modeling and data analysis.

Feelings: I believe we will make good progress after a year of hard working. You are welcome to contact me via e-mail 1719675294@qq.com.

Zhao Beidi

Major: Marine Technology

She's the main designer of our wiki, and she's also the designer of the poster and other parts that need art design.

Feelings: It's a good opportunity for me to improve my skill of design, and also enhance my interests of the subject called biology.

Hobbies: Swimming, photoshop.

Li Bo

Major: Computer Science and Technology

He's the constructor of our wiki, but not the only designer. He's one of the Microsoft Hyper-V Advisor Staff.

Feelings: Working on this wiki project is a challenge for me. In fact I don't understand why iGEM uses mediawiki to build their website, because wiki framework is not very suitable in this scene. But it's a chance for me to learn how to use this type of wiki framework, so I think it may not be disappointing at all.

Hobbies: Programming, writing novels, watching animation.

contact us: oucigem@163.com

Retrieved from "http://2014.igem.org/Team:OUC-China/Team"