|
|
| (101 intermediate revisions by 6 users not shown) |
| Line 1: |
Line 1: |
| | {{Hong_Kong-CUHK}} | | {{Hong_Kong-CUHK}} |
| − |
| |
| | <html> | | <html> |
| − | <head>
| + | <head> |
| − | <meta name="viewport" content="width=device-width, initial-scale=1">
| + | <style> |
| − | <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
| + | |
| − | <style>
| + | |
| | | | |
| − | .container {
| + | section { |
| − | overflow: hidden;
| + | margin:auto; |
| − | background-color: #FFFFFF;
| + | position: relative; |
| − | font-family: Arial;
| + | width: 85%; |
| − | }
| + | height: auto; |
| | + | background-color:#fff; |
| | | | |
| − | .container a {
| |
| − | float: left;
| |
| − | font-size: 16px;
| |
| − | color: black;
| |
| − | text-align: center;
| |
| − | padding: 14px 16px;
| |
| − | text-decoration: none;
| |
| | } | | } |
| − | | + | .slider { |
| − | h2 {
| + | width: 550px; |
| − | text-align: center;
| + | margin: 2em auto; |
| | + | |
| | } | | } |
| | | | |
| − | .igem_2017_menu_wrapper #display_menu_control { | + | .slider-wrapper { |
| − | display:none;
| + | width: 100%; |
| − | text-align:center
| + | height: 400px; |
| − | }
| + | |
| − | | + | |
| − | .buttons
| + | |
| − | {
| + | |
| − | overflow:auto;
| + | |
| − | text-align: left;
| + | |
| − | font-size: 1.0em;
| + | |
| − | font-weight: bold;
| + | |
| − | line-height: 200%;
| + | |
| − | | + | |
| − | }
| + | |
| − | | + | |
| − | body {
| + | |
| − | position: relative;
| + | |
| − | }
| + | |
| − | #section1 {padding-top:120px;height:4500px;color: #000; background-color: #FAFAFA;}
| + | |
| − | #section2 {padding-top:120px;height:1800px;color: #000; background-color: #FFFFFF;}
| + | |
| − | #section3 {padding-top:120px;height:1400px;color: #000; background-color: #FAFAFA;}
| + | |
| − | #section4 {padding-top:120px;height:800px;color: #000; background-color: #FFFFFF;}
| + | |
| − |
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | .box-1{
| + | |
| − | float: right;
| + | |
| − | background-color: #404244;
| + | |
| − | width: 4.6%; | + | |
| − | color:#fff;
| + | |
| − | text-transform: uppercase;
| + | |
| − | font-family:'PT_Sans_Caption_Bold';
| + | |
| − | font-size: 16px;
| + | |
| − | height: 58px; | + | |
| − | text-align: center;
| + | |
| − | }
| + | |
| − | .box-1 span{
| + | |
| | position: relative; | | position: relative; |
| − | top:16px;
| |
| | } | | } |
| | | | |
| − | .nav-wrapp .navbar-default{ | + | .slide { |
| − | background-color: #fff;
| + | |
| − | border:0px;
| + | |
| − | margin-bottom:0px;
| + | |
| − | height: 100%;
| + | |
| − | font-family:'PT_Sans_Caption_Bold';
| + | |
| − | font-size: 16px;
| + | |
| − | width: 100%;
| + | |
| − | }
| + | |
| − | ul.nav.navbar-nav {
| + | |
| − | display: flex;
| + | |
| − | justify-content: space-between;
| + | |
| − | width: 100%;
| + | |
| − | flex-wrap: wrap;
| + | |
| − | }
| + | |
| − | ul.nav.navbar-nav li a{
| + | |
| − | display: block;
| + | |
| − | text-align: center;
| + | |
| − | }
| + | |
| − | ul.nav.navbar-nav li{
| + | |
| − | flex: 1 1 auto;
| + | |
| − | }
| + | |
| − | .nav-wrapp .nav.navbar-nav>li{
| + | |
| − | border-right:1px solid #ccc;
| + | |
| − | min-height:55px;
| + | |
| − | }
| + | |
| − | .nav-wrapp .nav.navbar-nav>li:last-child{
| + | |
| − | border-right:0px;
| + | |
| − | }
| + | |
| − | #nav-expander{
| + | |
| − | display: none;
| + | |
| − | visibility: hidden;
| + | |
| − | }
| + | |
| − | | + | |
| − | .button-look{
| + | |
| − | width: 100%;
| + | |
| − | border:1px solid #fff;
| + | |
| − | text-align: center;
| + | |
| − | float:left;
| + | |
| − | margin-top:15px;
| + | |
| − | padding-top:10px;
| + | |
| − | padding-bottom:10px;
| + | |
| − | font-family:'PT_Sans_Caption_Bold';
| + | |
| − | font-size: 16px;
| + | |
| − | }
| + | |
| − | a.button-look {
| + | |
| − | color:#fff;
| + | |
| − | }
| + | |
| − | a.button-look:hover{
| + | |
| − | color:#fff;
| + | |
| − | text-decoration: none;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | .row-box mark{
| + | |
| − | background: transparent;
| + | |
| − | text-transform: uppercase;
| + | |
| − | font-family:'PT_Sans_Caption_Bold';
| + | |
| − | color: #282828;
| + | |
| − | font-size: 14px;
| + | |
| − | padding-top:35px;
| + | |
| − | padding-bottom:20px;
| + | |
| | float: left; | | float: left; |
| | + | position: absolute; |
| | width: 100%; | | width: 100%; |
| − | | + | height: 100%; |
| − | | + | opacity: 0; |
| − | }
| + | transition: opacity 3s linear; |
| − | .row-box .media{
| + | |
| − | float: left; | + | |
| − | width: 100%;
| + | |
| − | padding-bottom:25px; | + | |
| − | border-bottom:1px solid #ccc;
| + | |
| − | }
| + | |
| − | .col-md-6.img-box{
| + | |
| − | padding-left: 0;
| + | |
| − | }
| + | |
| − | .row-box .media-heading{
| + | |
| − | font-size: 32px;
| + | |
| − | font-family:'PT_Serif_Bold';
| + | |
| − | }
| + | |
| − | .p-intro{
| + | |
| − | font-family:'PT_Sans_Regular';
| + | |
| − | font-size:13px;
| + | |
| − | color: #282828; | + | |
| | } | | } |
| | | | |
| − | .col-md-3.media-small{ | + | .slider-wrapper > .slide:first-child { |
| − | border-left:1px solid #ccc; | + | opacity: 1; |
| − | padding-top:20px;
| + | |
| − | padding-bottom:20px;
| + | |
| − | border-bottom:1px solid #ccc;
| + | |
| − | border-top:1px solid #ccc;
| + | |
| | } | | } |
| − | .col-md-3.media-small:first-child{
| |
| − | border-left: none;
| |
| − | }
| |
| − | .row-box .col-md-12>.col-md-3.media-small:first-child{
| |
| | | | |
| | + | #images { |
| | + | width: 100%; |
| | } | | } |
| − | .row-box .col-md-12>.col-md-3.media-small:first-child{
| + | #images img { |
| − |
| + | width: 300px; |
| − | border-left:none;
| + | height: 200px; |
| | + | float: left; |
| | + | margin:10px 30px; |
| | } | | } |
| | + | </style> |
| | + | </head> |
| | | | |
| − | .row-box .col-md-12>.col-md-6.media-no:first-child{
| + | <script> |
| − | border-left:none;
| + | (function() { |
| − | padding-left: 0;
| + | |
| − | }
| + | |
| − | .row-box .col-md-12>.col-md-3.media-small:last-child{
| + | |
| − | border-right:none;
| + | |
| − | }
| + | |
| − | .row-box.tabs-box{
| + | |
| − | float: left;
| + | |
| − | width: 100%;
| + | |
| − | margin-top:35px;
| + | |
| − | }
| + | |
| − | | + | |
| − | /*RESPONSIVE*/
| + | |
| − | @media screen and (max-width: 1260px) {
| + | |
| − | #nav-expander{
| + | |
| − | display:block;
| + | |
| − | visibility: visible;
| + | |
| − | color:#000;
| + | |
| − | font-family:'PT_Sans_Caption_Bold';
| + | |
| − | font-size: 20px;
| + | |
| − | }
| + | |
| − | .navbar.navbar-default.pull-left{
| + | |
| − | display: none;
| + | |
| − | visibility: hidden;
| + | |
| − | }
| + | |
| − | .nav-box{
| + | |
| − | width: 100%;
| + | |
| − | }
| + | |
| − | .box-3{
| + | |
| − | display: none;
| + | |
| − | visibility: hidden;
| + | |
| − | }
| + | |
| − | .box-2{
| + | |
| − | display: none;
| + | |
| − | visibility: hidden;
| + | |
| − | }
| + | |
| − | .box-1{
| + | |
| − | display: none;
| + | |
| − | visibility: hidden;
| + | |
| − | }
| + | |
| | | | |
| − | }
| + | function Slideshow( element ) { |
| − | @media screen and (max-width: 1130px) {
| + | this.el = document.querySelector( element ); |
| − | .p-intro {
| + | this.init(); |
| − | font-size: 12px; | + | |
| | } | | } |
| − | .col-md-3.media-small .media-heading {
| |
| − | font-size: 14px;
| |
| − | }
| |
| − | .row-box .media-heading {
| |
| − | font-size: 25px;
| |
| − | }
| |
| − | .col-md-6.eu-fond-right-news .media-heading {
| |
| − | font-size: 23px;
| |
| − | }
| |
| − | .news-letter input {
| |
| − | font-size: 10px!important;
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @media screen and (max-width: 1024px) {
| |
| | | | |
| − | .row-box .media-heading { | + | Slideshow.prototype = { |
| − | font-size: 25px;
| + | init: function() { |
| − | } | + | this.wrapper = this.el.querySelector( ".slider-wrapper" ); |
| − | } | + | this.slides = this.el.querySelectorAll( ".slide" ); |
| | + | this.previous = this.el.querySelector( ".slider-previous" ); |
| | + | this.next = this.el.querySelector( ".slider-next" ); |
| | + | this.index = 0; |
| | + | this.total = this.slides.length; |
| | + | this.timer = null; |
| | + | |
| | + | this.action(); |
| | + | this.stopStart(); |
| | + | }, |
| | + | _slideTo: function( slide ) { |
| | + | var currentSlide = this.slides[slide]; |
| | + | currentSlide.style.opacity = 1; |
| | + | |
| | + | for( var i = 0; i < this.slides.length; i++ ) { |
| | + | var slide = this.slides[i]; |
| | + | if( slide !== currentSlide ) { |
| | + | slide.style.opacity = 0; |
| | + | } |
| | + | } |
| | + | }, |
| | + | action: function() { |
| | + | var self = this; |
| | + | self.timer = setInterval(function() { |
| | + | self.index++; |
| | + | if( self.index == self.slides.length ) { |
| | + | self.index = 0; |
| | + | } |
| | + | self._slideTo( self.index ); |
| | + | |
| | + | }, 3000); |
| | + | }, |
| | + | stopStart: function() { |
| | + | var self = this; |
| | + | self.el.addEventListener( "mouseover", function() { |
| | + | clearInterval( self.timer ); |
| | + | self.timer = null; |
| | + | |
| | + | }, false); |
| | + | self.el.addEventListener( "mouseout", function() { |
| | + | self.action(); |
| | + | |
| | + | }, false); |
| | + | } |
| | + | |
| | + | |
| | + | }; |
| | + | |
| | + | document.addEventListener( "DOMContentLoaded", function() { |
| | + | |
| | + | var slider = new Slideshow( "#main-slider" ); |
| | + | |
| | + | }); |
| | + | |
| | + | |
| | + | })(); |
| | | | |
| − | @media screen and (max-width: 968px) {
| |
| − | .p-intro {
| |
| − | font-size: 12px!important;
| |
| − | }
| |
| − | #weather span {
| |
| − | font-size: 35px!important;
| |
| − | }
| |
| − | .col-md-6.eu-fond-right-news .media-heading {
| |
| − | font-size: 20px!important;
| |
| − | }
| |
| − | .color-box label.title {
| |
| − | font-size: 23px;
| |
| − | line-height: 25px;
| |
| − | }
| |
| − | .row-box .col-md-12 label {
| |
| − | font-size: 12px!important;
| |
| − | }
| |
| − | ul.nav.navbar-default > li > a {
| |
| − | padding-right: 0px!important;
| |
| − | padding-left: 12px!important;
| |
| − | font-size: 13px;
| |
| − | }
| |
| − | .row-box .media-heading {
| |
| − | font-size: 22px;
| |
| − | }
| |
| − | .right-box-content .left-box-inner p {
| |
| − | font-size: 10px;
| |
| − | }
| |
| − | .btn {
| |
| − | font-size: 12px!important;
| |
| − | }
| |
| | | | |
| − | }
| + | </script> |
| | + | </style> |
| | + | <body> |
| | | | |
| − |
| |
| | | | |
| − | .gray-bottom-border{
| + | <section id="section01"> |
| − | border-bottom:1px solid #ccc;
| + | <div class="splash" id="mainsplash"> |
| − | }
| + | <div id="banner"> |
| − | .gray-top-border{
| + | <img src="https://static.igem.org/mediawiki/2017/2/20/Human_practices_engagement_and_education.png"width="100%" height="auto" class=" igem-logo"> |
| − | border-top: 1px solid #ccc;
| + | </div> |
| − | }
| + | </div> |
| − | .row-box .col-md-12 label{
| + | </section> |
| − | font-family: 'PT_Serif_Bold';
| + | |
| − | font-size: 15px;
| + | |
| − | }
| + | |
| − | .row-box{
| + | |
| − | float:left;
| + | |
| − | width: 100%;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | .news-box .col-md-12 {
| + | |
| − | padding-left: 0px;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | .content-details{
| + | |
| − | padding-bottom: 60px;
| + | |
| − | }
| + | |
| − | | + | |
| − | .right-details{
| + | |
| − | padding-left: 40px;
| + | |
| − | }
| + | |
| − | .text-details{
| + | |
| − | font-family: 'PT_Sans_Regular';
| + | |
| − | font-size: 12px;
| + | |
| − | padding-top: 10px;
| + | |
| − | padding-bottom: 10px;
| + | |
| − | }
| + | |
| − | .content-details{
| + | |
| − | padding-bottom: 40px;
| + | |
| − | }
| + | |
| − | .border-top-right-bottom{
| + | |
| − | border-top:3px solid #c20c0c;
| + | |
| − | border-right: 1px solid #ccc;
| + | |
| − | border-bottom: 1px solid #ccc;
| + | |
| − | }
| + | |
| − | | + | |
| − | ul.details{
| + | |
| − | float: left;
| + | |
| − | list-style: none;
| + | |
| − | padding-left: 0px;
| + | |
| − | max-width: 350px;
| + | |
| − | padding-top: 5px;
| + | |
| − | }
| + | |
| − | ul.details li{
| + | |
| − | font-family: 'PT_Sans_Regular';
| + | |
| − | font-size: 14px;
| + | |
| − | color:black;
| + | |
| − | }
| + | |
| − | ul.details li:before {
| + | |
| − | content: "• ";
| + | |
| − | color: #c20c0c; /* or whatever color you prefer */
| + | |
| − | }
| + | |
| − | | + | |
| − | .bigger-middle-title{
| + | |
| − | font-family: 'PT_Serif_Bold';
| + | |
| − | font-size: 24px;
| + | |
| − | color:#c20c0c;
| + | |
| − | padding-top: 20px;
| + | |
| − | padding-bottom: 20px;
| + | |
| − | }
| + | |
| − | ul.list-of-consalting{
| + | |
| − | list-style: decimal;
| + | |
| − | min-height: 250px;
| + | |
| − | padding-left: 0px;
| + | |
| − | }
| + | |
| − | ul.list-of-consalting > li {
| + | |
| − | list-style: decimal;
| + | |
| − | font-family: 'PT_Sans_Caption_Bold';
| + | |
| − | font-size: 14px;
| + | |
| − | color: #282828;
| + | |
| − | float: left;
| + | |
| − | width: calc(50% - 10px);
| + | |
| − | list-style-position: inside;
| + | |
| − | border-bottom: 1px solid #ccc;
| + | |
| − | margin-left: 10px;
| + | |
| − | padding: 10px;
| + | |
| − | }
| + | |
| − | | + | |
| − | ul.list-of-consalting > li:nth-child(even){
| + | |
| − | float: right; | + | |
| − | }
| + | |
| − | | + | |
| − | ul.list-of-consalting li .dropdown{
| + | |
| − | width: 90%;
| + | |
| − | float: right;
| + | |
| − | | + | |
| − | | + | |
| − | }
| + | |
| − | ul.list-of-consalting li .dropdown .dropdown-toggle{
| + | |
| − | width: 100%;
| + | |
| − | }
| + | |
| − | ul.list-of-consalting li .dropdown .dropdown-toggle span:first-child{
| + | |
| − | float: left;
| + | |
| − | text-align: left;
| + | |
| − | width: 94%;
| + | |
| − | }
| + | |
| − | ul.list-of-consalting li .dropdown .dropdown-toggle span:nth-child(2){
| + | |
| − | float: right;
| + | |
| − | }
| + | |
| − | | + | |
| − | ul.list-of-consalting li .dropdown ul.expand-details li{
| + | |
| − | font-family: 'PT_Sans_Regular';
| + | |
| − | width: 100%;
| + | |
| − | float:left;
| + | |
| − | font-size: 14px;
| + | |
| − | color:black;
| + | |
| − | border-bottom: none;
| + | |
| − | margin-left: 0px;
| + | |
| − | list-style-position: outside;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − |
</style>
| + | |
| − | </head>
| + | |
| − | | + | |
| − |
<body>
| + | |
| | | | |
| − | <div class="container-fluid">
| + | <b>Local Public Engagement </b><br> |
| − | <div class="collapse navbar-collapse" id="myNavbar">
| + | In order to gain acceptance of our project, we need to allow the publics in Hong Kong to know about our project and synthetic biology. We achieved youth education on synthetic biology by our workshop, introduced participants to what synthetic biology is and induced their deeper thought on ethical issues connected to synthetic biology. Through in-campus activities, we promoted synthetic biology to our schoolmates of different majors and specialties, aroused attention to this topic. Holding outreach activities, we made our project more connected to the public, we gained opinions and so we could make improvements for the real-life practice of our project. |
| − | <table border="1" width="90%" class="buttons">
| + | |
| − | <tr>
| + | |
| − | <td bgcolor="#FF0000"><a href="#section1"><b><font color="white">Local public engagement</b><span>
| + | |
| | <br> | | <br> |
| − | <p>High School</p>
| |
| − | <ul>
| |
| − | <li>One day Synthetic biology workshop</li>
| |
| − | </ul>
| |
| | <br> | | <br> |
| − | <p>University</p> | + | <div> |
| | + | <i>One day Synthetic Biocheimst workshop (4 FEB 2017)</i> |
| | + | <br>There were around 30 students from 12 different high schools (as listed below) participated in the workshop for hand-on experience about synthetic biology experiments under our guidance.The day camp consisted of lab experiments, lectures of basics of synthetic biology and genetics as well as sharing of our project. We also discussed synthetic biology-related ethical issues. We conducted surveys before and after the workshop. It shows that students have increased understanding of synthetic biology after this workshop! Through this activity, we would like to inspire high school students’ interest in synthetic biology. |
| | <ul> | | <ul> |
| − | <li>CUHK Art Fair</li> | + | <li>Diocesan Boys' School</li> |
| − | <li>CUHK Information day</li> | + | <li>HKU SPACE Po Leung Kuk Stanley Ho Community College</li> |
| | + | <li>N.L.S.I. Lui Kwok Pat Fong College</li> |
| | + | <li>Pentecostal Lam Hon Kwong School</li> |
| | + | <li>Qualied College</li> |
| | + | <li>St. Paul's Convent Schoo</li> |
| | + | <li>Hong Kong Chinese Women's Club College</li> |
| | + | <li>Ma On Shan Tsung Tsin Secondary School</li> |
| | + | <li>Queen's College Old Boys' Association Secondary</li> |
| | + | <li>St.Clare's Girls' School</li> |
| | + | <li>Tsuen Wan Government Secondary School</li> |
| | </ul> | | </ul> |
| − | <br>
| |
| − | <p>General Public</p>
| |
| − | <ul>
| |
| − | <li>Local Community lab: DIYBio Visit</li>
| |
| − | <li>Vibrant Science Academy- Summer Science Party@ Hong Kong Science& Technology Park</li>
| |
| − | <li>Facebook Page</li>
| |
| − | </ul>
| |
| − | </span></font></a></td>
| |
| − |
| |
| − | <td bgcolor="#F7FE2E"><a href="#section2"><b>International public engagement</b><span>
| |
| − | <br>
| |
| − | <p>Bangladesh</p>
| |
| − | <ul>
| |
| − | <li>FIRST EVER synthetic biology event in Bangladesh</li>
| |
| − | <li>Questionnaire (Hong Kong vs Bangladesh)</li>
| |
| − | </ul>
| |
| − | <br>
| |
| − | <p>Pakistan</p>
| |
| − | <ul>
| |
| − | <li>Skype meeting with Pakistan Bio-hacking space</li>
| |
| − | </ul>
| |
| − | </span></a></td>
| |
| − | </tr>
| |
| − |
| |
| − | <tr>
| |
| − | <td bgcolor="#2EFE64"><a href="#section3"><b>iGEM Conference</b><span>
| |
| − | <ul>
| |
| − | <li>The 4th iGEM Asia-Pacific Conference</li>
| |
| − | <li>Pan-Pearl iGEM Teams Meeting</li>
| |
| − | <li>DIYBio Biosafety Sharing</li>
| |
| − | </ul>
| |
| − | </span></a></td>
| |
| − |
| |
| − | <td bgcolor="#819FF7"><a href="#section4"><font color="white"><b>Reproducible and Consistency</b><span>
| |
| − | <p>Protocol and event details available to be downloaded!!!</p>
| |
| − | </span></font></a></td>
| |
| − | </tr>
| |
| − |
| |
| − | </table>
| |
| − | </div>
| |
| | </div> | | </div> |
| | + | <div id="images"> |
| | + | <img src="https://static.igem.org/mediawiki/2017/7/79/CuhkDIYBio.PNG"/> |
| | + | <img src="https://static.igem.org/mediawiki/2017/a/a7/CuhkDIYBio1.PNG"/> |
| | + | <img src="https://static.igem.org/mediawiki/2017/5/57/CuhkDIYBio2.PNG"/> |
| | + | </div> |
| | | | |
| − |
| |
| − |
| |
| − | <div id="section1" class="container-fluid">
| |
| − | <h2><u><b>Local Public Engagement</b></u></h2>
| |
| − | <p>In order to gain acceptance of our project, we need to allow the publics in Hong Kong to know about our project and synthetic biology. We achieved youth education on synthetic biology by our workshop, introduced participants to what synthetic biology is and induced their deeper thought on ethical issues connected to synthetic biology. Through in-campus activities, we promoted synthetic biology to our schoolmates of different majors and specialties, aroused attention to this topic. Holding outreach activities, we made our project more connected to the public, we gained opinions and so we could make improvements for the real-life practice of our project.</p>
| |
| | <br> | | <br> |
| − | <p><u>High School</u></p> | + | <i>CUHK Art fair (14-15 SEP 2016)</i> |
| − | | + | |
| − | <p> >> One day Synthetic Biologist workshop (4 FEB 2017)</p>
| + | |
| | <br> | | <br> |
| − | <p>About 30 Students from 12 different high schools participated in this workshop and had hand-on experience about synthetic biology experiments under our guidance.
| + | We introduced students about synthetic biology and our project in CUHK Art fair, which is an annual carnival held in our university. We organised DIY Liquid Nitrogen Ice-cream for participants to experience science in daily life . By raising the synbio- vanilla ice cream issue to students, it allowed them to understand how science and synthetic biology is related to our everyday life. Our booth successfully aroused students’ interest in synthetic biology, many non-science students got new insights and better attitude towards synthetic biology. |
| − | The day camp consists of lab experiments, lectures of basics of synthetic biology and genetics as well as sharing of our project. We also discussed synthetic biology-related ethical issues. We conducted survey before and after the workshop. According to the survey result, students have increased understanding of synthetic biology after this workshop! We hope that this activity can inspire high school students’ interest in synthetic biology.
| + | |
| − | </p>
| + | |
| | <br> | | <br> |
| − | <p>Here are some highlights of significant survey results:</p> | + | <video width="500"controls> |
| − | <ul>
| + | <source src="https://static.igem.org/mediawiki/2017/d/d0/CUHKartfairnew.mp4" type="video/mp4"> |
| − | <li>Click here for detailed questionnaire result.</li>
| + | </video> |
| − | <li>Download our powerpoint and event detail !</li>
| + | |
| − | <li>View the list of participating high schools</li>
| + | |
| − | </ul>
| + | |
| − | | + | |
| − | <table border="0" align="left" width="50%">
| + | |
| − | <tr> | + | |
| − | <td>Diocesan Boys' School</td>
| + | |
| − | <td>Hong Kong Chinese Women's Club College</td>
| + | |
| − | </tr>
| + | |
| − | <tr>
| + | |
| − | <td>HKU SPACE Po Leung Kuk Stanley Ho Community College</td>
| + | |
| − | <td>Ma On Shan Tsung Tsin Secondary School</td>
| + | |
| − | </tr>
| + | |
| − | <tr>
| + | |
| − | <td>N.L.S.I. Lui Kwok Pat Fong College</td>
| + | |
| − | <td>Our Lady's College</td>
| + | |
| − | </tr>
| + | |
| − | <tr>
| + | |
| − | <td>Pentecostal Lam Hon Kwong School</td>
| + | |
| − | <td>Queen's College Old Boys' Association Secondary </td>
| + | |
| − | </tr>
| + | |
| − | <tr>
| + | |
| − | <td>Qualied College</td>
| + | |
| − | <td>St.Clare's Girls' School</td>
| + | |
| − | </tr>
| + | |
| − | <tr>
| + | |
| − | <td>St. Paul's Convent School</td>
| + | |
| − | <td>Tsuen Wan Government Secondary School</td>
| + | |
| − | </tr>
| + | |
| − | | + | |
| − | </table>
| + | |
| − | | + | |
| − | <p><img src="https://static.igem.org/mediawiki/2017/7/74/Daycamp.PNG" style="width:500px;height:300px;" ></p>
| + | |
| − | | + | |
| − | <p><img src="https://static.igem.org/mediawiki/2017/c/ce/Cuhkdaycampposter.PNG" style="width:400px;height:600px;" ></p> | + | |
| − | | + | |
| | <br> | | <br> |
| | + | <i>CUHK Information day (22 OCT 2017) </i> |
| | <br> | | <br> |
| | + | Through outreach activities, we collected opinions from the public about our project and concerns related to synthetic biology. This was precious chance for us to go out of laboratory, and get our project and synthetic biology connected to the community. |
| | <br> | | <br> |
| | <br> | | <br> |
| | + | <i>Visiting local community lab: DIYBio (12,19 JAN 2017)</I> |
| | <br> | | <br> |
| − | | + | DIYBio is the first growing biotechnological social movement in Hong Kong initiated in 2016. Through this platform, we hosted one public sharing session, presented our project to the audience and discussed safety issue with them. We also attended a talk given by HKU iGEM 2016 Team organized by DIYBIO Hong Kong and they shared with us their experience in iGEM. |
| − | <p><u>University</u></p>
| + | |
| − | | + | |
| − | <p> >>CUHK Art fair (14-15 SEP 2016)</p>
| + | |
| − | | + | |
| − | <p>Target: University students and teachers
| + | |
| | <br> | | <br> |
| − | CUHK Art fair is a carnival held in our university. We used this opportunity to introduce students about synthetic biology and our project. Through DIY Liquid Nitrogen Ice-cream, participants got a taste of what synthetic biology is like. We raised up the synbio- vanilla ice cream issue to students, allowing them to know what synthetic biology is and synthetic biology is actually around us in everyday life. Our booth successful aroused students’ interest in synthetic biology, many non-science students got new insights and better attitude towards synthetic biology.
| + | <div id="images"> |
| − | </p> | + | <img src="https://static.igem.org/mediawiki/2017/6/65/Cuhkigemworkshop.PNG"/ width="40%" > |
| − | <ul> | + | <img src="https://static.igem.org/mediawiki/2017/ 3/ 3d/ Cuhkigemworkshop1.PNG" / width=" 40%"> |
| − | <li>Check what our students say! (Attach Video)</li>
| + | |
| − | <li>Download the protocol to make ice cream yourself !</li>
| + | |
| − | </ul>
| + | |
| − | | + | |
| − | <p><img src="https://static.igem.org/mediawiki/2017/ 4/ 49/ Igemicecream.PNG" style="width :400px;height:500px;" align=" left" ></p> | + | |
| | | | |
| | + | </div> |
| | <br> | | <br> |
| | <br> | | <br> |
| Line 548: |
Line 194: |
| | <br> | | <br> |
| | | | |
| − | <video width="400" controls>
| + | |
| − | <source src="https://static.igem.org/mediawiki/2017/d/d0/CUHKartfairnew.mp4" type="video/mp4">
| + | <i>Vibrant Science Academy – Summer Science Party @Hong Kong Science & Technology Parks （Sundays in JUL and AUG 2017）</i> |
| − | </video> | + | |
| | <br> | | <br> |
| | + | We invited iGEM HKUST Team to collaborate with us. Holding a booth in this public science carnaval, we aim to arouse general public’s interest in biology and our project. Through fun interactive activities, kids learn simple and basic biology. We taught children to build origami model to allow kids understand the basic structure of DNA. We had another game “Who is the criminal?” focused on DNA application, allowing kids and their parents to know that DNA is closely connected to daily life. We promoted basic knowledge of synthetic biology to their parents as well. We encountered some talented kids with special interest in molecular biology and we met a few professionals in the field as well, they gave us rewardful advices and comments on our project. |
| | <br> | | <br> |
| − | <p> >> CUHK Information day (22 OCT 2017) </p>
| |
| − | <p>Target: High school teachers, students and their parents
| |
| | <br> | | <br> |
| − | Promote synthetic biology to high school audience. Though survey, we gain opinions and views of the high school audience on synthetic biology as well as our project.
| + | <b>International public engagement </b> |
| − | </p> | + | |
| | <br> | | <br> |
| − | <p><u>General Public</u></p>
| + | Due to the high population, East and South East Asia is the global source of influenza. In addition, rapid spread of Influenza is more serious in undeveloped country due to less developed system. Therefore, our project and the idea of synthetic biology should also be introduced to the publics in those countries. However, most underdeveloped countries don’t have the concept of synthetic biology. Among the region, Bangladesh is country affected by influenza and without the concept of synbio. Therefore, we first choose Bangladesh as the first targeted country. |
| − | <p>Through outreach activities, we hear voices from the public about our project and concerns about synthetic biology. This was precious chance for us to go out of laboratory, get our project and synthetic biology connected to the community.</p>
| + | |
| | <br> | | <br> |
| | <br> | | <br> |
| − | <p> >> Visiting local community lab: DIYBio (12,19 JAN 2017)</p> | + | <i>First ever synthetic biology event in Bangladesh (16 JUN 2017)</I> |
| − | <p>DIYBio is the first growing biotechnological social movement in Hong Kong initiated in 2016. Through this platform, we hosted one public sharing session, presented our project to the audience and discussed safety issue with them. We also attended a talk given by HKU iGEM 2016 Team organized by DIYBIO Hong Kong and they shared with us their experience in iGEM. </p>
| + | |
| − | | + | |
| − | <p><img src="https://static.igem.org/mediawiki/2017/f/fe/DIYBio.PNG" style="width:300px;height:200px;" ></p>
| + | |
| − | | + | |
| | <br> | | <br> |
| − | <p> >>Vibrant Science Academy – Summer Science Party @Hong Kong Science & Technology Parks （Sundays in JUL and AUG 2017）
| + | We cooperated with Bio Bangla, a community lab in Dhaka, to hold the first ever synthetic biology event in Bangladesh. We gave presentation about synthetic biology and our projects. About 40 students from 6 universities joined the event. The chairman of Microbiology department at Noakhali Science and Technology University- Firoz Ahmed and Prime minister a2i project consultant- Iran Khan also joined the event. After the event, we are very glad to notice that they will form the first iGEM team in Bangladesh in 2018. We therefore also provided advices in establishment of first iGEM team in Bangladesh. |
| | <br> | | <br> |
| − | We invited iGEM HKUST Team to collaborate with us. Holding a booth in this public science carnaval, we aim to arouse general public’s interest in biology and our project. Through fun interactive activities, kids learn simple and basic biology. We taught children to build origami model to allow kids understand the basic structure of DNA. We had another game “Who is the criminal?” focused on DNA application, allowing kids and their parents to know that DNA is closely connected to daily life. We promoted basic knowledge of synthetic biology to their parents as well. We encountered some talented kids with special interest in molecular biology and we met a few professionals in the field as well, they gave us rewardful advices and comments on our project.
| + | <div id="images"> |
| − | </p>
| + | <img src="https://static.igem.org/mediawiki/2017/e/e4/Cuhkinternational.PNG"/ width="40%" > |
| − | <br>
| + | <img src="https://static.igem.org/mediawiki/2017/ e/ e8/ Cuhkinternational1.PNG" / width=" 40%"> |
| − | <p><img src="https://static.igem.org/mediawiki/2017/ d/ d0/ CuhkSPone.PNG" style=" width:500px;height:400px;" ></ p> | + | <img src="https://static.igem.org/mediawiki/2017/a/a1/Cuhkinternational2.PNG"/ width="40%"> |
| | | | |
| − | <p><img src="https://static.igem.org/mediawiki/2017/d/d6/CuhkSPthree.PNG" style="width:400px;height:500px;" align="left"></p>
| + | </div> |
| | | | |
| − | <p><img src="https://static.igem.org/mediawiki/2017/d/dd/CuhkSPtwo.PNG" style="width:400px;height:500px;" ></p>
| |
| | <br> | | <br> |
| − | | + | <i>Skype meeting with Biohacking space Peshawar (11 JAN 2017)</i> |
| − | <p> >> Facebook Page | + | Biohacking space Peshawar is the first Bio-Hacking space in Pakistan.We had a quality video conference with Biohacking space Peshawar. We came up with vast possible collaborations opportunities that we could complement each other's technical limitations. This skype meeting achieved a step towards Synthetic Biology in Pakistan. |
| | <br> | | <br> |
| − | We created a facebook page to promote our team and project, we updated our progress with the public from time to time, we also share news and interesting facts about synthetic biology on this platform.
| |
| − | </p>
| |
| | <br> | | <br> |
| − | | + | <b>iGEM Conference</b> |
| − | <p><img src="https://static.igem.org/mediawiki/2017/a/a5/Cuhkfacebookone.PNG" style="width:400px;height:500px;" align="left"></p>
| + | |
| − | | + | |
| − | <p><img src="https://static.igem.org/mediawiki/2017/7/72/Cuhkfacebooktwo.PNG" style="width:400px;height:500px;" align="middle"></p>
| + | |
| − | | + | |
| − | | + | |
| − | </div>
| + | |
| − | | + | |
| − | <div id="section2" class="container-fluid">
| + | |
| − | <h2><u><b>Interlab</b></u></h2>
| + | |
| − | <p>Due to the high population, East and South East Asia is the global source of influenza. In addition, rapid spread of Influenza is more serious in undeveloped country due to less developed system. Therefore, our project and the idea of synthetic biology should also be introduced to the publics in those countries. However, most underdeveloped countries don’t have the concept of synthetic biology. Among the region, Bangladesh is one of the most underdeveloped country affected by influenza and without the concept of synbio. Therefore, we first choose Bangladesh as the first targeted country.</p>
| + | |
| | <br> | | <br> |
| − | <br> | + | <i>The 4th iGEM Asia- Pacific Conference (8 - 14 AUG 2016)</i> |
| − | <p><u>Bangladesh</u></p>
| + | |
| − | <p> >> First ever synthetic biology event in Bangladesh (16 JUN 2017)
| + | |
| − | <br>
| + | |
| − | We cooperated with Bio Bangla, a community lab in Dhaka, to hold the first ever synthetic biology event in Bangladesh. We gave presentation about synthetic biology and our projects. About 40 students from 6 universities joined the event. The chairman of Microbiology department at Noakhali Science and Technology University- Firoz Ahmed and Prime minister a2i project consultant- Iran Khan also joined the event. After the event, we are very glad to notice that they will form the first iGEM team in Bangladesh in 2018. We therefore also provided advices in establishment of first iGEM team in Bangladesh.
| + | |
| − | </p>
| + | |
| − | </div>
| + | |
| − | | + | |
| − | <div class="dropdown">
| + | |
| − | | + | |
| − | <button class="dropdown-toggle" type="button" data-toggle="collapse" style="background-color:transparent;border:none;" data-target="#clicktoseequestionnaireresult">
| + | |
| − | <span>Click to see questionnaire result</span>
| + | |
| − | <span style="color:#c20c0c;margin-left:5px;" class="fa fa-angle-down"></span>
| + | |
| − | </button>
| + | |
| − | | + | |
| − | <div id="clicktoseequestionnaireresult" class="collapse">
| + | |
| − | <ul class="expand-details">
| + | |
| − | <li>It is result from survey</li>
| + | |
| − |
| + | |
| − | </ul>
| + | |
| − | </div>
| + | |
| − | | + | |
| − | | + | |
| − | </div>
| + | |
| − | | + | |
| − | | + | |
| − | <ul>
| + | |
| − | <li>Participated Bangladesh Universities</li>
| + | |
| − | </ul>
| + | |
| − | | + | |
| − | <p><img src="https://static.igem.org/mediawiki/2017/b/bd/Cuhkpartnership.PNG" style="width:600px;height:300px;"></p>
| + | |
| − | | + | |
| − | <p><img src="https://static.igem.org/mediawiki/2017/4/42/Cuhkbangladesh.PNG" style="width:400px;height:500px;"></p>
| + | |
| − | | + | |
| − | <p><u>Pakistan</u></p>
| + | |
| − | <p> >>Skype meeting with Biohacking space Peshawar (11 JAN 2017)
| + | |
| − | <br>
| + | |
| − | <a href="https://www.facebook.com/Biohackerss/?fref=mentions">Biohacking space Peshawar</a> is the first Bio-Hacking space in Pakistan.We had a quality video conference with Biohacking space Peshawar. We came up with vast possible collaborations opportunities that we could complement each other's technical limitations. This skype meeting achieved a step towards Synthetic Biology in Pakistan.
| + | |
| − | </p>
| + | |
| − | | + | |
| − | <p><img src="https://static.igem.org/mediawiki/2017/d/d1/Cuhkonlineconference.PNG" style="width:500px;height:400px;"></p>
| + | |
| − | | + | |
| − | </div>
| + | |
| − | | + | |
| − | | + | |
| − | <div id="section3" class="container-fluid">
| + | |
| − | <h2><u><b>iGEM Conference<b></u></h2>
| + | |
| − | <p> >> The 4th iGEM Asia- Pacific Conference (8 - 14 AUG 2016)
| + | |
| | <br> | | <br> |
| | We joined the iGEM Asia- Pacific Conference conducted in Tainan in August 2016, we have gained deep insights into perspectives of synthetic biology, from ethics to big data processing, via in-depth discussions with fellow iGEMers. The experience workshop and presentations with the 20 Asian iGEM teams also gives us inspirations in operating an iGEM team and conducting human practice. | | We joined the iGEM Asia- Pacific Conference conducted in Tainan in August 2016, we have gained deep insights into perspectives of synthetic biology, from ethics to big data processing, via in-depth discussions with fellow iGEMers. The experience workshop and presentations with the 20 Asian iGEM teams also gives us inspirations in operating an iGEM team and conducting human practice. |
| | We had got valuable advice in connecting ourselves to the public from Ana Sifuentes from iGEM headquarters. Professors gave us precious advice on our future planning and orientation and pointed out the practical difficulties and problems hiding inside our project. | | We had got valuable advice in connecting ourselves to the public from Ana Sifuentes from iGEM headquarters. Professors gave us precious advice on our future planning and orientation and pointed out the practical difficulties and problems hiding inside our project. |
| − | </p>
| |
| − |
| |
| − | <p><img src="https://static.igem.org/mediawiki/2017/d/dd/Cuhktaiwantrip.PNG" style="width:600px;height:300px;"></p>
| |
| − |
| |
| − | <ul>
| |
| − | <li>Click here for detailed evaluation report. </li>
| |
| − | </ul>
| |
| | <br> | | <br> |
| − | | + | <br> |
| − | <p> >> Pan-Pearl iGEM Teams Meeting (5 AUG 2017) | + | <i>Pan-Pearl iGEM Teams Meeting (5 AUG 2017)</i> |
| | <br> | | <br> |
| | We attended and presented our project in the conference. We had exchanged ideas with other iGEM teams as well. Supervisors from other iGEM teams gave helpful advices for improvement of our project. We also gain more experience in presenting and answering questions, it was like a small rehearsal for Jamboree. | | We attended and presented our project in the conference. We had exchanged ideas with other iGEM teams as well. Supervisors from other iGEM teams gave helpful advices for improvement of our project. We also gain more experience in presenting and answering questions, it was like a small rehearsal for Jamboree. |
| | </p> | | </p> |
| − |
| |
| − | <p><img src="https://static.igem.org/mediawiki/2017/5/55/CuhkDIYBiopresent.PNG" style="width:200px;height:300px;" align="left"></p>
| |
| − |
| |
| − | <p><img src="https://static.igem.org/mediawiki/2017/2/29/CuhkDIYBioposter.PNG" style="width:200px;height:300px;"></p>
| |
| | <br> | | <br> |
| − | | + | <i> DIYBio Biosafety Sharing (11 AUG 2017)</i> |
| − | <p> >> DIYBio Biosafety Sharing (11 AUG 2017) | + | |
| | <br> | | <br> |
| | DIYBio HK shared with us their safety protocol, biosafety practice in their lab as well as the recent situation and regulations on genetically modified organisms in Hong Kong. We gain precious inspirations from the talk on biosafety and we realized that regulations in Hong Kong need to be improved. Meeting with all other local iGEM teams, we had nice communications on difficulties we are facing respectively and gave each other suggestions. | | DIYBio HK shared with us their safety protocol, biosafety practice in their lab as well as the recent situation and regulations on genetically modified organisms in Hong Kong. We gain precious inspirations from the talk on biosafety and we realized that regulations in Hong Kong need to be improved. Meeting with all other local iGEM teams, we had nice communications on difficulties we are facing respectively and gave each other suggestions. |
| − | </p> | + | <div class="slider" id="main-slider"><!-- outermost container element --> |
| − | | + | <div class="slider-wrapper"><!-- innermost wrapper element --> |
| − | < p><img src="https://static.igem.org/mediawiki/2017/ 5/ 50/ CuhkDIYBiosharing.PNG" style=" width: 326px;height:212px;"></ p> | + | <img src="https://static.igem.org/mediawiki/2017/ d/ d0/ CuhkSPone.PNG" alt=" First" class="slide" /><!-- slides --> |
| − | | + | <img src="https://static.igem.org/mediawiki/2017/d/dd/CuhkSPtwo.PNG" alt="Second" class="slide" /> |
| | + | <img src="https://static.igem.org/mediawiki/2017/f/fe/DIYBio.PNG" alt="Third" class="slide" /> |
| | + | </div> |
| | </div> | | </div> |
| − | | + | </section> |
| − | | + | </body> |
| − | <script> | + | |
| − | $(document).ready(function(){
| + | |
| − | // Add scrollspy to <body>
| + | |
| − | $('body').scrollspy({target: ".navbar", offset: 50});
| + | |
| − | | + | |
| − | // Add smooth scrolling on all links inside the navbar
| + | |
| − | $("#myNavbar a").on('click', function(event) {
| + | |
| − | // Make sure this.hash has a value before overriding default behavior
| + | |
| − | if (this.hash !== "") {
| + | |
| − | // Prevent default anchor click behavior
| + | |
| − | event.preventDefault();
| + | |
| − | | + | |
| − | // Store hash
| + | |
| − | var hash = this.hash;
| + | |
| − | | + | |
| − | // Using jQuery's animate() method to add smooth page scroll
| + | |
| − | // The optional number (800) specifies the number of milliseconds it takes to scroll to the specified area
| + | |
| − | $('html, body').animate({
| + | |
| − | scrollTop: $(hash).offset().top
| + | |
| − | }, 800, function(){
| + | |
| − |
| + | |
| − | // Add hash (#) to URL when done scrolling (default click behavior)
| + | |
| − | window.location.hash = hash;
| + | |
| − | });
| + | |
| − | } // End if
| + | |
| − | });
| + | |
| − | });
| + | |
| − | </script>
| + | |
| − | | + | |
| − | | + | |
| | | | |
| | </html> | | </html> |
| − |
| |
| − | {{Template:Hong_Kong-CUHK_footer}}
| |
