Difference between revisions of "Team:OUC-China/HumanPractice"

 
(7 intermediate revisions by 4 users not shown)
Line 8: Line 8:
  
 
<style type="text/css">
 
<style type="text/css">
.ouc-right{position: relative;}
+
.ouc-right{position: relative;}
.ouc-rightnav{position:absolute;right: -200%;top: 0; display: none;background-color: white;width: 200%;}
+
.ouc-rightnav{position:absolute;right: -200%;top: 0; display: none;background-color: white;width: 200%; z-index: 2001}
 
.ouc-right:visited{background-color:#D2D2D2; color: white;text-decoration: none;}
 
.ouc-right:visited{background-color:#D2D2D2; color: white;text-decoration: none;}
 
.ouc-right:hover .ouc-rightnav{display: inherit;}
 
.ouc-right:hover .ouc-rightnav{display: inherit;}
Line 15: Line 15:
 
.ouc-rightnav a:visited {color: #008EA1;text-decoration: none; }
 
.ouc-rightnav a:visited {color: #008EA1;text-decoration: none; }
 
.ouc-rightnav a:hover {background-color:#D2D2D2; color: white;text-decoration: none; }
 
.ouc-rightnav a:hover {background-color:#D2D2D2; color: white;text-decoration: none; }
 
+
.ouc-vicedown{position: absolute; top:50px; }
.ouc-vicedown{position: absolute; top:50px; width:100% }
+
 
.ouc-vicedown a{display: block;height: 40px; width: 100%;text-decoration: none;color: #008EA1; line-height: 40px;text-align: center;}
 
.ouc-vicedown a{display: block;height: 40px; width: 100%;text-decoration: none;color: #008EA1; line-height: 40px;text-align: center;}
 
.ouc-vicedown a:visited{color:#008EA1;text-decoration: none }
 
.ouc-vicedown a:visited{color:#008EA1;text-decoration: none }
.ouc-vicedown a:hover{color:  #EDEC8C}
+
.ouc-vicedown a:hover{color:  #EDEC8Cl}
  
.ouc-nav{color:white; background-color: #008EA1;display:block; width: 100%; color: white;}
+
 +
.ouc-nav{color:white; background-color: #008EA1;display:block; width: 100%; color: white;padding: 0}
 
.ouc-nav:visited{text-decoration: none; color: white}
 
.ouc-nav:visited{text-decoration: none; color: white}
 
.ouc-nav:hover{text-decoration: none; background-color: white; color:#008EA1; }
 
.ouc-nav:hover{text-decoration: none; background-color: white; color:#008EA1; }
 
.ouc-navbar{position: relative;padding: 0;margin: 0;}
 
.ouc-navbar{position: relative;padding: 0;margin: 0;}
 
.ouc-navbar:hover .ouc-down{display: inherit;}
 
.ouc-navbar:hover .ouc-down{display: inherit;}
.ouc-down{position: absolute; top:50px;display: none;background-color: white;}
+
.ouc-down{position: absolute; top:50px;display: none;background-color: white; z-index: 1001}
 
.ouc-navdown{color: #008EA1;display: block; width: 100%;height: 40px;}
 
.ouc-navdown{color: #008EA1;display: block; width: 100%;height: 40px;}
 
.ouc-navdown:visited{text-decoration: none;color:#008EA1; }
 
.ouc-navdown:visited{text-decoration: none;color:#008EA1; }
.ouc-navdown:hover{background-color:#D2D2D2;color: white;text-decoration: none}
+
.ouc-navdown:hover{background-color:#D2D2D2;color: white;text-decoration: none; z-index: 1501}
.ouc-guide{position: fixed; width: 100%;top: 15px;z-index: 1000}
+
.ouc-guide{position: fixed; width: 100%;top: 15px;z-index:1000}
 
.ouc-page-header{border-bottom-color: #EDEC8C;border-bottom-width: thick;color: #008F75;}
 
.ouc-page-header{border-bottom-color: #EDEC8C;border-bottom-width: thick;color: #008F75;}
 
.top{position: fixed;bottom:0;right: 0;}
 
.top{position: fixed;bottom:0;right: 0;}
 
.top:hover{animation: upp 0.6s ;}
 
.top:hover{animation: upp 0.6s ;}
 +
 
@keyframes upp {
 
@keyframes upp {
 
0% {margin-bottom: 0;}
 
0% {margin-bottom: 0;}
Line 41: Line 42:
 
.ouc-reserve{background-color: #008EA1;color: white;}
 
.ouc-reserve{background-color: #008EA1;color: white;}
 
     .ouc-heading {margin: 0;color: #008EA1;}
 
     .ouc-heading {margin: 0;color: #008EA1;}
 
 
 
</style>
 
</style>
 
</head>
 
</head>
 +
 
<body>
 
<body>
 
<!--此处是导航-->
 
<!--此处是导航-->
 
<div class="ouc-guide" style="height: 50px;background-color:#008EA1 ;">
 
<div class="ouc-guide" style="height: 50px;background-color:#008EA1 ;">
 
<div class="row">
 
<div class="row">
    <div class="col-md-1"></div>
+
 
<div class="col-md-1" style="padding-top: 5px;"><a href="https://2017.igem.org/Team:OUC-China"><img src="https://static.igem.org/mediawiki/2017/8/89/T--OUC-China--logo.jpg" height="40px"/></a></div>
+
<div class="col-md-2 navbar-header" style="text-align: center; padding: 0">
<div class="col-md-1"></div>
+
<div class="col-md-1 ouc-navbar">
+
<button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".navbar-responsive-collapse">
 +
        <span class="sr-only">Toggle Navigation</span>
 +
        <span class="caret" style="color: white"></span>
 +
 
 +
      </button>
 +
<a href="https://2017.igem.org/Team:OUC-China"><img src="https://static.igem.org/mediawiki/2017/8/89/T--OUC-China--logo.jpg" height="50px"/></a></div>
 +
 +
 +
<div class="collapse navbar-collapse navbar-responsive-collapse" style="padding: 0">
 +
 +
 +
 +
<div class="col-md-1" style="padding: 0"></div>
 +
<div class="col-md-1 ouc-navbar" style="padding: 0">
 
    <a href="##" style="line-height: 50px;text-align: center" class="ouc-nav">Team<span class="caret"></span></a>
 
    <a href="##" style="line-height: 50px;text-align: center" class="ouc-nav">Team<span class="caret"></span></a>
 
    <div class="ouc-down" style=" width: 100%; text-align: center">
 
    <div class="ouc-down" style=" width: 100%; text-align: center">
Line 60: Line 73:
 
    </div>
 
    </div>
 
</div>
 
</div>
<div class="col-md-1 ouc-navbar">
+
<div class="col-md-1 ouc-navbar" style="padding: 0">
 
    <a href="##" style="line-height: 50px;text-align: center" class="ouc-nav">Project<span class="caret"></span></a>
 
    <a href="##" style="line-height: 50px;text-align: center" class="ouc-nav">Project<span class="caret"></span></a>
 
    <div class="ouc-down" style=" width: 100%; text-align: center">
 
    <div class="ouc-down" style=" width: 100%; text-align: center">
 
    <div><a href="https://2017.igem.org/Team:OUC-China/Description" style="line-height: 40px; " class="ouc-navdown">Description</a></div>
 
    <div><a href="https://2017.igem.org/Team:OUC-China/Description" style="line-height: 40px; " class="ouc-navdown">Description</a></div>
 
    <div><a href="https://2017.igem.org/Team:OUC-China/Design" style="line-height: 40px; " class="ouc-navdown">Design</a></div>
 
    <div><a href="https://2017.igem.org/Team:OUC-China/Design" style="line-height: 40px; " class="ouc-navdown">Design</a></div>
<div class="ouc-right">
+
                <div class="ouc-right">
        <a style="line-height: 40px; font-size: 15px;" class="ouc-navdown">Proof of concept</a>
+
        <a style="line-height: 40px; font-size: 15px;" class="ouc-navdown" href="https://2017.igem.org/Team:OUC-China/proof1">Proof of concept</a>
 
        <div class="ouc-rightnav">
 
        <div class="ouc-rightnav">
        <a href="" style="display: block">Basic fermentation</a>
+
        <a href="https://2017.igem.org/Team:OUC-China/proof1" style="display: block">Basic fermentation</a>
        <a href="" style="display: block">Co-express platform</a>
+
        <a href="https://2017.igem.org/Team:OUC-China/proof2" style="display: block">Adhesion platform</a>
        <a href="" style="display: block">Mini system</a>
+
        <a href="https://2017.igem.org/Team:OUC-China/proof3" style="display: block">MINI-GRE</a>
 
        </div>
 
        </div>
 
    </div>
 
    </div>
    <div><a href="https://2017.igem.org/Team:OUC-China/Demonstrate" style="line-height: 40px; " class="ouc-navdown">Demonstrate</a></div>
+
    <div><a href="https://2017.igem.org/Team:OUC-China/Demonstrate" style="line-height: 40px; " class="ouc-navdown">Demonstration</a></div>
 
    <div><a href="https://2017.igem.org/Team:OUC-China/InterLab" style="line-height: 40px; " class="ouc-navdown">InterLab</a></div>
 
    <div><a href="https://2017.igem.org/Team:OUC-China/InterLab" style="line-height: 40px; " class="ouc-navdown">InterLab</a></div>
    <div><a href="https://2017.igem.org/Team:OUC-China/Improve" style="line-height: 40px; " class="ouc-navdown">Improve</a></div>
+
    <div><a href="https://2017.igem.org/Team:OUC-China/Improve" style="line-height: 40px; " class="ouc-navdown">Improvement</a></div>
 
    <div><a href="https://2017.igem.org/Team:OUC-China/Notebook" style="line-height: 40px; " class="ouc-navdown">Notebook</a></div>
 
    <div><a href="https://2017.igem.org/Team:OUC-China/Notebook" style="line-height: 40px; " class="ouc-navdown">Notebook</a></div>
 
    </div>
 
    </div>
 
</div>
 
</div>
<div class="col-md-1"><a href="https://2017.igem.org/Team:OUC-China/Model" style="line-height: 50px;text-align: center" class="ouc-nav">Model</a></div>
+
<div class="col-md-1" style="padding: 0"><a href="https://2017.igem.org/Team:OUC-China/Model" style="line-height: 50px;text-align: center" class="ouc-nav">Model</a></div>
<div class="col-md-1"><a href="https://2017.igem.org/Team:OUC-China/Parts" style="line-height: 50px;text-align: center" class="ouc-nav">Parts</a></div>
+
<div class="col-md-1" style="padding: 0"><a href="https://2017.igem.org/Team:OUC-China/Parts" style="line-height: 50px;text-align: center" class="ouc-nav">Parts</a></div>
<div class="col-md-1"><a href="https://2017.igem.org/Team:OUC-China/Safety" style="line-height: 50px;text-align: center" class="ouc-nav">Safety</a></div>
+
<div class="col-md-1" style="padding: 0"><a href="https://2017.igem.org/Team:OUC-China/Safety" style="line-height: 50px;text-align: center" class="ouc-nav">Safety</a></div>
<div class="col-md-2 ouc-navbar">
+
<div class="col-md-2 ouc-navbar" style="padding: 0">
    <a href="##" style="line-height: 50px;text-align: center" class="ouc-nav">Human Practice<span class="caret"></span></a>
+
    <a href="https://2017.igem.org/Team:OUC-China/Engagement" style="line-height: 50px;text-align: center" class="ouc-nav">Human Practice<span class="caret"></span></a>
 
    <div class="ouc-down" style=" width: 100%; text-align: center">
 
    <div class="ouc-down" style=" width: 100%; text-align: center">
 
    <div><a href="https://2017.igem.org/Team:OUC-China/HumanPractice" style="line-height: 40px; " class="ouc-navdown">Overview</a></div>
 
    <div><a href="https://2017.igem.org/Team:OUC-China/HumanPractice" style="line-height: 40px; " class="ouc-navdown">Overview</a></div>
Line 91: Line 104:
 
    </div>
 
    </div>
 
</div>
 
</div>
<div class="col-md-2"></div>
+
<div class="col-md-2" style="padding: 0"></div>
 +
 +
 +
</div>
 +
 +
 +
 +
 
</div>
 
</div>
 
</div>
 
</div>
Line 138: Line 158:
 
     </div>
 
     </div>
 
     <p style="text-align: center;color: gray">Fig 2. Pictures that taken during human practices.</p>
 
     <p style="text-align: center;color: gray">Fig 2. Pictures that taken during human practices.</p>
     <h3 class="ouc-heading"><strong>Achievements</strong></h3>  
+
     <h2 class="ouc-heading"><strong>Achievements</strong></h2>  
 
     <div class="container">
 
     <div class="container">
 
     <p style="font-size: 20px">
 
     <p style="font-size: 20px">
Line 147: Line 167:
 
     <span style="color: #008F75">★</span>We participated in various kinds of synthetic biology forum such as Conference of China iGEMer Community (CCiC), Synthetic Biology Young Scholar Forum. <br/>
 
     <span style="color: #008F75">★</span>We participated in various kinds of synthetic biology forum such as Conference of China iGEMer Community (CCiC), Synthetic Biology Young Scholar Forum. <br/>
 
     </p>
 
     </p>
     <a href="##">Click here to see the Silver page</a><br/>
+
     <a href="https://2017.igem.org/Team:OUC-China/HP/Silver">Click here to see the Silver page</a><br/>
     <a href="##">Click here to see the Gold page</a>
+
     <a href="https://2017.igem.org/Team:OUC-China/HP/Gold_Integrated">Click here to see the Gold page</a>
 
     </div>   
 
     </div>   
 
</div>
 
</div>

Latest revision as of 14:04, 18 November 2017

Human practice


Fig.1 An aerial view of Qingdao's Enteromorpha outbreak.

This year our project was inspired by our local environmental problem in Qingdao, which located along the coastline of Yellow Sea in China. From June to August every year, a large quantity of floating Enteromorpha appeared offshore in Qingdao. Every year, the government will fund the disposal of Enteromorpha. Statistics show that Enteromorpha's annual salvage can reach up to 70000 tons. Still, a huge amount of Enteromorpha was not utilized fully after salvage, which mainly turned into fodder. Therefore, our goal is to find a better way to maximize the utilization of seaweed residue.

Meanwhile, we are concerned with the world energy crisis, in which bioenergy is one of the main renewable energy sources of human development that can be of great help. Therefore, we hope to transform the algae fiber into bioenergy and make a modest effort to help deal with the world energy crisis considering the overgrown Enteromorpha. Inheriting the spirits of iGEM Organizing Committee, our project comes from the social environmental problem and would give feedback to society in the way of energy producing and education. That is just how society affects our work and how our work affects society.

We have done a full human practice this year. It can be summed up as three perspectives, inspired by society, contacts with society and feedback to society as well as a communication and cooperation section.

Fig 2. Pictures that taken during human practices.

Achievements

Through the work of human practice, we did plenty of research about Enteromorpha's current condition, application, and related study,we successfully fed the results back to our lab and modify our project designs.
We successfully linked our projects to real production!To combine our projects with real energy production, we visited Qingdao Seawin Group and established a partnership with them.
We carefully confirmed that our work is safe and is of no harm to the environment and society and dig deep into the society for inspiration.
We spread iGEM spirits and promoted the development of synthetic biology in China through popular science brochure, synthetic biology lecture, summer camp, and social media.
We participated in various kinds of synthetic biology forum such as Conference of China iGEMer Community (CCiC), Synthetic Biology Young Scholar Forum.

Click here to see the Silver page
Click here to see the Gold page



Contact Us : oucigem@163.com  |  ©2017 OUC IGEM.All Rights Reserved.  |  Based On Bootstrap