Team:OUC-China/Team

From 2014.igem.org

(Difference between revisions)
(Prototype team page)
 
(28 intermediate revisions not shown)
Line 1: Line 1:
{{CSS/Main}}
{{CSS/Main}}
-
 
-
 
<html>
<html>
-
 
+
    <link href="https://2014.igem.org/Team:OUC-China/css/bootstrap.css?action=raw&amp;ctype=text/css" rel="stylesheet" />
-
<!--main content -->
+
    <link href="https://2014.igem.org/Team:OUC-China/css/topsection.css?action=raw&ctype=text/css" rel="stylesheet" />
-
<table width="70%" align="center">
+
    <script src="https://2014.igem.org/Team:OUC-China/js/jquery.js?action=raw&ctype=text/javascript"></script>
-
 
+
    <script src="https://2014.igem.org/Team:OUC-China/js/bootstrap.js?action=raw&ctype=text/javascript"></script>
-
 
+
    <style>
-
<!--welcome box -->
+
        body {
-
<tr>
+
            background-color: #609fd2;
-
<td style="border:1px solid black;" colspan="3" align="center" height="150px" bgColor=#FF404B>
+
            background-repeat: repeat;
-
<h1 >WELCOME TO iGEM 2014! </h1>
+
            background-image: url(https://static.igem.org/mediawiki/2014/1/19/OUC-China_Content_Background.png);
-
<p>Your team has been approved and you are ready to start the iGEM season!
+
            position: relative;
-
<br>On this page you can document your project, introduce your team members, document your progress <br> and share your iGEM experience with the rest of the world! </p>
+
        }
-
<br>
+
        header {
-
<p style="color:#E7E7E7"> <a href="https://2014.igem.org/wiki/index.php?title=Team:OUC-China/Team&action=edit"style="color:#FFFFFF"> Click here  to edit this page!</a> </p>
+
            background-color: #609fd2;
-
</td>
+
        }
-
</tr>
+
        header > div {
-
 
+
            margin: 0 auto;
-
<tr> <td colspan="3" height="5px"> </td></tr>
+
            margin-bottom: 0 !important;
-
<!-- end welcome box -->
+
            width: 778px;
-
<tr>  
+
        }
-
 
+
        .member > img {
-
<!--navigation menu -->
+
            width: 250px;
-
<td align="center" colspan="3">
+
            height: 250px;
-
 
+
            border: 5px solid #ffffff;
-
<table  width="100%">
+
            border-radius: 50%;
-
<tr heigth="15px"></tr>
+
            display: inline-block;
-
<tr heigth="75px">  
+
            margin: 20px;
-
 
+
            position: inherit;
-
 
+
        }
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
        .member > div {
-
<a href="https://2014.igem.org/Team:OUC-China"style="color:#000000">Home </a> </td>
+
            display: inline-block;
-
 
+
            position: relative;
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
+
        }
-
<a href="https://2014.igem.org/Team:OUC-China/Team"style="color:#000000"> Team </a> </td>
+
        .memberight {
-
 
+
            text-align: right;
-
<td style="border:1px solid black;" align="center"  height ="45px"  onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
+
        }
-
<a href="https://igem.org/Team.cgi?year=2014&team_name=OUC-China"style="color:#000000"> Official Team Profile </a></td>
+
        .nav > li > a,.nav > li.dropdown > a,.navbar .dropdown-menu>li>a, .navbar .dropdown-menu>li>a:focus {
-
 
+
            color: #ffffff !important;
-
<td style="border:1px solid black" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
            font-size: 20px;
-
<a href="https://2014.igem.org/Team:OUC-China/Project"style="color:#000000"> Project</a></td>
+
        }
-
 
+
        .popover {
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
+
            z-index: 1 !important;
-
<a href="https://2014.igem.org/Team:OUC-China/Parts"style="color:#000000"> Parts</a></td>
+
        }
-
 
+
        .affix{
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
+
            position: fixed;
-
<a href="https://2014.igem.org/Team:OUC-China/Modeling"style="color:#000000"> Modeling</a></td>
+
            top: 0;
-
 
+
        }
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
        .affix-top{
-
<a href="https://2014.igem.org/Team:OUC-China/Notebook"style="color:#000000"> Notebook</a></td>
+
            position: absolute;
-
 
+
            top: 286px;
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
+
        }
-
<a href="https://2014.igem.org/Team:OUC-China/Safety"style=" color:#000000"> Safety </a></td>
+
        .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;
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
+
            color: #000000 !important;
-
<a href="https://2014.igem.org/Team:OUC-China/Attributions"style="color:#000000"> Attributions </a></td>
+
        }
-
 
+
        #childNavigator .nav {
-
 
+
            margin-left: 0!important;
-
<td align ="center"> <a href="https://2014.igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px"></a> </td>
+
        }
-
</tr>
+
        #childNavigator > .nav > li > a {
-
</table>
+
            font-size: 16px;
-
 
+
        }
-
<!--end navigation menu -->
+
        #childNavigator > .nav > li > .nav > li > a {
-
</tr>
+
            padding-left: 20%;
-
</tr>
+
            font-size: 14px;
-
</td>
+
        }
-
 
+
        .topSection {
-
<tr> <td colspan="3" height="15px"> </td></tr>
+
            height: 240px;
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr>
+
            padding-top: 10px;
-
<tr> <td colspan="3" height="5px"> </td></tr>
+
            background-color: rgb(210,233,253);
-
 
+
            margin-top: -11px;
-
<tr><td > <h3> Team Information</h3></td>
+
        }
-
<td ></td >
+
        .topSection .igemLogo {
-
<td > <h3> Upload pictures of your team!</h3></td>
+
            position:absolute;
-
</tr>
+
            top: 10px;
-
 
+
            left: 10px;
-
<tr>
+
        }
-
<td width="45%" valign="top">
+
        .topSection .waveUp {
-
<p>
+
            margin-top: -10px;
-
You can write a background of your team here. Give us a background of your team, the members, etc. Or tell us more about something of your choosing.</p>
+
            width: 100%;
-
<p>
+
            height: 110px;
-
You can look at what other teams did to get some inspiration! Here are a few examples:</p>
+
            background: url(https://static.igem.org/mediawiki/2014/f/f0/WaveUp.png) repeat-x;
-
<ul>
+
            z-index: 0;
-
<li><a href="https://2013.igem.org/Team:Evry/Team">2013 Evry</a></li>
+
        }
-
<li><a href="https://2013.igem.org/Team:Cornell/team">2013 Cornell</a></li>
+
        .topSection .waveDown {
-
<li><a href="https://2013.igem.org/Team:UANL_Mty-Mexico/Team">2013 UANL Mty-Mexico</a></li>
+
            margin-top: -70px;
-
<li><a href="https://2013.igem.org/Team:Korea_U_Seoul/Team/Korea_University">2013 Korea U Seoul</a></li>
+
            width: 100%;
-
 
+
            height: 70px;
-
</ul>
+
            background: url(https://static.igem.org/mediawiki/2014/d/d0/WaveDown2.png) repeat-x;
-
 
+
            z-index: 2;
-
 
+
            position: relative;
-
 
+
        }
-
</td>
+
        .topSection .leftPlas {
-
<td></td>
+
            display: block;
-
<td width="45%" valign="top">  
+
            position: absolute;
-
<p> We provide a server where you can upload images for your wiki!</p>
+
            top: 26px;
-
<p> Add pictures of your team members, advisors, instructors, lab, institution and everything you wish to show! </p>
+
            z-index: 1;
-
<a href="https://2014.igem.org/Special:Upload"><img src="" width="100px" height="100px"> </a> <a href="https://2014.igem.org/Special:Upload"><img src="" width="100px" height="100px"> </a>
+
            left: 211px;
-
</a> <a href="https://2014.igem.org/Special:Upload"><img src="" width="100px" height="100px"> </a>
+
            -webkit-transition: all ease 0.5s;
-
<br>
+
            -moz-transition: all ease 0.5s;
-
<a href="https://2014.igem.org/Special:Upload">Click here to upload! </a>
+
            -ms-transition: all ease 0.5s;
-
</td>
+
            transition: all ease 0.5s;
-
 
+
        }
-
 
+
        .topSection .leftPlas:hover {
-
</tr>
+
            margin-top: -5px;
-
 
+
        }
-
<tr><td > <h3> Tips for the Team Page </h3></td>
+
        .topSection .rightPlas {
-
<td ></td >
+
            display: block;
-
<td > </td>
+
            position: absolute;
-
</tr>
+
            top: 26px;
-
 
+
            z-index: 1;
-
 
+
            right: 211px;
-
<tr>
+
        }
-
<td width="45%" valign="top">  
+
    </style>
-
<p>What should this page contain?</p>
+
    <script>
-
<ul>
+
        if ($('.firstHeading')) $('.firstHeading').remove();
-
<li> Include pictures of your teammates, don’t forget instructors and advisors! </li>
+
    </script>
-
<li> You can add a small biography or a few words from each team member, tell us what you like, and what motivates to participate in iGEM. </li>
+
<div class="topSection">
-
<li>Take team pictures! Show us your school, your lab and little bit of your city.</li>
+
        <img class="igemLogo" src="https://static.igem.org/mediawiki/2014/c/c6/OUC-China_Content_IGEM.png">
-
<li>Remember that image galleries can help you showcase many pictures while saving space </li>
+
        <img src="https://static.igem.org/mediawiki/2014/a/a1/OUC_China_Content_Title.png" style="display:block;margin:0 auto">
-
</ul>
+
        <div class="waveUp"></div>
-
 
+
        <div class="waveDown"></div>
-
</td>
+
        <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" />
-
<td></td>
+
    </div>
-
<td width="45%" valign="top"> </td>
+
    <header>
-
 
+
        <div class="navbar navbar-inverse">
-
</tr>
+
            <div class="navbar-collapse collapse navbar-inverse-collapse">
-
 
+
                <ul class="nav navbar-nav">
-
 
+
                    <li><a href="https://2014.igem.org/Team:OUC-China">HOME</a></li>
-
</table>
+
                    <li class="dropdown active">
 +
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">TEAM <b class="caret"></b></a>
 +
                        <ul class="dropdown-menu">
 +
                            <li class="active"><a href="https://2014.igem.org/Team:OUC-China/Team">Team members</a></li>
 +
                            <li><a href="https://2014.igem.org/Team:OUC-China/Team_Instructor">Instructor</a></li>
 +
                            <li><a href="https://2014.igem.org/Team:OUC-China/Team_Acknowledgment">Acknowledgment</a></li>
 +
                            <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>
 +
        $(document.body).scrollspy({ target: '#childNavigator' });
 +
        $('#childNavigator').affix({ offset: { top: 285 } });
 +
    </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>
 +
  <p>contact us: <a href="mailto:oucigem@163.com">oucigem@163.com</a></p>
 +
</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"