Difference between revisions of "Team:Peking/Public Engagement"

 
(15 intermediate revisions by one other user not shown)
Line 1: Line 1:
−
<html>
+
<!--[if lt IE 8 ]><html class="no-js ie ie7" lang="en"> <![endif]-->
−
 
+
<!--[if IE 8 ]><html class="no-js ie ie8" lang="en"> <![endif]-->
−
<head>
+
<!--[if (gte IE 8)|!(IE)]><!-->
−
<style>
+
<html class="no-js" lang="en">
−
             #home_logo, #sideMenu {
+
    <!--<![endif]-->
−
             display: none;
+
    <head>
 +
        <!--- Basic Page Needs========================================================================= -->
 +
        <meta charset="utf-8"/>
 +
        <title></title>
 +
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.2, user-scalable=yes" />
 +
        <meta name="description" content="Wiki of Peking iGEM 2018" />
 +
        <meta name="author" content="Peking iGEM"/>
 +
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 +
        <!-- Mobile Specific Metas===================================================================== -->
 +
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
 +
        <!-- Fix  Overwrite the original iGEM style=================================================== -->
 +
        <link href="https://2018.igem.org/Template:Peking/css/fix?action=raw&ctype=text/css" rel="stylesheet" />
 +
        <!-- CSS======================================================================================= -->
 +
        <link href="https://2018.igem.org/Template:Peking/css/bootstrap_min?action=raw&ctype=text/css" rel="stylesheet" />
 +
        <link href="https://2018.igem.org/Template:Peking/css/style?action=raw&ctype=text/css" rel="stylesheet" />
 +
        <!-- CSS======================================================================================= -->
 +
        <link rel="stylesheet" href="https://2018.igem.org/Template:Peking/css/default?action=raw&ctype=text/css"/>
 +
        <link rel="stylesheet" href="https://2018.igem.org/Template:Peking/css/layout?action=raw&ctype=text/css"/>
 +
        <link rel="stylesheet" href="https://2018.igem.org/Template:Peking/css/media-queries?action=raw&ctype=text/css"/>
 +
        <link rel="stylesheet" href="https://2018.igem.org/Template:Peking/css/notebook_panel?action=raw&ctype=text/css"/>
 +
        <style>
 +
                        body { background: #D2D8D8 url(https://static.igem.org/mediawiki/2018/7/78/T--Peking--images_bodyBackground.jpeg); background-attachment:fixed;}
 +
             .texttitle{
 +
                color:#6495ED;
 +
                font-size: 38px;
 +
                line-height: 48px;
 +
                margin-bottom: 12px;
 +
                font-family: raleway-bold, sans-serif !important;
 +
                background: transparent;
 +
                letter-spacing: 3px;
 +
                text-transform: uppercase;
 +
                font-weight: 350;
 +
                text-align: center;
 +
                padding-top:40px;
 +
            }
 +
        sup{font-size:11px;}
 +
        .references{margin-top:150px;margin-bottom:40px;}
 +
        .references p{font-size:14px !important; color:#666161 !important;}
 +
        .classic-title {font-weight: 300;padding-top:30px;}
 +
        .classic-title span {
 +
            padding-bottom: 8px;
 +
            border-bottom: 1px solid #383232;
 +
             font-weight: 400;
 
         }
 
         }
−
 
+
        figure{margin-top:40px;margin-bottom:40px;height:auto;}
−
         #sideMenu, #top_title, .patrollink {
+
         .anchor{padding-top:100px;margin-top:-100px;}
−
             display: none;
+
             </style>
 +
       
 +
    </head>
 +
    <body>
 +
        <!--sidebar 引用==============================================================================-->
 +
        <style>
 +
            #primary span{
 +
                display:block;
 +
                word-break:break-all
 +
            }
 +
       
 +
        #page-wrap {
 +
            width: 25%;
 +
            margin: 0px;
 +
            position: relative;
 
         }
 
         }
−
 
+
       
−
         #content {
+
         #sidebar {
−
             width: 100%;
+
             width: 25%;
−
            padding: 0px;
+
−
            margin-top: 0px;
+
 
             margin-left: 0px;
 
             margin-left: 0px;
−
            margin-right: 0px;
 
 
         }
 
         }
−
 
+
         @media (min-width:1024px){
−
         body {
+
             //#sidebar{position:relative;top:120px;max-width:200px;}}
−
             background-color: #FAFAFA;
+
         @media (max-width: 1023px){
−
         !important;
+
            #sidebar{display:none;
 +
            }
 +
            #page-wrap{display:none;}
 
         }
 
         }
−
 
+
        </style>
−
         #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 {
+
          
−
             margin-bottom: 0px;
+
       
 +
        <script type="text/javascript">
 +
            function menuFixed(id){
 +
                var obj = document.getElementById(id);
 +
                var _getHeight = obj.offsetTop;
 +
               
 +
                window.onscroll = function(){
 +
                    changePos(id,_getHeight);
 +
                }
 +
            }
 +
        function changePos(id,height){
 +
            var obj = document.getElementById(id);var windowBottom = $(window).scrollTop() + $(window).innerHeight();
 +
            if(w>=1024){
 +
                if($(window).scrollTop() + $(window).height() > $(document).height() - 230){
 +
                    $('#sidebar').fadeOut("fast");}else{$('#sidebar').fadeIn("fast");}
 +
            }
 +
            var scrollTop = document.documentElement.scrollTop || document.body.scrollTop -230;
 +
            var windowBottom = $(window).scrollTop() + $(window).innerHeight();
 +
            var w = window.innerWidth;
 +
           
 +
            if(scrollTop < height){ obj.style.position = 'relative';
 +
            }else{
 +
                obj.style.position = 'fixed';
 +
            }
 +
        }
 +
        </script>
 +
       
 +
        <script type="text/javascript">
 +
            window.onload = function(){
 +
                menuFixed('sidebar');
 +
            }
 +
        </script>
 +
        <script>
 +
            function naver(id){
 +
                var obj=document.getElementById(id);
 +
                var oPos=obj.offsetTop;
 +
                return window.scrollTo(0,oPos+250);
 +
            }
 +
        </script>
 +
        <!--sidebar 引用 end ==============================================================================-->
 +
        <!--panel 引用==================================================================================-->
 +
        <style type="text/css">
 +
            .panel-default .panel-heading a{
 +
                text-decoration: none;
 +
                display:block;
 +
                padding:10px;
 +
             }
 +
        .panel-heading.panel-title{
 +
            text-decoration: none;
 +
            padding-top:0px;
 +
            padding-bottom:0px;
 +
            padding-left:0px;
 +
            padding-right:0px;
 +
            text-align:center;
 +
            font-size:19px;
 +
           
 +
        }
 +
        a[aria-expanded="true"] {
 +
            background-color:rgba(70, 73, 76, 0.95);
 +
            text-decoration: none;
 +
            color:white;
 +
        }
 +
       
 +
        .panel-default .panel-heading a[aria-expanded="false"]{
 +
            -o-transition: background-color 1s linear;
 +
            -moz-transition: background-color 1s linear;
 +
            -khtml-transition: background-color 1s linear;
 +
            -webkit-transition: background-color 1s linear;
 +
            -ms-transition: background-color 1s linear;
 +
            transition: background-color 1s linear;
 
         }
 
         }
−
a:link {
+
        .panel-default .panel-heading a[aria-expanded="false"]:hover{
−
                        text-decoration: none;
+
            background-color:rgba(70, 73, 76, 0.95);
−
                    }
+
            text-decoration: none;
 +
            color:white;
 +
        }
 +
        .panel-default .panel-heading a[aria-expanded="true"]{
 +
            -o-transition: opacity 1s linear;
 +
            -moz-transition: opacity 1s linear;
 +
            -khtml-transition: opacity 1s linear;
 +
            -webkit-transition: opacity 1s linear;
 +
            -ms-transition: opacity 1s linear;
 +
            transition: opacity 0.7s linear;
 +
        }
 +
        .panel-default .panel-heading a[aria-expanded="true"]:hover{
 +
            opacity:0.7;
 +
        }
 +
       
 +
        .coll p a{
 +
            color:#5c9085 !important;
 +
        }
 +
        .coll p a:hover{
 +
            color:#11abb0 !important;
 +
        }
 +
        .coll {
 +
            width:100%;
 +
            float:left;
 +
        }
 +
        .coll .info {
 +
            width:6%;
 +
            font-size:11px;
 +
            color:#a4a4a4;
 +
            margin-top:0px;
 +
            float:left;
 +
           
 +
        }
 +
        .coll .content {
 +
            width:94%;
 +
            float:left;
 +
            margin-left:40px;
 +
            margin-top:-3px;
 +
        }
 +
        .coll .ordi {
 +
            width;100%;
 +
            margin:0px 0px 0px 0px;
 +
            font-size:35px;
 +
            font-style:italic;
 +
            float:left;
 +
            color:#1E90FF;
 +
            opacity:0.8;
 +
        }
 +
       
 +
            </style>
 +
       
 +
        <script type="text/javascript">
 +
            $(document).ready(function(){
 +
                              $("#button1").click(function(){
 +
                                                  $(".panel-collapse").collapse("show");
 +
                                                  });
 +
                              });
 +
                              $(document).ready(function(){
 +
                                                $("#button2").click(function(){
 +
                                                                    $(".panel-collapse").collapse("hide");
 +
                                                                    });
 +
                                                });
 +
                                                $("#notebook").addClass("navbar-active");
 +
            </script>
 +
        <!--panel 引用 end ==================-->
 +
       
 +
          <!-- Navigation -->
 +
        <div id="navigation" class="navbar navbar-fixed-top">
 +
            <div class="navbar-inner ">
 +
                <div class="container no-padding">
 +
                    <a class="show-menu" data-toggle="collapse" data-target=".nav-collapse"><span class="show-menu-bar"></span>
 +
                    </a>
 +
                    <div id="logo" style="max-width:0px"><a class="" href="https://2018.igem.org/Team:Peking"><img
 +
                    src="https://static.igem.org/mediawiki/2018/3/36/T--Peking--Logo.png"></a></div>
 +
                 
 +
                    <div class="nav-collapse collapse">
 +
                        <ul class="nav">                         
  
−
                    a:visited {
+
                            <li class="menu-1"><a class="colapse-menu1" href="https://2018.igem.org/Team:Peking">Home</a>
−
                        text-decoration: none;
+
                            </li>
−
                    }
+
  
−
                    a:active {
+
                            <li class="dropdown menu-2"><a class="dropdown-toggle" data-toggle="dropdown" href="#" >Project</a>
−
                        text-decoration: none;
+
                                <ul class="dropdown-menu">
−
                    }
+
                                    <li><a href="https://2018.igem.org/Team:Peking/Project" class="barfont1">Description</a></li>
 +
                                    <li><a href="https://2018.igem.org/Team:Peking/Design" class="barfont1">Design</a></li>
 +
                                    <li><a href="https://2018.igem.org/Team:Peking/Demonstrate" class="barfont1">Demonstration</a></li>
 +
                                    <li><a href="https://2018.igem.org/Team:Peking/Prospective" class="barfont1">Prospective</a></li>
 +
                                </ul>
 +
                            </li>
 +
                            <li class="dropdown menu-3"><a class="dropdown-toggle" data-toggle="dropdown" href="#" >Modeling</a>
 +
                                <ul class="dropdown-menu">
 +
                                    <li><a href="https://2018.igem.org/Team:Peking/Model">Overview</a></li>
 +
                                    <li><a href="https://2018.igem.org/Team:Peking/SPOT_Formation" class="barfont1">SPOT Formation</a></li>
 +
                                    <li><a href="https://2018.igem.org/Team:Peking/Application" class="barfont1">Application</a></li>
 +
                                </ul>
 +
                            </li>
 +
                            <li class="menu-4"><a class="colapse-menu1" href="https://2018.igem.org/Team:Peking/Software">Software</a>
 +
                            </li>
 +
                            <li class="menu-6"><a class="colapse-menu1" href="https://2018.igem.org/Team:Peking/Human_Practices">Human Practices</a>
 +
                            </li>
 +
                                <li class="dropdown menu-7"><a class="dropdown-toggle" data-toggle="dropdown" href="#" >Achievement</a>
 +
                                    <ul class="dropdown-menu">
 +
                                        <li><a href="https://2018.igem.org/Team:Peking/Judging_Form" class="barfont1">Judging Form</a></li>
 +
                                        <li><a href="https://2018.igem.org/Team:Peking/Parts" class="barfont1">Parts</a></li>
 +
                                        <li><a href="https://2018.igem.org/Team:Peking/Improve" class="barfont1">Improvement</a></li>
 +
                                        <li><a href="https://2018.igem.org/Team:Peking/InterLab" class="barfont1">InterLab</a></li>
  
−
                    a:hover {
+
                                    </ul>
−
                    }
+
                                </li>
−
.dropbtn {
+
                                <li class="dropdown menu-8"><a class="dropdown-toggle" data-toggle="dropdown" href="#" >Lab</a>
−
    background-color: #4CAF50;
+
                                    <ul class="dropdown-menu">
−
    color: white;
+
                                        <li><a href="https://2018.igem.org/Team:Peking/Team_Members">Team Members</a></li>
−
    padding: 16px;
+
                                        <li><a href="https://2018.igem.org/Team:Peking/Attributions" class="barfont1">Attributions</a></li>
−
    font-size: 16px;
+
                                        <li><a href="https://2018.igem.org/Team:Peking/Notebook" class="barfont1">Notebook</a></li>
−
    border: none;
+
                                        <li><a href="https://2018.igem.org/Team:Peking/Collaborations" class="barfont1">Collaborations</a></li>
−
    cursor: pointer;
+
                                        <li><a href="https://2018.igem.org/Team:Peking/Safety" class="barfont1">Safety</a></li>
−
}
+
                                                                            <li><a href="https://2018.igem.org/Team:Peking/Acknowledgement" class="barfont1">Acknowledgement</a></li></ul>
 +
                                </li>
 +
                                </div>
 +
                </div>
 +
            </div>
 +
        </div>
 +
        <!--/Navigation -->
 +
       
 +
       
 +
        <!-- Page Title======================================================================== -->
 +
        <div id="page-title">
 +
            <div class="row">
 +
                <div class="twelve columns centered text-center">
 +
                    <h1>Public Engagement</h1>
 +
                </div>
 +
            </div>
 +
        </div><!-- Page Title End-->
 +
        <div id="page-content" class="row page">
 +
            <div id="primary" class="twelve columns">
 +
                <section>
 +
                    <div class="row">
 +
                       
 +
                       
 +
                       
 +
                       
 +
                        <div class="three columns">
 +
                            <div id="page-wrap">
 +
                                <div id="sidebar" style="color:#000000">
 +
                                    <h4><a href="https://2018.igem.org/Team:Peking/Human_Practices#A">Overview</a></h4>
 +
                                    <h4><a href="https://2018.igem.org/Team:Peking/Human_Practices#B">Statistics</a></h4>
 +
                                    <h4><a href="https://2018.igem.org/Team:Peking/Human_Practices#C">Public&nbsp;Engagement</a></h4>
 +
                                    <h4><a href="https://2018.igem.org/Team:Peking/Human_Practices#D">Accessible&nbsp;Instrument</a></h4>
 +
                                </div>
 +
                            </div>
 +
                        </div>
 +
                       
 +
                       
 +
                       
 +
                       
 +
                        <div class="nine columns">
 +
                           
 +
                            <div class="texttitle">Public Engagement
 +
<a id="C"></a></div>
 +
                            <hr style="border:2px dashed; height:2px" color="#666666">
 +
<div class="coll">
 +
                                <div class="content">
 +
                                    <p><h3>Talking to high school students</h3></p>
 +
                                </div>
 +
                            </div>
 +
<div class="coll">
 +
                                <div class="content">
 +
                                    <p>One of our team members, Guo Fuyu, went to Hutian Middle School in Huaihua, Hunan Province. He introduced systems and synthetic biology to the students and helped them with biology in high school as well. In our view, it is of fundamental significance to provide as much middle school students in second-tier cities in China as possible with access to frontier science, since quality education is definitely as important as examination-oriented education.
 +
(Figure. 1)
 +
<div style="text-align: center;"><img src="https://static.igem.org/mediawiki/2018/7/7f/T--Peking--hp11.jpeg">
 +
<br/>Guo Fuyu talking with middle school students in Hutian Middle School</div>
 +
</p>
 +
                                </div>
 +
                            </div>
 +
<div class="coll">
 +
                                <div class="content">
 +
                                    <p>According to a survey in Peking University, freshmen who have had a sense of higher education and sought for their interest in high school, get accustomed to college life and study remarkably faster than those who haven’t. We genuinely hope university students and professors across China can communicate more with high school students and help every single one find his or her interest worth pursuing their whole life as soon as possible. We especially hope that the students in second-tier cities and rural areas get the same chance of quality education as those in megacities.</p>
 +
                                </div>
 +
                            </div>
  
−
.dropdown {
+
<div class="coll">
−
    position: relative;
+
                                <div class="content">
−
    display: inline-block;
+
                                    <p><h3>Pre-school scientific education</h3></p>
−
}
+
                                </div>
 +
                            </div>
  
−
.dropdown-content {
+
<div class="coll">
−
    display: none;
+
                                <div class="content">
−
    position: absolute;
+
                                    <p>While the idea to introduce the most cutting-edge science to children in kindergarten may sound outlandish, we can still spend a nice day with them and introduce them to science. Two of our team members did this in the kindergarten attached to Peking University. We designed a series of games with a science background: demonstrating the three phases of water, observing phase separation, constructing a “phase separation” system with magnetic balls, and water drawing. The kids liked these games very much which inspired us a lot.</p>
−
    background-color: #f9f9f9;
+
                                </div>
−
    min-width: 100px;
+
                            </div>
−
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
+
−
}
+
  
−
.dropdown-content a {
+
<div class="coll">
−
    color: black;
+
                                <div class="content">
−
    padding: 12px 16px;
+
                                    <p>It is a big challenge for us to tell the children about basic science, but we’re happy to see them enjoying the games which is also interesting and relaxing for us. We enjoyed the fascination with science, which can cross the boundary of age and life experience.</p>
−
    text-decoration: none;
+
                                </div>
−
    display: block;
+
                            </div>
−
}
+
  
−
.dropdown-content a:hover {background-color: #f1f1f1}
 
  
−
.dropdown:hover .dropdown-content {
+
<div class="coll">
−
     display: block;
+
                                <div class="content">
−
}
+
<table border="0">
 +
  <tr>
 +
    <th><img src="https://static.igem.org/mediawiki/2018/7/7b/T--Peking--hpk1.jpeg"></th>
 +
     <th><img src="https://static.igem.org/mediawiki/2018/b/b8/T--Peking--hpk2.jpeg"></th>
 +
  </tr>
 +
  <tr>
 +
    <th>Kids playing marbling paint together</td>
 +
    <th>Ouyang Xiaoyi teaching kids about three states of water</td>
 +
  </tr>
 +
</table>
 +
                                </div>
 +
                            </div>
  
−
.dropdown:hover .dropbtn {
 
−
    background-color: #3e8e41;
 
−
} 
 
−
u{ text-decoration:none}
 
−
a{ text-decoration:none}
 
  
 +
<div class="coll">
 +
                                <div class="content">
 +
                                    <p>This activity made us confident about the perspective of broad-based scientific communication, and we realized the we can communicate in both a “meaningful” and “interesting” way, where all the participants are equal and relaxed and the conversation is much more efficient.</p>
 +
                                </div>
 +
                            </div>
  
 +
<div class="coll">
 +
                                <div class="content">
 +
                                    <p><h3>Documentation of Peking iGEM as enlightenment for beginners</h3></p>
 +
                                </div>
 +
                            </div>
  
 +
<div class="coll">
 +
                                <div class="content">
 +
                                    <p>We have built up a WeChat public platform which is a worldwide platform with billions of users for documentation, communication and popularization. To give the future igemers a taste of igem projects and help them learn the basic rudiments of synthetic biology we have reviewed the projects of Peking iGEM in the past 14 years. All these articles are rather approachable and most of them received positive feedbacks. We demonstrate here the articles and hope it may help more people who want to get to know about synthetic biology.</p>
 +
                                </div>
 +
                            </div>
 +
<div class="coll">
 +
                                <div class="content">
 +
<table border="0">
 +
  <tr>
 +
    <th><a href="https://mp.weixin.qq.com/s/AMd0rNq9AQDu02cUu7HvWw"><img src="https://static.igem.org/mediawiki/2018/c/c3/T--Peking--2007.png"></a></th>
 +
    <th><a href="https://mp.weixin.qq.com/s/uhbTZHsgPL8b3YPLm_K9kQ"><img src="https://static.igem.org/mediawiki/2018/c/cb/T--Peking--2008.png"></a></th>
 +
  </tr>
 +
  <tr>
 +
    <th>2007</td>
 +
    <th>2008</td>
 +
  </tr>
 +
  <tr>
 +
    <th><a href="https://mp.weixin.qq.com/s/dQj9qOFF_kKO_d7QDMsanQ"><img src="https://static.igem.org/mediawiki/2018/1/1b/T--Peking--2009.png"></a></th>
 +
    <th><a href="https://mp.weixin.qq.com/s/5qaRHr0pBmB0SphxrpDanQ"><img src="https://static.igem.org/mediawiki/2018/7/7f/T--Peking--2010.png"></a></th>
 +
  </tr>
 +
  <tr>
 +
    <th>2009</td>
 +
    <th>2010</td>
 +
  </tr>
 +
  <tr>
 +
    <th><a href="https://mp.weixin.qq.com/s/O8sPYmyyIwO_evpzao0DhQ"><img src="https://static.igem.org/mediawiki/2018/1/14/T--Peking--2011.png"></a></th>
 +
    <th><a href="https://mp.weixin.qq.com/s/Xt5fROM6MSL6DHWSaDWaew"><img src="https://static.igem.org/mediawiki/2018/3/3d/T--Peking--2012.png"></a></th>
 +
  </tr>
 +
  <tr>
 +
    <th>2011</th>
 +
    <th>2012</th>
 +
  </tr>
 +
  <tr>
 +
    <th><a href="https://mp.weixin.qq.com/s/m-Ttirv-yjhokSnFQa0qMA"><img src="https://static.igem.org/mediawiki/2018/0/08/T--Peking--2013.png"></a></td>
 +
    <th><a href="https://mp.weixin.qq.com/s/mVa2p41Yc8yHtqFg4Akwcg"><img src="https://static.igem.org/mediawiki/2018/5/5a/T--Peking--2015.png"></a></td>
 +
  </tr>
 +
  <tr>
 +
    <th>2013</th>
 +
    <th>2015</th>
 +
  </tr>
 +
  <tr>
 +
    <th><a href="https://mp.weixin.qq.com/s/o2e5y0g0luZuYS957KLMJQ"><img src="https://static.igem.org/mediawiki/2018/8/8a/T--Peking--2016.png"></a></td>
 +
    <th><a href="https://mp.weixin.qq.com/s/VwFxEy7ab46vAF9Q3A9vcg"><img src="https://static.igem.org/mediawiki/2018/f/fe/T--Peking--2017.png"></a></td>
 +
  </tr>
 +
  <tr>
 +
    <th>2016</th>
 +
    <th>2017</th>
 +
  </tr>
 +
</table>
  
−
/*Major body*/
+
                                </div>
−
#MajorBody{position:absolute; top:24px; left:0px; width:1200px; height:1200px; background-color:#ffffff;}
+
                            </div>
−
#LeftNavigation{position:fixed; top:80px; float:left; width:200px; height:100%; background-color:#313131; z-index:1050;}
+
<div class="coll">
−
#Content{position:absolute; left:200px;}
+
                                <div class="content">
−
#ProjectList{position:absolute; top:40px; left:0px; color:#ffffff; font-family: calibri, arial, helvetica, sans-serif;}
+
                                    <p><h3>Popular video about phase separation in biology</h3></p>
−
#ProjectList > li {display:block; list-style-type:none; width:180px; height:30px; font-size:20px; text-align:left; background-color:transparent;}
+
                                </div>
−
.Left>a {color:#ffffff; text-decoration:none;}
+
                            </div>
−
.Left:hover >a{color:#999999;}
+
  
 +
<div class="coll">
 +
                                <div class="content">
 +
                                    <p>We made a popular video about phase separation in biology to introduce it to more people studying the subject. We posted it on several websites in China and many undergraduates and graduates were introduced to phase separation through our video. We also found it necessary to communicate more about basic knowledge of different disciplines in the area of systems biology. This is arguably the best way in which people can learn about the system they work on and cooperate better with each other.
 +
<a href="https://www.youtube.com/watch?v=ug9P5koS-xI"><br/>see more</a>
 +
</p>
 +
                                </div>
 +
                            </div>
 +
                           
 +
                        </div><!--9 columns end-->
 +
                       
 +
                    </div>
 +
                   
 +
                   
 +
                   
 +
                   
 +
                    </div><!--row end-->
 +
            </section>
 +
        </div><!--12 columes end-->
 +
        </div><!--page-content end-->
 +
       
 +
       
 +
       
 +
       
 +
       
 +
       
 +
       
 +
       
 +
                                <!-- footer============================================================================== -->
 +
        <style>
 +
            footer .copyright span:before {
 +
                content: "|";
 +
                padding-left: 10px;
 +
                padding-right: 12px;
 +
                color: #b4bbbb;
 +
            }
 +
        footer .copyright span:after {
 +
            content: "|";
 +
            padding-left: 10px;
 +
            padding-right: 12px;
 +
            color: #b4bbbb;
 +
        }
 +
        </style>
 +
        <footer id="page-footer">
 +
<footer id="page-footer">
 +
                <div class="row,row1">
 +
                    <ul class="footer-social">
 +
                        <li class="col-md-6" id="PKU-administration" style="margin-bottom:25px;max-width:300px">
 +
                            <a href="http://dean.pku.edu.cn/pkudean/index.html"><img src="https://static.igem.org/mediawiki/2018/7/7a/T--Peking--images_PKU_Administration_logo.png"></a>
 +
                        </li>
 +
                        <li class="col-md-6" id="PKU-SLS" style="margin-bottom:25px;max-width:300px">
 +
                            <a href="http://www.bio.pku.edu.cn/"><img src="https://static.igem.org/mediawiki/2018/0/04/T--Peking--images_PKU_SLS_logo.png"></a>
 +
                        </li>
 +
                     
 +
                        <li class="col-md-6" id="PKU-CQB" style="margin-bottom:25px;max-width:300px">
 +
                            <a href="http://cqb.pku.edu.cn/en/"><img src="https://static.igem.org/mediawiki/2018/e/e1/T--Peking--images_PKU_CQB_logo.png"></a>
 +
                        </li>
  
−
/*end of Major body*/
+
                    </ul>
−
#AcknowledgementBox{ position:absolute; left:0px; top:590px; width:1200px;display:none;}
+
                </div>
−
 
+
            <div class="row">
−
 
+
                <div class="twelve columns" >
−
 
+
                     <ul class="copyright">
−
 
+
                        <!--<li>&copy; 2014 Sparrow</li> -->
−
 
+
                        <li><a href="https://2018.igem.org/Team:Peking">Home</a>&nbsp;&nbsp;&nbsp;<a href="mailto:indigomad@pku.edu.cn">Contact</a></li>
−
 
+
                        <span> &copy;2018 PEKING IGEM. All Rights Reserved.</span>
−
    </style>
+
                        <li><a href="http://getbootstrap.com/2.3.2/">Based on Bootstrap</a></li>
−
 
+
                     </ul>
−
    <link rel="stylesheet" type="text/css"
+
                 </div>
−
          href="https://2018.igem.org/Template:Peking/css/menubar?action=raw&ctype=text/css">
+
                 <div id="go-top" style="display: block;"><a title="Back to Top" href="#">Go To Top</a></div>
−
    <link rel="stylesheet" type="text/css"
+
             </div>
−
          href="https://2018.igem.org/Template:Peking/css/main?action=raw&ctype=text/css">
+
−
 
+
−
 
+
−
 
+
−
</head>
+
−
 
+
−
<body>
+
−
 
+
−
<div class="mdl-layout mdl-js-layout mdl-layout--fixed-header">
+
−
    <header class="mdl-layout__header" style="position:fixed; margin-top: -9px; !important;">
+
−
        <div class="mdl-layout__header-row">
+
−
            <!-- Title -->
+
−
            <a class="mdl-navigation__link" href="https://2018.igem.org/Team:Peking"
+
−
              style="color: #000000; font-size: x-large"><strong>Peking iGEM 2018</strong></a>
+
−
            <a href="https://2018.igem.org/Team:Peking"><img
+
−
                     src="https://static.igem.org/mediawiki/2018/e/e2/T--Peking--_toolbar.jpeg" height="50"></a>
+
−
            <!-- Add spacer, to align navigation to the right -->
+
−
            <div class="mdl-layout-spacer"></div>
+
−
            <!-- Navigation. We hide it in small screens. -->
+
−
            <nav class="mdl-navigation mdl-layout--large-screen-only">
+
−
 
+
−
    <a class="mdl-navigation__link" href="https://2018.igem.org/Team:Peking"
+
−
    style="color: #000; font-weight: 500;">Home</a>
+
−
        <div class="dropdown">
+
−
            <span><a class="mdl-navigation__link" href="https://2018.igem.org/Team:Peking/Project">Project</a></span>
+
−
                <div class="dropdown-content">
+
−
                    <a href="https://2018.igem.org/Team:Peking/Description">Description</a>
+
−
                    <a href="https://2018.igem.org/Team:Peking/Design">Design</a>
+
−
                    <a href="https://2018.igem.org/Team:Peking/Future Plan">Future Plan</a>
+
−
                </div></div>
+
−
        <div class="dropdown">
+
−
            <span><a class="mdl-navigation__link" href="https://2018.igem.org/Team:Peking/Wet_Lab">Wet Lab</a></span>
+
−
                <div class="dropdown-content">
+
−
                    <a href="https://2018.igem.org/Team:Peking/Results">Results</a>
+
−
                    <a href="https://2018.igem.org/Team:Peking/Parts">Parts</a>
+
−
                    <a href="https://2018.igem.org/Team:Peking/InterLab">InterLab</a>
+
−
                </div></div>
+
−
        <div class="dropdown">
+
−
            <span><a class="mdl-navigation__link" href="https://2018.igem.org/Team:Peking/Dry_Lab">Dry Lab</a></span>
+
−
                <div class="dropdown-content">
+
−
                     <a href="https://2018.igem.org/Team:Peking/Model">Model</a>
+
−
                    <a href="https://2018.igem.org/Team:Peking/Software">Software</a>
+
−
                 </div></div>
+
−
        <div class="dropdown">
+
−
            <span><a class="mdl-navigation__link" href="https://2018.igem.org/Team:Peking/Human_Practices"><b>Human Practices</b></a></span>
+
−
                 <div class="dropdown-content">
+
−
                    <a href="https://2018.igem.org/Team:Peking/HumanPractices">Human Practices</a>
+
−
                    <a href="https://2018.igem.org/Team:Peking/Public_Engagement">Public Engagement</a>
+
−
                    <a href="https://2018.igem.org/Team:Peking/Collaborations">Collaborations</a>
+
−
                </div></div>
+
−
        <div class="dropdown">
+
−
             <span><a class="mdl-navigation__link" href="https://2018.igem.org/Team:Peking/Team">Team</a></span>
+
−
                <div class="dropdown-content">
+
−
                    <a href="https://2018.igem.org/Team:Peking/Team0">Team</a>
+
−
                    <a href="https://2018.igem.org/Team:Peking/Attributions">Attributions</a>
+
−
                    <a href="https://2018.igem.org/Team:Peking/Deliverables">Deliverables</a>
+
−
                    <a href="https://2018.igem.org/Team:Peking/Acknowledgement">Acknowledgement</a>
+
−
                    <a href="https://2018.igem.org/Team:Peking/Safety">Safety</a>
+
−
                    <a href="https://2018.igem.org/Team:Peking/Notebook">Notebook</a>
+
−
                    <a href="https://2018.igem.org/Team:Peking/Experiments">Experiments</a>
+
−
                </div></div>
+
−
 
+
−
            </nav>
+
−
        </div>
+
−
    </header>
+
−
 
+
−
</div>
+
−
 
+
−
<!--MajorBody-->
+
−
<div id="MajorBody"> 
+
−
    <div id="LeftNavigation">
+
−
          <ul id="ProjectList">
+
−
                <li class="Left"><a href="https://2018.igem.org/Team:Peking/Human_Practices"><b>Human Practices</b></a></li><br/><br/>
+
−
                <li class="Left"><a href="https://2018.igem.org/Team:Peking/HumanPractices">&#9674;&#160;&#160;&#160;Hunman Practices</a><li>
+
−
                <li class="Left"><a href="https://2018.igem.org/Team:Peking/Public_Engagement">>&#160;&#160;&#160;Public Engagemen</a><li>
+
−
                <li class="Left"><a href="https://2018.igem.org/Team:Peking/Collaborations">&#9674;&#160;&#160;&#160;Collaborations</a><li>
+
−
                </ul>
+
−
    </div>
+
−
   
+
−
 
+
−
<div class="two_thirds_size" >
+
−
<p>Welcome to our wiki!</p>
+
−
 
+
−
</div>
+
−
<div id="Content">
+
−
Public Engagement
+
−
</div>
+
−
</div>
+
  
−
</body>
 
  
 +
<!-- Footer End-->
 +
                       
 +
                       
 +
            <!-- Java Script======================================================================= -->
 +
            <script>window.jQuery || document.write('<script src="https://2018.igem.org/Template:Peking/Javascript/jquery_1_10_2_min?action=raw&ctype=text/javascript"><\/script>')</script>
 +
            <script type="text/javascript" src="https://2018.igem.org/Template:Peking/Javascript/jquery_migrate_1_2_1_min?action=raw&ctype=text/javascript"></script>
 +
           
 +
            <script src="https://2018.igem.org/Template:Peking/Javascript/jquery_flexslider?action=raw&ctype=text/javascript"></script>
 +
            <script src="https://2018.igem.org/Template:Peking/Javascript/doubleaptogo?action=raw&ctype=text/javascript"></script>
 +
            <script src="https://2018.igem.org/Template:Peking/Javascript/init?action=raw&ctype=text/javascript"></script>
 +
           
 +
            <!--quotations from flexslider: start-->
 +
            <script src='https://2018.igem.org/Template:Peking/Javascript/modernizr_js?action=raw&ctype=text/javascript'></script>
 +
                <script type='text/javascript' src='https://2018.igem.org/Template:Peking/Javascript/fjquery_polaroid?action=raw&ctype=text/javascript'></script>
 +
                <script type='text/javascript' src='https://2018.igem.org/Template:Peking/Javascript/fjquery_easing?action=raw&ctype=text/javascript'></script>
 +
                <script type='text/javascript' src='https://2018.igem.org/Template:Peking/Javascript/fjquery_transform_0_8_0_min?action=raw&ctype=text/javascript'></script>
 +
                <script type='text/javascript' src='https://2018.igem.org/Template:Peking/Javascript/fjquery_preloader?action=raw&ctype=text/javascript'></script>
 +
                <!--quotations from flexslider: end-->
 +
               
 +
                <!--quotations from black: start-->
 +
                <script type='text/javascript' src="https://2018.igem.org/Template:Peking/Javascript/jquery?action=raw&ctype=text/javascript"></script>
 +
                <script type='text/javascript' src="https://2018.igem.org/Template:Peking/Javascript/jquery_sticky?action=raw&ctype=text/javascript"></script>
 +
                <script type='text/javascript' src="https://2018.igem.org/Template:Peking/Javascript/jquery_easing_1_3_pack?action=raw&ctype=text/javascript"></script>
 +
                <script type='text/javascript' src="https://2018.igem.org/Template:Peking/Javascript/bootstrap_min?action=raw&ctype=text/javascript"></script>
 +
                <script type='text/javascript' src="https://2018.igem.org/Template:Peking/Javascript/jquery_patallax_1_1_3?action=raw&ctype=text/javascript"></script>
 +
                <script type='text/javascript' src="https://2018.igem.org/Template:Peking/Javascript/appear?action=raw&ctype=text/javascript"></script>
 +
                <script type='text/javascript' src="https://2018.igem.org/Template:Peking/Javascript/modernizr?action=raw&ctype=text/javascript"></script>
 +
                <script type='text/javascript' src="https://2018.igem.org/Template:Peking/Javascript/jquery_prettyPhoto?action=raw&ctype=text/javascript"></script>
 +
                <script type='text/javascript' src="https://2018.igem.org/Template:Peking/Javascript/isotope?action=raw&ctype=text/javascript"></script>
 +
                <script type='text/javascript' src="https://2018.igem.org/Template:Peking/Javascript/jquery_bxslider_min?action=raw&ctype=text/javascript"></script>
 +
                <script type='text/javascript' src="https://2018.igem.org/Template:Peking/Javascript/jquery_cycle_all?action=raw&ctype=text/javascript" ></script>
 +
                <script type='text/javascript' src="https://2018.igem.org/Template:Peking/Javascript/jquery_maximage?action=raw&ctype=text/javascript"></script>
 +
                <script type='text/javascript' src="https://2018.igem.org/Template:Peking/Javascript/scripts?action=raw&ctype=text/javascript "></script>
 +
                <!--quotations from black: end-->
 +
                           
 +
                           
 +
                            </body>
 
</html>
 
</html>

Latest revision as of 10:39, 17 October 2018

Public Engagement

Public Engagement

Talking to high school students

One of our team members, Guo Fuyu, went to Hutian Middle School in Huaihua, Hunan Province. He introduced systems and synthetic biology to the students and helped them with biology in high school as well. In our view, it is of fundamental significance to provide as much middle school students in second-tier cities in China as possible with access to frontier science, since quality education is definitely as important as examination-oriented education. (Figure. 1)


Guo Fuyu talking with middle school students in Hutian Middle School

According to a survey in Peking University, freshmen who have had a sense of higher education and sought for their interest in high school, get accustomed to college life and study remarkably faster than those who haven’t. We genuinely hope university students and professors across China can communicate more with high school students and help every single one find his or her interest worth pursuing their whole life as soon as possible. We especially hope that the students in second-tier cities and rural areas get the same chance of quality education as those in megacities.

Pre-school scientific education

While the idea to introduce the most cutting-edge science to children in kindergarten may sound outlandish, we can still spend a nice day with them and introduce them to science. Two of our team members did this in the kindergarten attached to Peking University. We designed a series of games with a science background: demonstrating the three phases of water, observing phase separation, constructing a “phase separation” system with magnetic balls, and water drawing. The kids liked these games very much which inspired us a lot.

It is a big challenge for us to tell the children about basic science, but we’re happy to see them enjoying the games which is also interesting and relaxing for us. We enjoyed the fascination with science, which can cross the boundary of age and life experience.

Kids playing marbling paint together Ouyang Xiaoyi teaching kids about three states of water

This activity made us confident about the perspective of broad-based scientific communication, and we realized the we can communicate in both a “meaningful” and “interesting” way, where all the participants are equal and relaxed and the conversation is much more efficient.

Documentation of Peking iGEM as enlightenment for beginners

We have built up a WeChat public platform which is a worldwide platform with billions of users for documentation, communication and popularization. To give the future igemers a taste of igem projects and help them learn the basic rudiments of synthetic biology we have reviewed the projects of Peking iGEM in the past 14 years. All these articles are rather approachable and most of them received positive feedbacks. We demonstrate here the articles and hope it may help more people who want to get to know about synthetic biology.

2007 2008
2009 2010
2011 2012
2013 2015
2016 2017

Popular video about phase separation in biology

We made a popular video about phase separation in biology to introduce it to more people studying the subject. We posted it on several websites in China and many undergraduates and graduates were introduced to phase separation through our video. We also found it necessary to communicate more about basic knowledge of different disciplines in the area of systems biology. This is arguably the best way in which people can learn about the system they work on and cooperate better with each other.
see more