|
|
| Line 1: |
Line 1: |
| − | {{CSS/Main}}
| + | <!-- #919191 Grau1 --> |
| | + | <!-- #787878 Grau2 --> |
| | + | <!-- #51A7f9 Blau1 --> |
| | + | <!-- #3c7cb9 Blau2 --> |
| | + | <!-- #ffffff weiss --> |
| | <html> | | <html> |
| − | <link href="https://2014.igem.org/Team:OUC-China/css/bootstrap.css?action=raw&ctype=text/css" rel="stylesheet" />
| + | <head> |
| − | <link href="https://2014.igem.org/Team:OUC-China/css/topsection.css?action=raw&ctype=text/css" rel="stylesheet" />
| + | <link rel="stylesheet" type="text/css" |
| − | <script src="https://2014.igem.org/Team:OUC-China/js/jquery.js?action=raw&ctype=text/javascript"></script>
| + | href="https://2017.igem.org/Template:Munich/CSS?action=raw&ctype=text/css" /> |
| − | <script src="https://2014.igem.org/Team:OUC-China/js/bootstrap.js?action=raw&ctype=text/javascript"></script>
| + | <link rel="stylesheet" type="text/css" |
| − | <style>
| + | href="https://2017.igem.org/Template:Munich/Header?action=raw&ctype=text/css" /> |
| − | body {
| + | <style> |
| − | background-color: #609fd2;
| + | body {line-height: initial;} |
| − | background-repeat: repeat;
| + | h1, h2,h3 { |
| − | background-image: url(https://static.igem.org/mediawiki/2014/1/19/OUC-China_Content_Background.png);
| + | color: #51a7f9 !important; |
| − | position: relative;
| + | text-align: center !important; |
| − | }
| + | } |
| − | header {
| + | |
| − | background-color: #609fd2;
| + | /*Time for the CSS*/ |
| − | }
| + | * {margin: 0; padding: 0;} |
| − | header > div {
| + | |
| − | margin: 0 auto;
| + | .slider{ |
| − | margin-bottom: 0 !important;
| + | width: 900px; /*Same as width of the large image*/ |
| − | width: 778px;
| + | position: relative; |
| − | }
| + | /*Instead of height we will use padding*/ |
| − | .member > img {
| + | padding-top: 600px; /*That helps bring the labels down*/ |
| − | width: 250px;
| + | |
| − | height: 250px;
| + | /*Lets add a shadow*/ |
| − | border: 5px solid #ffffff;
| + | } |
| − | border-radius: 50%;
| + | |
| − | display: inline-block;
| + | |
| − | margin: 20px;
| + | /*Last thing remaining is to add transitions*/ |
| − | position: inherit;
| + | .slider>img{ |
| − | }
| + | position: absolute; |
| − | .member > div {
| + | left: 0; top: 0; |
| − | display: inline-block;
| + | transition: all 0.5s; |
| − | position: relative;
| + | } |
| − | }
| + | |
| − | .memberight {
| + | .slider input[name='slide_switch'] { |
| − | text-align: right;
| + | display: none; |
| − | }
| + | } |
| − | .nav > li > a,.nav > li.dropdown > a,.navbar .dropdown-menu>li>a, .navbar .dropdown-menu>li>a:focus {
| + | |
| − | color: #ffffff !important;
| + | .slider label { |
| − | font-size: 20px;
| + | /*Lets add some spacing for the thumbnails*/ |
| − | }
| + | margin: 30px 0 0 18px; |
| − | .popover {
| + | |
| − | z-index: 1 !important;
| + | float: left; |
| − | }
| + | cursor: pointer; |
| − | .affix{
| + | transition: all 0.5s; |
| − | position: fixed;
| + | |
| − | top: 0;
| + | /*Default style = low opacity*/ |
| − | }
| + | opacity: 0.6; |
| − | .affix-top{
| + | |
| − | position: absolute;
| + | z-index: 99; |
| − | top: 286px;
| + | } |
| − | }
| + | |
| − | .affix a:hover, .affix-top a:hover, .affix li.active, .affix-top li.active, .affix li.active a, .affix-top li.active a {
| + | .slider label img{ |
| − | background-color: #d2e9fd !important;
| + | display: block; |
| − | color: #000000 !important;
| + | } |
| − | }
| + | |
| − | #childNavigator .nav {
| + | /*Time to add the click effects*/ |
| − | margin-left: 0!important;
| + | .slider input[name='slide_switch']:checked+label { |
| − | }
| + | border-color: #666; |
| − | #childNavigator > .nav > li > a {
| + | opacity: 1; |
| − | font-size: 16px;
| + | } |
| − | }
| + | /*Clicking any thumbnail now should change its opacity(style)*/ |
| − | #childNavigator > .nav > li > .nav > li > a {
| + | /*Time to work on the main images*/ |
| − | padding-left: 20%;
| + | .slider input[name='slide_switch'] ~ img { |
| − | font-size: 14px;
| + | opacity: 0; |
| − | }
| + | transform: scale(1.1); |
| − | .topSection {
| + | } |
| − | height: 240px;
| + | /*That hides all main images at a 110% size |
| − | padding-top: 10px;
| + | On click the images will be displayed at normal size to complete the effect |
| − | background-color: rgb(210,233,253);
| + | */ |
| − | margin-top: -11px;
| + | .slider input[name='slide_switch']:checked+label+img { |
| − | }
| + | opacity: 1; |
| − | .topSection .igemLogo {
| + | transform: scale(1); |
| − | position:absolute;
| + | } |
| − | top: 10px;
| + | /*Clicking on any thumbnail now should activate the image related to it*/ |
| − | left: 10px;
| + | |
| − | }
| + | /*We are done :)*/ |
| − | .topSection .waveUp {
| + | </style> |
| − | margin-top: -10px;
| + | </head></html> |
| − | width: 100%;
| + | {{Munich/Menu}} |
| − | height: 110px;
| + | <html> |
| − | background: url(https://static.igem.org/mediawiki/2014/f/f0/WaveUp.png) repeat-x;
| + | <body> |
| − | z-index: 0;
| + | <table width=100% height=100% cellpadding=0 cellspacing=0 border=0> |
| − | }
| + | <!-- Content --> |
| − | .topSection .waveDown {
| + | <tr><td width="100%" colspan=3> |
| − | margin-top: -70px;
| + | <table width=100% height=100% cellpadding=0 cellspacing=0 border=0> |
| − | width: 100%;
| + | <tr> |
| − | height: 70px;
| + | <td width="40%"> |
| − | background: url(https://static.igem.org/mediawiki/2014/d/d0/WaveDown2.png) repeat-x;
| + | </td> |
| − | z-index: 2;
| + | <td id="myContent" width="20%" valign=top align=center> |
| − | position: relative;
| + | <br> |
| − | }
| + | <!-- Head End --> |
| − | .topSection .leftPlas {
| + | <!-- Content Begin --> |
| − | display: block;
| + | <video width="980" autoplay="autoplay" controls> |
| − | position: absolute;
| + | <source src="https://static.igem.org/mediawiki/2017/4/44/T--Munich--FrontPageVideo.mp4" type="video/mp4"> |
| − | top: 26px;
| + | Your browser does not support the video tag. |
| − | z-index: 1;
| + | </video> |
| − | left: 211px;
| + | <table width="900" border=0 cellspacing=0 cellpadding=10> |
| − | -webkit-transition: all ease 0.5s;
| + | <tr> |
| − | -moz-transition: all ease 0.5s;
| + | <td width=160></td> |
| − | -ms-transition: all ease 0.5s;
| + | <td width=160></td> |
| − | transition: all ease 0.5s;
| + | <td width=160></td> |
| − | }
| + | <td width=160></td> |
| − | .topSection .leftPlas:hover {
| + | <td width=160></td> |
| − | margin-top: -5px;
| + | <td width=160></td> |
| − | }
| + | </tr> |
| − | .topSection .rightPlas {
| + | <tr><td colspan=6 align=left valign=center> |
| − | display: block;
| + | <font size=7 ><b style="color: #51a7f9">Abstract</b></font> |
| − | position: absolute;
| + | </td></tr> |
| − | top: 26px;
| + | <tr><td align=center valign=center colspan=6> |
| − | z-index: 1;
| + | <p style="text-align:justify"> |
| − | right: 211px;
| + | <font size=3 color=#444444> |
| − | }
| + | The ongoing crisis of increasing antibiotic resistance demands innovative preventive strategies. Recently, the RNA-targeting protein CRISPR-Cas13a has been used for highly sensitive DNA and RNA detection, promising diverse applications in point-of-care diagnostics. We integrated Cas13a in the detection unit of CascAID, our GMO-free diagnostic platform. CascAID combines an automated microfluidic device for rapid lysis and extraction of nucleic acids with a paper-based readout system. We demonstrated the performance of our device by targeting the 16S rRNA from <i>E. coli</i>. We improved the detection limit of our platform, using simulations to optimize our amplification scheme and the final readout. |
| − | </style>
| + | </font> |
| − | <script>
| + | </p> |
| − | if ($('.firstHeading')) $('.firstHeading').remove();
| + | <p style="text-align:justify; margin-bottom: 50px"> |
| − | </script>
| + | <font size=3 color=#444444> |
| − | <div class="topSection"> | + | Conceived as a distributable platform for rapid point-of-care diagnostics, CascAID can be used to distinguish between bacterial and viral infections, thus minimizing the widespread use of antibiotics. |
| − | <img class="igemLogo" src="https://static.igem.org/mediawiki/2014/c/c6/OUC-China_Content_IGEM.png">
| + | Furthermore, Cas13a allows the fast design of target sequences, making our system adaptive to the emergence of new viral outbreaks or fast mutating pathogens. |
| − | <img src="https://static.igem.org/mediawiki/2014/a/a1/OUC_China_Content_Title.png" style="display:block;margin:0 auto">
| + | </font> |
| − | <div class="waveUp"></div>
| + | </p> |
| − | <div class="waveDown"></div>
| + | </td></tr> |
| − | <img class="leftPlas" src="https://static.igem.org/mediawiki/2014/4/41/OUC-China_Index_Plasmid1.png" />
| + | <tr><td colspan=6 align=middle valign=center> |
| − | <img class="rightPlas" src="https://static.igem.org/mediawiki/2014/e/e6/OUC-China_Index_Plasmid2.png" />
| + | <font size=10 ><b style="color: #51a7f9; font-size: 60px; margin-top: 20px">Awards & Achievements</b></font> |
| − | </div>
| + | </td></tr> |
| − | <header>
| + | <tr> |
| − | <div class="navbar navbar-inverse">
| + | <td colspan=6> |
| − | <div class="navbar-collapse collapse navbar-inverse-collapse">
| + | <img src="https://static.igem.org/mediawiki/2017/e/e5/T--Munich--Banner_Awards.jpg" width=900> |
| − | <ul class="nav navbar-nav">
| + | </td> |
| − | <li><a href="https://2014.igem.org/Team:OUC-China">HOME</a></li>
| + | </tr> |
| − | <li class="dropdown active">
| + | <tr> |
| − | <a href="#" class="dropdown-toggle" data-toggle="dropdown">TEAM <b class="caret"></b></a>
| + | <td align=center valign=center colspan=3> |
| − | <ul class="dropdown-menu">
| + | <div class="captionPicture"> |
| − | <li class="active"><a href="https://2014.igem.org/Team:OUC-China/Team">Team members</a></li>
| + | <h1>First Runner-up</h1> |
| − | <li><a href="https://2014.igem.org/Team:OUC-China/Team_Instructor">Instructor</a></li>
| + | </div> |
| − | <li><a href="https://2014.igem.org/Team:OUC-China/Team_Acknowledgment">Acknowledgment</a></li>
| + | </td> |
| − | <li><a href="https://2014.igem.org/Team:OUC-China/Team_Lab">Lab</a></li>
| + | <td align=center valign=center colspan=3> |
| − | <li><a href="https://igem.org/Team.cgi?year=2014&team_name=OUC-China">Official team profile</a></li>
| + | <div class="captionPicture"> |
| − | </ul>
| + | <h1>Best Diagnostics Project</h1> |
| − | </li>
| + | </div> |
| − | <li class="dropdown">
| + | </td> |
| − | <a href="#" class="dropdown-toggle" data-toggle="dropdown">PROJECT <b class="caret"></b></a>
| + | </tr> |
| − | <ul class="dropdown-menu">
| + | |
| − | <li><a href="https://2014.igem.org/Team:OUC-China/Project">Overview</a></li>
| + | <tr> |
| − | <li><a href="https://2014.igem.org/Team:OUC-China/Project_Background">Background</a></li>
| + | <td align=center valign=center colspan=3> |
| − | <li><a href="https://2014.igem.org/Team:OUC-China/Project_Design">Design</a></li>
| + | <div class="captionPicture"> |
| − | <li><a href="https://2014.igem.org/Team:OUC-China/Project_Result">Result</a></li>
| + | <h2>Best Model</h2> |
| − | <li><a href="https://2014.igem.org/Team:OUC-China/Project_Future">Future</a></li>
| + | </div> |
| − | <li><a href="https://2014.igem.org/Team:OUC-China/Project_Modeling">Modeling</a></li>
| + | </td> |
| − | <li><a href="https://2014.igem.org/Team:OUC-China/Project_Policy_Practise">Policy&Practice</a></li>
| + | <td align=center valign=center colspan=3> |
| − | </ul>
| + | <div class="captionPicture"> |
| − | </li>
| + | <h2>Best Applied Design</h2> |
| − | <li class="dropdown">
| + | </div> |
| − | <a href="#" class="dropdown-toggle" data-toggle="dropdown">JUDGING <b class="caret"></b></a>
| + | </td> |
| − | <ul class="dropdown-menu">
| + | </tr> |
| − | <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>
| + | <tr> |
| − | </ul>
| + | <td align=center valign=center colspan=3> |
| − | </li>
| + | <div class="captionPicture"> |
| − | <li class="dropdown">
| + | <h2>Best Hardware</h2> |
| − | <a href="#" class="dropdown-toggle" data-toggle="dropdown">SAFETY <b class="caret"></b></a>
| + | </div> |
| − | <ul class="dropdown-menu">
| + | </td> |
| − | <li><a href="https://2014.igem.org/Team:OUC-China/Safety">Biosafety</a></li>
| + | <td align=center valign=center colspan=3> |
| − | <li><a href="https://2014.igem.org/Team:OUC-China/Safety_Lab_safety">Labsafety</a></li>
| + | <div class="captionPicture"> |
| − | </ul>
| + | <h2>Best Software</h2> |
| − | </li>
| + | </div> |
| − | <li class="dropdown">
| + | </td> |
| − | <a href="#" class="dropdown-toggle" data-toggle="dropdown">NOTEBOOK <b class="caret"></b></a>
| + | </tr> |
| − | <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>
| + | <tr> |
| − | <li><a href="https://2014.igem.org/Team:OUC-China/Notebook_Protocols">Protocols</a></li>
| + | <td align=center valign=center colspan=2> |
| − | </ul>
| + | <h3>Nominated for Best Wiki</h3> |
| − | </li>
| + | </td> |
| − | </ul>
| + | <td align=center valign=center colspan=2> |
| − | </div>
| + | <h3>Nominated for Best Presentation</h3> |
| − | </div>
| + | </td> |
| − | <script>
| + | <td align=center valign=center colspan=2> |
| − | var leftPlas = $(".topSection .leftPlas");
| + | <h3>Nominated for Best Poster</h3> |
| − | var originalLeft = leftPlas.offset().left;
| + | </td> |
| − | $("header .nav > li").mouseover(function () {
| + | </tr> |
| − | 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";
| + | <tr> |
| − | leftPlas.css({ left: $(this).offset().left - 50 });
| + | <td align=center valign=center colspan=2> |
| − | }).mouseout(function () {
| + | <h3>Nominated for Best Integrated Human Practices</h3> |
| − | leftPlas[0].src = "https://static.igem.org/mediawiki/2014/8/8c/ObjLeft2.png";
| + | </td> |
| − | leftPlas.css({ left: originalLeft });
| + | <td align=center valign=center colspan=2> |
| − | setTimeout(function () { leftPlas[0].src = "https://static.igem.org/mediawiki/2014/4/41/OUC-China_Index_Plasmid1.png"; }, 500);
| + | <h3>Nominated for Best Education & Public Engagement</h3> |
| − | });
| + | </td> |
| − | </script>
| + | <td align=center valign=center colspan=2> |
| − | </header>
| + | <h3>Nominated for Best Measurement</h3> |
| − | <div id="mainContent" style="width:1024px;background-color:#d2e9fd;padding:10px;margin:0 auto">
| + | </td> |
| − | <img src="https://static.igem.org/mediawiki/2014/d/d4/OUC-China_Member_Map.png" style="margin-top:-10px;margin-left:-10px" usemap="#memberMap" />
| + | </tr> |
| − | <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" />
| + | <tr> |
| − | <area href="#HuTianli" shape="rect" coords="234,192,289,250" alt="HuTianli" />
| + | <td align=center valign=center colspan=1></td> |
| − | <area href="#LiWenqi" shape="rect" coords="262,305,345,388" alt="LiWenqi" />
| + | <td align=center valign=center colspan=2> |
| − | <area href="#ChenZhaoliang" shape="rect" coords="460,361,521,422" alt="ChenZhaoliang" />
| + | <h3 style="margin-bottom: 50px">Nominated for Best Composite Part</h3> |
| − | <area href="#SongYanyan" shape="rect" coords="371,262,442,333" alt="SongYanyan" />
| + | </td> |
| − | <area href="#OuyangTianqi" shape="rect" coords="554,376,627,449" alt="OuyangTianqi" />
| + | <td align=center valign=center colspan=2> |
| − | <area href="#ShiMiao" shape="rect" coords="626,293,694,361" alt="ShiMiao" />
| + | <h3 style="margin-bottom: 50px">Nominated for Best Part Collection</h3> |
| − | <area href="#ZhengJunqiang" shape="rect" coords="680,172,747,239" alt="ZhengJunqiang" />
| + | </td> |
| − | <area href="#ShiWencong" shape="rect" coords="776,75,857,156" alt="ShiWencong" />
| + | <td align=center valign=center colspan=1></td> |
| − | <area href="#BiWenxin" shape="rect" coords="879,48,947,116" alt="BiWenxin" />
| + | </tr> |
| − | <area href="#YuLei" shape="rect" coords="890,147,971,228" alt="YuLei" />
| + | |
| − | <area href="#ZhaoBeidi" shape="rect" coords="837,235,919,317" alt="ZhaoBeidi" />
| + | <tr><td colspan=6 align=middle valign=center> |
| − | <area href="#LiBo" shape="rect" coords="941,278,1010,347" alt="LiBo" />
| + | <font size=10 ><b style="color: #51a7f9; font-size: 60px; margin-top: 20px">Gallery</b></font> |
| − | </map>
| + | </td></tr> |
| − | <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>
| + | <tr> <td colspan=6 align=middle valing=center> |
| − | <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" />
| + | We will make a slider with stylized thumbnails using CSS3 |
| − | <div id="JiangMing" class=" member"> | + | The markup is very simple: |
| − | <img src="https://static.igem.org/mediawiki/2014/1/17/OUC-China_Member_JiangMing.png" style="margin-top:-180px" />
| + | Radio Inputs |
| − | <div class="popover right" style="margin-top:80px"> | + | Labels with thumbnails to detect click event |
| − | <div class="arrow"></div>
| + | Main Image |
| − | <h3 class="popover-title">Jiang Ming</h3>
| + | --> |
| − | <div class=" popover-content"> | + | <div class="slider"> |
| − | <p>Major: Ecology</p>
| + | |
| − | <p>
| + | <input type="radio" name="slide_switch" id="id3" checked="checked"/> |
| − | 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.
| + | <label for="id3"> |
| − | </p>
| + | <img src="https://static.igem.org/mediawiki/ 2017/ 9/ 99/ T- -Munich--Review2017_77. jpeg" width=" 100"/> |
| − | <p>
| + | </label> |
| − | 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".
| + | <img src="https://static.igem.org/mediawiki/ 2017/ 9/ 99/ T- -Munich--Review2017_77. jpeg" width= 900/> |
| − | </p>
| + | <!--Lets show the second image by default on page load--> |
| − | </div>
| + | <input type="radio" name="slide_switch" id="id2" /> |
| − | </div>
| + | <label for="id2"> |
| − | </div>
| + | <img src="https://static.igem.org/mediawiki/ 2017/ d/ dd/ T-- Munich-- Review2017_14.jpeg" width=" 100"/> |
| − | <div id="XuGuang" class="member">
| + | </label> |
| − | <img src="https://static.igem.org/mediawiki/2014/6/6f/OUC-China_Member_XuGuang.png" style="margin-top:-230px" />
| + | <img src="https://static.igem.org/mediawiki/ 2017/ d/ dd/ T- -Munich--Review2017_14. jpeg" width= 900/> |
| − | <div class="popover right">
| + | |
| − | <div class="arrow"></div>
| + | <input type="radio" name="slide_switch" id="id1"/> |
| − | <h3 class="popover-title">Xu Guang</h3>
| + | <label for="id1"> |
| − | <div class="popover-content">
| + | <img src="https://static.igem.org/mediawiki/2017/b/b8/T--Munich--Review2017_5.jpeg" width="100"/> |
| − | <p>Major: Biotechnology</p>
| + | </label> |
| − | <p>
| + | <img src="https://static.igem.org/mediawiki/ 2017/ b/ b8/ T--Munich-- Review2017_5. jpeg" width= 900/> |
| − | 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>
| + | <input type="radio" name="slide_switch" id="id4"/> |
| − | 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.
| + | <label for="id4"> |
| − | </p>
| + | <img src="https://static.igem.org/mediawiki/ 2017/ f/ f0/ T- -Munich--Review2017_21. jpeg" width=" 100"/> |
| − | <p>
| + | </label> |
| − | Hobbies: Play basketball, Travel, Play game DOTA2 , Cooking.
| + | <img src="https://static.igem.org/mediawiki/ 2017/ f/ f0/ T-- Munich-- Review2017_21.jpeg" width= 900/> |
| − | </p>
| + | |
| − | </div>
| + | <input type="radio" name="slide_switch" id="id5"/> |
| − | </div>
| + | <label for="id5"> |
| − | </div>
| + | <img src="https://static.igem.org/mediawiki/ 2017/ 0/ 09/ T- -Munich--Review2017_4. jpeg" width=" 100"/> |
| − | <div id="HuTianli" class="member memberight">
| + | </label> |
| − | <div class="popover left" style="margin-top:20px">
| + | <img src="https://static.igem.org/mediawiki/ 2017/ 0/ 09/ T- -Munich--Review2017_4. jpeg" width= 900/> |
| − | <div class="arrow"></div>
| + | |
| − | <h3 class="popover-title">HU Tianli</h3>
| + | <input type="radio" name="slide_switch" id="id6"/> |
| − | <div class="popover-content">
| + | <label for="id6"> |
| − | <p>Major: Ecology.</p>
| + | <img src="https://static.igem.org/mediawiki/2017/f/f9/T--Munich--Review2017_13.jpeg" width="100"/> |
| − | <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>
| + | </label> |
| − | <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>
| + | <img src="https://static.igem.org/mediawiki/ 2017/ f/ f9/ T- -Munich--Review2017_13. jpeg" width=900/> |
| − | </div>
| + | <input type="radio" name="slide_switch" id="id7"/> |
| − | </div>
| + | <label for="id7"> |
| − | <img src="https://static.igem.org/mediawiki/2014/9/9e/OUC-China_Member_HuTianli.png" style="margin-top:-140px" />
| + | <img src="https://static.igem.org/mediawiki/ 2017/ 6/ 60/ T- -Munich--Review2017_17. jpeg" width="100"/> |
| − | </div>
| + | </label> |
| − | <div id="LiWenqi" class="member memberight">
| + | <img src="https://static.igem.org/mediawiki/ 2017/ 6/ 60/ T- -Munich--Review2017_17. jpeg" width= 900/> |
| − | <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> | | </div> |
| − | <img class="anchor" onclick="document.documentElement.scrollTop = document.body.scrollTop = 0;" src="https://static.igem.org/mediawiki/2014/b/b6/ToTop.png"> | + | </td> |
| | + | </tr> |
| | + | |
| | + | <tr> |
| | + | <td colspan=6> |
| | + | <h3> <a style="color: #51a7f9 !important" href="/Team:Munich/Gallery">See the rest of our gallery...</a></h3> |
| | + | </td> |
| | + | </tr> |
| | + | |
| | + | <tr><td class="no-padding" colspan=6 align=right valign=center height=10> |
| | + | <br><br><br><center><hr></center> |
| | + | </td></tr> |
| | + | </table> |
| | + | <!-- Content End --> |
| | </html> | | </html> |
| | + | {{Munich/Footer}} |
