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

 
Line 9: Line 9:
  
 
<style type="text/css">
 
<style type="text/css">
.ouc-chapter{transform:scale(0.8);transition:0.8s}
+
.ouc-right{position: relative;}
.ouc-chapter:hover{transform:scale(1);transition:0.8s}
+
.ouc-rightnav{position:absolute;right: -200%;top: 0; display: none;background-color: white;width: 200%; z-index: 2001}
.ouc-right{position: relative;}
+
.ouc-rightnav{position:absolute;right: -200%;top: 0; display: none;background-color: white;width: 200%;}
+
 
.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 18: Line 16:
 
.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; width:100% }
+
.ouc-vicedown{position: absolute; top:50px; }
 
.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}
body{padding-top: 50px;}
+
 
.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 42: Line 42:
 
}
 
}
 
.ouc-reserve{background-color: #008EA1;color: white;}
 
.ouc-reserve{background-color: #008EA1;color: white;}
.ouc-heading {color: #008EA1;}
+
    .ouc-heading {margin: 0;color: #008EA1;}
.ouc-a{color:#E3D434; }
+
.ouc-a:hover{color: #008F75;}
+
.ouc-ul{border-left:thin dashed #008F75}
+
+
 
</style>
 
</style>
 
</head>
 
</head>
 
  
 
<body>
 
<body>
Line 55: Line 50:
 
<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 66: Line 74:
 
    </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="https://2017.igem.org/Team:OUC-China/proof1" style="display: block">Basic fermentation</a>
 
        <a href="https://2017.igem.org/Team:OUC-China/proof1" style="display: block">Basic fermentation</a>
 
        <a href="https://2017.igem.org/Team:OUC-China/proof2" style="display: block">Adhesion platform</a>
 
        <a href="https://2017.igem.org/Team:OUC-China/proof2" style="display: block">Adhesion platform</a>
        <a href="https://2017.igem.org/Team:OUC-China/proof3" style="display: block"> MINI-GRE </a>
+
        <a href="https://2017.igem.org/Team:OUC-China/proof3" style="display: block">MINI-GRE</a>
 
        </div>
 
        </div>
    </div>     <div><a href="https://2017.igem.org/Team:OUC-China/Demonstrate" style="line-height: 40px; " class="ouc-navdown">Demonstration</a></div>
+
    </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">Improvement</a></div>
 
    <div><a href="https://2017.igem.org/Team:OUC-China/Improve" style="line-height: 40px; " class="ouc-navdown">Improvement</a></div>
Line 84: Line 93:
 
    </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 96: Line 105:
 
    </div>
 
    </div>
 
</div>
 
</div>
<div class="col-md-2"></div>
+
<div class="col-md-2" style="padding: 0"></div>
 +
 +
 +
</div>
 +
 +
 +
 +
 
</div>
 
</div>
</div>
+
</div>
 
<!--此处是导航-->
 
<!--此处是导航-->
  

Latest revision as of 14:06, 18 November 2017

education

Comic book of synthetic biology

This year we use a novel method to teach people synthetic biology and spread scientific thinking so that we spent half a year designing a comic book of Synthetic Biology, which illustrate it in a vivid way in order to propagandize to the public and show our love for the Synthetic Biology.

In addition, we believed that letting more people such as teens in school know about Synthetic Biology in the form of a story, which exhibits the complex biology model and principle with funny comics, will make public more interested in Biology.

Maybe other team could work with such form too.

Click And See Our Comic Online !


Chapter 1

Chapter 2

Chapter 3


Chapter 4

Chapter 5

Chapter 6

Life science and technology camp

We cooperated with other colleges to organize a summer camp, spreading our ideas to freshmen and sophomores.



Our summer camp, a week of life science experience, is mainly for the freshman from four colleges who will communicate with each other in some interesting activities including classifying marine organisms in the intertidal zone of the sea, salvaging Enteromorpha and other algae, extracting marine luminous bacteria.

They also did several scientific researches with independent design by themselves. The main purpose of the summer camp is to inspire college students to develop their own ability to find their own interests and to improve their learning methods, moreover, to know the spirit of independent thinking.

This year is the first year for SDU-China to participate in iGEM, they came to the summer camp to communicate with us, and we also get some interdispline knowledge from them.

In the future, we look forward to attracting more colleges and their students to join in,providing them more resources and experience.

Lectures on popular science among primary and middle school students

Furthermore, in order to introduce iGEM and Synthetic Biology, we held a series of lectures in local colleges and middle schools, bringing related knowledge to the middle school students, consisting of development of biotechnology and synthetic biology in the fields of medicine, agriculture and environment protection.

We exhibit iGEM competitions, synthetic biology, and our projects at the university's Science and Technology exhibition to make students of different majors know about synthetic biology. Luckily, we also introduced our team and iGEM to our national Vice Premier Liu Yandong and she gave us great encouragement and affirmation.

Social media

We spread iGEM spirits and the development of synthetic biology in China through social media.





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