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

 
(35 intermediate revisions by 5 users not shown)
Line 1: Line 1:
 
<html>
 
<html>
−
 
 
<head>
 
<head>
 +
<link rel="apple-touch-icon" sizes="57x57"
 +
                  href="https://static.igem.org/mediawiki/2016/9/9d/T--XMU-China--icon-57x57_and_.png">
 +
            <link rel="apple-touch-icon" sizes="60x60"
 +
                  href="https://static.igem.org/mediawiki/2016/d/de/T--XMU-China--icon-60x60_and_.png">
 +
            <link rel="apple-touch-icon" sizes="72x72"
 +
                  href="https://static.igem.org/mediawiki/2016/a/a8/T--XMU-China--icon-72x72_and_.png">
 +
            <link rel="apple-touch-icon" sizes="76x76"
 +
                  href="https://static.igem.org/mediawiki/2016/2/22/T--XMU-China--icon-76x76_and_.png">
 +
            <link rel="apple-touch-icon" sizes="114x114"
 +
                  href="https://static.igem.org/mediawiki/2016/3/30/T--XMU-China--icon-144x144_and_.png">
 +
            <link rel="apple-touch-icon" sizes="120x120"
 +
                  href="https://static.igem.org/mediawiki/2016/7/79/T--XMU-China--icon-120x120_and_.png">
 +
            <link rel="apple-touch-icon" sizes="144x144"
 +
                  href="https://static.igem.org/mediawiki/2016/3/30/T--XMU-China--icon-144x144_and_.png">
 +
            <link rel="apple-touch-icon" sizes="152x152"
 +
                  href="https://static.igem.org/mediawiki/2016/c/c5/T--XMU-China--icon-152x152_and_.png">
 +
            <link rel="apple-touch-icon" sizes="180x180"
 +
                  href="https://static.igem.org/mediawiki/2016/7/7c/T--XMU-China--icon-180x180_and_.png">
 +
            <link rel="icon" type="image/png" sizes="192x192"
 +
                  href="https://static.igem.org/mediawiki/2016/b/bd/T--XMU-China--icon-192x192_and_.png">
 +
            <link rel="icon" type="image/png" sizes="32x32"
 +
                  href="https://static.igem.org/mediawiki/2016/4/46/T--XMU-China--icon-32x32_and_.png">
 +
            <link rel="icon" type="image/png"  sizes="96x96"
 +
                  href="https://static.igem.org/mediawiki/2016/1/1e/T--XMU-China--icon-96x96_and_.png">
 +
            <link rel="icon" type="image/png" sizes="16x16"
 +
                  href="https://static.igem.org/mediawiki/2016/6/6c/T--XMU-China--icon-16x16_and_.png">
 +
            <meta name="msapplication-TileImage"
 +
                  content="https://static.igem.org/mediawiki/2016/9/98/T--XMU-China--icon-114x114_and_.png">
 +
            <meta name="msapplication-TileColor" content="#ffffff">
 +
            <meta name="theme-color" content="#ffffff">
 
<meta charset="utf-8">
 
<meta charset="utf-8">
 
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
     <meta name="viewport" content="width=device-width, initial-scale=1">
 
     <meta name="viewport" content="width=device-width, initial-scale=1">
 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
−
<title>Bootstrap 101 Template</title>
 
−
   
 
−
 
−
 
 
<script type="text/javascript" src="https://2016.igem.org/Template:XMU-China/Javascript/InterlabJs?action=raw&amp;ctype=text/javascript"></script>
 
<script type="text/javascript" src="https://2016.igem.org/Template:XMU-China/Javascript/InterlabJs?action=raw&amp;ctype=text/javascript"></script>
 
<script type="text/javascript" src="https://2016.igem.org/Template:XMU-China/css/jQueryJs?action=raw&amp;ctype=text/javascript"></script>
 
<script type="text/javascript" src="https://2016.igem.org/Template:XMU-China/css/jQueryJs?action=raw&amp;ctype=text/javascript"></script>
−
 
+
       <script src="https://2016.igem.org/XMU-China/html5shiv/3_7_3?action=raw&amp;ctype=text/javascript"></script>
−
 
+
       <script src="https://2016.igem.org/XMU-China/respond/1_4_2/?action=raw&amp;ctype=text/javascript"></script>
−
       <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
+
−
       <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+
−
     
+
 
<script src="https://2016.igem.org/Template:XMU-China/css/BootstrapJs?action=raw&amp;ctype=text/javascript"></script>
 
<script src="https://2016.igem.org/Template:XMU-China/css/BootstrapJs?action=raw&amp;ctype=text/javascript"></script>
−
 
 
<link rel="stylesheet" href="https://2016.igem.org/Template:XMU-China/css/clearCss?action=raw&amp;ctype=text/css" type="text/css">
 
<link rel="stylesheet" href="https://2016.igem.org/Template:XMU-China/css/clearCss?action=raw&amp;ctype=text/css" type="text/css">
 
<style type="text/css">
 
<style type="text/css">
−
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear{display:none;} /*-- hides default wiki settings --*/
+
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear{display:none;}
−
 
+
−
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
+
−
+
−
border: 0 none;
+
−
height: 14px;
+
−
z-index: 100;
+
−
top: 0;
+
−
position: fixed;
+
−
width: 975px;
+
−
left: 50%;
+
−
margin-left: -487px;
+
−
}
+
−
 
+
−
#globalWrapper, #content { /*-- changes default wiki settings--*/
+
−
width: 100%;
+
−
height: 100%;
+
−
border: 0px;
+
−
background-color: transparent;
+
−
margin: 0px;
+
−
padding: 0px;
+
−
}
+
−
 
+
−
html, body, .wrapper { /*-- changes default wiki settings --*/
+
−
width: 100%;
+
−
height: 100%;
+
−
background-color: transparent;
+
−
}
+
−
 
+
−
</style>
+
−
<style type="text/css">/*get rid of the annoying iGEM style*/
+
−
     
+
−
      .firstHeading{visibility:hidden;}
+
−
      h2{border-bottom:none;padding-bottom:.5em;}   
+
−
      .carousel-control.left, .carousel-control.right{background-image: none}
+
−
    /* to style the sidebar*/
+
−
    .back-to-top{z-index:9999;}
+
−
    ul.dropdown{margin-left: 0px; margin-top: 0px;}
+
−
    .classic-title span {
+
−
    position: absolute;
+
−
    margin-top: -30px;
+
−
    border-bottom-color: #00afd1;
+
−
}
+
−
.page-banner{
+
−
  background-color:#e0e0e0;margin-top:1%;margin-bottom:20px;padding:20px;padding-top:40px;
+
−
}
+
−
        #top_menu_inside, #top_menu_inside:before, #top_menu_inside:after { -webkit-box-sizing: content-box; -moz-box-sizing: border-box; box-sizing: content-box;}
+
−
        #top_menu_under{font-size: 12px;}
+
−
        #top_menu_14{font-size: 12px; height:18px}
+
−
        #top_menu_inside li{font-size: 12px;}
+
−
        #user_item{font-size: 12px;}
+
 
#HQ_page{
 
#HQ_page{
 
       font-family:"Times New Roman", Times, serif;
 
       font-family:"Times New Roman", Times, serif;
Line 80: Line 51:
 
       padding-bottom:0;
 
       padding-bottom:0;
 
      
 
      
−
}
 
−
#HQ_page p {
 
−
        font-size:18px;
 
 
}
 
}
 
</style>
 
</style>
Line 89: Line 57:
 
<style type="text/css">
 
<style type="text/css">
 
#btn{
 
#btn{
−
width:110px; height:110px;position:fixed;left:50%;
+
width:90px; height:90px;position:fixed;right:0.1%;z-index:999;
−
margin-left:42.5%;bottom:30px;background:url(https://static.igem.org/mediawiki/2016/b/ba/T--XMU-China--lightbulb_and_.png);no-repeat left top;display:none;
+
bottom:30px;background:url(https://static.igem.org/mediawiki/2016/b/ba/T--XMU-China--lightbulb_and_.png);no-repeat left top;display:none;
 
border:currenColor;
 
border:currenColor;
 
}
 
}
 
#btn:hover{
 
#btn:hover{
−
     background:url(https://static.igem.org/mediawiki/2016/b/ba/T--XMU-China--lightbulb_and_.png) no-repeat left -110px;
+
     background:url(https://static.igem.org/mediawiki/2016/b/ba/T--XMU-China--lightbulb_and_.png) no-repeat left -90px;
 
}
 
}
−
 
−
<!--clear-->
 
−
body { font: x-small/normal sans-serif; margin: 0px; padding: 0px; color: black; font-size-adjust: none; font-stretch: normal; background-color: rgb(252, 241, 206);} .visualClear { clear: both; }
 
−
 
−
 
−
.globalWrapper {
 
−
  margin: 0px; padding: 0px; }
 
−
.mw-body{
 
−
padding:0px;
 
−
margin:0;
 
−
}
 
−
 
−
.top-section {
 
−
margin-top:0;
 
−
      margin-left:0;
 
−
      width: 0px;
 
−
      height: 1px;
 
−
      height: 1px !important;
 
−
      position: relative;
 
−
      z-index: 100;
 
−
      border: 0px;
 
−
      border: 0px !important;
 
−
}
 
−
.p-logo {
 
−
      visibility:hidden;
 
−
width: 975px; height: 0; position: absolute; z-index: -1; }
 
−
.p-logo h5 {
 
−
display: none; }
 
−
.p-logo a {
 
−
text-decoration: none; }
 
−
.p-logo a:hover {
 
−
text-decoration: none; }
 
−
#top_menu_under{
 
−
  height:0;
 
−
}
 
−
.pop_why_box{
 
−
  width:0;
 
−
}
 
−
#top_title{
 
−
  margin-bottom:0;
 
−
}
 
−
#firstHeading{
 
−
  height:0px;
 
−
  padding-top:0;
 
−
}
 
−
.logo_2016{
 
−
  display:none;}
 
−
#sideMenu{
 
−
  display:none;height:0;
 
−
  width:0;}
 
−
#home_logo{
 
−
  display:none;}
 
−
<!--end of clear-->
 
−
 
−
 
 
.nav>li>a{
 
.nav>li>a{
 
     color:#337ab7;
 
     color:#337ab7;
Line 163: Line 76:
 
margin-bottom: 20px;
 
margin-bottom: 20px;
 
text-align: justify;
 
text-align: justify;
−
}
 
−
@media screen and (max-width:480px){
 
−
  #myScrollspy{
 
−
    display:none;
 
−
}
 
−
}
 
−
@media (min-width:1024px){
 
−
      #sidebar2{display:none;}
 
−
       
 
−
    }
 
−
      @media (max-width: 1023px){
 
−
      #sidebar1{display:none;}
 
−
      #sidebar2{display:block;}
 
−
    }
 
−
@media screen and (max-width:480px){
 
−
 
−
  #foot span{
 
−
  display:none;
 
−
}
 
−
  #foot img{
 
−
  display:none;
 
−
}
 
−
h1{
 
−
  overflow:visible;
 
−
}
 
−
#foot img{
 
−
width:16%;
 
−
}
 
−
}
 
−
@media (min-width:1024px){
 
−
      .foot{display:block;}
 
−
      .foot-2{display:none;}
 
−
      .navbar img{width:100px;}
 
−
      .navbar{height:70px;}
 
−
      #tabme{height:300px;}
 
−
    }
 
−
      @media (max-width: 1023px){
 
−
      .foot{display:none;}
 
−
      .foot-2{display:block;}
 
−
        .navbar img{width:70px;}
 
−
        .navbar{height:50px;}
 
−
      .collapse{background-color:#F0F0F0;text-align:left;}
 
−
      #tabme{height:80%;}
 
−
    }
 
−
@media (max-width: 1024px)
 
−
.sidebar .widget {
 
−
    margin-bottom: 35px;
 
−
}
 
−
.navbar-brand {
 
−
    position: relative;
 
−
    padding: 30px 0;
 
−
    margin: 0!important;
 
−
}
 
−
@media only screen and (max-width: 479px)
 
−
.navbar-default .navbar-nav {
 
−
    padding: 15px 0;
 
−
}
 
−
.navbar-inverse .navbar-nav {
 
−
    position: relative;
 
−
    transition: all 0.4s ease-in-out;
 
−
    -moz-transition: all 0.4s ease-in-out;
 
−
    -webkit-transition: all 0.4s ease-in-out;
 
−
    -o-transition: all 0.4s ease-in-out;
 
 
}
 
}
 
ul {
 
ul {
Line 237: Line 87:
 
   color:#008B45;
 
   color:#008B45;
 
}
 
}
 +
@media (min-width:769px){
 +
      .jumbotron h1{width:36%;}
 +
    }
 +
      @media (max-width: 768px){
 +
      .jumbotron h1{width:46%;}
 +
    }
 
</style>
 
</style>
 
<link rel="stylesheet" href="https://2016.igem.org/Template:XMU-China/css/buttonsmallCss?action=raw&amp;ctype=text/css" type="text/css">
 
<link rel="stylesheet" href="https://2016.igem.org/Template:XMU-China/css/buttonsmallCss?action=raw&amp;ctype=text/css" type="text/css">
 
<link rel="stylesheet" type="text/css" href="https://2016.igem.org/Template:XMU-China/css/BootstrapCss?action=raw&amp;ctype=text/css" />
 
<link rel="stylesheet" type="text/css" href="https://2016.igem.org/Template:XMU-China/css/BootstrapCss?action=raw&amp;ctype=text/css" />
 +
<link rel="stylesheet" href="https://2016.igem.org/Template:XMU-China/css/JustifyCss?action=raw&amp;ctype=text/css" type="text/css">
 
<link  href="https://2016.igem.org/Template:XMU-China/css/EngagementCss?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css" />
 
<link  href="https://2016.igem.org/Template:XMU-China/css/EngagementCss?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css" />
 
<link  href="https://2016.igem.org/Template:XMU-China/css/navbarCss?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css" />
 
<link  href="https://2016.igem.org/Template:XMU-China/css/navbarCss?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css" />
Line 250: Line 107:
 
<div class="jumbotron" style="background-image:url(https://static.igem.org/mediawiki/2016/c/cd/T--XMU-China--Attributions-banner_and_.png);">
 
<div class="jumbotron" style="background-image:url(https://static.igem.org/mediawiki/2016/c/cd/T--XMU-China--Attributions-banner_and_.png);">
 
<div class="jumbotron-text">
 
<div class="jumbotron-text">
−
<h2 style="margin-bottom: 0px;padding-top:67.5px;padding-bottom:0;border-bottom: 1px solid #FFF;width:40%;
+
<h1 style="margin-bottom: 0px;padding-bottom:0;overflow:visible;border-bottom: 1px solid #FFF;
−
  padding-left:16px; color:#FFF; font-family:"Times New Roman", Times, serif;overflow:visible; ">Education And Public Engagement</h2>
+
  padding-left:16px; color:#FFF; font-family:"Times New Roman", Times, serif; ">Engagement</h1>
 
<p style="padding-left:16px; padding-bottom: 15px;
 
<p style="padding-left:16px; padding-bottom: 15px;
 
     font-size: 21px;
 
     font-size: 21px;
−
     font-weight: 200;color:#FFF;text-shadow: 0 0 1px black;">Appropriate attribution is half of success.</p>
+
     font-weight: 200;color:#FFF;text-shadow: 0 0 1px black;">Sparking interest relating to synthetic biology.</p>
 
</div>
 
</div>
 
</div>
 
</div>
Line 264: Line 121:
  
 
<div class="container">
 
<div class="container">
−
<nav class="navbar  navbar-inverse navbar-fixed-top" style="text-align:center;">
+
<nav class="navbar  navbar-inverse navbar-fixed-top">
 
   <div class="container-fluid">
 
   <div class="container-fluid">
 
     <!-- Brand and toggle get grouped for better mobile display -->
 
     <!-- Brand and toggle get grouped for better mobile display -->
Line 275: Line 132:
 
       </button>
 
       </button>
 
     <a class="navbar-brand" href="https://2016.igem.org/Team:XMU-China" style="margin-left:8%;">
 
     <a class="navbar-brand" href="https://2016.igem.org/Team:XMU-China" style="margin-left:8%;">
−
   <img alt="iGEM 2016" src="https://static.igem.org/mediawiki/2016/a/ab/Head-logo.png" title="Home" style="margin-top:2%;opacity:0.9;">
+
   <img id="logo" alt="iGEM 2016" src="https://static.igem.org/mediawiki/2016/a/ab/Head-logo.png" title="Home" style="margin-top:2%;opacity:0.9;"></a>
−
     
+
−
                        </a>
+
 
     </div>
 
     </div>
  
 
     <!-- Collect the nav links, forms, and other content for toggling -->
 
     <!-- Collect the nav links, forms, and other content for toggling -->
 
     <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1" >
 
     <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1" >
−
       <ul class="nav navbar-nav navbar-right" style="margin-right:3%;margin-top:.8em;">
+
       <ul class="nav navbar-nav navbar-right" style="margin-top:.8em;">
 
         <li class="dropdown" id="Project">
 
         <li class="dropdown" id="Project">
−
           <a style=" padding-top:20px;" href="https://2016.igem.org/Team:XMU-China/Description" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Project <span class="caret"></span></a>
+
           <a style=" padding-top:20px;" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Project <span class="caret"></span></a>
 
           <ul class="dropdown-menu">
 
           <ul class="dropdown-menu">
 
           <li><a href=" https://2016.igem.org/Team:XMU-China/Description">Description</a></li>
 
           <li><a href=" https://2016.igem.org/Team:XMU-China/Description">Description</a></li>
Line 296: Line 151:
 
          
 
          
 
           <li class="dropdown" id="Parts">
 
           <li class="dropdown" id="Parts">
−
           <a style=" padding-top:20px;" href="https://2016.igem.org/Team:XMU-China/Parts" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Parts <span class="caret"></span></a>
+
           <a style=" padding-top:20px;" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Parts <span class="caret"></span></a>
 
           <ul class="dropdown-menu">
 
           <ul class="dropdown-menu">
 
           <li><a href="https://2016.igem.org/Team:XMU-China/Parts">Parts</a></li>
 
           <li><a href="https://2016.igem.org/Team:XMU-China/Parts">Parts</a></li>
Line 305: Line 160:
 
        
 
        
 
       <li class="dropdown" id="hp">
 
       <li class="dropdown" id="hp">
−
           <a style=" padding-top:20px;" href="https://2016.igem.org/Team:XMU-China/Parts" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Practice <span class="caret"></span></a>
+
           <a style=" padding-top:20px;" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Practice <span class="caret"></span></a>
 
           <ul class="dropdown-menu">
 
           <ul class="dropdown-menu">
 
           <li><a href="https://2016.igem.org/Team:XMU-China/Human_Practices">Overview</a></li>
 
           <li><a href="https://2016.igem.org/Team:XMU-China/Human_Practices">Overview</a></li>
−
         <li><a href=" https://2016.igem.org/Team:XMU-China/HP/Silver">Silver Medal Requirements</a></li>
+
         <li><a href=" https://2016.igem.org/Team:XMU-China/HP/Silver">Practices Silver</a></li>
−
         <li><a href="https://2016.igem.org/Team:XMU-China/HP/Gold">Gold Medal Requirements</a></li>
+
         <li><a href="https://2016.igem.org/Team:XMU-China/HP/Gold">Practices Gold</a></li>
 
         <li><a href="https://2016.igem.org/Team:XMU-China/HP/Newsletter">Newsletter</a></li>
 
         <li><a href="https://2016.igem.org/Team:XMU-China/HP/Newsletter">Newsletter</a></li>
−
         <li><a href="https://2016.igem.org/Team:XMU-China/Integrated_Practices">Integrated Human Practices</a></li>
+
         <li><a href="https://2016.igem.org/Team:XMU-China/Integrated_Practices">Integrated Practices</a></li>
−
         <li><a href="https://2016.igem.org/Team:XMU-China/Engagement">Education and Public Engagement</a></li>
+
         <li><a href="https://2016.igem.org/Team:XMU-China/Engagement">Engagement</a></li>
 
         </ul>
 
         </ul>
 
       </li>
 
       </li>
  
 
       <li class="dropdown" id="Safety">
 
       <li class="dropdown" id="Safety">
−
           <a style=" padding-top:20px;" href="https://2016.igem.org/Team:XMU-China/Safety" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Safety <span class="caret"></span></a>
+
           <a style=" padding-top:20px;" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Safety <span class="caret"></span></a>
 
           <ul class="dropdown-menu">
 
           <ul class="dropdown-menu">
 
           <li><a href="https://2016.igem.org/Team:XMU-China/Safety">Safety</a></li>
 
           <li><a href="https://2016.igem.org/Team:XMU-China/Safety">Safety</a></li>
Line 325: Line 180:
  
 
<li class="dropdown" id="Notebook">
 
<li class="dropdown" id="Notebook">
−
           <a style=" padding-top:20px;" href="https://2016.igem.org/Team:XMU-China/Notebook" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Notebook<span class="caret"></span></a>
+
           <a style=" padding-top:20px;" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Notebook<span class="caret"></span></a>
 
       <ul class="dropdown-menu">
 
       <ul class="dropdown-menu">
 
           <li><a href="https://2016.igem.org/Team:XMU-China/Notebook">Notebook</a></li>
 
           <li><a href="https://2016.igem.org/Team:XMU-China/Notebook">Notebook</a></li>
Line 333: Line 188:
  
 
<li class="dropdown" id="Team">
 
<li class="dropdown" id="Team">
−
           <a style=" padding-top:20px;" href="https://2016.igem.org/Team:XMU-China/Team" class="dropdown-toggle" data-toggle="dropdown"  role="button" aria-haspopup="true" aria-expanded="false">Team <span class="caret"></span></a>
+
           <a style=" padding-top:20px;" class="dropdown-toggle" data-toggle="dropdown"  role="button" aria-haspopup="true" aria-expanded="false">Team <span class="caret"></span></a>
 
           <ul class="dropdown-menu">
 
           <ul class="dropdown-menu">
 
         <li><a href="https://2016.igem.org/Team:XMU-China/Team">Team</a></li>
 
         <li><a href="https://2016.igem.org/Team:XMU-China/Team">Team</a></li>
Line 339: Line 194:
 
         <li><a href="https://2016.igem.org/Team:XMU-China/Attributions">Attributions</a></li>
 
         <li><a href="https://2016.igem.org/Team:XMU-China/Attributions">Attributions</a></li>
 
       </ul>
 
       </ul>
−
 
−
     
 
 
     </div><!-- /.navbar-collapse -->
 
     </div><!-- /.navbar-collapse -->
 
   </div><!-- /.container-fluid -->
 
   </div><!-- /.container-fluid -->
 
</nav>
 
</nav>
−
 
−
 
−
 
−
 
 
<!--end navbar-->
 
<!--end navbar-->
  
Line 356: Line 205:
 
             <ul class="nav nav-tabs nav-stacked" data-spy="affix" data-offset-top="300">
 
             <ul class="nav nav-tabs nav-stacked" data-spy="affix" data-offset-top="300">
 
                 <li id="sidehead">Engagement</li>
 
                 <li id="sidehead">Engagement</li>
−
                 <li ><a href="#section-1" >Online</a></li>
+
                 <li class="active"><a href="#section-1" >Online</a></li>
 
                 <li><a href="#section-2" >Offline</a></li>
 
                 <li><a href="#section-2" >Offline</a></li>
−
                 <li><a href="#section-3">Practice</a></li>
+
                 <li><a href="#section-3">Practice</a></li>            
−
             
+
 
             </ul>
 
             </ul>
 
             </div>
 
             </div>
Line 367: Line 215:
 
               <ul style="color:#000;list-style:none;list-decoration:none;margin-left:3.4%;">
 
               <ul style="color:#000;list-style:none;list-decoration:none;margin-left:3.4%;">
 
                   <li style="font-size:20px;color:#008B45;border-bottom: 0.5px solid #aaa;width:95%;">Engagement</li>
 
                   <li style="font-size:20px;color:#008B45;border-bottom: 0.5px solid #aaa;width:95%;">Engagement</li>
−
                 <li ><a style="color:#aaa;" href="#section-1" >Online</a></li>
+
                 <li class="active"><a style="color:#aaa;" href="#section-1" >Online</a></li>
 
                 <li><a style="color:#aaa;" href="#section-2" >Offline</a></li>
 
                 <li><a style="color:#aaa;" href="#section-2" >Offline</a></li>
 
                 <li><a style="color:#aaa;" href="#section-3">Practice</a></li>
 
                 <li><a style="color:#aaa;" href="#section-3">Practice</a></li>
Line 380: Line 228:
 
<div style="margin-top:20px;" >
 
<div style="margin-top:20px;" >
 
<p>In order to improve the awareness of the detriment of antibiotics abuse, we promote it in many ways and enhance public engagement. </p>
 
<p>In order to improve the awareness of the detriment of antibiotics abuse, we promote it in many ways and enhance public engagement. </p>
−
<center><img id="section-1" src="https://static.igem.org/mediawiki/2016/c/cf/T--XMU-China--Engagement-overview_and_.png" width="60%" /></center>
+
<center><img src="https://static.igem.org/mediawiki/2016/c/cf/T--XMU-China--Engagement-overview_and_.png" width="60%" /></center><span id="section-1"></span>
 
</div>
 
</div>
 
<div id="tabme">
 
<div id="tabme">
Line 407: Line 255:
 
<div class="row">
 
<div class="row">
 
<div class="col-md-2">
 
<div class="col-md-2">
−
<img src="https://static.igem.org/mediawiki/2016/c/c2/T--XMU-China--Engagement-QQ_and_.jpg" width="75%" style="margin-left:30px;"/>
+
<img src="https://static.igem.org/mediawiki/2016/c/c2/T--XMU-China--Engagement-QQ_and_.jpg" style="margin-left:30px;"/>
 
</div>
 
</div>
 
<div class="col-md-10">
 
<div class="col-md-10">
Line 565: Line 413:
 
<center><div class="panel-body"><p style="width:96%;">XMU-China made several elegant videos of synthetic biology and our activities. We presented them to students in the class intervals so that they can have a basic understanding of iGEM and synthetic biology.</p></div></center>
 
<center><div class="panel-body"><p style="width:96%;">XMU-China made several elegant videos of synthetic biology and our activities. We presented them to students in the class intervals so that they can have a basic understanding of iGEM and synthetic biology.</p></div></center>
 
<div style="text-align:center; background-color:#dce0c7;height:502px;">
 
<div style="text-align:center; background-color:#dce0c7;height:502px;">
−
<video controls="controls" src="https://static.igem.org/mediawiki/2016/3/39/T--XMU-China--Play_and_.mp4" width="650px" height="502px" style="margin-top:-3%;">
+
<video controls="controls" src="https://static.igem.org/mediawiki/2016/3/39/T--XMU-China--Play_and_.mp4" width="80%" height="502px;">
 
Your browser does not support the video tag.
 
Your browser does not support the video tag.
 
</video>
 
</video>
Line 600: Line 448:
 
<img src="https://static.igem.org/mediawiki/2016/5/55/T--XMU-China--main-logo_and_.png" style="width: 10%; display: inline-block; margin-left: 6%;margin-top:-7%;" />
 
<img src="https://static.igem.org/mediawiki/2016/5/55/T--XMU-China--main-logo_and_.png" style="width: 10%; display: inline-block; margin-left: 6%;margin-top:-7%;" />
  
−
<a href="http://www.xmu.edu.cn/" target="_blank"><img src="https://static.igem.org/mediawiki/2016/d/de/T--XMU-China--xmulogo_and_.png" style="width: 9%; display: inline-block; margin-left: 6%;margin-top:-6%;" /></a>
+
<a href="http://en.xmu.edu.cn/" target="_blank"><img src="https://static.igem.org/mediawiki/2016/d/de/T--XMU-China--xmulogo_and_.png" style="width: 9%; display: inline-block; margin-left: 6%;margin-top:-6%;" /></a>
 
<img src="https://static.igem.org/mediawiki/2016/f/f0/T--XMU-China--foot-xmuname_and_.png" style="width: 15%; display: inline-block; margin-left: 1%;margin-top:-6%;" />  
 
<img src="https://static.igem.org/mediawiki/2016/f/f0/T--XMU-China--foot-xmuname_and_.png" style="width: 15%; display: inline-block; margin-left: 1%;margin-top:-6%;" />  
  
Line 657: Line 505:
 
<script>
 
<script>
 
window.onload = function(){  
 
window.onload = function(){  
−
     setTimeout("$('#loader').fadeOut('fast')",5000)
+
     setTimeout("$('#loader').fadeOut('fast')",1000)
 +
    var obtn=document.getElementById('btn');
 +
/*获取可视区高度*/
 +
var clientHeight=document.documentElement.clientHeight;
 +
var timer=null;
 +
var isTop=true;
 +
 +
window.onscroll=function(){
 +
var osTop=document.documentElement.scrollTop||document.body.scrollTop;
 +
if(osTop>=clientHeight){
 +
obtn.style.display='block';
 +
}else{obtn.style.display='none';}
 +
if(!isTop){
 +
clearInterval(timer);
 +
}
 +
isTop=false;
 +
}
 +
 +
obtn.onclick=function(){
 +
timer=setInterval(function(){
 +
var osTop=document.documentElement.scrollTop||document.body.scrollTop;
 +
var ispeed=Math.floor(-osTop/6);
 +
document.documentElement.scrollTop=document.body.scrollTop=osTop+ispeed;
 +
 +
isTop=true;
 +
if(osTop==0)
 +
{
 +
clearInterval(timer);
 +
}
 +
},30);
 +
}
 
};
 
};
 
</script>
 
</script>

Latest revision as of 18:25, 19 October 2016

Engagement

Sparking interest relating to synthetic biology.

In order to improve the awareness of the detriment of antibiotics abuse, we promote it in many ways and enhance public engagement.

Online

Wechat is a communication platform widely used in China. XMU-China published an article on Xiamen University official account, which attracted thousands of people to read it. In this article, XMU-China briefly introduced what is iGEM, what does synthetic biology do, what XMU-China has achieved in our gene loop experiments, etc. Not only students in Xiamen University, but also graduates and ordinary people were our readers.

QQ is the most used social software in China and all Chinese teams communicate with each other on QQ. With the group email system of QQ, XMU-China’s emails can be received by all Chinese teams. So, XMU-China issued questionnaires, collaboration information and Newsletter on QQ. Also, XMU-China received many emails of other teams and found collaboration in this QQ group. In this way, there was no barriers of communication. All Chinese teams assist each other and make progress together.

Twitter is welcomed all over the world and XMU-China shares beautiful parts of life and experiments on the team account. The failure of a try, the joy of a success, the pleasure of a journey, all of which will be put on Twitter. This precious memory is the real meaning of participating iGEM.

Almost every team has its own Facebook page so XMU-China contacts with tens of teams on Facebook. We cooperated Newsletter, replied online messages, concerned about other teams’ update,etc. What else, we asked for gene parts from Oxford and accepted the interview of EPFL.

Offline

Brochure

For propagating synthetic biology and iGEM, we made two types of delicate brochures. Take advantage of new semester begin, we sent the brochures to students in Xiamen University. Via scanning our brochures, those who are interested in synthetic biology and iGEM are able to join our QQ group and make further communication. A good effect of publicity was made.

Leaflet

XMU-China designed nice leaflets and distributed hundreds of copies to villagers in undeveloped areas. Some easy and simple knowledge of synthetic biology and antibiotic are printed on the leaflets. We talk to the villagers using shallow words which can be easily accepted.

Practice

Questionnaire

In order to get a understanding of people’s awareness of antibiotics, we carried on a survey which provided a base to further study. The 580 questionnaires yielded a return of 572. The original data were analyzed by Excel while the analysis methods were frequency analysis and describing the statistical analysis. This survey basically covered all ages, and the gender distribution is almost balanced.


Result
Interview

XMU-China interviewed a dean of a hospital who told us some valuable knowledge of clinical medicine and analysed the practicability of our project. Also, we interviewed some professors, students, passers-by and so on. Some simple questions were asked and their answers helped us to have a clearer understanding of what the most citizens have known. People who were interviewed knew new things in return.


Video
Class

XMU-China had a class at Hengcuo Primary school, which made us kind of amazed of what a good basic knowledge children already had. We believed that this phenomenon stood for China being in a right way for primary education. We asked ten questions about basic health knowledge, if kids answered right, they would be awarded. What’s more, we created a scene play which is about an ill girl and bacteria in her body. This class was a success, which was enjoyed by the students very much. We borrowed costumes and gained help from Fenghuanghua student community, with whom we enjoyed that afternoon.

Summary
Video

XMU-China made several elegant videos of synthetic biology and our activities. We presented them to students in the class intervals so that they can have a basic understanding of iGEM and synthetic biology.

Newsletter

XMU-China published the Newsletter with two versions. The part version is composed of five parts, team, project, collaboration, human practice and discussion. Another type is based on teams , each of the team occupied a piece of the journal. 46 teams from 21 countries sent their contributions to us and Newsletter helped teams to know what other guys were doing. Also, we sorted out and listed contact information, so it’s convenient to contact other teams now.

Read More

Name: XMU-China School: Xiamen University


Address: Xiamen University, No. 422, Siming South Road, Xiamen, Fujian, P. R. China 361005

Name: XMU-China School: Xiamen University


Address: Xiamen University, No. 422, Siming South Road, Xiamen, Fujian, P. R. China 361005