Team:NEFU China

From 2014.igem.org

(Difference between revisions)
(Prototype team page)
 
(44 intermediate revisions not shown)
Line 1: Line 1:
{{CSS/Main}}
{{CSS/Main}}
-
 
<html>
<html>
-
 
+
<link rel="stylesheet" href="https://2014.igem.org/Team:NEFU_China/bootstrap.min?action=raw&ctype=text/css">
-
<!--main content -->
+
<link rel="stylesheet" href="https://2014.igem.org/Team:NEFU_China/zmnetworks?action=raw&ctype=text/css">
-
<table width="70%" align="center">
+
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
-
 
+
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
-
 
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
-
<!--welcome box -->
+
<style>
-
<tr>
+
html, body,#globalWrapper, #content, #bodyContent, #fluid, #fluid-row {
-
<td style="border:1px solid black;" colspan="3" align="center" height="150px" bgColor=#FF404B>
+
height: 100%;
-
<h1 >WELCOME TO iGEM 2014! </h1>
+
}
-
<p>Your team has been approved and you are ready to start the iGEM season!
+
#fluid-row {
-
<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>
+
background:url(https://static.igem.org/mediawiki/2014/c/c1/NEFU_CHINA_index_bg.png);
-
<br>
+
background-size:cover;
-
<p style="color:#E7E7E7"> <a href="https://2014.igem.org/wiki/index.php?title=Team:NEFU_China&action=edit"style="color:#FFFFFF"> Click here  to edit this page!</a> </p>
+
}
-
</td>
+
#index-logo {
-
</tr>
+
height:100%;
-
 
+
color:#fff;
-
<tr> <td colspan="3" height="5px"> </td></tr>
+
font-size:1.5em;
-
<!-- end welcome box -->
+
position:relative;
-
<tr>
+
}
-
 
+
.logo {
-
<!--navigation menu -->
+
position:absolute;
-
<td align="center" colspan="3">
+
bottom:89px;
-
 
+
height:34%;
-
<table  width="100%">
+
width:100%;
-
<tr heigth="15px"></tr>
+
background:url(https://static.igem.org/mediawiki/2014/0/05/NEFU_China_index_logo.png) no-repeat;
-
<tr heigth="75px">
+
background-size:contain;
-
 
+
}
-
 
+
.project-name {
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
position:absolute;
-
<a href="https://2014.igem.org/Team:NEFU_China"style="color:#000000">Home </a> </td>
+
bottom:10px;
-
 
+
}
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
#animate-container-parent {
-
<a href="https://2014.igem.org/Team:NEFU_China/Team"style="color:#000000"> Team </a> </td>
+
height:100%;
-
 
+
background:url(https://static.igem.org/mediawiki/2014/d/d4/NEFU_China_animbg_1.png) no-repeat;
-
<td style="border:1px solid black;" align="center"  height ="45px"  onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
background-size:cover;
-
<a href="https://igem.org/Team.cgi?year=2014&team_name=NEFU_China"style="color:#000000"> Official Team Profile </a></td>
+
}
-
 
+
#ani-container-f, #ani-container {
-
<td style="border:1px solid black" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
height:100%;
-
<a href="https://2014.igem.org/Team:NEFU_China/Project"style="color:#000000"> Project</a></td>
+
}
-
 
+
.animate-container-son {
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
height:100%;
-
<a href="https://2014.igem.org/Team:NEFU_China/Parts"style="color:#000000"> Parts</a></td>
+
background:url(https://static.igem.org/mediawiki/2014/e/ee/NEFU_China_animbg.png) no-repeat;
-
 
+
background-size:cover;
-
<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:NEFU_China/Modeling"style="color:#000000"> Modeling</a></td>
+
.animate-container-grandson {
-
 
+
height:100%;
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
padding-left:20px;
-
<a href="https://2014.igem.org/Team:NEFU_China/Notebook"style="color:#000000"> Notebook</a></td>
+
background:url(https://static.igem.org/mediawiki/2014/4/4b/NEFU_CHINA_ani.gif) no-repeat;
-
 
+
background-size:cover;
-
<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:NEFU_China/Safety"style=" color:#000000"> Safety </a></td>
+
#ctt {
-
 
+
background-color:#F0F0F0;
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
+
padding-top:20px;
-
<a href="https://2014.igem.org/Team:NEFU_China/Attributions"style="color:#000000"> Attributions </a></td>
+
padding-bottom:20px;
-
 
+
}
-
 
+
#abstract {
-
<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>
+
padding:10px;
-
</tr>
+
border-radius: 10px 10px 10px 10px;
-
</table>
+
-moz-border-radius: 10px 10px 10px 10px;
-
 
+
-webkit-border-radius: 10px 10px 10px 10px;
-
<!--end navigation menu -->
+
border: 1px solid #000000;
-
</tr>
+
text-align:justify;
-
 
+
}
-
 
+
.nav-section {
-
</tr>
+
float:left;
-
+
//background: url(img/navs.png) no-repeat top left;
-
 
+
margin-bottom:5px;
-
 
+
        width:100%;
-
 
+
}
-
 
+
.nav-section a {
-
</td>
+
display:block;
-
 
+
height:100%;
-
<tr> <td colspan="3" height="15px"> </td></tr>
+
width:100%;
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr>
+
}
-
<tr> <td colspan="3" height="5px"> </td></tr>
+
#ns1{
-
 
+
background: url(https://static.igem.org/mediawiki/2014/7/7e/NEFU_China_1.png) no-repeat top left;
-
 
+
width: 100%;
-
<!--requirements section -->
+
background-size:cover;
-
<tr><td colspan="3"> <h3> Requirements </h3></td></tr>
+
}
-
<tr>
+
#ns2{
-
<td width="45%" valign="top">  
+
background: url(https://static.igem.org/mediawiki/2014/c/c4/NEFU_China_2.png) no-repeat top left;
-
 
+
width: 100%;
-
<p> Please be sure to keep these links, your audience will want to find your: </p>
+
background-size:cover;
-
 
+
}
-
<!-- Links to other team pages -->
+
#ns3{
-
<ul>
+
background: url(https://static.igem.org/mediawiki/2014/f/f7/NEFU_China_3.png) no-repeat top left;
-
<li><a href="https://2014.igem.org/Team:NEFU_China">Home</a> </li>
+
width: 100%;
-
<li><a href="https://2014.igem.org/Team:NEFU_China/Team">Team</a> </li>
+
background-size:cover;
-
<li><a href="https://igem.org/Team.cgi?year=2013&team_name=NEFU_China">Official Team Profile</a> </li>
+
}
-
<li><a href="https://2014.igem.org/Team:NEFU_China/Project">Project</a> </li>
+
#ns4{
-
<li><a href="https://2014.igem.org/Team:NEFU_China/Parts">Parts</a> </li>
+
background: url(https://static.igem.org/mediawiki/2014/5/58/NEFU_China_4.png) no-repeat top left;
-
<li><a href="https://2014.igem.org/Team:NEFU_China/Modeling">Modeling</a> </li>
+
width: 100%;
-
<li><a href="https://2014.igem.org/Team:NEFU_China/Notebook">Notebook</a> </li>
+
background-size:cover;
-
<li><a href="https://2014.igem.org/Team:NEFU_China/Safety">Safety</a> </li>
+
}
-
<li><a href="https://2014.igem.org/Team:NEFU_China/Attributions">Attributions</a> </li>
+
#ns5{
-
 
+
background: url(https://static.igem.org/mediawiki/2014/7/77/NEFU_China_5.png) no-repeat top left;
-
</ul>
+
width: 100%;
-
 
+
background-size:cover;
-
</td>
+
}
-
 
+
#ns6{
-
<td > </td>
+
background: url(https://static.igem.org/mediawiki/2014/f/f2/NEFU_China_6.png) no-repeat top left;
-
<td width="45%">
+
width: 100%;
-
 
+
background-size:cover;
-
<p>There are a few wiki requirements teams must follow:</p>
+
}
-
<ul>
+
#ns7{
-
<li>All pages, images and files must be hosted on the <a href ="https://2014.igem.org/Special:Upload"> 2014.igem.org server</a>. </li>
+
background: url(https://static.igem.org/mediawiki/2014/1/1d/NEFU_China_7.png) no-repeat top left;
-
<li>All pages must be created under the team’s name space.</li>
+
width: 100%;
-
<li>As part of your documentation, keep the links from the menu to the left. </li>
+
background-size:cover;
-
<li>Do not use flash in wiki code. </li>
+
}
-
<li>The <a href="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png"> iGEM logo </a> should be placed on the upper part of every page and should link to <a href="https://2014.igem.org/Main_Page">2014.igem.org</a>.</li>
+
#ns8{
-
</ul>
+
background: url(https://static.igem.org/mediawiki/2014/4/49/NEFU_China_8.png) no-repeat top left;
-
<p>Visit the <a href="https://2014.igem.org/Wiki_How-To"> Wiki How To page </a> for a complete list of requirements, tips and other useful information. </p>
+
width: 100%;
-
 
+
background-size:cover;
-
</td>
+
}
-
</tr>
+
.footer {
-
 
+
background-color:#37587F;
-
 
+
text-align:center;
-
<tr> <td colspan="3" height="15px"> </td></tr>
+
color:#FFF;
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1"> </tr>
+
padding:5px;
-
 
+
}
-
 
+
ul {
-
<!--tips  -->
+
margin:0.5em;
-
<tr><td colspan="3" > <h3> Tips  </h3></td></tr>
+
}
-
 
+
</style>
-
<tr>
+
<div class="container-fluid" id="fluid">
-
<td width="45%" valign="top">
+
    <div class="row" id="fluid-row">
-
<p>We are currently working on providing teams with some easy to use design templates.
+
    <div class="col-xs-1"></div>
-
<br> In the meantime you can also view other team wikis for inspiration! Here are some very good examples</p>
+
    <div class="col-xs-5" id="index-logo">
-
 
+
        <div class="logo"></div>
-
<ul>
+
            <div class="project-name">Nanocrystal <em>E.coli</em> Flocculation Units<img src="https://static.igem.org/mediawiki/2014/0/0c/NEFU_China_iGEMlogo.png"></div>
-
<li> <a href="https://2013.igem.org/Team:SDU-Denmark/"> 2013 SDU Denmark </a> </li>
+
        </div>
-
<li> <a href="https://2013.igem.org/Team:SYSU-China">2013 SYSU China</a> </li>
+
        <div class="col-xs-5" id="animate-container-parent">
-
<li> <a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG"> 2013 Shenxhen BGIG ATCG </a></li>
+
        <div class="animate-container-son">
-
<li> <a href="https://2013.igem.org/Team:Colombia_Uniandes">2013 Colombia Unianades </a></li>
+
            <!--<div class="animate-container-grandson"></div>!-->
-
<li> <a href="https://2013.igem.org/Team:Lethbridge">2013 Lethbridge</a></li>
+
                <div class="col-xs-1"></div>
-
</ul>
+
                <div class="col-xs-10 animate-container-grandson"></div>
-
 
+
                <div class="col-xs-1"></div>
-
<p>For a full wiki list, you can visit <a href="https://igem.org/Team_Wikis?year=2013">iGEM 2013 web sites </a> and <a href="https://igem.org/Team_Wikis?year=2012">iGEM 2012 web sites</a> lists. </p>
+
            </div>
-
</td>
+
        </div>
-
 
+
        <div class="col-xs-1"></div>
-
<td> </td>
+
    </div>
-
<td width="45%">  
+
</div>
-
 
+
<div class="container-fluid" id="ctt">
-
<p>This wiki will be your team’s first interaction with the rest of the world, so here are a few tips to help you get started: </p>
+
    <div class="row">
-
 
+
    <div class="col-xs-1"></div>
-
<ul>
+
    <div class="col-xs-5" id="abstract">
-
<li>State your accomplishments! Tell people what you have achieved from the start. </li>
+
        Heavy metals, especially zinc and cadmium, inevitably, have detrimental effects on the environment and our human race. To be more specific, water sources can be contaminated by heavy metals leaching from industrial waste; acid rain can exacerbate this process by releasing heavy metals trapped in soils. Considering the properties of heavy metals, unable to decay and thus a different kind of challenge for medication, we have constructed a heavy metal detection and recycle system. Briefly, our system is based on a special strain of <em>E.coli</em> containing smt-locus, CDS7 and an unfamiliar flocculation gene. The system can detect the existence of metal cadmium through visualized pigment gene driven by the smt-locus, recycle these heavy metal ions by forming nanocrystals resulted from CDS7 and flocculate the nanocrystals. Eventually, we can realize our double-win goal, safeguarding our environment by removing heavy metal ions and yielding a great amount of nanocrystals.
-
<li>Be clear about what you are doing and what you plan to do.</li>
+
        </div>
-
<li>You have a global audience! Consider the different backgrounds that your users come from.</li>
+
        <div class="col-xs-1"></div>
-
<li>Make sure information is easy to find; nothing should be more than 3 clicks away.  </li>
+
        <div class="col-xs-4" id="nav">
-
<li>Avoid using very small fonts and low contrast colors; information should be easy to read. </li>
+
    <div class="nav-section col-xs-3"><a id="ns1" href="https://2014.igem.org/Team:NEFU_China/Project"></a></div>
-
<li>Start documenting your project as early as possible; don’t leave anything to the last minute before the Wiki Freeze. For a complete list of deadlines visit the <a href="">iGEM 2013 calendar</a> </li>
+
    <div class="nav-section col-xs-3" ><a id="ns2" class="second-menu" href="javascript:void(0);" data-toggle="popover" title="Result" data-html="true" data-placement="top" data-content="<ul class='list-unstyled'><li><a href='https://2014.igem.org/Team:NEFU_China/Foundation'>Foundation</a></li><li><a href='https://2014.igem.org/Team:NEFU_China/Detecting'>Detecting</a></li><li><a href='https://2014.igem.org/Team:NEFU_China/Modeling'>Modeling</a></li><li><a href='https://2014.igem.org/Team:NEFU_China/Recycling'>Recycling</a></li><li><a href='https://2014.igem.org/Team:NEFU_China/Futureapplication'>Future Application</a></li><li>Click the button below, you can close the dialog.</li></ul>"></a></div>
-
<li>Have lots of fun! </li>
+
            <div class="nav-section col-xs-3"><a id="ns3" class="second-menu" href="javascript:void(0);" data-toggle="popover" title="Journal" data-html="true" data-placement="top" data-content="<ul class='list-unstyled'><li><a href='https://2014.igem.org/Team:NEFU_China/Monthly'>Monthly</a></li><li><a href='https://2014.igem.org/Team:NEFU_China/Labnote'>Lab note</a></li><li>Click the button below, you can close the dialog.</li></ul>"></a></div>
-
</ul>
+
            <div class="nav-section col-xs-3"><a id="ns4" href="https://2014.igem.org/Team:NEFU_China/Biosafety"></a></div>
-
</br>
+
            <div class="nav-section col-xs-3"><a id="ns5" class="second-menu" href="javascript:void(0);" data-toggle="popover" title="Human practice" data-html="true" data-placement="top" data-content="<ul class='list-unstyled'><li><a href='https://2014.igem.org/Team:NEFU_China/Socialactivities'>Social activities</a></li><li><a href='https://2014.igem.org/Team:NEFU_China/Survey'>Survey</a></li><li>Click the button below, you can close the dialog.</li></ul>"></a></div>
-
</td>
+
            <div class="nav-section col-xs-3"><a id="ns6" href="https://2014.igem.org/Team:NEFU_China/Parts"></a></div>
-
</tr>
+
            <div class="nav-section col-xs-3"><a id="ns7" href="https://2014.igem.org/Team:NEFU_China/Achievements"></a></div>
-
</table>
+
            <div class="nav-section col-xs-3"><a id="ns8" href="https://2014.igem.org/Team:NEFU_China/Team"></a></div>
 +
        </div>
 +
        <div class="col-xs-1"></div>
 +
</div>
 +
</div>
 +
<div class="footer">
 +
Team: NEFU_China<br>
 +
Email: yichengzhao@live.cn<br>
 +
Northeast Forestry University, Harbin, China
 +
</div>
 +
<script>
 +
var standardHeight = $("#abstract").height()*0.15;
 +
$(".nav-section").height(standardHeight);
 +
$( ".nav-section a" ).hover(
 +
  function() {
 +
    $(this).fadeTo(300,0.4);
 +
  }, function() {
 +
    $(this).fadeTo(300,1);
 +
  }
 +
);
 +
$(".second-menu").popover();
 +
</script>

Latest revision as of 01:21, 18 October 2014

Heavy metals, especially zinc and cadmium, inevitably, have detrimental effects on the environment and our human race. To be more specific, water sources can be contaminated by heavy metals leaching from industrial waste; acid rain can exacerbate this process by releasing heavy metals trapped in soils. Considering the properties of heavy metals, unable to decay and thus a different kind of challenge for medication, we have constructed a heavy metal detection and recycle system. Briefly, our system is based on a special strain of E.coli containing smt-locus, CDS7 and an unfamiliar flocculation gene. The system can detect the existence of metal cadmium through visualized pigment gene driven by the smt-locus, recycle these heavy metal ions by forming nanocrystals resulted from CDS7 and flocculate the nanocrystals. Eventually, we can realize our double-win goal, safeguarding our environment by removing heavy metal ions and yielding a great amount of nanocrystals.