http://2014.igem.org/wiki/index.php?title=Special:Contributions&feed=atom&limit=500&target=Marialilokyee&year=&month=2014.igem.org - User contributions [en]2024-03-28T10:32:14ZFrom 2014.igem.orgMediaWiki 1.16.5http://2014.igem.org/File:CityU_HK_2015_lau.jpgFile:CityU HK 2015 lau.jpg2015-08-27T07:22:23Z<p>Marialilokyee: </p>
<hr />
<div></div>Marialilokyeehttp://2014.igem.org/File:CityU_HK_2015_Rk.jpgFile:CityU HK 2015 Rk.jpg2015-08-27T07:15:40Z<p>Marialilokyee: </p>
<hr />
<div></div>Marialilokyeehttp://2014.igem.org/File:CityU_HK_2015_logo.pngFile:CityU HK 2015 logo.png2015-08-27T07:07:59Z<p>Marialilokyee: </p>
<hr />
<div></div>Marialilokyeehttp://2014.igem.org/Team:CityU_HK/HumanPracticeTeam:CityU HK/HumanPractice2014-10-18T03:36:19Z<p>Marialilokyee: </p>
<hr />
<div>{{:Team:CityU_HK/Template}}<br />
<br />
<html><br />
<html lang="en"><br />
<br />
<head><br />
<br />
<style><br />
.jumbotron {<br />
background-image: url('https://static.igem.org/mediawiki/parts/7/75/CityUHK_HP_1400x700_Maria.jpg');<br />
background-size: 100% ;<br />
background-repeat: no-repeat;<br />
height: 640px;<br />
position: relative;<br />
top: -53px;<br />
margin-bottom: 0;<br />
z-index: -1;<br />
}<br />
<br />
.jumbotron h1 {<br />
font-weight: 600;<br />
font-family: 'Raleway', sans-serif;<br />
font-size: 8em;<br />
margin:0;<br />
position: relative;<br />
top: -50px; <br />
}<br />
<br />
.jumbotron p {<br />
color: #fff;<br />
font-weight: 300;<br />
font-family: 'Raleway', sans-serif;<br />
font-size: 1.7em;<br />
width: 800px;<br />
text-align: center;<br />
margin:0 auto;<br />
position: relative;<br />
top: -100px;<br />
}<br />
<br />
#introduction {<br />
margin:0;<br />
padding: 0 0 80px 0;<br />
}<br />
<br />
#presentation {<br />
background: #F0EEEA;<br />
margin:0;<br />
padding: 50px 0 70px 0;<br />
}<br />
<br />
#presentation h1 {<br />
padding-bottom: 50px;<br />
margin:0;<br />
}<br />
<br />
#survey h2 {<br />
font-size: 25px;<br />
padding: 10px;<br />
text-align: center;<br />
font-weight: 400;<br />
color: #555555;<br />
}<br />
<br />
iframe {<br />
width: 100%;<br />
margin:0 auto;<br />
border-radius: 3px;<br />
}<br />
<br />
#survey img {<br />
width: 100%;<br />
margin:0 auto;<br />
}<br />
<br />
#main-content h1 {<br />
text-align: center;<br />
font-weight: 600;<br />
color: #555555;<br />
}<br />
<br />
#main-content p {<br />
color: #555555;<br />
text-align: justify;<br />
font-weight: 400;<br />
font-size: 1em;<br />
/*padding: 0 10% 0 10%;*/<br />
max-width: 900px;<br />
margin: 0 auto;<br />
line-height: 2;<br />
}<br />
<br />
#main-content a {<br />
color: #3cc;<br />
font-weight: bold;<br />
}<br />
<br />
#main-content a:hover {<br />
color: orange;<br />
text-decoration: none;<br />
}<br />
<br />
.arrow-down {<br />
width: 0; <br />
height: 0; <br />
border-left: 50px solid transparent;<br />
border-right: 50px solid transparent;<br />
border-top: 30px solid #fff;<br />
position: relative;<br />
top: 20px;<br />
margin: 0 auto;<br />
z-index: 2;<br />
}<br />
#arrow2 {<br />
border-top: 30px solid #F0EEEA;<br />
position: relative;<br />
top: -10px;<br />
}<br />
<br />
#lightbox h1 {<br />
color:#555555;<br />
font-weight:400;<br />
}<br />
#footer h3 {<br />
color: #dde0e4;<br />
font-family: 'Raleway', sans-serif;<br />
font-size: 18px;<br />
font-weight: bold;<br />
padding-bottom: 20px;<br />
}<br />
<br />
#footer p {<br />
color: #777777;<br />
text-align: center;<br />
font-size: 16px;<br />
font-weight: 400;<br />
}<br />
<br />
#copyright p {<br />
font-size: 16px;<br />
font-weight: 400;<br />
color: #777777;<br />
font-family: 'Raleway', sans-serif;<br />
}<br />
</style><br />
<br />
<style> /*============ word animation===========*/<br />
.jumbotron h1 {<br />
color:#fff;<br />
text-align: center;<br />
-webkit-transform-style: preserve-3d;<br />
-moz-transform-style: preserve-3d;<br />
transform-style: preserve-3d;<br />
-webkit-transform: translate3d(0,0,0);<br />
-moz-transform: translate3d(0,0,0);<br />
transform: translate3d(0,0,0);<br />
opacity: 0;<br />
-webkit-animation: anim 3.2s ease-out forwards 1s;<br />
animation: anim 3.2s ease-out forwards 1s;<br />
}<br />
strong {<br />
display: block;<br />
font-weight: 400;<br />
}<br />
<br />
<br />
@-webkit-keyframes anim {<br />
0% {<br />
text-shadow: 0 0 50px #fff;<br />
letter-spacing: 80px;<br />
opacity: 0;<br />
-webkit-transform: rotateY(-90deg);<br />
}<br />
50% {<br />
text-shadow: 0 0 1px #fff;<br />
opacity: 0.8;<br />
-webkit-transform: rotateY(0deg);<br />
}<br />
75% {<br />
text-shadow: 0 0 1px #fff;<br />
opacity: 0.8;<br />
-webkit-transform: rotateY(0deg) translateZ(60px);<br />
}<br />
100% {<br />
text-shadow: 0 0 1px #fff;<br />
opacity: 0.8;<br />
letter-spacing: 8px;<br />
-webkit-transform: rotateY(0deg) translateZ(100px);<br />
}<br />
<br />
}<br />
@keyframes anim {<br />
0% {<br />
text-shadow: 0 0 50px #fff;<br />
letter-spacing: 80px;<br />
opacity: 0;<br />
-moz-transform: rotateY(-90deg);<br />
}<br />
50% {<br />
text-shadow: 0 0 1px #fff;<br />
opacity: 0.8;<br />
-moz-transform: rotateY(0deg);<br />
}<br />
75% {<br />
text-shadow: 0 0 1px #fff;<br />
opacity: 0.8;<br />
-moz-transform: rotateY(0deg) translateZ(60px);<br />
}<br />
100% {<br />
text-shadow: 0 0 1px #fff;<br />
opacity: 0.8;<br />
letter-spacing: 8px;<br />
-moz-transform: rotateY(0deg) translateZ(100px);<br />
}<br />
</style><br />
<br />
<style> <!--=============lightbox css ============--><br />
<br />
.italic { font-style: italic; }<br />
.small { font-size: 0.8em; }<br />
<br />
#lightbox {<br />
padding: 0 100px 30px 100px;<br />
margin:0;<br />
}<br />
<br />
/** LIGHTBOX MARKUP **/<br />
<br />
.lightbox {<br />
/** Default lightbox to hidden */<br />
display: none;<br />
<br />
/** Position and style */<br />
position: fixed;<br />
z-index: 999;<br />
width: 100%;<br />
height: 100%;<br />
text-align: center;<br />
top: 0;<br />
left: 0;<br />
background: rgba(0,0,0,0.8);<br />
}<br />
<br />
.lightbox img {<br />
/** Pad the lightbox image */<br />
max-width: 90%;<br />
max-height: 80%;<br />
margin-top: 2%;<br />
}<br />
<br />
.lightbox:target {<br />
/** Remove default browser outline */<br />
outline: none;<br />
<br />
/** Unhide lightbox **/<br />
display: block;<br />
} <br />
<br />
</style><br />
</head><br />
<br />
<body id="top"><br />
<div class="jumbotron"><br />
<div class="container"><br />
<h1>Human Practice</h1><br />
<p>We educated secondary school kids about synthetic biology and the safety issues. We also conducted a survey on understanding of synthetic biology in public.</p><br />
</div><br />
</div><br />
<br />
<br />
<div class="row" id="main-content"><br />
<div class="col-md-12" id="introduction"><br />
<h1> Introduction</h1><br />
<p>Synthetic Biology is certainly an emerging topic of importance in the field of Biotechnology. While every Synthetic Biologist or iGEMer is working hard on their masterpiece, at the same time, we should also promote Synthetic Biology to the general public. Society is always a key factor for the development of a new Science discipline or subject like Synthetic Biology. This is because what we are doing has a positive impact on society. </p><br />
<br><p>In order to gain greater support and trust from the public and promote the development of Synthetic Biology, we have the responsibility to objectively inform society about recent advances in Synthetic Biology and the iGEM competition. We believe that educating high school students is one of the most powerful means to build up a positive image for Synthetic Biology. For this reason, we have approached local high school students in our human practice outreach to provide them with information about this new scientific field.</p><br />
</div><br />
<br />
<div class="col-md-12"><br />
<div class="arrow-down"></div><br />
</div><br />
<div class="col-md-12" id="presentation"><br />
<h1> What we have done</h1><br />
<p>We have delivered a <b>seminar</b> on Synthetic Biology and the iGEM competition to our local high school students. At the seminar, we aimed:</p> <br><br />
<p><b>1. To teach students more about Genetics.</p></b><br><br />
<p><b>2. To give a clearer picture about Synthetic Biology to Secondary School students.</p></b> <br><br />
<p><b>3. To raise the awareness and interest of students in the field of Biotechnology.</p></b><br><br />
<p><b>4. To build a knowledge base for Secondary students in the field of Synthetic Biology.</p></b><br> <br />
<p>Basically, in our sharing, we provided information about the iGEM competition and the past inventions of the iGEMers, background about the CityU HK iGEM project, the essence of Synthetic Biology and some safety concerns in the field of Synthetic Biology. Please find our <b>presentation materials</b> on <a href="http://app.emaze.com/535871/human-practice-copy1-copy1">this link</a>. We hope you will have a lot of fun exploring our wiki!</p><br />
<br />
</div><br />
<br />
<div class="col-md-12"><br />
<div class="arrow-down" id="arrow2"></div><br />
</div><br />
<div class="col-md-12" id="survey"><br />
<h1> Survey </h1><br />
<p> We have also designed a set of survey questions for our audiences to fill in after listening to our seminar. The survey was designed based on the aims of the talk. Through the survey results, we can see if our outreach has achieved our aims. We visited and presented a seminar to a class of high school Biology students on 18/8/2014. Also, we invited two groups of high school Science students to visit our iGEM laboratory on 17/7/2014 and 18/7/2014. In total, 55 students attended and participated in our iGEM workshop at City University. </p><br />
<br />
<h2>What did the students think?</h2><br />
<iframe src='http://my.visme.co/embed/igem-human-practice-c4' height='500' width='1200' style='border: 0px;' webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe><br />
<br />
<br><br><br><br />
<p>Following the seminar, we raised an important question, asking the high school students for their ideas about the creation of new biological machines. Below are some of their feedbacks:</p><br />
<img src="https://static.igem.org/mediawiki/2014/e/e4/CityU_HK_Hp_survey.jpg" height="30%"><br />
<p>We could see that our audience were very receptive and open-minded to Synthetic Biology. They thought it is a positive thing and they would also like to participate in this great event in the future! All of them also have potential to be Synthetic Biologists because their ideas were creative, beyond our expectations!</p><br />
<br><br><br><br />
</div><br />
</div> <!--end of row--><br />
<br />
<!-- thumbnail image wrapped in a link --><br />
<div class="row" id="lightbox"><br />
<div class="col-md-12"><br />
<center><h1>Gallery</h1></center><br />
<a href="#img1"><br />
<img src="https://static.igem.org/mediawiki/2014/5/5e/CityU_HK_Hp_gallery_img1_big.jpg" width="250px" height="166px"><br />
</a><br />
<a href="#img2"><br />
<img src="https://static.igem.org/mediawiki/2014/2/25/CityU_HK_hp_gallery_img2.JPG" width="250px" height="166px"><br />
</a><br />
<a href="#img3"><br />
<img src="https://static.igem.org/mediawiki/2014/4/4d/CityU_HK_Hp_gallery_img3.jpg" width="250px" height="166px"><br />
</a><br />
<a href="#img4"><br />
<img src="https://static.igem.org/mediawiki/2014/8/87/CityU_HK_Hp_gallery_img4.jpg" width="250px" height="166px"><br />
</a><br />
<a href="#img5"><br />
<img src="https://static.igem.org/mediawiki/2014/1/19/CityU_HK_Hp_gallery_img5.jpg" width="250px" height="166px"><br />
</a><br />
<a href="#img6"><br />
<img src="https://static.igem.org/mediawiki/2014/5/5f/CityU_HK_Hp_gallery_img6.jpg" width="250px" height="166px"><br />
</a><br />
<a href="#img7"><br />
<img src="https://static.igem.org/mediawiki/2014/3/3c/CityU_HK_Hp_gallery_img7.jpg" width="250px" height="166px"><br />
</a><br />
<a href="#img8"><br />
<img src="https://static.igem.org/mediawiki/2014/a/ab/CityU_HK_hp_gallery_img8.jpg" width="250px" height="166px"><br />
</a><br />
<br />
<br />
<!-- lightbox container hidden with CSS --><br />
<a href="#_" class="lightbox" id="img1"><br />
<img src="https://static.igem.org/mediawiki/2014/5/5e/CityU_HK_Hp_gallery_img1_big.jpg"><br />
</a><br />
<a href="#_" class="lightbox" id="img2"><br />
<img src="https://static.igem.org/mediawiki/2014/2/25/CityU_HK_hp_gallery_img2.JPG"><br />
</a><br />
<a href="#_" class="lightbox" id="img3"> <br />
<img src="https://static.igem.org/mediawiki/2014/4/4d/CityU_HK_Hp_gallery_img3.jpg"><br />
</a><br />
<a href="#_" class="lightbox" id="img4"> <br />
<img src="https://static.igem.org/mediawiki/2014/8/87/CityU_HK_Hp_gallery_img4.jpg"><br />
</a><br />
<a href="#_" class="lightbox" id="img5"> <br />
<img src="https://static.igem.org/mediawiki/2014/1/19/CityU_HK_Hp_gallery_img5.jpg"><br />
</a><br />
<a href="#_" class="lightbox" id="img6"> <br />
<img src="https://static.igem.org/mediawiki/2014/5/5f/CityU_HK_Hp_gallery_img6.jpg"><br />
</a><br />
<a href="#_" class="lightbox" id="img7"> <br />
<img src="https://static.igem.org/mediawiki/2014/3/3c/CityU_HK_Hp_gallery_img7.jpg"><br />
</a><br />
<a href="#_" class="lightbox" id="img8"> <br />
<img src="https://static.igem.org/mediawiki/2014/a/ab/CityU_HK_hp_gallery_img8.jpg"><br />
</a><br />
</div></div><br />
<!--==================== footer ===========================--><br />
<div id="footer" class="row"><br />
<div class="col-md-7"><br />
<h3>Sponsors</h3><br />
<a href="http://www.cityu.edu.hk/" target="_blank"><img src="https://static.igem.org/mediawiki/2014/9/9c/CityU_HK_citylogo.png" width="95"></a><br />
<a href="http://www6.cityu.edu.hk/bhdbapp/deptweb/index.html" target="_blank"><img src="https://static.igem.org/mediawiki/2014/9/98/CityU_HK_bchlogo.png" width="80"></a><br />
<img src="https://static.igem.org/mediawiki/2014/b/b1/CityU_HK_Invitrogen.png" width="100"><br />
<img src="https://static.igem.org/mediawiki/2014/7/7a/CityU_HK_Neblogocol.png" width="135"><br />
<img src="https://static.igem.org/mediawiki/2014/d/dc/CityU_HK_IDT-Logo.png" width="125"><br />
</div> <!-- end of col-md-7--><br />
<br />
<div class="col-md-5"><br />
<h3>Stay connected!</h3><br />
<p>email: <a href="mailto:cityuhk.igem@gmail.com">cityuhk.igem@gmail.com</a></p><br />
<a href="http://www.facebook.com/igem.2014CityU"><img src="https://static.igem.org/mediawiki/2014/3/31/CityU_HK_fb_logo.png" width="50" height="48"></a><br />
<a href="http://twitter.com/CityUHK_iGEM"><img src="http://ibo2014.org/wordpress/wp-content/themes/ibo2014/img/navbar/twitter_icon.png" width="49" height="51"></a><br />
<a href="http://www.youtube.com/channel/UC0_bUWwafB4m0K6mFdXN7-w"><img src="https://static.igem.org/mediawiki/2014/1/12/CityU_HK_youtube_logo.png" width="52" height="50"></a><br />
</div> <!--end of col-md-5--><br />
</div> <!-- end of row--><br />
<br />
<div class="row"><br />
<div id="copyright" class="col-md-12"><br />
<p>Copyright &copy; iGEM CityU HK 2014. All Rights Reserved</p><br />
</div><br />
</div><br />
<!--end of footer—><br />
</body><br />
</html></div>Marialilokyeehttp://2014.igem.org/Team:CityU_HK/HumanPracticeTeam:CityU HK/HumanPractice2014-10-18T03:35:16Z<p>Marialilokyee: </p>
<hr />
<div>{{:Team:CityU_HK/Template}}<br />
<br />
<html><br />
<html lang="en"><br />
<br />
<head><br />
<br />
<style><br />
.jumbotron {<br />
background-image: url('https://static.igem.org/mediawiki/parts/7/75/CityUHK_HP_1400x700_Maria.jpg');<br />
background-size: 100% ;<br />
background-repeat: no-repeat;<br />
height: 640px;<br />
position: relative;<br />
top: -53px;<br />
margin-bottom: 0;<br />
z-index: -1;<br />
}<br />
<br />
.jumbotron h1 {<br />
font-weight: 600;<br />
font-family: 'Raleway', sans-serif;<br />
font-size: 8em;<br />
margin:0;<br />
position: relative;<br />
top: -50px; <br />
}<br />
<br />
.jumbotron p {<br />
color: #fff;<br />
font-weight: 300;<br />
font-family: 'Raleway', sans-serif;<br />
font-size: 1.7em;<br />
width: 800px;<br />
text-align: center;<br />
margin:0 auto;<br />
position: relative;<br />
top: -100px;<br />
}<br />
<br />
#introduction {<br />
margin:0;<br />
padding: 0 0 80px 0;<br />
}<br />
<br />
#presentation {<br />
background: #F0EEEA;<br />
margin:0;<br />
padding: 50px 0 70px 0;<br />
}<br />
<br />
#presentation h1 {<br />
padding-bottom: 50px;<br />
margin:0;<br />
}<br />
<br />
#survey h2 {<br />
font-size: 25px;<br />
padding: 10px;<br />
text-align: center;<br />
font-weight: 400;<br />
color: #555555;<br />
}<br />
<br />
iframe {<br />
width: 100%;<br />
margin:0 auto;<br />
border-radius: 3px;<br />
}<br />
<br />
#survey img {<br />
width: 100%;<br />
margin:0 auto;<br />
}<br />
<br />
#main-content h1 {<br />
text-align: center;<br />
font-weight: 600;<br />
color: #555555;<br />
}<br />
<br />
#main-content p {<br />
color: #555555;<br />
text-align: justify;<br />
font-weight: 400;<br />
font-size: 1em;<br />
/*padding: 0 10% 0 10%;*/<br />
max-width: 900px;<br />
margin: 0 auto;<br />
line-height: 2;<br />
}<br />
<br />
#main-content a {<br />
color: #3cc;<br />
font-weight: bold;<br />
}<br />
<br />
#main-content a:hover {<br />
color: orange;<br />
text-decoration: none;<br />
}<br />
<br />
.arrow-down {<br />
width: 0; <br />
height: 0; <br />
border-left: 50px solid transparent;<br />
border-right: 50px solid transparent;<br />
border-top: 30px solid #fff;<br />
position: relative;<br />
top: 20px;<br />
margin: 0 auto;<br />
z-index: 2;<br />
}<br />
#arrow2 {<br />
border-top: 30px solid #F0EEEA;<br />
position: relative;<br />
top: -10px;<br />
}<br />
<br />
#lightbox h1 {<br />
color:#555555;<br />
font-weight:400;<br />
}<br />
#footer h3 {<br />
color: #dde0e4;<br />
font-family: 'Raleway', sans-serif;<br />
font-size: 18px;<br />
font-weight: bold;<br />
padding-bottom: 20px;<br />
}<br />
<br />
#footer p {<br />
color: #777777;<br />
text-align: center;<br />
font-size: 16px;<br />
font-weight: 400;<br />
}<br />
<br />
#copyright p {<br />
font-size: 16px;<br />
font-weight: 400;<br />
color: #777777;<br />
font-family: 'Raleway', sans-serif;<br />
}<br />
</style><br />
<br />
<style> /*============ word animation===========*/<br />
.jumbotron h1 {<br />
color:#fff;<br />
text-align: center;<br />
-webkit-transform-style: preserve-3d;<br />
-moz-transform-style: preserve-3d;<br />
transform-style: preserve-3d;<br />
-webkit-transform: translate3d(0,0,0);<br />
-moz-transform: translate3d(0,0,0);<br />
transform: translate3d(0,0,0);<br />
opacity: 0;<br />
-webkit-animation: anim 3.2s ease-out forwards 1s;<br />
animation: anim 3.2s ease-out forwards 1s;<br />
}<br />
strong {<br />
display: block;<br />
font-weight: 400;<br />
}<br />
<br />
<br />
@-webkit-keyframes anim {<br />
0% {<br />
text-shadow: 0 0 50px #fff;<br />
letter-spacing: 80px;<br />
opacity: 0;<br />
-webkit-transform: rotateY(-90deg);<br />
}<br />
50% {<br />
text-shadow: 0 0 1px #fff;<br />
opacity: 0.8;<br />
-webkit-transform: rotateY(0deg);<br />
}<br />
75% {<br />
text-shadow: 0 0 1px #fff;<br />
opacity: 0.8;<br />
-webkit-transform: rotateY(0deg) translateZ(60px);<br />
}<br />
100% {<br />
text-shadow: 0 0 1px #fff;<br />
opacity: 0.8;<br />
letter-spacing: 8px;<br />
-webkit-transform: rotateY(0deg) translateZ(100px);<br />
}<br />
<br />
}<br />
@keyframes anim {<br />
0% {<br />
text-shadow: 0 0 50px #fff;<br />
letter-spacing: 80px;<br />
opacity: 0;<br />
-moz-transform: rotateY(-90deg);<br />
}<br />
50% {<br />
text-shadow: 0 0 1px #fff;<br />
opacity: 0.8;<br />
-moz-transform: rotateY(0deg);<br />
}<br />
75% {<br />
text-shadow: 0 0 1px #fff;<br />
opacity: 0.8;<br />
-moz-transform: rotateY(0deg) translateZ(60px);<br />
}<br />
100% {<br />
text-shadow: 0 0 1px #fff;<br />
opacity: 0.8;<br />
letter-spacing: 8px;<br />
-moz-transform: rotateY(0deg) translateZ(100px);<br />
}<br />
</style><br />
<br />
<style> <!--=============lightbox css ============--><br />
<br />
.italic { font-style: italic; }<br />
.small { font-size: 0.8em; }<br />
<br />
#lightbox {<br />
padding: 0 100px 30px 100px;<br />
margin:0;<br />
}<br />
<br />
/** LIGHTBOX MARKUP **/<br />
<br />
.lightbox {<br />
/** Default lightbox to hidden */<br />
display: none;<br />
<br />
/** Position and style */<br />
position: fixed;<br />
z-index: 999;<br />
width: 100%;<br />
height: 100%;<br />
text-align: center;<br />
top: 0;<br />
left: 0;<br />
background: rgba(0,0,0,0.8);<br />
}<br />
<br />
.lightbox img {<br />
/** Pad the lightbox image */<br />
max-width: 90%;<br />
max-height: 80%;<br />
margin-top: 2%;<br />
}<br />
<br />
.lightbox:target {<br />
/** Remove default browser outline */<br />
outline: none;<br />
<br />
/** Unhide lightbox **/<br />
display: block;<br />
} <br />
<br />
</style><br />
</head><br />
<br />
<body id="top"><br />
<div class="jumbotron"><br />
<div class="container"><br />
<h1>Human Practice</h1><br />
<p>We educated secondary school kids about synthetic biology and the safety issues. We also conducted a survey on understanding of synthetic biology in public.</p><br />
</div><br />
</div><br />
<br />
<br />
<div class="row" id="main-content"><br />
<div class="col-md-12" id="introduction"><br />
<h1> Introduction</h1><br />
<p>Synthetic Biology is certainly an emerging topic of importance in the field of Biotechnology. While every Synthetic Biologist or iGEMer is working hard on their masterpiece, at the same time, we should also promote Synthetic Biology to the general public. Society is always a key factor for the development of a new Science discipline or subject like Synthetic Biology. This is because what we are doing has a positive impact on society. </p><br />
<br><p>In order to gain greater support and trust from the public and promote the development of Synthetic Biology, we have the responsibility to objectively inform society about recent advances in Synthetic Biology and the iGEM competition. We believe that educating high school students is one of the most powerful means to build up a positive image for Synthetic Biology. For this reason, we have approached local high school students in our human practice outreach to provide them with information about this new scientific field.</p><br />
</div><br />
<br />
<div class="col-md-12"><br />
<div class="arrow-down"></div><br />
</div><br />
<div class="col-md-12" id="presentation"><br />
<h1> What we have done</h1><br />
<p>We have delivered a <b>seminar</b> on Synthetic Biology and the iGEM competition to our local high school students. At the seminar, we aimed:</p> <br><br />
<p><b>1. To teach students more about Genetics.</p></b><br><br />
<p><b>2. To give a clearer picture about Synthetic Biology to Secondary School students.</p></b> <br><br />
<p><b>3. To raise the awareness and interest of students in the field of Biotechnology.</p></b><br><br />
<p><b>4. To build a knowledge base for Secondary students in the field of Synthetic Biology.</p></b><br> <br />
<p>Basically, in our sharing, we provided information about the iGEM competition and the past inventions of the iGEMers, background about the CityU HK iGEM project, the essence of Synthetic Biology and some safety concerns in the field of Synthetic Biology. Please find our <b>presentation materials</b> on <a href="http://app.emaze.com/535871/human-practice-copy1-copy1">this link</a>. We hope you will have a lot of fun exploring our wiki!</p><br />
<br />
</div><br />
<br />
<div class="col-md-12"><br />
<div class="arrow-down" id="arrow2"></div><br />
</div><br />
<div class="col-md-12" id="survey"><br />
<h1> Survey </h1><br />
<p> We have also designed a set of survey questions for our audiences to fill in after listening to our seminar. The survey was designed based on the aims of the talk. Through the survey results, we can see if our outreach has achieved our aims. We visited and presented a seminar to a class of high school Biology students on 18/8/2014. Also, we invited two groups of high school Science students to visit our iGEM laboratory on 17/7/2014 and 18/7/2014. In total, 55 students attended and participated in our iGEM workshop at City University. </p><br />
<br />
<h2>What did the students think?</h2><br />
<iframe src='http://my.visme.co/embed/igem-human-practice-c4' height='500' width='1200' style='border: 0px;' webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe><br />
<br />
<br><br><br><br />
<p>Following the seminar, we raised an important question, asking the high school students for their ideas about the creation of new biological machines. Below are some of their feedbacks:</p><br />
<img src="https://static.igem.org/mediawiki/2014/e/e4/CityU_HK_Hp_survey.jpg" width="30%"><br />
<p>We could see that our audience were very receptive and open-minded to Synthetic Biology. They thought it is a positive thing and they would also like to participate in this great event in the future! All of them also have potential to be Synthetic Biologists because their ideas were creative, beyond our expectations!</p><br />
<br><br><br><br />
</div><br />
</div> <!--end of row--><br />
<br />
<!-- thumbnail image wrapped in a link --><br />
<div class="row" id="lightbox"><br />
<div class="col-md-12"><br />
<center><h1>Gallery</h1></center><br />
<a href="#img1"><br />
<img src="https://static.igem.org/mediawiki/2014/5/5e/CityU_HK_Hp_gallery_img1_big.jpg" width="250px" height="166px"><br />
</a><br />
<a href="#img2"><br />
<img src="https://static.igem.org/mediawiki/2014/2/25/CityU_HK_hp_gallery_img2.JPG" width="250px" height="166px"><br />
</a><br />
<a href="#img3"><br />
<img src="https://static.igem.org/mediawiki/2014/4/4d/CityU_HK_Hp_gallery_img3.jpg" width="250px" height="166px"><br />
</a><br />
<a href="#img4"><br />
<img src="https://static.igem.org/mediawiki/2014/8/87/CityU_HK_Hp_gallery_img4.jpg" width="250px" height="166px"><br />
</a><br />
<a href="#img5"><br />
<img src="https://static.igem.org/mediawiki/2014/1/19/CityU_HK_Hp_gallery_img5.jpg" width="250px" height="166px"><br />
</a><br />
<a href="#img6"><br />
<img src="https://static.igem.org/mediawiki/2014/5/5f/CityU_HK_Hp_gallery_img6.jpg" width="250px" height="166px"><br />
</a><br />
<a href="#img7"><br />
<img src="https://static.igem.org/mediawiki/2014/3/3c/CityU_HK_Hp_gallery_img7.jpg" width="250px" height="166px"><br />
</a><br />
<a href="#img8"><br />
<img src="https://static.igem.org/mediawiki/2014/a/ab/CityU_HK_hp_gallery_img8.jpg" width="250px" height="166px"><br />
</a><br />
<br />
<br />
<!-- lightbox container hidden with CSS --><br />
<a href="#_" class="lightbox" id="img1"><br />
<img src="https://static.igem.org/mediawiki/2014/5/5e/CityU_HK_Hp_gallery_img1_big.jpg"><br />
</a><br />
<a href="#_" class="lightbox" id="img2"><br />
<img src="https://static.igem.org/mediawiki/2014/2/25/CityU_HK_hp_gallery_img2.JPG"><br />
</a><br />
<a href="#_" class="lightbox" id="img3"> <br />
<img src="https://static.igem.org/mediawiki/2014/4/4d/CityU_HK_Hp_gallery_img3.jpg"><br />
</a><br />
<a href="#_" class="lightbox" id="img4"> <br />
<img src="https://static.igem.org/mediawiki/2014/8/87/CityU_HK_Hp_gallery_img4.jpg"><br />
</a><br />
<a href="#_" class="lightbox" id="img5"> <br />
<img src="https://static.igem.org/mediawiki/2014/1/19/CityU_HK_Hp_gallery_img5.jpg"><br />
</a><br />
<a href="#_" class="lightbox" id="img6"> <br />
<img src="https://static.igem.org/mediawiki/2014/5/5f/CityU_HK_Hp_gallery_img6.jpg"><br />
</a><br />
<a href="#_" class="lightbox" id="img7"> <br />
<img src="https://static.igem.org/mediawiki/2014/3/3c/CityU_HK_Hp_gallery_img7.jpg"><br />
</a><br />
<a href="#_" class="lightbox" id="img8"> <br />
<img src="https://static.igem.org/mediawiki/2014/a/ab/CityU_HK_hp_gallery_img8.jpg"><br />
</a><br />
</div></div><br />
<!--==================== footer ===========================--><br />
<div id="footer" class="row"><br />
<div class="col-md-7"><br />
<h3>Sponsors</h3><br />
<a href="http://www.cityu.edu.hk/" target="_blank"><img src="https://static.igem.org/mediawiki/2014/9/9c/CityU_HK_citylogo.png" width="95"></a><br />
<a href="http://www6.cityu.edu.hk/bhdbapp/deptweb/index.html" target="_blank"><img src="https://static.igem.org/mediawiki/2014/9/98/CityU_HK_bchlogo.png" width="80"></a><br />
<img src="https://static.igem.org/mediawiki/2014/b/b1/CityU_HK_Invitrogen.png" width="100"><br />
<img src="https://static.igem.org/mediawiki/2014/7/7a/CityU_HK_Neblogocol.png" width="135"><br />
<img src="https://static.igem.org/mediawiki/2014/d/dc/CityU_HK_IDT-Logo.png" width="125"><br />
</div> <!-- end of col-md-7--><br />
<br />
<div class="col-md-5"><br />
<h3>Stay connected!</h3><br />
<p>email: <a href="mailto:cityuhk.igem@gmail.com">cityuhk.igem@gmail.com</a></p><br />
<a href="http://www.facebook.com/igem.2014CityU"><img src="https://static.igem.org/mediawiki/2014/3/31/CityU_HK_fb_logo.png" width="50" height="48"></a><br />
<a href="http://twitter.com/CityUHK_iGEM"><img src="http://ibo2014.org/wordpress/wp-content/themes/ibo2014/img/navbar/twitter_icon.png" width="49" height="51"></a><br />
<a href="http://www.youtube.com/channel/UC0_bUWwafB4m0K6mFdXN7-w"><img src="https://static.igem.org/mediawiki/2014/1/12/CityU_HK_youtube_logo.png" width="52" height="50"></a><br />
</div> <!--end of col-md-5--><br />
</div> <!-- end of row--><br />
<br />
<div class="row"><br />
<div id="copyright" class="col-md-12"><br />
<p>Copyright &copy; iGEM CityU HK 2014. All Rights Reserved</p><br />
</div><br />
</div><br />
<!--end of footer—><br />
</body><br />
</html></div>Marialilokyeehttp://2014.igem.org/Team:CityU_HK/HumanPracticeTeam:CityU HK/HumanPractice2014-10-18T03:34:48Z<p>Marialilokyee: </p>
<hr />
<div>{{:Team:CityU_HK/Template}}<br />
<br />
<html><br />
<html lang="en"><br />
<br />
<head><br />
<br />
<style><br />
.jumbotron {<br />
background-image: url('https://static.igem.org/mediawiki/parts/7/75/CityUHK_HP_1400x700_Maria.jpg');<br />
background-size: 100% ;<br />
background-repeat: no-repeat;<br />
height: 640px;<br />
position: relative;<br />
top: -53px;<br />
margin-bottom: 0;<br />
z-index: -1;<br />
}<br />
<br />
.jumbotron h1 {<br />
font-weight: 600;<br />
font-family: 'Raleway', sans-serif;<br />
font-size: 8em;<br />
margin:0;<br />
position: relative;<br />
top: -50px; <br />
}<br />
<br />
.jumbotron p {<br />
color: #fff;<br />
font-weight: 300;<br />
font-family: 'Raleway', sans-serif;<br />
font-size: 1.7em;<br />
width: 800px;<br />
text-align: center;<br />
margin:0 auto;<br />
position: relative;<br />
top: -100px;<br />
}<br />
<br />
#introduction {<br />
margin:0;<br />
padding: 0 0 80px 0;<br />
}<br />
<br />
#presentation {<br />
background: #F0EEEA;<br />
margin:0;<br />
padding: 50px 0 70px 0;<br />
}<br />
<br />
#presentation h1 {<br />
padding-bottom: 50px;<br />
margin:0;<br />
}<br />
<br />
#survey h2 {<br />
font-size: 25px;<br />
padding: 10px;<br />
text-align: center;<br />
font-weight: 400;<br />
color: #555555;<br />
}<br />
<br />
iframe {<br />
width: 100%;<br />
margin:0 auto;<br />
border-radius: 3px;<br />
}<br />
<br />
#survey img {<br />
width: 100%;<br />
margin:0 auto;<br />
}<br />
<br />
#main-content h1 {<br />
text-align: center;<br />
font-weight: 600;<br />
color: #555555;<br />
}<br />
<br />
#main-content p {<br />
color: #555555;<br />
text-align: justify;<br />
font-weight: 400;<br />
font-size: 1em;<br />
/*padding: 0 10% 0 10%;*/<br />
max-width: 900px;<br />
margin: 0 auto;<br />
line-height: 2;<br />
}<br />
<br />
#main-content a {<br />
color: #3cc;<br />
font-weight: bold;<br />
}<br />
<br />
#main-content a:hover {<br />
color: orange;<br />
text-decoration: none;<br />
}<br />
<br />
.arrow-down {<br />
width: 0; <br />
height: 0; <br />
border-left: 50px solid transparent;<br />
border-right: 50px solid transparent;<br />
border-top: 30px solid #fff;<br />
position: relative;<br />
top: 20px;<br />
margin: 0 auto;<br />
z-index: 2;<br />
}<br />
#arrow2 {<br />
border-top: 30px solid #F0EEEA;<br />
position: relative;<br />
top: -10px;<br />
}<br />
<br />
#lightbox h1 {<br />
color:#555555;<br />
font-weight:400;<br />
}<br />
#footer h3 {<br />
color: #dde0e4;<br />
font-family: 'Raleway', sans-serif;<br />
font-size: 18px;<br />
font-weight: bold;<br />
padding-bottom: 20px;<br />
}<br />
<br />
#footer p {<br />
color: #777777;<br />
text-align: center;<br />
font-size: 16px;<br />
font-weight: 400;<br />
}<br />
<br />
#copyright p {<br />
font-size: 16px;<br />
font-weight: 400;<br />
color: #777777;<br />
font-family: 'Raleway', sans-serif;<br />
}<br />
</style><br />
<br />
<style> /*============ word animation===========*/<br />
.jumbotron h1 {<br />
color:#fff;<br />
text-align: center;<br />
-webkit-transform-style: preserve-3d;<br />
-moz-transform-style: preserve-3d;<br />
transform-style: preserve-3d;<br />
-webkit-transform: translate3d(0,0,0);<br />
-moz-transform: translate3d(0,0,0);<br />
transform: translate3d(0,0,0);<br />
opacity: 0;<br />
-webkit-animation: anim 3.2s ease-out forwards 1s;<br />
animation: anim 3.2s ease-out forwards 1s;<br />
}<br />
strong {<br />
display: block;<br />
font-weight: 400;<br />
}<br />
<br />
<br />
@-webkit-keyframes anim {<br />
0% {<br />
text-shadow: 0 0 50px #fff;<br />
letter-spacing: 80px;<br />
opacity: 0;<br />
-webkit-transform: rotateY(-90deg);<br />
}<br />
50% {<br />
text-shadow: 0 0 1px #fff;<br />
opacity: 0.8;<br />
-webkit-transform: rotateY(0deg);<br />
}<br />
75% {<br />
text-shadow: 0 0 1px #fff;<br />
opacity: 0.8;<br />
-webkit-transform: rotateY(0deg) translateZ(60px);<br />
}<br />
100% {<br />
text-shadow: 0 0 1px #fff;<br />
opacity: 0.8;<br />
letter-spacing: 8px;<br />
-webkit-transform: rotateY(0deg) translateZ(100px);<br />
}<br />
<br />
}<br />
@keyframes anim {<br />
0% {<br />
text-shadow: 0 0 50px #fff;<br />
letter-spacing: 80px;<br />
opacity: 0;<br />
-moz-transform: rotateY(-90deg);<br />
}<br />
50% {<br />
text-shadow: 0 0 1px #fff;<br />
opacity: 0.8;<br />
-moz-transform: rotateY(0deg);<br />
}<br />
75% {<br />
text-shadow: 0 0 1px #fff;<br />
opacity: 0.8;<br />
-moz-transform: rotateY(0deg) translateZ(60px);<br />
}<br />
100% {<br />
text-shadow: 0 0 1px #fff;<br />
opacity: 0.8;<br />
letter-spacing: 8px;<br />
-moz-transform: rotateY(0deg) translateZ(100px);<br />
}<br />
</style><br />
<br />
<style> <!--=============lightbox css ============--><br />
<br />
.italic { font-style: italic; }<br />
.small { font-size: 0.8em; }<br />
<br />
#lightbox {<br />
padding: 0 100px 30px 100px;<br />
margin:0;<br />
}<br />
<br />
/** LIGHTBOX MARKUP **/<br />
<br />
.lightbox {<br />
/** Default lightbox to hidden */<br />
display: none;<br />
<br />
/** Position and style */<br />
position: fixed;<br />
z-index: 999;<br />
width: 100%;<br />
height: 100%;<br />
text-align: center;<br />
top: 0;<br />
left: 0;<br />
background: rgba(0,0,0,0.8);<br />
}<br />
<br />
.lightbox img {<br />
/** Pad the lightbox image */<br />
max-width: 90%;<br />
max-height: 80%;<br />
margin-top: 2%;<br />
}<br />
<br />
.lightbox:target {<br />
/** Remove default browser outline */<br />
outline: none;<br />
<br />
/** Unhide lightbox **/<br />
display: block;<br />
} <br />
<br />
</style><br />
</head><br />
<br />
<body id="top"><br />
<div class="jumbotron"><br />
<div class="container"><br />
<h1>Human Practice</h1><br />
<p>We educated secondary school kids about synthetic biology and the safety issues. We also conducted a survey on understanding of synthetic biology in public.</p><br />
</div><br />
</div><br />
<br />
<br />
<div class="row" id="main-content"><br />
<div class="col-md-12" id="introduction"><br />
<h1> Introduction</h1><br />
<p>Synthetic Biology is certainly an emerging topic of importance in the field of Biotechnology. While every Synthetic Biologist or iGEMer is working hard on their masterpiece, at the same time, we should also promote Synthetic Biology to the general public. Society is always a key factor for the development of a new Science discipline or subject like Synthetic Biology. This is because what we are doing has a positive impact on society. </p><br />
<br><p>In order to gain greater support and trust from the public and promote the development of Synthetic Biology, we have the responsibility to objectively inform society about recent advances in Synthetic Biology and the iGEM competition. We believe that educating high school students is one of the most powerful means to build up a positive image for Synthetic Biology. For this reason, we have approached local high school students in our human practice outreach to provide them with information about this new scientific field.</p><br />
</div><br />
<br />
<div class="col-md-12"><br />
<div class="arrow-down"></div><br />
</div><br />
<div class="col-md-12" id="presentation"><br />
<h1> What we have done</h1><br />
<p>We have delivered a <b>seminar</b> on Synthetic Biology and the iGEM competition to our local high school students. At the seminar, we aimed:</p> <br><br />
<p><b>1. To teach students more about Genetics.</p></b><br><br />
<p><b>2. To give a clearer picture about Synthetic Biology to Secondary School students.</p></b> <br><br />
<p><b>3. To raise the awareness and interest of students in the field of Biotechnology.</p></b><br><br />
<p><b>4. To build a knowledge base for Secondary students in the field of Synthetic Biology.</p></b><br> <br />
<p>Basically, in our sharing, we provided information about the iGEM competition and the past inventions of the iGEMers, background about the CityU HK iGEM project, the essence of Synthetic Biology and some safety concerns in the field of Synthetic Biology. Please find our <b>presentation materials</b> on <a href="http://app.emaze.com/535871/human-practice-copy1-copy1">this link</a>. We hope you will have a lot of fun exploring our wiki!</p><br />
<br />
</div><br />
<br />
<div class="col-md-12"><br />
<div class="arrow-down" id="arrow2"></div><br />
</div><br />
<div class="col-md-12" id="survey"><br />
<h1> Survey </h1><br />
<p> We have also designed a set of survey questions for our audiences to fill in after listening to our seminar. The survey was designed based on the aims of the talk. Through the survey results, we can see if our outreach has achieved our aims. We visited and presented a seminar to a class of high school Biology students on 18/8/2014. Also, we invited two groups of high school Science students to visit our iGEM laboratory on 17/7/2014 and 18/7/2014. In total, 55 students attended and participated in our iGEM workshop at City University. </p><br />
<br />
<h2>What did the students think?</h2><br />
<iframe src='http://my.visme.co/embed/igem-human-practice-c4' height='500' width='1200' style='border: 0px;' webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe><br />
<br />
<br><br><br><br />
<p>Following the seminar, we raised an important question, asking the high school students for their ideas about the creation of new biological machines. Below are some of their feedbacks:</p><br />
<img src="https://static.igem.org/mediawiki/2014/e/e4/CityU_HK_Hp_survey.jpg" width="50%"><br />
<p>We could see that our audience were very receptive and open-minded to Synthetic Biology. They thought it is a positive thing and they would also like to participate in this great event in the future! All of them also have potential to be Synthetic Biologists because their ideas were creative, beyond our expectations!</p><br />
<br><br><br><br />
</div><br />
</div> <!--end of row--><br />
<br />
<!-- thumbnail image wrapped in a link --><br />
<div class="row" id="lightbox"><br />
<div class="col-md-12"><br />
<center><h1>Gallery</h1></center><br />
<a href="#img1"><br />
<img src="https://static.igem.org/mediawiki/2014/5/5e/CityU_HK_Hp_gallery_img1_big.jpg" width="250px" height="166px"><br />
</a><br />
<a href="#img2"><br />
<img src="https://static.igem.org/mediawiki/2014/2/25/CityU_HK_hp_gallery_img2.JPG" width="250px" height="166px"><br />
</a><br />
<a href="#img3"><br />
<img src="https://static.igem.org/mediawiki/2014/4/4d/CityU_HK_Hp_gallery_img3.jpg" width="250px" height="166px"><br />
</a><br />
<a href="#img4"><br />
<img src="https://static.igem.org/mediawiki/2014/8/87/CityU_HK_Hp_gallery_img4.jpg" width="250px" height="166px"><br />
</a><br />
<a href="#img5"><br />
<img src="https://static.igem.org/mediawiki/2014/1/19/CityU_HK_Hp_gallery_img5.jpg" width="250px" height="166px"><br />
</a><br />
<a href="#img6"><br />
<img src="https://static.igem.org/mediawiki/2014/5/5f/CityU_HK_Hp_gallery_img6.jpg" width="250px" height="166px"><br />
</a><br />
<a href="#img7"><br />
<img src="https://static.igem.org/mediawiki/2014/3/3c/CityU_HK_Hp_gallery_img7.jpg" width="250px" height="166px"><br />
</a><br />
<a href="#img8"><br />
<img src="https://static.igem.org/mediawiki/2014/a/ab/CityU_HK_hp_gallery_img8.jpg" width="250px" height="166px"><br />
</a><br />
<br />
<br />
<!-- lightbox container hidden with CSS --><br />
<a href="#_" class="lightbox" id="img1"><br />
<img src="https://static.igem.org/mediawiki/2014/5/5e/CityU_HK_Hp_gallery_img1_big.jpg"><br />
</a><br />
<a href="#_" class="lightbox" id="img2"><br />
<img src="https://static.igem.org/mediawiki/2014/2/25/CityU_HK_hp_gallery_img2.JPG"><br />
</a><br />
<a href="#_" class="lightbox" id="img3"> <br />
<img src="https://static.igem.org/mediawiki/2014/4/4d/CityU_HK_Hp_gallery_img3.jpg"><br />
</a><br />
<a href="#_" class="lightbox" id="img4"> <br />
<img src="https://static.igem.org/mediawiki/2014/8/87/CityU_HK_Hp_gallery_img4.jpg"><br />
</a><br />
<a href="#_" class="lightbox" id="img5"> <br />
<img src="https://static.igem.org/mediawiki/2014/1/19/CityU_HK_Hp_gallery_img5.jpg"><br />
</a><br />
<a href="#_" class="lightbox" id="img6"> <br />
<img src="https://static.igem.org/mediawiki/2014/5/5f/CityU_HK_Hp_gallery_img6.jpg"><br />
</a><br />
<a href="#_" class="lightbox" id="img7"> <br />
<img src="https://static.igem.org/mediawiki/2014/3/3c/CityU_HK_Hp_gallery_img7.jpg"><br />
</a><br />
<a href="#_" class="lightbox" id="img8"> <br />
<img src="https://static.igem.org/mediawiki/2014/a/ab/CityU_HK_hp_gallery_img8.jpg"><br />
</a><br />
</div></div><br />
<!--==================== footer ===========================--><br />
<div id="footer" class="row"><br />
<div class="col-md-7"><br />
<h3>Sponsors</h3><br />
<a href="http://www.cityu.edu.hk/" target="_blank"><img src="https://static.igem.org/mediawiki/2014/9/9c/CityU_HK_citylogo.png" width="95"></a><br />
<a href="http://www6.cityu.edu.hk/bhdbapp/deptweb/index.html" target="_blank"><img src="https://static.igem.org/mediawiki/2014/9/98/CityU_HK_bchlogo.png" width="80"></a><br />
<img src="https://static.igem.org/mediawiki/2014/b/b1/CityU_HK_Invitrogen.png" width="100"><br />
<img src="https://static.igem.org/mediawiki/2014/7/7a/CityU_HK_Neblogocol.png" width="135"><br />
<img src="https://static.igem.org/mediawiki/2014/d/dc/CityU_HK_IDT-Logo.png" width="125"><br />
</div> <!-- end of col-md-7--><br />
<br />
<div class="col-md-5"><br />
<h3>Stay connected!</h3><br />
<p>email: <a href="mailto:cityuhk.igem@gmail.com">cityuhk.igem@gmail.com</a></p><br />
<a href="http://www.facebook.com/igem.2014CityU"><img src="https://static.igem.org/mediawiki/2014/3/31/CityU_HK_fb_logo.png" width="50" height="48"></a><br />
<a href="http://twitter.com/CityUHK_iGEM"><img src="http://ibo2014.org/wordpress/wp-content/themes/ibo2014/img/navbar/twitter_icon.png" width="49" height="51"></a><br />
<a href="http://www.youtube.com/channel/UC0_bUWwafB4m0K6mFdXN7-w"><img src="https://static.igem.org/mediawiki/2014/1/12/CityU_HK_youtube_logo.png" width="52" height="50"></a><br />
</div> <!--end of col-md-5--><br />
</div> <!-- end of row--><br />
<br />
<div class="row"><br />
<div id="copyright" class="col-md-12"><br />
<p>Copyright &copy; iGEM CityU HK 2014. All Rights Reserved</p><br />
</div><br />
</div><br />
<!--end of footer—><br />
</body><br />
</html></div>Marialilokyeehttp://2014.igem.org/Team:CityU_HK/HumanPracticeTeam:CityU HK/HumanPractice2014-10-18T03:34:09Z<p>Marialilokyee: </p>
<hr />
<div>{{:Team:CityU_HK/Template}}<br />
<br />
<html><br />
<html lang="en"><br />
<br />
<head><br />
<br />
<style><br />
.jumbotron {<br />
background-image: url('https://static.igem.org/mediawiki/parts/7/75/CityUHK_HP_1400x700_Maria.jpg');<br />
background-size: 100% ;<br />
background-repeat: no-repeat;<br />
height: 640px;<br />
position: relative;<br />
top: -53px;<br />
margin-bottom: 0;<br />
z-index: -1;<br />
}<br />
<br />
.jumbotron h1 {<br />
font-weight: 600;<br />
font-family: 'Raleway', sans-serif;<br />
font-size: 8em;<br />
margin:0;<br />
position: relative;<br />
top: -50px; <br />
}<br />
<br />
.jumbotron p {<br />
color: #fff;<br />
font-weight: 300;<br />
font-family: 'Raleway', sans-serif;<br />
font-size: 1.7em;<br />
width: 800px;<br />
text-align: center;<br />
margin:0 auto;<br />
position: relative;<br />
top: -100px;<br />
}<br />
<br />
#introduction {<br />
margin:0;<br />
padding: 0 0 80px 0;<br />
}<br />
<br />
#presentation {<br />
background: #F0EEEA;<br />
margin:0;<br />
padding: 50px 0 70px 0;<br />
}<br />
<br />
#presentation h1 {<br />
padding-bottom: 50px;<br />
margin:0;<br />
}<br />
<br />
#survey h2 {<br />
font-size: 25px;<br />
padding: 10px;<br />
text-align: center;<br />
font-weight: 400;<br />
color: #555555;<br />
}<br />
<br />
iframe {<br />
width: 100%;<br />
margin:0 auto;<br />
border-radius: 3px;<br />
}<br />
<br />
#survey img {<br />
width: 100%;<br />
margin:0 auto;<br />
}<br />
<br />
#main-content h1 {<br />
text-align: center;<br />
font-weight: 600;<br />
color: #555555;<br />
}<br />
<br />
#main-content p {<br />
color: #555555;<br />
text-align: justify;<br />
font-weight: 400;<br />
font-size: 1em;<br />
/*padding: 0 10% 0 10%;*/<br />
max-width: 900px;<br />
margin: 0 auto;<br />
line-height: 2;<br />
}<br />
<br />
#main-content a {<br />
color: #3cc;<br />
font-weight: bold;<br />
}<br />
<br />
#main-content a:hover {<br />
color: orange;<br />
text-decoration: none;<br />
}<br />
<br />
.arrow-down {<br />
width: 0; <br />
height: 0; <br />
border-left: 50px solid transparent;<br />
border-right: 50px solid transparent;<br />
border-top: 30px solid #fff;<br />
position: relative;<br />
top: 20px;<br />
margin: 0 auto;<br />
z-index: 2;<br />
}<br />
#arrow2 {<br />
border-top: 30px solid #F0EEEA;<br />
position: relative;<br />
top: -10px;<br />
}<br />
<br />
#lightbox h1 {<br />
color:#555555;<br />
font-weight:400;<br />
}<br />
#footer h3 {<br />
color: #dde0e4;<br />
font-family: 'Raleway', sans-serif;<br />
font-size: 18px;<br />
font-weight: bold;<br />
padding-bottom: 20px;<br />
}<br />
<br />
#footer p {<br />
color: #777777;<br />
text-align: center;<br />
font-size: 16px;<br />
font-weight: 400;<br />
}<br />
<br />
#copyright p {<br />
font-size: 16px;<br />
font-weight: 400;<br />
color: #777777;<br />
font-family: 'Raleway', sans-serif;<br />
}<br />
</style><br />
<br />
<style> /*============ word animation===========*/<br />
.jumbotron h1 {<br />
color:#fff;<br />
text-align: center;<br />
-webkit-transform-style: preserve-3d;<br />
-moz-transform-style: preserve-3d;<br />
transform-style: preserve-3d;<br />
-webkit-transform: translate3d(0,0,0);<br />
-moz-transform: translate3d(0,0,0);<br />
transform: translate3d(0,0,0);<br />
opacity: 0;<br />
-webkit-animation: anim 3.2s ease-out forwards 1s;<br />
animation: anim 3.2s ease-out forwards 1s;<br />
}<br />
strong {<br />
display: block;<br />
font-weight: 400;<br />
}<br />
<br />
<br />
@-webkit-keyframes anim {<br />
0% {<br />
text-shadow: 0 0 50px #fff;<br />
letter-spacing: 80px;<br />
opacity: 0;<br />
-webkit-transform: rotateY(-90deg);<br />
}<br />
50% {<br />
text-shadow: 0 0 1px #fff;<br />
opacity: 0.8;<br />
-webkit-transform: rotateY(0deg);<br />
}<br />
75% {<br />
text-shadow: 0 0 1px #fff;<br />
opacity: 0.8;<br />
-webkit-transform: rotateY(0deg) translateZ(60px);<br />
}<br />
100% {<br />
text-shadow: 0 0 1px #fff;<br />
opacity: 0.8;<br />
letter-spacing: 8px;<br />
-webkit-transform: rotateY(0deg) translateZ(100px);<br />
}<br />
<br />
}<br />
@keyframes anim {<br />
0% {<br />
text-shadow: 0 0 50px #fff;<br />
letter-spacing: 80px;<br />
opacity: 0;<br />
-moz-transform: rotateY(-90deg);<br />
}<br />
50% {<br />
text-shadow: 0 0 1px #fff;<br />
opacity: 0.8;<br />
-moz-transform: rotateY(0deg);<br />
}<br />
75% {<br />
text-shadow: 0 0 1px #fff;<br />
opacity: 0.8;<br />
-moz-transform: rotateY(0deg) translateZ(60px);<br />
}<br />
100% {<br />
text-shadow: 0 0 1px #fff;<br />
opacity: 0.8;<br />
letter-spacing: 8px;<br />
-moz-transform: rotateY(0deg) translateZ(100px);<br />
}<br />
</style><br />
<br />
<style> <!--=============lightbox css ============--><br />
<br />
.italic { font-style: italic; }<br />
.small { font-size: 0.8em; }<br />
<br />
#lightbox {<br />
padding: 0 100px 30px 100px;<br />
margin:0;<br />
}<br />
<br />
/** LIGHTBOX MARKUP **/<br />
<br />
.lightbox {<br />
/** Default lightbox to hidden */<br />
display: none;<br />
<br />
/** Position and style */<br />
position: fixed;<br />
z-index: 999;<br />
width: 100%;<br />
height: 100%;<br />
text-align: center;<br />
top: 0;<br />
left: 0;<br />
background: rgba(0,0,0,0.8);<br />
}<br />
<br />
.lightbox img {<br />
/** Pad the lightbox image */<br />
max-width: 90%;<br />
max-height: 80%;<br />
margin-top: 2%;<br />
}<br />
<br />
.lightbox:target {<br />
/** Remove default browser outline */<br />
outline: none;<br />
<br />
/** Unhide lightbox **/<br />
display: block;<br />
} <br />
<br />
</style><br />
</head><br />
<br />
<body id="top"><br />
<div class="jumbotron"><br />
<div class="container"><br />
<h1>Human Practice</h1><br />
<p>We educated secondary school kids about synthetic biology and the safety issues. We also conducted a survey on understanding of synthetic biology in public.</p><br />
</div><br />
</div><br />
<br />
<br />
<div class="row" id="main-content"><br />
<div class="col-md-12" id="introduction"><br />
<h1> Introduction</h1><br />
<p>Synthetic Biology is certainly an emerging topic of importance in the field of Biotechnology. While every Synthetic Biologist or iGEMer is working hard on their masterpiece, at the same time, we should also promote Synthetic Biology to the general public. Society is always a key factor for the development of a new Science discipline or subject like Synthetic Biology. This is because what we are doing has a positive impact on society. </p><br />
<br><p>In order to gain greater support and trust from the public and promote the development of Synthetic Biology, we have the responsibility to objectively inform society about recent advances in Synthetic Biology and the iGEM competition. We believe that educating high school students is one of the most powerful means to build up a positive image for Synthetic Biology. For this reason, we have approached local high school students in our human practice outreach to provide them with information about this new scientific field.</p><br />
</div><br />
<br />
<div class="col-md-12"><br />
<div class="arrow-down"></div><br />
</div><br />
<div class="col-md-12" id="presentation"><br />
<h1> What we have done</h1><br />
<p>We have delivered a <b>seminar</b> on Synthetic Biology and the iGEM competition to our local high school students. At the seminar, we aimed:</p> <br><br />
<p><b>1. To teach students more about Genetics.</p></b><br><br />
<p><b>2. To give a clearer picture about Synthetic Biology to Secondary School students.</p></b> <br><br />
<p><b>3. To raise the awareness and interest of students in the field of Biotechnology.</p></b><br><br />
<p><b>4. To build a knowledge base for Secondary students in the field of Synthetic Biology.</p></b><br> <br />
<p>Basically, in our sharing, we provided information about the iGEM competition and the past inventions of the iGEMers, background about the CityU HK iGEM project, the essence of Synthetic Biology and some safety concerns in the field of Synthetic Biology. Please find our <b>presentation materials</b> on <a href="http://app.emaze.com/535871/human-practice-copy1-copy1">this link</a>. We hope you will have a lot of fun exploring our wiki!</p><br />
<br />
</div><br />
<br />
<div class="col-md-12"><br />
<div class="arrow-down" id="arrow2"></div><br />
</div><br />
<div class="col-md-12" id="survey"><br />
<h1> Survey </h1><br />
<p> We have also designed a set of survey questions for our audiences to fill in after listening to our seminar. The survey was designed based on the aims of the talk. Through the survey results, we can see if our outreach has achieved our aims. We visited and presented a seminar to a class of high school Biology students on 18/8/2014. Also, we invited two groups of high school Science students to visit our iGEM laboratory on 17/7/2014 and 18/7/2014. In total, 55 students attended and participated in our iGEM workshop at City University. </p><br />
<br />
<h2>What did the students think?</h2><br />
<iframe src='http://my.visme.co/embed/igem-human-practice-c4' height='500' width='1200' style='border: 0px;' webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe><br />
<br />
<br><br><br><br />
<p>Following the seminar, we raised an important question, asking the high school students for their ideas about the creation of new biological machines. Below are some of their feedbacks:</p><br />
<img src="https://static.igem.org/mediawiki/2014/e/e4/CityU_HK_Hp_survey.jpg" width=60%/><br />
<p>We could see that our audience were very receptive and open-minded to Synthetic Biology. They thought it is a positive thing and they would also like to participate in this great event in the future! All of them also have potential to be Synthetic Biologists because their ideas were creative, beyond our expectations!</p><br />
<br><br><br><br />
</div><br />
</div> <!--end of row--><br />
<br />
<!-- thumbnail image wrapped in a link --><br />
<div class="row" id="lightbox"><br />
<div class="col-md-12"><br />
<center><h1>Gallery</h1></center><br />
<a href="#img1"><br />
<img src="https://static.igem.org/mediawiki/2014/5/5e/CityU_HK_Hp_gallery_img1_big.jpg" width="250px" height="166px"><br />
</a><br />
<a href="#img2"><br />
<img src="https://static.igem.org/mediawiki/2014/2/25/CityU_HK_hp_gallery_img2.JPG" width="250px" height="166px"><br />
</a><br />
<a href="#img3"><br />
<img src="https://static.igem.org/mediawiki/2014/4/4d/CityU_HK_Hp_gallery_img3.jpg" width="250px" height="166px"><br />
</a><br />
<a href="#img4"><br />
<img src="https://static.igem.org/mediawiki/2014/8/87/CityU_HK_Hp_gallery_img4.jpg" width="250px" height="166px"><br />
</a><br />
<a href="#img5"><br />
<img src="https://static.igem.org/mediawiki/2014/1/19/CityU_HK_Hp_gallery_img5.jpg" width="250px" height="166px"><br />
</a><br />
<a href="#img6"><br />
<img src="https://static.igem.org/mediawiki/2014/5/5f/CityU_HK_Hp_gallery_img6.jpg" width="250px" height="166px"><br />
</a><br />
<a href="#img7"><br />
<img src="https://static.igem.org/mediawiki/2014/3/3c/CityU_HK_Hp_gallery_img7.jpg" width="250px" height="166px"><br />
</a><br />
<a href="#img8"><br />
<img src="https://static.igem.org/mediawiki/2014/a/ab/CityU_HK_hp_gallery_img8.jpg" width="250px" height="166px"><br />
</a><br />
<br />
<br />
<!-- lightbox container hidden with CSS --><br />
<a href="#_" class="lightbox" id="img1"><br />
<img src="https://static.igem.org/mediawiki/2014/5/5e/CityU_HK_Hp_gallery_img1_big.jpg"><br />
</a><br />
<a href="#_" class="lightbox" id="img2"><br />
<img src="https://static.igem.org/mediawiki/2014/2/25/CityU_HK_hp_gallery_img2.JPG"><br />
</a><br />
<a href="#_" class="lightbox" id="img3"> <br />
<img src="https://static.igem.org/mediawiki/2014/4/4d/CityU_HK_Hp_gallery_img3.jpg"><br />
</a><br />
<a href="#_" class="lightbox" id="img4"> <br />
<img src="https://static.igem.org/mediawiki/2014/8/87/CityU_HK_Hp_gallery_img4.jpg"><br />
</a><br />
<a href="#_" class="lightbox" id="img5"> <br />
<img src="https://static.igem.org/mediawiki/2014/1/19/CityU_HK_Hp_gallery_img5.jpg"><br />
</a><br />
<a href="#_" class="lightbox" id="img6"> <br />
<img src="https://static.igem.org/mediawiki/2014/5/5f/CityU_HK_Hp_gallery_img6.jpg"><br />
</a><br />
<a href="#_" class="lightbox" id="img7"> <br />
<img src="https://static.igem.org/mediawiki/2014/3/3c/CityU_HK_Hp_gallery_img7.jpg"><br />
</a><br />
<a href="#_" class="lightbox" id="img8"> <br />
<img src="https://static.igem.org/mediawiki/2014/a/ab/CityU_HK_hp_gallery_img8.jpg"><br />
</a><br />
</div></div><br />
<!--==================== footer ===========================--><br />
<div id="footer" class="row"><br />
<div class="col-md-7"><br />
<h3>Sponsors</h3><br />
<a href="http://www.cityu.edu.hk/" target="_blank"><img src="https://static.igem.org/mediawiki/2014/9/9c/CityU_HK_citylogo.png" width="95"></a><br />
<a href="http://www6.cityu.edu.hk/bhdbapp/deptweb/index.html" target="_blank"><img src="https://static.igem.org/mediawiki/2014/9/98/CityU_HK_bchlogo.png" width="80"></a><br />
<img src="https://static.igem.org/mediawiki/2014/b/b1/CityU_HK_Invitrogen.png" width="100"><br />
<img src="https://static.igem.org/mediawiki/2014/7/7a/CityU_HK_Neblogocol.png" width="135"><br />
<img src="https://static.igem.org/mediawiki/2014/d/dc/CityU_HK_IDT-Logo.png" width="125"><br />
</div> <!-- end of col-md-7--><br />
<br />
<div class="col-md-5"><br />
<h3>Stay connected!</h3><br />
<p>email: <a href="mailto:cityuhk.igem@gmail.com">cityuhk.igem@gmail.com</a></p><br />
<a href="http://www.facebook.com/igem.2014CityU"><img src="https://static.igem.org/mediawiki/2014/3/31/CityU_HK_fb_logo.png" width="50" height="48"></a><br />
<a href="http://twitter.com/CityUHK_iGEM"><img src="http://ibo2014.org/wordpress/wp-content/themes/ibo2014/img/navbar/twitter_icon.png" width="49" height="51"></a><br />
<a href="http://www.youtube.com/channel/UC0_bUWwafB4m0K6mFdXN7-w"><img src="https://static.igem.org/mediawiki/2014/1/12/CityU_HK_youtube_logo.png" width="52" height="50"></a><br />
</div> <!--end of col-md-5--><br />
</div> <!-- end of row--><br />
<br />
<div class="row"><br />
<div id="copyright" class="col-md-12"><br />
<p>Copyright &copy; iGEM CityU HK 2014. All Rights Reserved</p><br />
</div><br />
</div><br />
<!--end of footer—><br />
</body><br />
</html></div>Marialilokyeehttp://2014.igem.org/Team:CityU_HK/HumanPracticeTeam:CityU HK/HumanPractice2014-10-18T03:32:33Z<p>Marialilokyee: </p>
<hr />
<div>{{:Team:CityU_HK/Template}}<br />
<br />
<html><br />
<html lang="en"><br />
<br />
<head><br />
<br />
<style><br />
.jumbotron {<br />
background-image: url('https://static.igem.org/mediawiki/parts/7/75/CityUHK_HP_1400x700_Maria.jpg');<br />
background-size: 100% ;<br />
background-repeat: no-repeat;<br />
height: 640px;<br />
position: relative;<br />
top: -53px;<br />
margin-bottom: 0;<br />
z-index: -1;<br />
}<br />
<br />
.jumbotron h1 {<br />
font-weight: 600;<br />
font-family: 'Raleway', sans-serif;<br />
font-size: 8em;<br />
margin:0;<br />
position: relative;<br />
top: -50px; <br />
}<br />
<br />
.jumbotron p {<br />
color: #fff;<br />
font-weight: 300;<br />
font-family: 'Raleway', sans-serif;<br />
font-size: 1.7em;<br />
width: 800px;<br />
text-align: center;<br />
margin:0 auto;<br />
position: relative;<br />
top: -100px;<br />
}<br />
<br />
#introduction {<br />
margin:0;<br />
padding: 0 0 80px 0;<br />
}<br />
<br />
#presentation {<br />
background: #F0EEEA;<br />
margin:0;<br />
padding: 50px 0 70px 0;<br />
}<br />
<br />
#presentation h1 {<br />
padding-bottom: 50px;<br />
margin:0;<br />
}<br />
<br />
#survey h2 {<br />
font-size: 25px;<br />
padding: 10px;<br />
text-align: center;<br />
font-weight: 400;<br />
color: #555555;<br />
}<br />
<br />
iframe {<br />
width: 100%;<br />
margin:0 auto;<br />
border-radius: 3px;<br />
}<br />
<br />
#survey img {<br />
width: 100%;<br />
margin:0 auto;<br />
}<br />
<br />
#main-content h1 {<br />
text-align: center;<br />
font-weight: 600;<br />
color: #555555;<br />
}<br />
<br />
#main-content p {<br />
color: #555555;<br />
text-align: justify;<br />
font-weight: 400;<br />
font-size: 1em;<br />
/*padding: 0 10% 0 10%;*/<br />
max-width: 900px;<br />
margin: 0 auto;<br />
line-height: 2;<br />
}<br />
<br />
#main-content a {<br />
color: #3cc;<br />
font-weight: bold;<br />
}<br />
<br />
#main-content a:hover {<br />
color: orange;<br />
text-decoration: none;<br />
}<br />
<br />
.arrow-down {<br />
width: 0; <br />
height: 0; <br />
border-left: 50px solid transparent;<br />
border-right: 50px solid transparent;<br />
border-top: 30px solid #fff;<br />
position: relative;<br />
top: 20px;<br />
margin: 0 auto;<br />
z-index: 2;<br />
}<br />
#arrow2 {<br />
border-top: 30px solid #F0EEEA;<br />
position: relative;<br />
top: -10px;<br />
}<br />
<br />
#lightbox h1 {<br />
color:#555555;<br />
font-weight:400;<br />
}<br />
#footer h3 {<br />
color: #dde0e4;<br />
font-family: 'Raleway', sans-serif;<br />
font-size: 18px;<br />
font-weight: bold;<br />
padding-bottom: 20px;<br />
}<br />
<br />
#footer p {<br />
color: #777777;<br />
text-align: center;<br />
font-size: 16px;<br />
font-weight: 400;<br />
}<br />
<br />
#copyright p {<br />
font-size: 16px;<br />
font-weight: 400;<br />
color: #777777;<br />
font-family: 'Raleway', sans-serif;<br />
}<br />
</style><br />
<br />
<style> /*============ word animation===========*/<br />
.jumbotron h1 {<br />
color:#fff;<br />
text-align: center;<br />
-webkit-transform-style: preserve-3d;<br />
-moz-transform-style: preserve-3d;<br />
transform-style: preserve-3d;<br />
-webkit-transform: translate3d(0,0,0);<br />
-moz-transform: translate3d(0,0,0);<br />
transform: translate3d(0,0,0);<br />
opacity: 0;<br />
-webkit-animation: anim 3.2s ease-out forwards 1s;<br />
animation: anim 3.2s ease-out forwards 1s;<br />
}<br />
strong {<br />
display: block;<br />
font-weight: 400;<br />
}<br />
<br />
<br />
@-webkit-keyframes anim {<br />
0% {<br />
text-shadow: 0 0 50px #fff;<br />
letter-spacing: 80px;<br />
opacity: 0;<br />
-webkit-transform: rotateY(-90deg);<br />
}<br />
50% {<br />
text-shadow: 0 0 1px #fff;<br />
opacity: 0.8;<br />
-webkit-transform: rotateY(0deg);<br />
}<br />
75% {<br />
text-shadow: 0 0 1px #fff;<br />
opacity: 0.8;<br />
-webkit-transform: rotateY(0deg) translateZ(60px);<br />
}<br />
100% {<br />
text-shadow: 0 0 1px #fff;<br />
opacity: 0.8;<br />
letter-spacing: 8px;<br />
-webkit-transform: rotateY(0deg) translateZ(100px);<br />
}<br />
<br />
}<br />
@keyframes anim {<br />
0% {<br />
text-shadow: 0 0 50px #fff;<br />
letter-spacing: 80px;<br />
opacity: 0;<br />
-moz-transform: rotateY(-90deg);<br />
}<br />
50% {<br />
text-shadow: 0 0 1px #fff;<br />
opacity: 0.8;<br />
-moz-transform: rotateY(0deg);<br />
}<br />
75% {<br />
text-shadow: 0 0 1px #fff;<br />
opacity: 0.8;<br />
-moz-transform: rotateY(0deg) translateZ(60px);<br />
}<br />
100% {<br />
text-shadow: 0 0 1px #fff;<br />
opacity: 0.8;<br />
letter-spacing: 8px;<br />
-moz-transform: rotateY(0deg) translateZ(100px);<br />
}<br />
</style><br />
<br />
<style> <!--=============lightbox css ============--><br />
<br />
.italic { font-style: italic; }<br />
.small { font-size: 0.8em; }<br />
<br />
#lightbox {<br />
padding: 0 100px 30px 100px;<br />
margin:0;<br />
}<br />
<br />
/** LIGHTBOX MARKUP **/<br />
<br />
.lightbox {<br />
/** Default lightbox to hidden */<br />
display: none;<br />
<br />
/** Position and style */<br />
position: fixed;<br />
z-index: 999;<br />
width: 100%;<br />
height: 100%;<br />
text-align: center;<br />
top: 0;<br />
left: 0;<br />
background: rgba(0,0,0,0.8);<br />
}<br />
<br />
.lightbox img {<br />
/** Pad the lightbox image */<br />
max-width: 90%;<br />
max-height: 80%;<br />
margin-top: 2%;<br />
}<br />
<br />
.lightbox:target {<br />
/** Remove default browser outline */<br />
outline: none;<br />
<br />
/** Unhide lightbox **/<br />
display: block;<br />
} <br />
<br />
</style><br />
</head><br />
<br />
<body id="top"><br />
<div class="jumbotron"><br />
<div class="container"><br />
<h1>Human Practice</h1><br />
<p>We educated secondary school kids about synthetic biology and the safety issues. We also conducted a survey on understanding of synthetic biology in public.</p><br />
</div><br />
</div><br />
<br />
<br />
<div class="row" id="main-content"><br />
<div class="col-md-12" id="introduction"><br />
<h1> Introduction</h1><br />
<p>Synthetic Biology is certainly an emerging topic of importance in the field of Biotechnology. While every Synthetic Biologist or iGEMer is working hard on their masterpiece, at the same time, we should also promote Synthetic Biology to the general public. Society is always a key factor for the development of a new Science discipline or subject like Synthetic Biology. This is because what we are doing has a positive impact on society. </p><br />
<br><p>In order to gain greater support and trust from the public and promote the development of Synthetic Biology, we have the responsibility to objectively inform society about recent advances in Synthetic Biology and the iGEM competition. We believe that educating high school students is one of the most powerful means to build up a positive image for Synthetic Biology. For this reason, we have approached local high school students in our human practice outreach to provide them with information about this new scientific field.</p><br />
</div><br />
<br />
<div class="col-md-12"><br />
<div class="arrow-down"></div><br />
</div><br />
<div class="col-md-12" id="presentation"><br />
<h1> What we have done</h1><br />
<p>We have delivered a <b>seminar</b> on Synthetic Biology and the iGEM competition to our local high school students. At the seminar, we aimed:</p> <br><br />
<p><b>1. To teach students more about Genetics.</p></b><br><br />
<p><b>2. To give a clearer picture about Synthetic Biology to Secondary School students.</p></b> <br><br />
<p><b>3. To raise the awareness and interest of students in the field of Biotechnology.</p></b><br><br />
<p><b>4. To build a knowledge base for Secondary students in the field of Synthetic Biology.</p></b><br> <br />
<p>Basically, in our sharing, we provided information about the iGEM competition and the past inventions of the iGEMers, background about the CityU HK iGEM project, the essence of Synthetic Biology and some safety concerns in the field of Synthetic Biology. Please find our <b>presentation materials</b> on <a href="http://app.emaze.com/535871/human-practice-copy1-copy1">this link</a>. We hope you will have a lot of fun exploring our wiki!</p><br />
<br />
</div><br />
<br />
<div class="col-md-12"><br />
<div class="arrow-down" id="arrow2"></div><br />
</div><br />
<div class="col-md-12" id="survey"><br />
<h1> Survey </h1><br />
<p> We have also designed a set of survey questions for our audiences to fill in after listening to our seminar. The survey was designed based on the aims of the talk. Through the survey results, we can see if our outreach has achieved our aims. We visited and presented a seminar to a class of high school Biology students on 18/8/2014. Also, we invited two groups of high school Science students to visit our iGEM laboratory on 17/7/2014 and 18/7/2014. In total, 55 students attended and participated in our iGEM workshop at City University. </p><br />
<br />
<h2>What did the students think?</h2><br />
<iframe src='http://my.visme.co/embed/igem-human-practice-c4' height='500' width='1200' style='border: 0px;' webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe><br />
<br />
<br><br><br><br />
<p>Following the seminar, we raised an important question, asking the high school students for their ideas about the creation of new biological machines. Below are some of their feedbacks:</p><br />
<img src="https://static.igem.org/mediawiki/2014/e/e4/CityU_HK_Hp_survey.jpg" height=60%/><br />
<p>We could see that our audience were very receptive and open-minded to Synthetic Biology. They thought it is a positive thing and they would also like to participate in this great event in the future! All of them also have potential to be Synthetic Biologists because their ideas were creative, beyond our expectations!</p><br />
<br><br><br><br />
</div><br />
</div> <!--end of row--><br />
<br />
<!-- thumbnail image wrapped in a link --><br />
<div class="row" id="lightbox"><br />
<div class="col-md-12"><br />
<center><h1>Gallery</h1></center><br />
<a href="#img1"><br />
<img src="https://static.igem.org/mediawiki/2014/5/5e/CityU_HK_Hp_gallery_img1_big.jpg" width="250px" height="166px"><br />
</a><br />
<a href="#img2"><br />
<img src="https://static.igem.org/mediawiki/2014/2/25/CityU_HK_hp_gallery_img2.JPG" width="250px" height="166px"><br />
</a><br />
<a href="#img3"><br />
<img src="https://static.igem.org/mediawiki/2014/4/4d/CityU_HK_Hp_gallery_img3.jpg" width="250px" height="166px"><br />
</a><br />
<a href="#img4"><br />
<img src="https://static.igem.org/mediawiki/2014/8/87/CityU_HK_Hp_gallery_img4.jpg" width="250px" height="166px"><br />
</a><br />
<a href="#img5"><br />
<img src="https://static.igem.org/mediawiki/2014/1/19/CityU_HK_Hp_gallery_img5.jpg" width="250px" height="166px"><br />
</a><br />
<a href="#img6"><br />
<img src="https://static.igem.org/mediawiki/2014/5/5f/CityU_HK_Hp_gallery_img6.jpg" width="250px" height="166px"><br />
</a><br />
<a href="#img7"><br />
<img src="https://static.igem.org/mediawiki/2014/3/3c/CityU_HK_Hp_gallery_img7.jpg" width="250px" height="166px"><br />
</a><br />
<a href="#img8"><br />
<img src="https://static.igem.org/mediawiki/2014/a/ab/CityU_HK_hp_gallery_img8.jpg" width="250px" height="166px"><br />
</a><br />
<br />
<br />
<!-- lightbox container hidden with CSS --><br />
<a href="#_" class="lightbox" id="img1"><br />
<img src="https://static.igem.org/mediawiki/2014/5/5e/CityU_HK_Hp_gallery_img1_big.jpg"><br />
</a><br />
<a href="#_" class="lightbox" id="img2"><br />
<img src="https://static.igem.org/mediawiki/2014/2/25/CityU_HK_hp_gallery_img2.JPG"><br />
</a><br />
<a href="#_" class="lightbox" id="img3"> <br />
<img src="https://static.igem.org/mediawiki/2014/4/4d/CityU_HK_Hp_gallery_img3.jpg"><br />
</a><br />
<a href="#_" class="lightbox" id="img4"> <br />
<img src="https://static.igem.org/mediawiki/2014/8/87/CityU_HK_Hp_gallery_img4.jpg"><br />
</a><br />
<a href="#_" class="lightbox" id="img5"> <br />
<img src="https://static.igem.org/mediawiki/2014/1/19/CityU_HK_Hp_gallery_img5.jpg"><br />
</a><br />
<a href="#_" class="lightbox" id="img6"> <br />
<img src="https://static.igem.org/mediawiki/2014/5/5f/CityU_HK_Hp_gallery_img6.jpg"><br />
</a><br />
<a href="#_" class="lightbox" id="img7"> <br />
<img src="https://static.igem.org/mediawiki/2014/3/3c/CityU_HK_Hp_gallery_img7.jpg"><br />
</a><br />
<a href="#_" class="lightbox" id="img8"> <br />
<img src="https://static.igem.org/mediawiki/2014/a/ab/CityU_HK_hp_gallery_img8.jpg"><br />
</a><br />
</div></div><br />
<!--==================== footer ===========================--><br />
<div id="footer" class="row"><br />
<div class="col-md-7"><br />
<h3>Sponsors</h3><br />
<a href="http://www.cityu.edu.hk/" target="_blank"><img src="https://static.igem.org/mediawiki/2014/9/9c/CityU_HK_citylogo.png" width="95"></a><br />
<a href="http://www6.cityu.edu.hk/bhdbapp/deptweb/index.html" target="_blank"><img src="https://static.igem.org/mediawiki/2014/9/98/CityU_HK_bchlogo.png" width="80"></a><br />
<img src="https://static.igem.org/mediawiki/2014/b/b1/CityU_HK_Invitrogen.png" width="100"><br />
<img src="https://static.igem.org/mediawiki/2014/7/7a/CityU_HK_Neblogocol.png" width="135"><br />
<img src="https://static.igem.org/mediawiki/2014/d/dc/CityU_HK_IDT-Logo.png" width="125"><br />
</div> <!-- end of col-md-7--><br />
<br />
<div class="col-md-5"><br />
<h3>Stay connected!</h3><br />
<p>email: <a href="mailto:cityuhk.igem@gmail.com">cityuhk.igem@gmail.com</a></p><br />
<a href="http://www.facebook.com/igem.2014CityU"><img src="https://static.igem.org/mediawiki/2014/3/31/CityU_HK_fb_logo.png" width="50" height="48"></a><br />
<a href="http://twitter.com/CityUHK_iGEM"><img src="http://ibo2014.org/wordpress/wp-content/themes/ibo2014/img/navbar/twitter_icon.png" width="49" height="51"></a><br />
<a href="http://www.youtube.com/channel/UC0_bUWwafB4m0K6mFdXN7-w"><img src="https://static.igem.org/mediawiki/2014/1/12/CityU_HK_youtube_logo.png" width="52" height="50"></a><br />
</div> <!--end of col-md-5--><br />
</div> <!-- end of row--><br />
<br />
<div class="row"><br />
<div id="copyright" class="col-md-12"><br />
<p>Copyright &copy; iGEM CityU HK 2014. All Rights Reserved</p><br />
</div><br />
</div><br />
<!--end of footer—><br />
</body><br />
</html></div>Marialilokyeehttp://2014.igem.org/Team:CityU_HK/HumanPracticeTeam:CityU HK/HumanPractice2014-10-18T03:28:15Z<p>Marialilokyee: </p>
<hr />
<div>{{:Team:CityU_HK/Template}}<br />
<br />
<html><br />
<html lang="en"><br />
<br />
<head><br />
<br />
<style><br />
.jumbotron {<br />
background-image: url('https://static.igem.org/mediawiki/parts/7/75/CityUHK_HP_1400x700_Maria.jpg');<br />
background-size: 100% ;<br />
background-repeat: no-repeat;<br />
height: 640px;<br />
position: relative;<br />
top: -53px;<br />
margin-bottom: 0;<br />
z-index: -1;<br />
}<br />
<br />
.jumbotron h1 {<br />
font-weight: 600;<br />
font-family: 'Raleway', sans-serif;<br />
font-size: 8em;<br />
margin:0;<br />
position: relative;<br />
top: -50px; <br />
}<br />
<br />
.jumbotron p {<br />
color: #fff;<br />
font-weight: 300;<br />
font-family: 'Raleway', sans-serif;<br />
font-size: 1.7em;<br />
width: 800px;<br />
text-align: center;<br />
margin:0 auto;<br />
position: relative;<br />
top: -100px;<br />
}<br />
<br />
#introduction {<br />
margin:0;<br />
padding: 0 0 80px 0;<br />
}<br />
<br />
#presentation {<br />
background: #F0EEEA;<br />
margin:0;<br />
padding: 50px 0 70px 0;<br />
}<br />
<br />
#presentation h1 {<br />
padding-bottom: 50px;<br />
margin:0;<br />
}<br />
<br />
#survey h2 {<br />
font-size: 25px;<br />
padding: 10px;<br />
text-align: center;<br />
font-weight: 400;<br />
color: #555555;<br />
}<br />
<br />
iframe {<br />
width: 100%;<br />
margin:0 auto;<br />
border-radius: 3px;<br />
}<br />
<br />
#survey img {<br />
width: 100%;<br />
margin:0 auto;<br />
}<br />
<br />
#main-content h1 {<br />
text-align: center;<br />
font-weight: 600;<br />
color: #555555;<br />
}<br />
<br />
#main-content p {<br />
color: #555555;<br />
text-align: justify;<br />
font-weight: 400;<br />
font-size: 1em;<br />
/*padding: 0 10% 0 10%;*/<br />
max-width: 900px;<br />
margin: 0 auto;<br />
line-height: 2;<br />
}<br />
<br />
#main-content a {<br />
color: #3cc;<br />
font-weight: bold;<br />
}<br />
<br />
#main-content a:hover {<br />
color: orange;<br />
text-decoration: none;<br />
}<br />
<br />
.arrow-down {<br />
width: 0; <br />
height: 0; <br />
border-left: 50px solid transparent;<br />
border-right: 50px solid transparent;<br />
border-top: 30px solid #fff;<br />
position: relative;<br />
top: 20px;<br />
margin: 0 auto;<br />
z-index: 2;<br />
}<br />
#arrow2 {<br />
border-top: 30px solid #F0EEEA;<br />
position: relative;<br />
top: -10px;<br />
}<br />
<br />
#lightbox h1 {<br />
color:#555555;<br />
font-weight:400;<br />
}<br />
#footer h3 {<br />
color: #dde0e4;<br />
font-family: 'Raleway', sans-serif;<br />
font-size: 18px;<br />
font-weight: bold;<br />
padding-bottom: 20px;<br />
}<br />
<br />
#footer p {<br />
color: #777777;<br />
text-align: center;<br />
font-size: 16px;<br />
font-weight: 400;<br />
}<br />
<br />
#copyright p {<br />
font-size: 16px;<br />
font-weight: 400;<br />
color: #777777;<br />
font-family: 'Raleway', sans-serif;<br />
}<br />
</style><br />
<br />
<style> /*============ word animation===========*/<br />
.jumbotron h1 {<br />
color:#fff;<br />
text-align: center;<br />
-webkit-transform-style: preserve-3d;<br />
-moz-transform-style: preserve-3d;<br />
transform-style: preserve-3d;<br />
-webkit-transform: translate3d(0,0,0);<br />
-moz-transform: translate3d(0,0,0);<br />
transform: translate3d(0,0,0);<br />
opacity: 0;<br />
-webkit-animation: anim 3.2s ease-out forwards 1s;<br />
animation: anim 3.2s ease-out forwards 1s;<br />
}<br />
strong {<br />
display: block;<br />
font-weight: 400;<br />
}<br />
<br />
<br />
@-webkit-keyframes anim {<br />
0% {<br />
text-shadow: 0 0 50px #fff;<br />
letter-spacing: 80px;<br />
opacity: 0;<br />
-webkit-transform: rotateY(-90deg);<br />
}<br />
50% {<br />
text-shadow: 0 0 1px #fff;<br />
opacity: 0.8;<br />
-webkit-transform: rotateY(0deg);<br />
}<br />
75% {<br />
text-shadow: 0 0 1px #fff;<br />
opacity: 0.8;<br />
-webkit-transform: rotateY(0deg) translateZ(60px);<br />
}<br />
100% {<br />
text-shadow: 0 0 1px #fff;<br />
opacity: 0.8;<br />
letter-spacing: 8px;<br />
-webkit-transform: rotateY(0deg) translateZ(100px);<br />
}<br />
<br />
}<br />
@keyframes anim {<br />
0% {<br />
text-shadow: 0 0 50px #fff;<br />
letter-spacing: 80px;<br />
opacity: 0;<br />
-moz-transform: rotateY(-90deg);<br />
}<br />
50% {<br />
text-shadow: 0 0 1px #fff;<br />
opacity: 0.8;<br />
-moz-transform: rotateY(0deg);<br />
}<br />
75% {<br />
text-shadow: 0 0 1px #fff;<br />
opacity: 0.8;<br />
-moz-transform: rotateY(0deg) translateZ(60px);<br />
}<br />
100% {<br />
text-shadow: 0 0 1px #fff;<br />
opacity: 0.8;<br />
letter-spacing: 8px;<br />
-moz-transform: rotateY(0deg) translateZ(100px);<br />
}<br />
</style><br />
<br />
<style> <!--=============lightbox css ============--><br />
<br />
.italic { font-style: italic; }<br />
.small { font-size: 0.8em; }<br />
<br />
#lightbox {<br />
padding: 0 100px 30px 100px;<br />
margin:0;<br />
}<br />
<br />
/** LIGHTBOX MARKUP **/<br />
<br />
.lightbox {<br />
/** Default lightbox to hidden */<br />
display: none;<br />
<br />
/** Position and style */<br />
position: fixed;<br />
z-index: 999;<br />
width: 100%;<br />
height: 100%;<br />
text-align: center;<br />
top: 0;<br />
left: 0;<br />
background: rgba(0,0,0,0.8);<br />
}<br />
<br />
.lightbox img {<br />
/** Pad the lightbox image */<br />
max-width: 90%;<br />
max-height: 80%;<br />
margin-top: 2%;<br />
}<br />
<br />
.lightbox:target {<br />
/** Remove default browser outline */<br />
outline: none;<br />
<br />
/** Unhide lightbox **/<br />
display: block;<br />
} <br />
<br />
</style><br />
</head><br />
<br />
<body id="top"><br />
<div class="jumbotron"><br />
<div class="container"><br />
<h1>Human Practice</h1><br />
<p>We educated secondary school kids about synthetic biology and the safety issues. We also conducted a survey on understanding of synthetic biology in public.</p><br />
</div><br />
</div><br />
<br />
<br />
<div class="row" id="main-content"><br />
<div class="col-md-12" id="introduction"><br />
<h1> Introduction</h1><br />
<p>Synthetic Biology is certainly an emerging topic of importance in the field of Biotechnology. While every Synthetic Biologist or iGEMer is working hard on their masterpiece, at the same time, we should also promote Synthetic Biology to the general public. Society is always a key factor for the development of a new Science discipline or subject like Synthetic Biology. This is because what we are doing has a positive impact on society. </p><br />
<br><p>In order to gain greater support and trust from the public and promote the development of Synthetic Biology, we have the responsibility to objectively inform society about recent advances in Synthetic Biology and the iGEM competition. We believe that educating high school students is one of the most powerful means to build up a positive image for Synthetic Biology. For this reason, we have approached local high school students in our human practice outreach to provide them with information about this new scientific field.</p><br />
</div><br />
<br />
<div class="col-md-12"><br />
<div class="arrow-down"></div><br />
</div><br />
<div class="col-md-12" id="presentation"><br />
<h1> What we have done</h1><br />
<p>We have delivered a <b>seminar</b> on Synthetic Biology and the iGEM competition to our local high school students. At the seminar, we aimed:</p> <br><br />
<p><b>1. To teach students more about Genetics.</p></b><br><br />
<p><b>2. To give a clearer picture about Synthetic Biology to Secondary School students.</p></b> <br><br />
<p><b>3. To raise the awareness and interest of students in the field of Biotechnology.</p></b><br><br />
<p><b>4. To build a knowledge base for Secondary students in the field of Synthetic Biology.</p></b><br> <br />
<p>Basically, in our sharing, we provided information about the iGEM competition and the past inventions of the iGEMers, background about the CityU HK iGEM project, the essence of Synthetic Biology and some safety concerns in the field of Synthetic Biology. Please find our <b>presentation materials</b> on <a href="http://app.emaze.com/535871/human-practice-copy1-copy1">this link</a>. We hope you will have a lot of fun exploring our wiki!</p><br />
<br />
</div><br />
<br />
<div class="col-md-12"><br />
<div class="arrow-down" id="arrow2"></div><br />
</div><br />
<div class="col-md-12" id="survey"><br />
<h1> Survey </h1><br />
<p> We have also designed a set of survey questions for our audiences to fill in after listening to our seminar. The survey was designed based on the aims of the talk. Through the survey results, we can see if our outreach has achieved our aims. We visited and presented a seminar to a class of high school Biology students on 18/8/2014. Also, we invited two groups of high school Science students to visit our iGEM laboratory on 17/7/2014 and 18/7/2014. In total, 55 students attended and participated in our iGEM workshop at City University. </p><br />
<br />
<h2>What did the students think?</h2><br />
<iframe src='http://my.visme.co/embed/igem-human-practice-c4' height='500' width='1200' style='border: 0px;' webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe><br />
<br />
<br><br><br><br />
<p>We had also raised a question to ask for any idea to create a new biological machine. Here were their feedbacks:</p><br />
<img src="https://static.igem.org/mediawiki/2014/e/e4/CityU_HK_Hp_survey.jpg" height=60%/><br />
<p>We could see that our audiences were open-minded to Synthetic Biology. They thought it was a positive thing and they would also like to participate in this great event! All of them also got potential to be a Synthetic Biologists because their ideas were creative, out of our expectation!</p><br />
<br><br><br><br />
</div><br />
</div> <!--end of row--><br />
<br />
<!-- thumbnail image wrapped in a link --><br />
<div class="row" id="lightbox"><br />
<div class="col-md-12"><br />
<center><h1>Gallery</h1></center><br />
<a href="#img1"><br />
<img src="https://static.igem.org/mediawiki/2014/5/5e/CityU_HK_Hp_gallery_img1_big.jpg" width="250px" height="166px"><br />
</a><br />
<a href="#img2"><br />
<img src="https://static.igem.org/mediawiki/2014/2/25/CityU_HK_hp_gallery_img2.JPG" width="250px" height="166px"><br />
</a><br />
<a href="#img3"><br />
<img src="https://static.igem.org/mediawiki/2014/4/4d/CityU_HK_Hp_gallery_img3.jpg" width="250px" height="166px"><br />
</a><br />
<a href="#img4"><br />
<img src="https://static.igem.org/mediawiki/2014/8/87/CityU_HK_Hp_gallery_img4.jpg" width="250px" height="166px"><br />
</a><br />
<a href="#img5"><br />
<img src="https://static.igem.org/mediawiki/2014/1/19/CityU_HK_Hp_gallery_img5.jpg" width="250px" height="166px"><br />
</a><br />
<a href="#img6"><br />
<img src="https://static.igem.org/mediawiki/2014/5/5f/CityU_HK_Hp_gallery_img6.jpg" width="250px" height="166px"><br />
</a><br />
<a href="#img7"><br />
<img src="https://static.igem.org/mediawiki/2014/3/3c/CityU_HK_Hp_gallery_img7.jpg" width="250px" height="166px"><br />
</a><br />
<a href="#img8"><br />
<img src="https://static.igem.org/mediawiki/2014/a/ab/CityU_HK_hp_gallery_img8.jpg" width="250px" height="166px"><br />
</a><br />
<br />
<br />
<!-- lightbox container hidden with CSS --><br />
<a href="#_" class="lightbox" id="img1"><br />
<img src="https://static.igem.org/mediawiki/2014/5/5e/CityU_HK_Hp_gallery_img1_big.jpg"><br />
</a><br />
<a href="#_" class="lightbox" id="img2"><br />
<img src="https://static.igem.org/mediawiki/2014/2/25/CityU_HK_hp_gallery_img2.JPG"><br />
</a><br />
<a href="#_" class="lightbox" id="img3"> <br />
<img src="https://static.igem.org/mediawiki/2014/4/4d/CityU_HK_Hp_gallery_img3.jpg"><br />
</a><br />
<a href="#_" class="lightbox" id="img4"> <br />
<img src="https://static.igem.org/mediawiki/2014/8/87/CityU_HK_Hp_gallery_img4.jpg"><br />
</a><br />
<a href="#_" class="lightbox" id="img5"> <br />
<img src="https://static.igem.org/mediawiki/2014/1/19/CityU_HK_Hp_gallery_img5.jpg"><br />
</a><br />
<a href="#_" class="lightbox" id="img6"> <br />
<img src="https://static.igem.org/mediawiki/2014/5/5f/CityU_HK_Hp_gallery_img6.jpg"><br />
</a><br />
<a href="#_" class="lightbox" id="img7"> <br />
<img src="https://static.igem.org/mediawiki/2014/3/3c/CityU_HK_Hp_gallery_img7.jpg"><br />
</a><br />
<a href="#_" class="lightbox" id="img8"> <br />
<img src="https://static.igem.org/mediawiki/2014/a/ab/CityU_HK_hp_gallery_img8.jpg"><br />
</a><br />
</div></div><br />
<!--==================== footer ===========================--><br />
<div id="footer" class="row"><br />
<div class="col-md-7"><br />
<h3>Sponsors</h3><br />
<a href="http://www.cityu.edu.hk/" target="_blank"><img src="https://static.igem.org/mediawiki/2014/9/9c/CityU_HK_citylogo.png" width="95"></a><br />
<a href="http://www6.cityu.edu.hk/bhdbapp/deptweb/index.html" target="_blank"><img src="https://static.igem.org/mediawiki/2014/9/98/CityU_HK_bchlogo.png" width="80"></a><br />
<img src="https://static.igem.org/mediawiki/2014/b/b1/CityU_HK_Invitrogen.png" width="100"><br />
<img src="https://static.igem.org/mediawiki/2014/7/7a/CityU_HK_Neblogocol.png" width="135"><br />
<img src="https://static.igem.org/mediawiki/2014/d/dc/CityU_HK_IDT-Logo.png" width="125"><br />
</div> <!-- end of col-md-7--><br />
<br />
<div class="col-md-5"><br />
<h3>Stay connected!</h3><br />
<p>email: <a href="mailto:cityuhk.igem@gmail.com">cityuhk.igem@gmail.com</a></p><br />
<a href="http://www.facebook.com/igem.2014CityU"><img src="https://static.igem.org/mediawiki/2014/3/31/CityU_HK_fb_logo.png" width="50" height="48"></a><br />
<a href="http://twitter.com/CityUHK_iGEM"><img src="http://ibo2014.org/wordpress/wp-content/themes/ibo2014/img/navbar/twitter_icon.png" width="49" height="51"></a><br />
<a href="http://www.youtube.com/channel/UC0_bUWwafB4m0K6mFdXN7-w"><img src="https://static.igem.org/mediawiki/2014/1/12/CityU_HK_youtube_logo.png" width="52" height="50"></a><br />
</div> <!--end of col-md-5--><br />
</div> <!-- end of row--><br />
<br />
<div class="row"><br />
<div id="copyright" class="col-md-12"><br />
<p>Copyright &copy; iGEM CityU HK 2014. All Rights Reserved</p><br />
</div><br />
</div><br />
<!--end of footer—><br />
</body><br />
</html></div>Marialilokyeehttp://2014.igem.org/Team:CityU_HK/HumanPracticeTeam:CityU HK/HumanPractice2014-10-18T03:26:30Z<p>Marialilokyee: </p>
<hr />
<div>{{:Team:CityU_HK/Template}}<br />
<br />
<html><br />
<html lang="en"><br />
<br />
<head><br />
<br />
<style><br />
.jumbotron {<br />
background-image: url('https://static.igem.org/mediawiki/parts/7/75/CityUHK_HP_1400x700_Maria.jpg');<br />
background-size: 100% ;<br />
background-repeat: no-repeat;<br />
height: 640px;<br />
position: relative;<br />
top: -53px;<br />
margin-bottom: 0;<br />
z-index: -1;<br />
}<br />
<br />
.jumbotron h1 {<br />
font-weight: 600;<br />
font-family: 'Raleway', sans-serif;<br />
font-size: 8em;<br />
margin:0;<br />
position: relative;<br />
top: -50px; <br />
}<br />
<br />
.jumbotron p {<br />
color: #fff;<br />
font-weight: 300;<br />
font-family: 'Raleway', sans-serif;<br />
font-size: 1.7em;<br />
width: 800px;<br />
text-align: center;<br />
margin:0 auto;<br />
position: relative;<br />
top: -100px;<br />
}<br />
<br />
#introduction {<br />
margin:0;<br />
padding: 0 0 80px 0;<br />
}<br />
<br />
#presentation {<br />
background: #F0EEEA;<br />
margin:0;<br />
padding: 50px 0 70px 0;<br />
}<br />
<br />
#presentation h1 {<br />
padding-bottom: 50px;<br />
margin:0;<br />
}<br />
<br />
#survey h2 {<br />
font-size: 25px;<br />
padding: 10px;<br />
text-align: center;<br />
font-weight: 400;<br />
color: #555555;<br />
}<br />
<br />
iframe {<br />
width: 100%;<br />
margin:0 auto;<br />
border-radius: 3px;<br />
}<br />
<br />
#survey img {<br />
width: 100%;<br />
margin:0 auto;<br />
}<br />
<br />
#main-content h1 {<br />
text-align: center;<br />
font-weight: 600;<br />
color: #555555;<br />
}<br />
<br />
#main-content p {<br />
color: #555555;<br />
text-align: justify;<br />
font-weight: 400;<br />
font-size: 1em;<br />
/*padding: 0 10% 0 10%;*/<br />
max-width: 900px;<br />
margin: 0 auto;<br />
line-height: 2;<br />
}<br />
<br />
#main-content a {<br />
color: #3cc;<br />
font-weight: bold;<br />
}<br />
<br />
#main-content a:hover {<br />
color: orange;<br />
text-decoration: none;<br />
}<br />
<br />
.arrow-down {<br />
width: 0; <br />
height: 0; <br />
border-left: 50px solid transparent;<br />
border-right: 50px solid transparent;<br />
border-top: 30px solid #fff;<br />
position: relative;<br />
top: 20px;<br />
margin: 0 auto;<br />
z-index: 2;<br />
}<br />
#arrow2 {<br />
border-top: 30px solid #F0EEEA;<br />
position: relative;<br />
top: -10px;<br />
}<br />
<br />
#lightbox h1 {<br />
color:#555555;<br />
font-weight:400;<br />
}<br />
#footer h3 {<br />
color: #dde0e4;<br />
font-family: 'Raleway', sans-serif;<br />
font-size: 18px;<br />
font-weight: bold;<br />
padding-bottom: 20px;<br />
}<br />
<br />
#footer p {<br />
color: #777777;<br />
text-align: center;<br />
font-size: 16px;<br />
font-weight: 400;<br />
}<br />
<br />
#copyright p {<br />
font-size: 16px;<br />
font-weight: 400;<br />
color: #777777;<br />
font-family: 'Raleway', sans-serif;<br />
}<br />
</style><br />
<br />
<style> /*============ word animation===========*/<br />
.jumbotron h1 {<br />
color:#fff;<br />
text-align: center;<br />
-webkit-transform-style: preserve-3d;<br />
-moz-transform-style: preserve-3d;<br />
transform-style: preserve-3d;<br />
-webkit-transform: translate3d(0,0,0);<br />
-moz-transform: translate3d(0,0,0);<br />
transform: translate3d(0,0,0);<br />
opacity: 0;<br />
-webkit-animation: anim 3.2s ease-out forwards 1s;<br />
animation: anim 3.2s ease-out forwards 1s;<br />
}<br />
strong {<br />
display: block;<br />
font-weight: 400;<br />
}<br />
<br />
<br />
@-webkit-keyframes anim {<br />
0% {<br />
text-shadow: 0 0 50px #fff;<br />
letter-spacing: 80px;<br />
opacity: 0;<br />
-webkit-transform: rotateY(-90deg);<br />
}<br />
50% {<br />
text-shadow: 0 0 1px #fff;<br />
opacity: 0.8;<br />
-webkit-transform: rotateY(0deg);<br />
}<br />
75% {<br />
text-shadow: 0 0 1px #fff;<br />
opacity: 0.8;<br />
-webkit-transform: rotateY(0deg) translateZ(60px);<br />
}<br />
100% {<br />
text-shadow: 0 0 1px #fff;<br />
opacity: 0.8;<br />
letter-spacing: 8px;<br />
-webkit-transform: rotateY(0deg) translateZ(100px);<br />
}<br />
<br />
}<br />
@keyframes anim {<br />
0% {<br />
text-shadow: 0 0 50px #fff;<br />
letter-spacing: 80px;<br />
opacity: 0;<br />
-moz-transform: rotateY(-90deg);<br />
}<br />
50% {<br />
text-shadow: 0 0 1px #fff;<br />
opacity: 0.8;<br />
-moz-transform: rotateY(0deg);<br />
}<br />
75% {<br />
text-shadow: 0 0 1px #fff;<br />
opacity: 0.8;<br />
-moz-transform: rotateY(0deg) translateZ(60px);<br />
}<br />
100% {<br />
text-shadow: 0 0 1px #fff;<br />
opacity: 0.8;<br />
letter-spacing: 8px;<br />
-moz-transform: rotateY(0deg) translateZ(100px);<br />
}<br />
</style><br />
<br />
<style> <!--=============lightbox css ============--><br />
<br />
.italic { font-style: italic; }<br />
.small { font-size: 0.8em; }<br />
<br />
#lightbox {<br />
padding: 0 100px 30px 100px;<br />
margin:0;<br />
}<br />
<br />
/** LIGHTBOX MARKUP **/<br />
<br />
.lightbox {<br />
/** Default lightbox to hidden */<br />
display: none;<br />
<br />
/** Position and style */<br />
position: fixed;<br />
z-index: 999;<br />
width: 100%;<br />
height: 100%;<br />
text-align: center;<br />
top: 0;<br />
left: 0;<br />
background: rgba(0,0,0,0.8);<br />
}<br />
<br />
.lightbox img {<br />
/** Pad the lightbox image */<br />
max-width: 90%;<br />
max-height: 80%;<br />
margin-top: 2%;<br />
}<br />
<br />
.lightbox:target {<br />
/** Remove default browser outline */<br />
outline: none;<br />
<br />
/** Unhide lightbox **/<br />
display: block;<br />
} <br />
<br />
</style><br />
</head><br />
<br />
<body id="top"><br />
<div class="jumbotron"><br />
<div class="container"><br />
<h1>Human Practice</h1><br />
<p>We educated secondary school kids about synthetic biology and the safety issues. We also conducted a survey on understanding of synthetic biology in public.</p><br />
</div><br />
</div><br />
<br />
<br />
<div class="row" id="main-content"><br />
<div class="col-md-12" id="introduction"><br />
<h1> Introduction</h1><br />
<p>Synthetic Biology is certainly an emerging topic of importance in the field of Biotechnology. While every Synthetic Biologist or iGEMer is working hard on their masterpiece, at the same time, we should also promote Synthetic Biology to the general public. Society is always a key factor for the development of a new Science discipline or subject like Synthetic Biology. This is because what we are doing has a positive impact on society. </p><br />
<br><p>In order to gain greater support and trust from the public and promote the development of Synthetic Biology, we have the responsibility to objectively inform society about recent advances in Synthetic Biology and the iGEM competition. We believe that educating high school students is one of the most powerful means to build up a positive image for Synthetic Biology. For this reason, we have approached local high school students in our human practice outreach to provide them with information about this new scientific field.</p><br />
</div><br />
<br />
<div class="col-md-12"><br />
<div class="arrow-down"></div><br />
</div><br />
<div class="col-md-12" id="presentation"><br />
<h1> What we have done</h1><br />
<p>We have delivered a <b>seminar</b> on Synthetic Biology and the iGEM competition to our local high school students. We aimed:</p> <br><br />
<p><b>1. To teach students more about Genetics.</p></b><br><br />
<p><b>2. To give a clearer picture about Synthetic Biology to Secondary School students.</p></b> <br><br />
<p><b>3. To raise the awareness and interest of students in the field of Biotechnology.</p></b><br><br />
<p><b>4. To build a knowledge base for Secondary students in the field of Synthetic Biology.</p></b><br> <br />
<p>Basically, in our sharing, we provided information about the iGEM competition and the past inventions of the iGEMers, background about the CityU HK iGEM project, the essence of Synthetic Biology and some safety concerns in the field of Synthetic Biology. Please find our <b>presentation materials</b> on <a href="http://app.emaze.com/535871/human-practice-copy1-copy1">this link</a>. We hope you will have a lot of fun exploring our wiki!</p><br />
<br />
</div><br />
<br />
<div class="col-md-12"><br />
<div class="arrow-down" id="arrow2"></div><br />
</div><br />
<div class="col-md-12" id="survey"><br />
<h1> Survey </h1><br />
<p> We have also designed a set of survey questions for our audiences to fill in after listening to our seminar. The survey was designed based on the aims of the talk. Through the survey results, we can see if our outreach has achieved our aims. We visited and presented a seminar to a class of high school Biology students on 18/8/2014. Also, we invited two groups of high school Science students to visit our iGEM laboratory on 17/7/2014 and 18/7/2014. In total, 55 students attended and participated in our iGEM workshop. </p><br />
<br />
<h2>What did the students think?</h2><br />
<iframe src='http://my.visme.co/embed/igem-human-practice-c4' height='500' width='1200' style='border: 0px;' webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe><br />
<br />
<br><br><br><br />
<p>We had also raised a question to ask for any idea to create a new biological machine. Here were their feedbacks:</p><br />
<img src="https://static.igem.org/mediawiki/2014/e/e4/CityU_HK_Hp_survey.jpg" height=60%/><br />
<p>We could see that our audiences were open-minded to Synthetic Biology. They thought it was a positive thing and they would also like to participate in this great event! All of them also got potential to be a Synthetic Biologists because their ideas were creative, out of our expectation!</p><br />
<br><br><br><br />
</div><br />
</div> <!--end of row--><br />
<br />
<!-- thumbnail image wrapped in a link --><br />
<div class="row" id="lightbox"><br />
<div class="col-md-12"><br />
<center><h1>Gallery</h1></center><br />
<a href="#img1"><br />
<img src="https://static.igem.org/mediawiki/2014/5/5e/CityU_HK_Hp_gallery_img1_big.jpg" width="250px" height="166px"><br />
</a><br />
<a href="#img2"><br />
<img src="https://static.igem.org/mediawiki/2014/2/25/CityU_HK_hp_gallery_img2.JPG" width="250px" height="166px"><br />
</a><br />
<a href="#img3"><br />
<img src="https://static.igem.org/mediawiki/2014/4/4d/CityU_HK_Hp_gallery_img3.jpg" width="250px" height="166px"><br />
</a><br />
<a href="#img4"><br />
<img src="https://static.igem.org/mediawiki/2014/8/87/CityU_HK_Hp_gallery_img4.jpg" width="250px" height="166px"><br />
</a><br />
<a href="#img5"><br />
<img src="https://static.igem.org/mediawiki/2014/1/19/CityU_HK_Hp_gallery_img5.jpg" width="250px" height="166px"><br />
</a><br />
<a href="#img6"><br />
<img src="https://static.igem.org/mediawiki/2014/5/5f/CityU_HK_Hp_gallery_img6.jpg" width="250px" height="166px"><br />
</a><br />
<a href="#img7"><br />
<img src="https://static.igem.org/mediawiki/2014/3/3c/CityU_HK_Hp_gallery_img7.jpg" width="250px" height="166px"><br />
</a><br />
<a href="#img8"><br />
<img src="https://static.igem.org/mediawiki/2014/a/ab/CityU_HK_hp_gallery_img8.jpg" width="250px" height="166px"><br />
</a><br />
<br />
<br />
<!-- lightbox container hidden with CSS --><br />
<a href="#_" class="lightbox" id="img1"><br />
<img src="https://static.igem.org/mediawiki/2014/5/5e/CityU_HK_Hp_gallery_img1_big.jpg"><br />
</a><br />
<a href="#_" class="lightbox" id="img2"><br />
<img src="https://static.igem.org/mediawiki/2014/2/25/CityU_HK_hp_gallery_img2.JPG"><br />
</a><br />
<a href="#_" class="lightbox" id="img3"> <br />
<img src="https://static.igem.org/mediawiki/2014/4/4d/CityU_HK_Hp_gallery_img3.jpg"><br />
</a><br />
<a href="#_" class="lightbox" id="img4"> <br />
<img src="https://static.igem.org/mediawiki/2014/8/87/CityU_HK_Hp_gallery_img4.jpg"><br />
</a><br />
<a href="#_" class="lightbox" id="img5"> <br />
<img src="https://static.igem.org/mediawiki/2014/1/19/CityU_HK_Hp_gallery_img5.jpg"><br />
</a><br />
<a href="#_" class="lightbox" id="img6"> <br />
<img src="https://static.igem.org/mediawiki/2014/5/5f/CityU_HK_Hp_gallery_img6.jpg"><br />
</a><br />
<a href="#_" class="lightbox" id="img7"> <br />
<img src="https://static.igem.org/mediawiki/2014/3/3c/CityU_HK_Hp_gallery_img7.jpg"><br />
</a><br />
<a href="#_" class="lightbox" id="img8"> <br />
<img src="https://static.igem.org/mediawiki/2014/a/ab/CityU_HK_hp_gallery_img8.jpg"><br />
</a><br />
</div></div><br />
<!--==================== footer ===========================--><br />
<div id="footer" class="row"><br />
<div class="col-md-7"><br />
<h3>Sponsors</h3><br />
<a href="http://www.cityu.edu.hk/" target="_blank"><img src="https://static.igem.org/mediawiki/2014/9/9c/CityU_HK_citylogo.png" width="95"></a><br />
<a href="http://www6.cityu.edu.hk/bhdbapp/deptweb/index.html" target="_blank"><img src="https://static.igem.org/mediawiki/2014/9/98/CityU_HK_bchlogo.png" width="80"></a><br />
<img src="https://static.igem.org/mediawiki/2014/b/b1/CityU_HK_Invitrogen.png" width="100"><br />
<img src="https://static.igem.org/mediawiki/2014/7/7a/CityU_HK_Neblogocol.png" width="135"><br />
<img src="https://static.igem.org/mediawiki/2014/d/dc/CityU_HK_IDT-Logo.png" width="125"><br />
</div> <!-- end of col-md-7--><br />
<br />
<div class="col-md-5"><br />
<h3>Stay connected!</h3><br />
<p>email: <a href="mailto:cityuhk.igem@gmail.com">cityuhk.igem@gmail.com</a></p><br />
<a href="http://www.facebook.com/igem.2014CityU"><img src="https://static.igem.org/mediawiki/2014/3/31/CityU_HK_fb_logo.png" width="50" height="48"></a><br />
<a href="http://twitter.com/CityUHK_iGEM"><img src="http://ibo2014.org/wordpress/wp-content/themes/ibo2014/img/navbar/twitter_icon.png" width="49" height="51"></a><br />
<a href="http://www.youtube.com/channel/UC0_bUWwafB4m0K6mFdXN7-w"><img src="https://static.igem.org/mediawiki/2014/1/12/CityU_HK_youtube_logo.png" width="52" height="50"></a><br />
</div> <!--end of col-md-5--><br />
</div> <!-- end of row--><br />
<br />
<div class="row"><br />
<div id="copyright" class="col-md-12"><br />
<p>Copyright &copy; iGEM CityU HK 2014. All Rights Reserved</p><br />
</div><br />
</div><br />
<!--end of footer—><br />
</body><br />
</html></div>Marialilokyeehttp://2014.igem.org/Team:CityU_HK/HumanPracticeTeam:CityU HK/HumanPractice2014-10-18T03:23:25Z<p>Marialilokyee: </p>
<hr />
<div>{{:Team:CityU_HK/Template}}<br />
<br />
<html><br />
<html lang="en"><br />
<br />
<head><br />
<br />
<style><br />
.jumbotron {<br />
background-image: url('https://static.igem.org/mediawiki/parts/7/75/CityUHK_HP_1400x700_Maria.jpg');<br />
background-size: 100% ;<br />
background-repeat: no-repeat;<br />
height: 640px;<br />
position: relative;<br />
top: -53px;<br />
margin-bottom: 0;<br />
z-index: -1;<br />
}<br />
<br />
.jumbotron h1 {<br />
font-weight: 600;<br />
font-family: 'Raleway', sans-serif;<br />
font-size: 8em;<br />
margin:0;<br />
position: relative;<br />
top: -50px; <br />
}<br />
<br />
.jumbotron p {<br />
color: #fff;<br />
font-weight: 300;<br />
font-family: 'Raleway', sans-serif;<br />
font-size: 1.7em;<br />
width: 800px;<br />
text-align: center;<br />
margin:0 auto;<br />
position: relative;<br />
top: -100px;<br />
}<br />
<br />
#introduction {<br />
margin:0;<br />
padding: 0 0 80px 0;<br />
}<br />
<br />
#presentation {<br />
background: #F0EEEA;<br />
margin:0;<br />
padding: 50px 0 70px 0;<br />
}<br />
<br />
#presentation h1 {<br />
padding-bottom: 50px;<br />
margin:0;<br />
}<br />
<br />
#survey h2 {<br />
font-size: 25px;<br />
padding: 10px;<br />
text-align: center;<br />
font-weight: 400;<br />
color: #555555;<br />
}<br />
<br />
iframe {<br />
width: 100%;<br />
margin:0 auto;<br />
border-radius: 3px;<br />
}<br />
<br />
#survey img {<br />
width: 100%;<br />
margin:0 auto;<br />
}<br />
<br />
#main-content h1 {<br />
text-align: center;<br />
font-weight: 600;<br />
color: #555555;<br />
}<br />
<br />
#main-content p {<br />
color: #555555;<br />
text-align: justify;<br />
font-weight: 400;<br />
font-size: 1em;<br />
/*padding: 0 10% 0 10%;*/<br />
max-width: 900px;<br />
margin: 0 auto;<br />
line-height: 2;<br />
}<br />
<br />
#main-content a {<br />
color: #3cc;<br />
font-weight: bold;<br />
}<br />
<br />
#main-content a:hover {<br />
color: orange;<br />
text-decoration: none;<br />
}<br />
<br />
.arrow-down {<br />
width: 0; <br />
height: 0; <br />
border-left: 50px solid transparent;<br />
border-right: 50px solid transparent;<br />
border-top: 30px solid #fff;<br />
position: relative;<br />
top: 20px;<br />
margin: 0 auto;<br />
z-index: 2;<br />
}<br />
#arrow2 {<br />
border-top: 30px solid #F0EEEA;<br />
position: relative;<br />
top: -10px;<br />
}<br />
<br />
#lightbox h1 {<br />
color:#555555;<br />
font-weight:400;<br />
}<br />
#footer h3 {<br />
color: #dde0e4;<br />
font-family: 'Raleway', sans-serif;<br />
font-size: 18px;<br />
font-weight: bold;<br />
padding-bottom: 20px;<br />
}<br />
<br />
#footer p {<br />
color: #777777;<br />
text-align: center;<br />
font-size: 16px;<br />
font-weight: 400;<br />
}<br />
<br />
#copyright p {<br />
font-size: 16px;<br />
font-weight: 400;<br />
color: #777777;<br />
font-family: 'Raleway', sans-serif;<br />
}<br />
</style><br />
<br />
<style> /*============ word animation===========*/<br />
.jumbotron h1 {<br />
color:#fff;<br />
text-align: center;<br />
-webkit-transform-style: preserve-3d;<br />
-moz-transform-style: preserve-3d;<br />
transform-style: preserve-3d;<br />
-webkit-transform: translate3d(0,0,0);<br />
-moz-transform: translate3d(0,0,0);<br />
transform: translate3d(0,0,0);<br />
opacity: 0;<br />
-webkit-animation: anim 3.2s ease-out forwards 1s;<br />
animation: anim 3.2s ease-out forwards 1s;<br />
}<br />
strong {<br />
display: block;<br />
font-weight: 400;<br />
}<br />
<br />
<br />
@-webkit-keyframes anim {<br />
0% {<br />
text-shadow: 0 0 50px #fff;<br />
letter-spacing: 80px;<br />
opacity: 0;<br />
-webkit-transform: rotateY(-90deg);<br />
}<br />
50% {<br />
text-shadow: 0 0 1px #fff;<br />
opacity: 0.8;<br />
-webkit-transform: rotateY(0deg);<br />
}<br />
75% {<br />
text-shadow: 0 0 1px #fff;<br />
opacity: 0.8;<br />
-webkit-transform: rotateY(0deg) translateZ(60px);<br />
}<br />
100% {<br />
text-shadow: 0 0 1px #fff;<br />
opacity: 0.8;<br />
letter-spacing: 8px;<br />
-webkit-transform: rotateY(0deg) translateZ(100px);<br />
}<br />
<br />
}<br />
@keyframes anim {<br />
0% {<br />
text-shadow: 0 0 50px #fff;<br />
letter-spacing: 80px;<br />
opacity: 0;<br />
-moz-transform: rotateY(-90deg);<br />
}<br />
50% {<br />
text-shadow: 0 0 1px #fff;<br />
opacity: 0.8;<br />
-moz-transform: rotateY(0deg);<br />
}<br />
75% {<br />
text-shadow: 0 0 1px #fff;<br />
opacity: 0.8;<br />
-moz-transform: rotateY(0deg) translateZ(60px);<br />
}<br />
100% {<br />
text-shadow: 0 0 1px #fff;<br />
opacity: 0.8;<br />
letter-spacing: 8px;<br />
-moz-transform: rotateY(0deg) translateZ(100px);<br />
}<br />
</style><br />
<br />
<style> <!--=============lightbox css ============--><br />
<br />
.italic { font-style: italic; }<br />
.small { font-size: 0.8em; }<br />
<br />
#lightbox {<br />
padding: 0 100px 30px 100px;<br />
margin:0;<br />
}<br />
<br />
/** LIGHTBOX MARKUP **/<br />
<br />
.lightbox {<br />
/** Default lightbox to hidden */<br />
display: none;<br />
<br />
/** Position and style */<br />
position: fixed;<br />
z-index: 999;<br />
width: 100%;<br />
height: 100%;<br />
text-align: center;<br />
top: 0;<br />
left: 0;<br />
background: rgba(0,0,0,0.8);<br />
}<br />
<br />
.lightbox img {<br />
/** Pad the lightbox image */<br />
max-width: 90%;<br />
max-height: 80%;<br />
margin-top: 2%;<br />
}<br />
<br />
.lightbox:target {<br />
/** Remove default browser outline */<br />
outline: none;<br />
<br />
/** Unhide lightbox **/<br />
display: block;<br />
} <br />
<br />
</style><br />
</head><br />
<br />
<body id="top"><br />
<div class="jumbotron"><br />
<div class="container"><br />
<h1>Human Practice</h1><br />
<p>We educated secondary school kids about synthetic biology and the safety issues. We also conducted a survey on understanding of synthetic biology in public.</p><br />
</div><br />
</div><br />
<br />
<br />
<div class="row" id="main-content"><br />
<div class="col-md-12" id="introduction"><br />
<h1> Introduction</h1><br />
<p>Synthetic Biology is certainly an emerging topic of importance in the field of Biotechnology. While every Synthetic Biologist or iGEMer is working hard on their masterpiece, at the same time, we should also promote Synthetic Biology to the general public. Society is always a key factor for the development of a new Science discipline or subject like Synthetic Biology. This is because what we are doing has a positive impact on society. </p><br />
<br><p>In order to gain greater support and trust from public and promote the development of Synthetic Biology, we have the responsibility to objectively inform the society the recent advances in Synthetic Biology and the iGEM competition. We believe that educating high school students is the one of the most powerful means to build up a positive image of Synthetic Biology. For this reason, we have approached local high school students in our human practice outreach.</p><br />
</div><br />
<br />
<div class="col-md-12"><br />
<div class="arrow-down"></div><br />
</div><br />
<div class="col-md-12" id="presentation"><br />
<h1> What we have done</h1><br />
<p>We delivered a <b>seminar</b> on Synthetic Biology and the iGEM competition to our local high school students. We aimed:</p> <br><br />
<p><b>1. To teach students more about Genetics.</p></b><br><br />
<p><b>2. To give a clearer picture about Synthetic Biology to Secondary School students.</p></b> <br><br />
<p><b>3. To raise the awareness and interest of students in the field of Biotechnology.</p></b><br><br />
<p><b>4. To build a knowledge base for Secondary students in the field of Synthetic Biology.</p></b><br> <br />
<p>Basically, in our sharing, we provided information about the iGEM competition and the past inventions of the iGEMers, background about the CityU HK iGEM project, the essence of Synthetic Biology and some safety concerns in the field of Synthetic Biology. Please find our <b>presentation materials</b> on <a href="http://app.emaze.com/535871/human-practice-copy1-copy1">this link</a>. We hope you will have a lot of fun exploring our wiki!</p><br />
<br />
</div><br />
<br />
<div class="col-md-12"><br />
<div class="arrow-down" id="arrow2"></div><br />
</div><br />
<div class="col-md-12" id="survey"><br />
<h1> Survey </h1><br />
<p> We have also designed a set of survey questions for our audiences to fill in after listening to our seminar. The survey was designed based on the aims of the talk. Through the survey results, we can see if our outreach has achieved our aims. We visited and presented a seminar to a class of high school Biology students on 18/8/2014. Also, we invited two groups of high school Science students to visit our iGEM laboratory on 17/7/2014 and 18/7/2014. In total, 55 students attended and participated in our iGEM workshop. </p><br />
<br />
<h2>What did the students think?</h2><br />
<iframe src='http://my.visme.co/embed/igem-human-practice-c4' height='500' width='1200' style='border: 0px;' webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe><br />
<br />
<br><br><br><br />
<p>We had also raised a question to ask for any idea to create a new biological machine. Here were their feedbacks:</p><br />
<img src="https://static.igem.org/mediawiki/2014/e/e4/CityU_HK_Hp_survey.jpg" height=60%/><br />
<p>We could see that our audiences were open-minded to Synthetic Biology. They thought it was a positive thing and they would also like to participate in this great event! All of them also got potential to be a Synthetic Biologists because their ideas were creative, out of our expectation!</p><br />
<br><br><br><br />
</div><br />
</div> <!--end of row--><br />
<br />
<!-- thumbnail image wrapped in a link --><br />
<div class="row" id="lightbox"><br />
<div class="col-md-12"><br />
<center><h1>Gallery</h1></center><br />
<a href="#img1"><br />
<img src="https://static.igem.org/mediawiki/2014/5/5e/CityU_HK_Hp_gallery_img1_big.jpg" width="250px" height="166px"><br />
</a><br />
<a href="#img2"><br />
<img src="https://static.igem.org/mediawiki/2014/2/25/CityU_HK_hp_gallery_img2.JPG" width="250px" height="166px"><br />
</a><br />
<a href="#img3"><br />
<img src="https://static.igem.org/mediawiki/2014/4/4d/CityU_HK_Hp_gallery_img3.jpg" width="250px" height="166px"><br />
</a><br />
<a href="#img4"><br />
<img src="https://static.igem.org/mediawiki/2014/8/87/CityU_HK_Hp_gallery_img4.jpg" width="250px" height="166px"><br />
</a><br />
<a href="#img5"><br />
<img src="https://static.igem.org/mediawiki/2014/1/19/CityU_HK_Hp_gallery_img5.jpg" width="250px" height="166px"><br />
</a><br />
<a href="#img6"><br />
<img src="https://static.igem.org/mediawiki/2014/5/5f/CityU_HK_Hp_gallery_img6.jpg" width="250px" height="166px"><br />
</a><br />
<a href="#img7"><br />
<img src="https://static.igem.org/mediawiki/2014/3/3c/CityU_HK_Hp_gallery_img7.jpg" width="250px" height="166px"><br />
</a><br />
<a href="#img8"><br />
<img src="https://static.igem.org/mediawiki/2014/a/ab/CityU_HK_hp_gallery_img8.jpg" width="250px" height="166px"><br />
</a><br />
<br />
<br />
<!-- lightbox container hidden with CSS --><br />
<a href="#_" class="lightbox" id="img1"><br />
<img src="https://static.igem.org/mediawiki/2014/5/5e/CityU_HK_Hp_gallery_img1_big.jpg"><br />
</a><br />
<a href="#_" class="lightbox" id="img2"><br />
<img src="https://static.igem.org/mediawiki/2014/2/25/CityU_HK_hp_gallery_img2.JPG"><br />
</a><br />
<a href="#_" class="lightbox" id="img3"> <br />
<img src="https://static.igem.org/mediawiki/2014/4/4d/CityU_HK_Hp_gallery_img3.jpg"><br />
</a><br />
<a href="#_" class="lightbox" id="img4"> <br />
<img src="https://static.igem.org/mediawiki/2014/8/87/CityU_HK_Hp_gallery_img4.jpg"><br />
</a><br />
<a href="#_" class="lightbox" id="img5"> <br />
<img src="https://static.igem.org/mediawiki/2014/1/19/CityU_HK_Hp_gallery_img5.jpg"><br />
</a><br />
<a href="#_" class="lightbox" id="img6"> <br />
<img src="https://static.igem.org/mediawiki/2014/5/5f/CityU_HK_Hp_gallery_img6.jpg"><br />
</a><br />
<a href="#_" class="lightbox" id="img7"> <br />
<img src="https://static.igem.org/mediawiki/2014/3/3c/CityU_HK_Hp_gallery_img7.jpg"><br />
</a><br />
<a href="#_" class="lightbox" id="img8"> <br />
<img src="https://static.igem.org/mediawiki/2014/a/ab/CityU_HK_hp_gallery_img8.jpg"><br />
</a><br />
</div></div><br />
<!--==================== footer ===========================--><br />
<div id="footer" class="row"><br />
<div class="col-md-7"><br />
<h3>Sponsors</h3><br />
<a href="http://www.cityu.edu.hk/" target="_blank"><img src="https://static.igem.org/mediawiki/2014/9/9c/CityU_HK_citylogo.png" width="95"></a><br />
<a href="http://www6.cityu.edu.hk/bhdbapp/deptweb/index.html" target="_blank"><img src="https://static.igem.org/mediawiki/2014/9/98/CityU_HK_bchlogo.png" width="80"></a><br />
<img src="https://static.igem.org/mediawiki/2014/b/b1/CityU_HK_Invitrogen.png" width="100"><br />
<img src="https://static.igem.org/mediawiki/2014/7/7a/CityU_HK_Neblogocol.png" width="135"><br />
<img src="https://static.igem.org/mediawiki/2014/d/dc/CityU_HK_IDT-Logo.png" width="125"><br />
</div> <!-- end of col-md-7--><br />
<br />
<div class="col-md-5"><br />
<h3>Stay connected!</h3><br />
<p>email: <a href="mailto:cityuhk.igem@gmail.com">cityuhk.igem@gmail.com</a></p><br />
<a href="http://www.facebook.com/igem.2014CityU"><img src="https://static.igem.org/mediawiki/2014/3/31/CityU_HK_fb_logo.png" width="50" height="48"></a><br />
<a href="http://twitter.com/CityUHK_iGEM"><img src="http://ibo2014.org/wordpress/wp-content/themes/ibo2014/img/navbar/twitter_icon.png" width="49" height="51"></a><br />
<a href="http://www.youtube.com/channel/UC0_bUWwafB4m0K6mFdXN7-w"><img src="https://static.igem.org/mediawiki/2014/1/12/CityU_HK_youtube_logo.png" width="52" height="50"></a><br />
</div> <!--end of col-md-5--><br />
</div> <!-- end of row--><br />
<br />
<div class="row"><br />
<div id="copyright" class="col-md-12"><br />
<p>Copyright &copy; iGEM CityU HK 2014. All Rights Reserved</p><br />
</div><br />
</div><br />
<!--end of footer—><br />
</body><br />
</html></div>Marialilokyeehttp://2014.igem.org/Team:CityU_HK/HumanPracticeTeam:CityU HK/HumanPractice2014-10-18T03:21:32Z<p>Marialilokyee: </p>
<hr />
<div>{{:Team:CityU_HK/Template}}<br />
<br />
<html><br />
<html lang="en"><br />
<br />
<head><br />
<br />
<style><br />
.jumbotron {<br />
background-image: url('https://static.igem.org/mediawiki/parts/7/75/CityUHK_HP_1400x700_Maria.jpg');<br />
background-size: 100% ;<br />
background-repeat: no-repeat;<br />
height: 640px;<br />
position: relative;<br />
top: -53px;<br />
margin-bottom: 0;<br />
z-index: -1;<br />
}<br />
<br />
.jumbotron h1 {<br />
font-weight: 600;<br />
font-family: 'Raleway', sans-serif;<br />
font-size: 8em;<br />
margin:0;<br />
position: relative;<br />
top: -50px; <br />
}<br />
<br />
.jumbotron p {<br />
color: #fff;<br />
font-weight: 300;<br />
font-family: 'Raleway', sans-serif;<br />
font-size: 1.7em;<br />
width: 800px;<br />
text-align: center;<br />
margin:0 auto;<br />
position: relative;<br />
top: -100px;<br />
}<br />
<br />
#introduction {<br />
margin:0;<br />
padding: 0 0 80px 0;<br />
}<br />
<br />
#presentation {<br />
background: #F0EEEA;<br />
margin:0;<br />
padding: 50px 0 70px 0;<br />
}<br />
<br />
#presentation h1 {<br />
padding-bottom: 50px;<br />
margin:0;<br />
}<br />
<br />
#survey h2 {<br />
font-size: 25px;<br />
padding: 10px;<br />
text-align: center;<br />
font-weight: 400;<br />
color: #555555;<br />
}<br />
<br />
iframe {<br />
width: 100%;<br />
margin:0 auto;<br />
border-radius: 3px;<br />
}<br />
<br />
#survey img {<br />
width: 100%;<br />
margin:0 auto;<br />
}<br />
<br />
#main-content h1 {<br />
text-align: center;<br />
font-weight: 600;<br />
color: #555555;<br />
}<br />
<br />
#main-content p {<br />
color: #555555;<br />
text-align: justify;<br />
font-weight: 400;<br />
font-size: 1em;<br />
/*padding: 0 10% 0 10%;*/<br />
max-width: 900px;<br />
margin: 0 auto;<br />
line-height: 2;<br />
}<br />
<br />
#main-content a {<br />
color: #3cc;<br />
font-weight: bold;<br />
}<br />
<br />
#main-content a:hover {<br />
color: orange;<br />
text-decoration: none;<br />
}<br />
<br />
.arrow-down {<br />
width: 0; <br />
height: 0; <br />
border-left: 50px solid transparent;<br />
border-right: 50px solid transparent;<br />
border-top: 30px solid #fff;<br />
position: relative;<br />
top: 20px;<br />
margin: 0 auto;<br />
z-index: 2;<br />
}<br />
#arrow2 {<br />
border-top: 30px solid #F0EEEA;<br />
position: relative;<br />
top: -10px;<br />
}<br />
<br />
#lightbox h1 {<br />
color:#555555;<br />
font-weight:400;<br />
}<br />
#footer h3 {<br />
color: #dde0e4;<br />
font-family: 'Raleway', sans-serif;<br />
font-size: 18px;<br />
font-weight: bold;<br />
padding-bottom: 20px;<br />
}<br />
<br />
#footer p {<br />
color: #777777;<br />
text-align: center;<br />
font-size: 16px;<br />
font-weight: 400;<br />
}<br />
<br />
#copyright p {<br />
font-size: 16px;<br />
font-weight: 400;<br />
color: #777777;<br />
font-family: 'Raleway', sans-serif;<br />
}<br />
</style><br />
<br />
<style> /*============ word animation===========*/<br />
.jumbotron h1 {<br />
color:#fff;<br />
text-align: center;<br />
-webkit-transform-style: preserve-3d;<br />
-moz-transform-style: preserve-3d;<br />
transform-style: preserve-3d;<br />
-webkit-transform: translate3d(0,0,0);<br />
-moz-transform: translate3d(0,0,0);<br />
transform: translate3d(0,0,0);<br />
opacity: 0;<br />
-webkit-animation: anim 3.2s ease-out forwards 1s;<br />
animation: anim 3.2s ease-out forwards 1s;<br />
}<br />
strong {<br />
display: block;<br />
font-weight: 400;<br />
}<br />
<br />
<br />
@-webkit-keyframes anim {<br />
0% {<br />
text-shadow: 0 0 50px #fff;<br />
letter-spacing: 80px;<br />
opacity: 0;<br />
-webkit-transform: rotateY(-90deg);<br />
}<br />
50% {<br />
text-shadow: 0 0 1px #fff;<br />
opacity: 0.8;<br />
-webkit-transform: rotateY(0deg);<br />
}<br />
75% {<br />
text-shadow: 0 0 1px #fff;<br />
opacity: 0.8;<br />
-webkit-transform: rotateY(0deg) translateZ(60px);<br />
}<br />
100% {<br />
text-shadow: 0 0 1px #fff;<br />
opacity: 0.8;<br />
letter-spacing: 8px;<br />
-webkit-transform: rotateY(0deg) translateZ(100px);<br />
}<br />
<br />
}<br />
@keyframes anim {<br />
0% {<br />
text-shadow: 0 0 50px #fff;<br />
letter-spacing: 80px;<br />
opacity: 0;<br />
-moz-transform: rotateY(-90deg);<br />
}<br />
50% {<br />
text-shadow: 0 0 1px #fff;<br />
opacity: 0.8;<br />
-moz-transform: rotateY(0deg);<br />
}<br />
75% {<br />
text-shadow: 0 0 1px #fff;<br />
opacity: 0.8;<br />
-moz-transform: rotateY(0deg) translateZ(60px);<br />
}<br />
100% {<br />
text-shadow: 0 0 1px #fff;<br />
opacity: 0.8;<br />
letter-spacing: 8px;<br />
-moz-transform: rotateY(0deg) translateZ(100px);<br />
}<br />
</style><br />
<br />
<style> <!--=============lightbox css ============--><br />
<br />
.italic { font-style: italic; }<br />
.small { font-size: 0.8em; }<br />
<br />
#lightbox {<br />
padding: 0 100px 30px 100px;<br />
margin:0;<br />
}<br />
<br />
/** LIGHTBOX MARKUP **/<br />
<br />
.lightbox {<br />
/** Default lightbox to hidden */<br />
display: none;<br />
<br />
/** Position and style */<br />
position: fixed;<br />
z-index: 999;<br />
width: 100%;<br />
height: 100%;<br />
text-align: center;<br />
top: 0;<br />
left: 0;<br />
background: rgba(0,0,0,0.8);<br />
}<br />
<br />
.lightbox img {<br />
/** Pad the lightbox image */<br />
max-width: 90%;<br />
max-height: 80%;<br />
margin-top: 2%;<br />
}<br />
<br />
.lightbox:target {<br />
/** Remove default browser outline */<br />
outline: none;<br />
<br />
/** Unhide lightbox **/<br />
display: block;<br />
} <br />
<br />
</style><br />
</head><br />
<br />
<body id="top"><br />
<div class="jumbotron"><br />
<div class="container"><br />
<h1>Human Practice</h1><br />
<p>We educated secondary school kids about synthetic biology and the safety issues. We also conducted a survey on understanding of synthetic biology in public.</p><br />
</div><br />
</div><br />
<br />
<br />
<div class="row" id="main-content"><br />
<div class="col-md-12" id="introduction"><br />
<h1> Introduction</h1><br />
<p>Synthetic Biology is certainly an emerging topic of importance sin the field of Biotechnology. While every Synthetic Biologist or iGEMer is working hard on their masterpiece, at the same time, we should also promote Synthetic Biology to the general public. Society is always a key factor for the development of a new Science discipline or subject like Synthetic Biology. This is because what we are doing has a positive impact on society. </p><br />
<br><p>In order to gain greater support and trust from public and promote the development of Synthetic Biology, we have the responsibility to objectively inform the society the recent advances in Synthetic Biology and the iGEM competition. We believe that educating high school students is the one of the most powerful means to build up a positive image of Synthetic Biology. For this reason, we have approached local high school students in our human practice outreach.</p><br />
</div><br />
<br />
<div class="col-md-12"><br />
<div class="arrow-down"></div><br />
</div><br />
<div class="col-md-12" id="presentation"><br />
<h1> What we have done</h1><br />
<p>We delivered a <b>seminar</b> on Synthetic Biology and the iGEM competition to our local high school students. We aimed:</p> <br><br />
<p><b>1. To teach students more about Genetics.</p></b><br><br />
<p><b>2. To give a clearer picture about Synthetic Biology to Secondary School students.</p></b> <br><br />
<p><b>3. To raise the awareness and interest of students in the field of Biotechnology.</p></b><br><br />
<p><b>4. To build a knowledge base for Secondary students in the field of Synthetic Biology.</p></b><br> <br />
<p>Basically, in our sharing, we provided information about the iGEM competition and the past inventions of the iGEMers, background about the CityU HK iGEM project, the essence of Synthetic Biology and some safety concerns in the field of Synthetic Biology. Please find our <b>presentation materials</b> on <a href="http://app.emaze.com/535871/human-practice-copy1-copy1">this link</a>. We hope you will have a lot of fun exploring our wiki!</p><br />
<br />
</div><br />
<br />
<div class="col-md-12"><br />
<div class="arrow-down" id="arrow2"></div><br />
</div><br />
<div class="col-md-12" id="survey"><br />
<h1> Survey </h1><br />
<p> We have also designed a set of survey questions for our audiences to fill in after listening to our seminar. The survey was designed based on the aims of the talk. Through the survey results, we can see if our outreach has achieved our aims. We visited and presented a seminar to a class of high school Biology students on 18/8/2014. Also, we invited two groups of high school Science students to visit our iGEM laboratory on 17/7/2014 and 18/7/2014. In total, 55 students attended and participated in our iGEM workshop. </p><br />
<br />
<h2>What did the students think?</h2><br />
<iframe src='http://my.visme.co/embed/igem-human-practice-c4' height='500' width='1200' style='border: 0px;' webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe><br />
<br />
<br><br><br><br />
<p>We had also raised a question to ask for any idea to create a new biological machine. Here were their feedbacks:</p><br />
<img src="https://static.igem.org/mediawiki/2014/e/e4/CityU_HK_Hp_survey.jpg" height=60%/><br />
<p>We could see that our audiences were open-minded to Synthetic Biology. They thought it was a positive thing and they would also like to participate in this great event! All of them also got potential to be a Synthetic Biologists because their ideas were creative, out of our expectation!</p><br />
<br><br><br><br />
</div><br />
</div> <!--end of row--><br />
<br />
<!-- thumbnail image wrapped in a link --><br />
<div class="row" id="lightbox"><br />
<div class="col-md-12"><br />
<center><h1>Gallery</h1></center><br />
<a href="#img1"><br />
<img src="https://static.igem.org/mediawiki/2014/5/5e/CityU_HK_Hp_gallery_img1_big.jpg" width="250px" height="166px"><br />
</a><br />
<a href="#img2"><br />
<img src="https://static.igem.org/mediawiki/2014/2/25/CityU_HK_hp_gallery_img2.JPG" width="250px" height="166px"><br />
</a><br />
<a href="#img3"><br />
<img src="https://static.igem.org/mediawiki/2014/4/4d/CityU_HK_Hp_gallery_img3.jpg" width="250px" height="166px"><br />
</a><br />
<a href="#img4"><br />
<img src="https://static.igem.org/mediawiki/2014/8/87/CityU_HK_Hp_gallery_img4.jpg" width="250px" height="166px"><br />
</a><br />
<a href="#img5"><br />
<img src="https://static.igem.org/mediawiki/2014/1/19/CityU_HK_Hp_gallery_img5.jpg" width="250px" height="166px"><br />
</a><br />
<a href="#img6"><br />
<img src="https://static.igem.org/mediawiki/2014/5/5f/CityU_HK_Hp_gallery_img6.jpg" width="250px" height="166px"><br />
</a><br />
<a href="#img7"><br />
<img src="https://static.igem.org/mediawiki/2014/3/3c/CityU_HK_Hp_gallery_img7.jpg" width="250px" height="166px"><br />
</a><br />
<a href="#img8"><br />
<img src="https://static.igem.org/mediawiki/2014/a/ab/CityU_HK_hp_gallery_img8.jpg" width="250px" height="166px"><br />
</a><br />
<br />
<br />
<!-- lightbox container hidden with CSS --><br />
<a href="#_" class="lightbox" id="img1"><br />
<img src="https://static.igem.org/mediawiki/2014/5/5e/CityU_HK_Hp_gallery_img1_big.jpg"><br />
</a><br />
<a href="#_" class="lightbox" id="img2"><br />
<img src="https://static.igem.org/mediawiki/2014/2/25/CityU_HK_hp_gallery_img2.JPG"><br />
</a><br />
<a href="#_" class="lightbox" id="img3"> <br />
<img src="https://static.igem.org/mediawiki/2014/4/4d/CityU_HK_Hp_gallery_img3.jpg"><br />
</a><br />
<a href="#_" class="lightbox" id="img4"> <br />
<img src="https://static.igem.org/mediawiki/2014/8/87/CityU_HK_Hp_gallery_img4.jpg"><br />
</a><br />
<a href="#_" class="lightbox" id="img5"> <br />
<img src="https://static.igem.org/mediawiki/2014/1/19/CityU_HK_Hp_gallery_img5.jpg"><br />
</a><br />
<a href="#_" class="lightbox" id="img6"> <br />
<img src="https://static.igem.org/mediawiki/2014/5/5f/CityU_HK_Hp_gallery_img6.jpg"><br />
</a><br />
<a href="#_" class="lightbox" id="img7"> <br />
<img src="https://static.igem.org/mediawiki/2014/3/3c/CityU_HK_Hp_gallery_img7.jpg"><br />
</a><br />
<a href="#_" class="lightbox" id="img8"> <br />
<img src="https://static.igem.org/mediawiki/2014/a/ab/CityU_HK_hp_gallery_img8.jpg"><br />
</a><br />
</div></div><br />
<!--==================== footer ===========================--><br />
<div id="footer" class="row"><br />
<div class="col-md-7"><br />
<h3>Sponsors</h3><br />
<a href="http://www.cityu.edu.hk/" target="_blank"><img src="https://static.igem.org/mediawiki/2014/9/9c/CityU_HK_citylogo.png" width="95"></a><br />
<a href="http://www6.cityu.edu.hk/bhdbapp/deptweb/index.html" target="_blank"><img src="https://static.igem.org/mediawiki/2014/9/98/CityU_HK_bchlogo.png" width="80"></a><br />
<img src="https://static.igem.org/mediawiki/2014/b/b1/CityU_HK_Invitrogen.png" width="100"><br />
<img src="https://static.igem.org/mediawiki/2014/7/7a/CityU_HK_Neblogocol.png" width="135"><br />
<img src="https://static.igem.org/mediawiki/2014/d/dc/CityU_HK_IDT-Logo.png" width="125"><br />
</div> <!-- end of col-md-7--><br />
<br />
<div class="col-md-5"><br />
<h3>Stay connected!</h3><br />
<p>email: <a href="mailto:cityuhk.igem@gmail.com">cityuhk.igem@gmail.com</a></p><br />
<a href="http://www.facebook.com/igem.2014CityU"><img src="https://static.igem.org/mediawiki/2014/3/31/CityU_HK_fb_logo.png" width="50" height="48"></a><br />
<a href="http://twitter.com/CityUHK_iGEM"><img src="http://ibo2014.org/wordpress/wp-content/themes/ibo2014/img/navbar/twitter_icon.png" width="49" height="51"></a><br />
<a href="http://www.youtube.com/channel/UC0_bUWwafB4m0K6mFdXN7-w"><img src="https://static.igem.org/mediawiki/2014/1/12/CityU_HK_youtube_logo.png" width="52" height="50"></a><br />
</div> <!--end of col-md-5--><br />
</div> <!-- end of row--><br />
<br />
<div class="row"><br />
<div id="copyright" class="col-md-12"><br />
<p>Copyright &copy; iGEM CityU HK 2014. All Rights Reserved</p><br />
</div><br />
</div><br />
<!--end of footer—><br />
</body><br />
</html></div>Marialilokyeehttp://2014.igem.org/Team:CityU_HK/HumanPracticeTeam:CityU HK/HumanPractice2014-10-18T03:17:11Z<p>Marialilokyee: </p>
<hr />
<div>{{:Team:CityU_HK/Template}}<br />
<br />
<html><br />
<html lang="en"><br />
<br />
<head><br />
<br />
<style><br />
.jumbotron {<br />
background-image: url('https://static.igem.org/mediawiki/parts/7/75/CityUHK_HP_1400x700_Maria.jpg');<br />
background-size: 100% ;<br />
background-repeat: no-repeat;<br />
height: 640px;<br />
position: relative;<br />
top: -53px;<br />
margin-bottom: 0;<br />
z-index: -1;<br />
}<br />
<br />
.jumbotron h1 {<br />
font-weight: 600;<br />
font-family: 'Raleway', sans-serif;<br />
font-size: 8em;<br />
margin:0;<br />
position: relative;<br />
top: -50px; <br />
}<br />
<br />
.jumbotron p {<br />
color: #fff;<br />
font-weight: 300;<br />
font-family: 'Raleway', sans-serif;<br />
font-size: 1.7em;<br />
width: 800px;<br />
text-align: center;<br />
margin:0 auto;<br />
position: relative;<br />
top: -100px;<br />
}<br />
<br />
#introduction {<br />
margin:0;<br />
padding: 0 0 80px 0;<br />
}<br />
<br />
#presentation {<br />
background: #F0EEEA;<br />
margin:0;<br />
padding: 50px 0 70px 0;<br />
}<br />
<br />
#presentation h1 {<br />
padding-bottom: 50px;<br />
margin:0;<br />
}<br />
<br />
#survey h2 {<br />
font-size: 25px;<br />
padding: 10px;<br />
text-align: center;<br />
font-weight: 400;<br />
color: #555555;<br />
}<br />
<br />
iframe {<br />
width: 100%;<br />
margin:0 auto;<br />
border-radius: 3px;<br />
}<br />
<br />
#survey img {<br />
width: 100%;<br />
margin:0 auto;<br />
}<br />
<br />
#main-content h1 {<br />
text-align: center;<br />
font-weight: 600;<br />
color: #555555;<br />
}<br />
<br />
#main-content p {<br />
color: #555555;<br />
text-align: justify;<br />
font-weight: 400;<br />
font-size: 1em;<br />
/*padding: 0 10% 0 10%;*/<br />
max-width: 900px;<br />
margin: 0 auto;<br />
line-height: 2;<br />
}<br />
<br />
#main-content a {<br />
color: #3cc;<br />
font-weight: bold;<br />
}<br />
<br />
#main-content a:hover {<br />
color: orange;<br />
text-decoration: none;<br />
}<br />
<br />
.arrow-down {<br />
width: 0; <br />
height: 0; <br />
border-left: 50px solid transparent;<br />
border-right: 50px solid transparent;<br />
border-top: 30px solid #fff;<br />
position: relative;<br />
top: 20px;<br />
margin: 0 auto;<br />
z-index: 2;<br />
}<br />
#arrow2 {<br />
border-top: 30px solid #F0EEEA;<br />
position: relative;<br />
top: -10px;<br />
}<br />
<br />
#lightbox h1 {<br />
color:#555555;<br />
font-weight:400;<br />
}<br />
#footer h3 {<br />
color: #dde0e4;<br />
font-family: 'Raleway', sans-serif;<br />
font-size: 18px;<br />
font-weight: bold;<br />
padding-bottom: 20px;<br />
}<br />
<br />
#footer p {<br />
color: #777777;<br />
text-align: center;<br />
font-size: 16px;<br />
font-weight: 400;<br />
}<br />
<br />
#copyright p {<br />
font-size: 16px;<br />
font-weight: 400;<br />
color: #777777;<br />
font-family: 'Raleway', sans-serif;<br />
}<br />
</style><br />
<br />
<style> /*============ word animation===========*/<br />
.jumbotron h1 {<br />
color:#fff;<br />
text-align: center;<br />
-webkit-transform-style: preserve-3d;<br />
-moz-transform-style: preserve-3d;<br />
transform-style: preserve-3d;<br />
-webkit-transform: translate3d(0,0,0);<br />
-moz-transform: translate3d(0,0,0);<br />
transform: translate3d(0,0,0);<br />
opacity: 0;<br />
-webkit-animation: anim 3.2s ease-out forwards 1s;<br />
animation: anim 3.2s ease-out forwards 1s;<br />
}<br />
strong {<br />
display: block;<br />
font-weight: 400;<br />
}<br />
<br />
<br />
@-webkit-keyframes anim {<br />
0% {<br />
text-shadow: 0 0 50px #fff;<br />
letter-spacing: 80px;<br />
opacity: 0;<br />
-webkit-transform: rotateY(-90deg);<br />
}<br />
50% {<br />
text-shadow: 0 0 1px #fff;<br />
opacity: 0.8;<br />
-webkit-transform: rotateY(0deg);<br />
}<br />
75% {<br />
text-shadow: 0 0 1px #fff;<br />
opacity: 0.8;<br />
-webkit-transform: rotateY(0deg) translateZ(60px);<br />
}<br />
100% {<br />
text-shadow: 0 0 1px #fff;<br />
opacity: 0.8;<br />
letter-spacing: 8px;<br />
-webkit-transform: rotateY(0deg) translateZ(100px);<br />
}<br />
<br />
}<br />
@keyframes anim {<br />
0% {<br />
text-shadow: 0 0 50px #fff;<br />
letter-spacing: 80px;<br />
opacity: 0;<br />
-moz-transform: rotateY(-90deg);<br />
}<br />
50% {<br />
text-shadow: 0 0 1px #fff;<br />
opacity: 0.8;<br />
-moz-transform: rotateY(0deg);<br />
}<br />
75% {<br />
text-shadow: 0 0 1px #fff;<br />
opacity: 0.8;<br />
-moz-transform: rotateY(0deg) translateZ(60px);<br />
}<br />
100% {<br />
text-shadow: 0 0 1px #fff;<br />
opacity: 0.8;<br />
letter-spacing: 8px;<br />
-moz-transform: rotateY(0deg) translateZ(100px);<br />
}<br />
</style><br />
<br />
<style> <!--=============lightbox css ============--><br />
<br />
.italic { font-style: italic; }<br />
.small { font-size: 0.8em; }<br />
<br />
#lightbox {<br />
padding: 0 100px 30px 100px;<br />
margin:0;<br />
}<br />
<br />
/** LIGHTBOX MARKUP **/<br />
<br />
.lightbox {<br />
/** Default lightbox to hidden */<br />
display: none;<br />
<br />
/** Position and style */<br />
position: fixed;<br />
z-index: 999;<br />
width: 100%;<br />
height: 100%;<br />
text-align: center;<br />
top: 0;<br />
left: 0;<br />
background: rgba(0,0,0,0.8);<br />
}<br />
<br />
.lightbox img {<br />
/** Pad the lightbox image */<br />
max-width: 90%;<br />
max-height: 80%;<br />
margin-top: 2%;<br />
}<br />
<br />
.lightbox:target {<br />
/** Remove default browser outline */<br />
outline: none;<br />
<br />
/** Unhide lightbox **/<br />
display: block;<br />
} <br />
<br />
</style><br />
</head><br />
<br />
<body id="top"><br />
<div class="jumbotron"><br />
<div class="container"><br />
<h1>Human Practice</h1><br />
<p>We educated secondary school kids about synthetic biology and the safety issues. We also conducted a survey on understanding of synthetic biology in public.</p><br />
</div><br />
</div><br />
<br />
<br />
<div class="row" id="main-content"><br />
<div class="col-md-12" id="introduction"><br />
<h1> Introduction</h1><br />
<p>Synthetic Biology is certainly an emerging topic of importance sin the field of Biotechnology. While every Synthetic Biologist or iGEMer is working hard on their masterpiece, at the same time, we should also promote Synthetic Biology to the general public. Society is always a key factor for the development of a new Science discipline or subject like Synthetic Biology. This is because what we are doing has a positive impact on society. </p><br />
<br><p>In order to gain greater support and trust from public and promote the development of Synthetic Biology, we have the responsibility to objectively inform the society the recent advances in Synthetic Biology and the iGEM competition. We believe that educating high school students is the one of the most powerful means to build up a positive image of Synthetic Biology. For this reason, we have approached local high school students in our human practice outreach.</p><br />
</div><br />
<br />
<div class="col-md-12"><br />
<div class="arrow-down"></div><br />
</div><br />
<div class="col-md-12" id="presentation"><br />
<h1> What we have done</h1><br />
<p>We delivered a <b>seminar</b> on Synthetic Biology and the iGEM competition to our local high school students. We aimed:</p> <br><br />
<p><b>1. To teach students more about Genetics.</p></b><br><br />
<p><b>2. To give a clearer picture about Synthetic Biology to Secondary School students.</p></b> <br><br />
<p><b>3. To raise the awareness and interest of students in the field of Biotechnology.</p></b><br><br />
<p><b>4. To build a knowledge base for Secondary students in the field of Synthetic Biology.</p></b><br> <br />
<p>Basically, in our sharing, we provided information about the iGEM competition and the past inventions of the iGEMers, background about the CityU HK iGEM project, the essence of Synthetic Biology and some safety concerns in the field of Synthetic Biology. Please find our <b>presentation materials</b> on <a href="http://app.emaze.com/535871/human-practice-copy1-copy1">this link</a>. We hope you will have a lot of fun exploring our wiki!</p><br />
<br />
</div><br />
<br />
<div class="col-md-12"><br />
<div class="arrow-down" id="arrow2"></div><br />
</div><br />
<div class="col-md-12" id="survey"><br />
<h1> Survey </h1><br />
<p> We also designed a set of survey for our audiences to fill in after listening to our tiny talk. The survey was designed based on the aims. Through the survey results, we can see if our outreach achieved our aims. We reached a local secondary school and visited a class of high school Biology students on 18/8/2014. Also, we invited two group of high school Science students to visit our laboratory on 17/7/2014 and 18/7/2014. Totally, 55 students were promoted by our team. </p><br />
<br />
<h2>What did the students think?</h2><br />
<iframe src='http://my.visme.co/embed/igem-human-practice-c4' height='500' width='1200' style='border: 0px;' webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe><br />
<br />
<br><br><br><br />
<p>We had also raised a question to ask for any idea to create a new biological machine. Here were their feedbacks:</p><br />
<img src="https://static.igem.org/mediawiki/2014/e/e4/CityU_HK_Hp_survey.jpg" height=60%/><br />
<p>We could see that our audiences were open-minded to Synthetic Biology. They thought it was a positive thing and they would also like to participate in this great event! All of them also got potential to be a Synthetic Biologists because their ideas were creative, out of our expectation!</p><br />
<br><br><br><br />
</div><br />
</div> <!--end of row--><br />
<br />
<!-- thumbnail image wrapped in a link --><br />
<div class="row" id="lightbox"><br />
<div class="col-md-12"><br />
<center><h1>Gallery</h1></center><br />
<a href="#img1"><br />
<img src="https://static.igem.org/mediawiki/2014/5/5e/CityU_HK_Hp_gallery_img1_big.jpg" width="250px" height="166px"><br />
</a><br />
<a href="#img2"><br />
<img src="https://static.igem.org/mediawiki/2014/2/25/CityU_HK_hp_gallery_img2.JPG" width="250px" height="166px"><br />
</a><br />
<a href="#img3"><br />
<img src="https://static.igem.org/mediawiki/2014/4/4d/CityU_HK_Hp_gallery_img3.jpg" width="250px" height="166px"><br />
</a><br />
<a href="#img4"><br />
<img src="https://static.igem.org/mediawiki/2014/8/87/CityU_HK_Hp_gallery_img4.jpg" width="250px" height="166px"><br />
</a><br />
<a href="#img5"><br />
<img src="https://static.igem.org/mediawiki/2014/1/19/CityU_HK_Hp_gallery_img5.jpg" width="250px" height="166px"><br />
</a><br />
<a href="#img6"><br />
<img src="https://static.igem.org/mediawiki/2014/5/5f/CityU_HK_Hp_gallery_img6.jpg" width="250px" height="166px"><br />
</a><br />
<a href="#img7"><br />
<img src="https://static.igem.org/mediawiki/2014/3/3c/CityU_HK_Hp_gallery_img7.jpg" width="250px" height="166px"><br />
</a><br />
<a href="#img8"><br />
<img src="https://static.igem.org/mediawiki/2014/a/ab/CityU_HK_hp_gallery_img8.jpg" width="250px" height="166px"><br />
</a><br />
<br />
<br />
<!-- lightbox container hidden with CSS --><br />
<a href="#_" class="lightbox" id="img1"><br />
<img src="https://static.igem.org/mediawiki/2014/5/5e/CityU_HK_Hp_gallery_img1_big.jpg"><br />
</a><br />
<a href="#_" class="lightbox" id="img2"><br />
<img src="https://static.igem.org/mediawiki/2014/2/25/CityU_HK_hp_gallery_img2.JPG"><br />
</a><br />
<a href="#_" class="lightbox" id="img3"> <br />
<img src="https://static.igem.org/mediawiki/2014/4/4d/CityU_HK_Hp_gallery_img3.jpg"><br />
</a><br />
<a href="#_" class="lightbox" id="img4"> <br />
<img src="https://static.igem.org/mediawiki/2014/8/87/CityU_HK_Hp_gallery_img4.jpg"><br />
</a><br />
<a href="#_" class="lightbox" id="img5"> <br />
<img src="https://static.igem.org/mediawiki/2014/1/19/CityU_HK_Hp_gallery_img5.jpg"><br />
</a><br />
<a href="#_" class="lightbox" id="img6"> <br />
<img src="https://static.igem.org/mediawiki/2014/5/5f/CityU_HK_Hp_gallery_img6.jpg"><br />
</a><br />
<a href="#_" class="lightbox" id="img7"> <br />
<img src="https://static.igem.org/mediawiki/2014/3/3c/CityU_HK_Hp_gallery_img7.jpg"><br />
</a><br />
<a href="#_" class="lightbox" id="img8"> <br />
<img src="https://static.igem.org/mediawiki/2014/a/ab/CityU_HK_hp_gallery_img8.jpg"><br />
</a><br />
</div></div><br />
<!--==================== footer ===========================--><br />
<div id="footer" class="row"><br />
<div class="col-md-7"><br />
<h3>Sponsors</h3><br />
<a href="http://www.cityu.edu.hk/" target="_blank"><img src="https://static.igem.org/mediawiki/2014/9/9c/CityU_HK_citylogo.png" width="95"></a><br />
<a href="http://www6.cityu.edu.hk/bhdbapp/deptweb/index.html" target="_blank"><img src="https://static.igem.org/mediawiki/2014/9/98/CityU_HK_bchlogo.png" width="80"></a><br />
<img src="https://static.igem.org/mediawiki/2014/b/b1/CityU_HK_Invitrogen.png" width="100"><br />
<img src="https://static.igem.org/mediawiki/2014/7/7a/CityU_HK_Neblogocol.png" width="135"><br />
<img src="https://static.igem.org/mediawiki/2014/d/dc/CityU_HK_IDT-Logo.png" width="125"><br />
</div> <!-- end of col-md-7--><br />
<br />
<div class="col-md-5"><br />
<h3>Stay connected!</h3><br />
<p>email: <a href="mailto:cityuhk.igem@gmail.com">cityuhk.igem@gmail.com</a></p><br />
<a href="http://www.facebook.com/igem.2014CityU"><img src="https://static.igem.org/mediawiki/2014/3/31/CityU_HK_fb_logo.png" width="50" height="48"></a><br />
<a href="http://twitter.com/CityUHK_iGEM"><img src="http://ibo2014.org/wordpress/wp-content/themes/ibo2014/img/navbar/twitter_icon.png" width="49" height="51"></a><br />
<a href="http://www.youtube.com/channel/UC0_bUWwafB4m0K6mFdXN7-w"><img src="https://static.igem.org/mediawiki/2014/1/12/CityU_HK_youtube_logo.png" width="52" height="50"></a><br />
</div> <!--end of col-md-5--><br />
</div> <!-- end of row--><br />
<br />
<div class="row"><br />
<div id="copyright" class="col-md-12"><br />
<p>Copyright &copy; iGEM CityU HK 2014. All Rights Reserved</p><br />
</div><br />
</div><br />
<!--end of footer—><br />
</body><br />
</html></div>Marialilokyeehttp://2014.igem.org/Team:CityU_HK/HumanPracticeTeam:CityU HK/HumanPractice2014-10-18T03:13:19Z<p>Marialilokyee: </p>
<hr />
<div>{{:Team:CityU_HK/Template}}<br />
<br />
<html><br />
<html lang="en"><br />
<br />
<head><br />
<br />
<style><br />
.jumbotron {<br />
background-image: url('https://static.igem.org/mediawiki/parts/7/75/CityUHK_HP_1400x700_Maria.jpg');<br />
background-size: 100% ;<br />
background-repeat: no-repeat;<br />
height: 640px;<br />
position: relative;<br />
top: -53px;<br />
margin-bottom: 0;<br />
z-index: -1;<br />
}<br />
<br />
.jumbotron h1 {<br />
font-weight: 600;<br />
font-family: 'Raleway', sans-serif;<br />
font-size: 8em;<br />
margin:0;<br />
position: relative;<br />
top: -50px; <br />
}<br />
<br />
.jumbotron p {<br />
color: #fff;<br />
font-weight: 300;<br />
font-family: 'Raleway', sans-serif;<br />
font-size: 1.7em;<br />
width: 800px;<br />
text-align: center;<br />
margin:0 auto;<br />
position: relative;<br />
top: -100px;<br />
}<br />
<br />
#introduction {<br />
margin:0;<br />
padding: 0 0 80px 0;<br />
}<br />
<br />
#presentation {<br />
background: #F0EEEA;<br />
margin:0;<br />
padding: 50px 0 70px 0;<br />
}<br />
<br />
#presentation h1 {<br />
padding-bottom: 50px;<br />
margin:0;<br />
}<br />
<br />
#survey h2 {<br />
font-size: 25px;<br />
padding: 10px;<br />
text-align: center;<br />
font-weight: 400;<br />
color: #555555;<br />
}<br />
<br />
iframe {<br />
width: 100%;<br />
margin:0 auto;<br />
border-radius: 3px;<br />
}<br />
<br />
#survey img {<br />
width: 100%;<br />
margin:0 auto;<br />
}<br />
<br />
#main-content h1 {<br />
text-align: center;<br />
font-weight: 600;<br />
color: #555555;<br />
}<br />
<br />
#main-content p {<br />
color: #555555;<br />
text-align: justify;<br />
font-weight: 400;<br />
font-size: 1em;<br />
/*padding: 0 10% 0 10%;*/<br />
max-width: 900px;<br />
margin: 0 auto;<br />
line-height: 2;<br />
}<br />
<br />
#main-content a {<br />
color: #3cc;<br />
font-weight: bold;<br />
}<br />
<br />
#main-content a:hover {<br />
color: orange;<br />
text-decoration: none;<br />
}<br />
<br />
.arrow-down {<br />
width: 0; <br />
height: 0; <br />
border-left: 50px solid transparent;<br />
border-right: 50px solid transparent;<br />
border-top: 30px solid #fff;<br />
position: relative;<br />
top: 20px;<br />
margin: 0 auto;<br />
z-index: 2;<br />
}<br />
#arrow2 {<br />
border-top: 30px solid #F0EEEA;<br />
position: relative;<br />
top: -10px;<br />
}<br />
<br />
#lightbox h1 {<br />
color:#555555;<br />
font-weight:400;<br />
}<br />
#footer h3 {<br />
color: #dde0e4;<br />
font-family: 'Raleway', sans-serif;<br />
font-size: 18px;<br />
font-weight: bold;<br />
padding-bottom: 20px;<br />
}<br />
<br />
#footer p {<br />
color: #777777;<br />
text-align: center;<br />
font-size: 16px;<br />
font-weight: 400;<br />
}<br />
<br />
#copyright p {<br />
font-size: 16px;<br />
font-weight: 400;<br />
color: #777777;<br />
font-family: 'Raleway', sans-serif;<br />
}<br />
</style><br />
<br />
<style> /*============ word animation===========*/<br />
.jumbotron h1 {<br />
color:#fff;<br />
text-align: center;<br />
-webkit-transform-style: preserve-3d;<br />
-moz-transform-style: preserve-3d;<br />
transform-style: preserve-3d;<br />
-webkit-transform: translate3d(0,0,0);<br />
-moz-transform: translate3d(0,0,0);<br />
transform: translate3d(0,0,0);<br />
opacity: 0;<br />
-webkit-animation: anim 3.2s ease-out forwards 1s;<br />
animation: anim 3.2s ease-out forwards 1s;<br />
}<br />
strong {<br />
display: block;<br />
font-weight: 400;<br />
}<br />
<br />
<br />
@-webkit-keyframes anim {<br />
0% {<br />
text-shadow: 0 0 50px #fff;<br />
letter-spacing: 80px;<br />
opacity: 0;<br />
-webkit-transform: rotateY(-90deg);<br />
}<br />
50% {<br />
text-shadow: 0 0 1px #fff;<br />
opacity: 0.8;<br />
-webkit-transform: rotateY(0deg);<br />
}<br />
75% {<br />
text-shadow: 0 0 1px #fff;<br />
opacity: 0.8;<br />
-webkit-transform: rotateY(0deg) translateZ(60px);<br />
}<br />
100% {<br />
text-shadow: 0 0 1px #fff;<br />
opacity: 0.8;<br />
letter-spacing: 8px;<br />
-webkit-transform: rotateY(0deg) translateZ(100px);<br />
}<br />
<br />
}<br />
@keyframes anim {<br />
0% {<br />
text-shadow: 0 0 50px #fff;<br />
letter-spacing: 80px;<br />
opacity: 0;<br />
-moz-transform: rotateY(-90deg);<br />
}<br />
50% {<br />
text-shadow: 0 0 1px #fff;<br />
opacity: 0.8;<br />
-moz-transform: rotateY(0deg);<br />
}<br />
75% {<br />
text-shadow: 0 0 1px #fff;<br />
opacity: 0.8;<br />
-moz-transform: rotateY(0deg) translateZ(60px);<br />
}<br />
100% {<br />
text-shadow: 0 0 1px #fff;<br />
opacity: 0.8;<br />
letter-spacing: 8px;<br />
-moz-transform: rotateY(0deg) translateZ(100px);<br />
}<br />
</style><br />
<br />
<style> <!--=============lightbox css ============--><br />
<br />
.italic { font-style: italic; }<br />
.small { font-size: 0.8em; }<br />
<br />
#lightbox {<br />
padding: 0 100px 30px 100px;<br />
margin:0;<br />
}<br />
<br />
/** LIGHTBOX MARKUP **/<br />
<br />
.lightbox {<br />
/** Default lightbox to hidden */<br />
display: none;<br />
<br />
/** Position and style */<br />
position: fixed;<br />
z-index: 999;<br />
width: 100%;<br />
height: 100%;<br />
text-align: center;<br />
top: 0;<br />
left: 0;<br />
background: rgba(0,0,0,0.8);<br />
}<br />
<br />
.lightbox img {<br />
/** Pad the lightbox image */<br />
max-width: 90%;<br />
max-height: 80%;<br />
margin-top: 2%;<br />
}<br />
<br />
.lightbox:target {<br />
/** Remove default browser outline */<br />
outline: none;<br />
<br />
/** Unhide lightbox **/<br />
display: block;<br />
} <br />
<br />
</style><br />
</head><br />
<br />
<body id="top"><br />
<div class="jumbotron"><br />
<div class="container"><br />
<h1>Human Practice</h1><br />
<p>We educated secondary school kids about synthetic biology and the safety issues. We also conducted a survey on understanding of synthetic biology in public.</p><br />
</div><br />
</div><br />
<br />
<br />
<div class="row" id="main-content"><br />
<div class="col-md-12" id="introduction"><br />
<h1> Introduction</h1><br />
<p>Synthetic Biology is certainly an emerging topic of importance sin the field of Biotechnology. While every Synthetic Biologist or iGEMer is working hard on their masterpiece, at the same time, we should also promote Synthetic Biology to the general public. Society is always a key factor for the development of a new Science discipline or subject like Synthetic Biology. This is because what we are doing has a positive impact on society. </p><br />
<br><p>In order to gain greater support and trust from public and promote the development of Synthetic Biology, we have the responsibility to objectively inform the society the recent advances in Synthetic Biology and the iGEM competition. We believe that educating high school students is the one of the most powerful means to build up a positive image of Synthetic Biology. For this reason, we have approached local high school students in our human practice outreach.</p><br />
</div><br />
<br />
<div class="col-md-12"><br />
<div class="arrow-down"></div><br />
</div><br />
<div class="col-md-12" id="presentation"><br />
<h1> What we have done</h1><br />
<p>We delivered a <b>seminar</b> on Synthetic Biology and iGEM competition to our local high school students. We aimed:</p> <br><br />
<p><b>1. To teach students more about Genetics.</p></b><br><br />
<p><b>2. To give a clearer picture of Synthetic Biology to Secondary School students.</p></b> <br><br />
<p><b>3. To raise the interest of students in field of Biotechnology.</p></b><br><br />
<p><b>4. To build up a bridge between Secondary students and modern Biology.</p></b><br> <br />
<p>Basically, in our sharing, we told them what is iGEM competition, what do the iGEMers ‘invent’, What is CityU_HK’s project, what is the essence of Synthetic Biology and also introduce some safety concerns on this subject. Please find our <b>presentation materials</b> on <a href="http://app.emaze.com/535871/human-practice-copy1-copy1">this link</a>. We hope we will enjoy exploring our wiki!</p><br />
<br />
</div><br />
<br />
<div class="col-md-12"><br />
<div class="arrow-down" id="arrow2"></div><br />
</div><br />
<div class="col-md-12" id="survey"><br />
<h1> Survey </h1><br />
<p> We also designed a set of survey for our audiences to fill in after listening to our tiny talk. The survey was designed based on the aims. Through the survey results, we can see if our outreach achieved our aims. We reached a local secondary school and visited a class of high school Biology students on 18/8/2014. Also, we invited two group of high school Science students to visit our laboratory on 17/7/2014 and 18/7/2014. Totally, 55 students were promoted by our team. </p><br />
<br />
<h2>What did the students think?</h2><br />
<iframe src='http://my.visme.co/embed/igem-human-practice-c4' height='500' width='1200' style='border: 0px;' webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe><br />
<br />
<br><br><br><br />
<p>We had also raised a question to ask for any idea to create a new biological machine. Here were their feedbacks:</p><br />
<img src="https://static.igem.org/mediawiki/2014/e/e4/CityU_HK_Hp_survey.jpg" height=60%/><br />
<p>We could see that our audiences were open-minded to Synthetic Biology. They thought it was a positive thing and they would also like to participate in this great event! All of them also got potential to be a Synthetic Biologists because their ideas were creative, out of our expectation!</p><br />
<br><br><br><br />
</div><br />
</div> <!--end of row--><br />
<br />
<!-- thumbnail image wrapped in a link --><br />
<div class="row" id="lightbox"><br />
<div class="col-md-12"><br />
<center><h1>Gallery</h1></center><br />
<a href="#img1"><br />
<img src="https://static.igem.org/mediawiki/2014/5/5e/CityU_HK_Hp_gallery_img1_big.jpg" width="250px" height="166px"><br />
</a><br />
<a href="#img2"><br />
<img src="https://static.igem.org/mediawiki/2014/2/25/CityU_HK_hp_gallery_img2.JPG" width="250px" height="166px"><br />
</a><br />
<a href="#img3"><br />
<img src="https://static.igem.org/mediawiki/2014/4/4d/CityU_HK_Hp_gallery_img3.jpg" width="250px" height="166px"><br />
</a><br />
<a href="#img4"><br />
<img src="https://static.igem.org/mediawiki/2014/8/87/CityU_HK_Hp_gallery_img4.jpg" width="250px" height="166px"><br />
</a><br />
<a href="#img5"><br />
<img src="https://static.igem.org/mediawiki/2014/1/19/CityU_HK_Hp_gallery_img5.jpg" width="250px" height="166px"><br />
</a><br />
<a href="#img6"><br />
<img src="https://static.igem.org/mediawiki/2014/5/5f/CityU_HK_Hp_gallery_img6.jpg" width="250px" height="166px"><br />
</a><br />
<a href="#img7"><br />
<img src="https://static.igem.org/mediawiki/2014/3/3c/CityU_HK_Hp_gallery_img7.jpg" width="250px" height="166px"><br />
</a><br />
<a href="#img8"><br />
<img src="https://static.igem.org/mediawiki/2014/a/ab/CityU_HK_hp_gallery_img8.jpg" width="250px" height="166px"><br />
</a><br />
<br />
<br />
<!-- lightbox container hidden with CSS --><br />
<a href="#_" class="lightbox" id="img1"><br />
<img src="https://static.igem.org/mediawiki/2014/5/5e/CityU_HK_Hp_gallery_img1_big.jpg"><br />
</a><br />
<a href="#_" class="lightbox" id="img2"><br />
<img src="https://static.igem.org/mediawiki/2014/2/25/CityU_HK_hp_gallery_img2.JPG"><br />
</a><br />
<a href="#_" class="lightbox" id="img3"> <br />
<img src="https://static.igem.org/mediawiki/2014/4/4d/CityU_HK_Hp_gallery_img3.jpg"><br />
</a><br />
<a href="#_" class="lightbox" id="img4"> <br />
<img src="https://static.igem.org/mediawiki/2014/8/87/CityU_HK_Hp_gallery_img4.jpg"><br />
</a><br />
<a href="#_" class="lightbox" id="img5"> <br />
<img src="https://static.igem.org/mediawiki/2014/1/19/CityU_HK_Hp_gallery_img5.jpg"><br />
</a><br />
<a href="#_" class="lightbox" id="img6"> <br />
<img src="https://static.igem.org/mediawiki/2014/5/5f/CityU_HK_Hp_gallery_img6.jpg"><br />
</a><br />
<a href="#_" class="lightbox" id="img7"> <br />
<img src="https://static.igem.org/mediawiki/2014/3/3c/CityU_HK_Hp_gallery_img7.jpg"><br />
</a><br />
<a href="#_" class="lightbox" id="img8"> <br />
<img src="https://static.igem.org/mediawiki/2014/a/ab/CityU_HK_hp_gallery_img8.jpg"><br />
</a><br />
</div></div><br />
<!--==================== footer ===========================--><br />
<div id="footer" class="row"><br />
<div class="col-md-7"><br />
<h3>Sponsors</h3><br />
<a href="http://www.cityu.edu.hk/" target="_blank"><img src="https://static.igem.org/mediawiki/2014/9/9c/CityU_HK_citylogo.png" width="95"></a><br />
<a href="http://www6.cityu.edu.hk/bhdbapp/deptweb/index.html" target="_blank"><img src="https://static.igem.org/mediawiki/2014/9/98/CityU_HK_bchlogo.png" width="80"></a><br />
<img src="https://static.igem.org/mediawiki/2014/b/b1/CityU_HK_Invitrogen.png" width="100"><br />
<img src="https://static.igem.org/mediawiki/2014/7/7a/CityU_HK_Neblogocol.png" width="135"><br />
<img src="https://static.igem.org/mediawiki/2014/d/dc/CityU_HK_IDT-Logo.png" width="125"><br />
</div> <!-- end of col-md-7--><br />
<br />
<div class="col-md-5"><br />
<h3>Stay connected!</h3><br />
<p>email: <a href="mailto:cityuhk.igem@gmail.com">cityuhk.igem@gmail.com</a></p><br />
<a href="http://www.facebook.com/igem.2014CityU"><img src="https://static.igem.org/mediawiki/2014/3/31/CityU_HK_fb_logo.png" width="50" height="48"></a><br />
<a href="http://twitter.com/CityUHK_iGEM"><img src="http://ibo2014.org/wordpress/wp-content/themes/ibo2014/img/navbar/twitter_icon.png" width="49" height="51"></a><br />
<a href="http://www.youtube.com/channel/UC0_bUWwafB4m0K6mFdXN7-w"><img src="https://static.igem.org/mediawiki/2014/1/12/CityU_HK_youtube_logo.png" width="52" height="50"></a><br />
</div> <!--end of col-md-5--><br />
</div> <!-- end of row--><br />
<br />
<div class="row"><br />
<div id="copyright" class="col-md-12"><br />
<p>Copyright &copy; iGEM CityU HK 2014. All Rights Reserved</p><br />
</div><br />
</div><br />
<!--end of footer—><br />
</body><br />
</html></div>Marialilokyeehttp://2014.igem.org/Team:CityU_HK/HumanPracticeTeam:CityU HK/HumanPractice2014-10-18T03:10:22Z<p>Marialilokyee: </p>
<hr />
<div>{{:Team:CityU_HK/Template}}<br />
<br />
<html><br />
<html lang="en"><br />
<br />
<head><br />
<br />
<style><br />
.jumbotron {<br />
background-image: url('https://static.igem.org/mediawiki/parts/7/75/CityUHK_HP_1400x700_Maria.jpg');<br />
background-size: 100% ;<br />
background-repeat: no-repeat;<br />
height: 640px;<br />
position: relative;<br />
top: -53px;<br />
margin-bottom: 0;<br />
z-index: -1;<br />
}<br />
<br />
.jumbotron h1 {<br />
font-weight: 600;<br />
font-family: 'Raleway', sans-serif;<br />
font-size: 8em;<br />
margin:0;<br />
position: relative;<br />
top: -50px; <br />
}<br />
<br />
.jumbotron p {<br />
color: #fff;<br />
font-weight: 300;<br />
font-family: 'Raleway', sans-serif;<br />
font-size: 1.7em;<br />
width: 800px;<br />
text-align: center;<br />
margin:0 auto;<br />
position: relative;<br />
top: -100px;<br />
}<br />
<br />
#introduction {<br />
margin:0;<br />
padding: 0 0 80px 0;<br />
}<br />
<br />
#presentation {<br />
background: #F0EEEA;<br />
margin:0;<br />
padding: 50px 0 70px 0;<br />
}<br />
<br />
#presentation h1 {<br />
padding-bottom: 50px;<br />
margin:0;<br />
}<br />
<br />
#survey h2 {<br />
font-size: 25px;<br />
padding: 10px;<br />
text-align: center;<br />
font-weight: 400;<br />
color: #555555;<br />
}<br />
<br />
iframe {<br />
width: 100%;<br />
margin:0 auto;<br />
border-radius: 3px;<br />
}<br />
<br />
#survey img {<br />
width: 100%;<br />
margin:0 auto;<br />
}<br />
<br />
#main-content h1 {<br />
text-align: center;<br />
font-weight: 600;<br />
color: #555555;<br />
}<br />
<br />
#main-content p {<br />
color: #555555;<br />
text-align: justify;<br />
font-weight: 400;<br />
font-size: 1em;<br />
/*padding: 0 10% 0 10%;*/<br />
max-width: 900px;<br />
margin: 0 auto;<br />
line-height: 2;<br />
}<br />
<br />
#main-content a {<br />
color: #3cc;<br />
font-weight: bold;<br />
}<br />
<br />
#main-content a:hover {<br />
color: orange;<br />
text-decoration: none;<br />
}<br />
<br />
.arrow-down {<br />
width: 0; <br />
height: 0; <br />
border-left: 50px solid transparent;<br />
border-right: 50px solid transparent;<br />
border-top: 30px solid #fff;<br />
position: relative;<br />
top: 20px;<br />
margin: 0 auto;<br />
z-index: 2;<br />
}<br />
#arrow2 {<br />
border-top: 30px solid #F0EEEA;<br />
position: relative;<br />
top: -10px;<br />
}<br />
<br />
#lightbox h1 {<br />
color:#555555;<br />
font-weight:400;<br />
}<br />
#footer h3 {<br />
color: #dde0e4;<br />
font-family: 'Raleway', sans-serif;<br />
font-size: 18px;<br />
font-weight: bold;<br />
padding-bottom: 20px;<br />
}<br />
<br />
#footer p {<br />
color: #777777;<br />
text-align: center;<br />
font-size: 16px;<br />
font-weight: 400;<br />
}<br />
<br />
#copyright p {<br />
font-size: 16px;<br />
font-weight: 400;<br />
color: #777777;<br />
font-family: 'Raleway', sans-serif;<br />
}<br />
</style><br />
<br />
<style> /*============ word animation===========*/<br />
.jumbotron h1 {<br />
color:#fff;<br />
text-align: center;<br />
-webkit-transform-style: preserve-3d;<br />
-moz-transform-style: preserve-3d;<br />
transform-style: preserve-3d;<br />
-webkit-transform: translate3d(0,0,0);<br />
-moz-transform: translate3d(0,0,0);<br />
transform: translate3d(0,0,0);<br />
opacity: 0;<br />
-webkit-animation: anim 3.2s ease-out forwards 1s;<br />
animation: anim 3.2s ease-out forwards 1s;<br />
}<br />
strong {<br />
display: block;<br />
font-weight: 400;<br />
}<br />
<br />
<br />
@-webkit-keyframes anim {<br />
0% {<br />
text-shadow: 0 0 50px #fff;<br />
letter-spacing: 80px;<br />
opacity: 0;<br />
-webkit-transform: rotateY(-90deg);<br />
}<br />
50% {<br />
text-shadow: 0 0 1px #fff;<br />
opacity: 0.8;<br />
-webkit-transform: rotateY(0deg);<br />
}<br />
75% {<br />
text-shadow: 0 0 1px #fff;<br />
opacity: 0.8;<br />
-webkit-transform: rotateY(0deg) translateZ(60px);<br />
}<br />
100% {<br />
text-shadow: 0 0 1px #fff;<br />
opacity: 0.8;<br />
letter-spacing: 8px;<br />
-webkit-transform: rotateY(0deg) translateZ(100px);<br />
}<br />
<br />
}<br />
@keyframes anim {<br />
0% {<br />
text-shadow: 0 0 50px #fff;<br />
letter-spacing: 80px;<br />
opacity: 0;<br />
-moz-transform: rotateY(-90deg);<br />
}<br />
50% {<br />
text-shadow: 0 0 1px #fff;<br />
opacity: 0.8;<br />
-moz-transform: rotateY(0deg);<br />
}<br />
75% {<br />
text-shadow: 0 0 1px #fff;<br />
opacity: 0.8;<br />
-moz-transform: rotateY(0deg) translateZ(60px);<br />
}<br />
100% {<br />
text-shadow: 0 0 1px #fff;<br />
opacity: 0.8;<br />
letter-spacing: 8px;<br />
-moz-transform: rotateY(0deg) translateZ(100px);<br />
}<br />
</style><br />
<br />
<style> <!--=============lightbox css ============--><br />
<br />
.italic { font-style: italic; }<br />
.small { font-size: 0.8em; }<br />
<br />
#lightbox {<br />
padding: 0 100px 30px 100px;<br />
margin:0;<br />
}<br />
<br />
/** LIGHTBOX MARKUP **/<br />
<br />
.lightbox {<br />
/** Default lightbox to hidden */<br />
display: none;<br />
<br />
/** Position and style */<br />
position: fixed;<br />
z-index: 999;<br />
width: 100%;<br />
height: 100%;<br />
text-align: center;<br />
top: 0;<br />
left: 0;<br />
background: rgba(0,0,0,0.8);<br />
}<br />
<br />
.lightbox img {<br />
/** Pad the lightbox image */<br />
max-width: 90%;<br />
max-height: 80%;<br />
margin-top: 2%;<br />
}<br />
<br />
.lightbox:target {<br />
/** Remove default browser outline */<br />
outline: none;<br />
<br />
/** Unhide lightbox **/<br />
display: block;<br />
} <br />
<br />
</style><br />
</head><br />
<br />
<body id="top"><br />
<div class="jumbotron"><br />
<div class="container"><br />
<h1>Human Practice</h1><br />
<p>We educated secondary school kids about synthetic biology and the safety issues. We also conducted a survey on understanding of synthetic biology in public.</p><br />
</div><br />
</div><br />
<br />
<br />
<div class="row" id="main-content"><br />
<div class="col-md-12" id="introduction"><br />
<h1> Introduction</h1><br />
<p>Synthetic Biology is certainly an emerging topic of importance sin the field of Biotechnology. While every Synthetic Biologist or iGEMer is working hard on their masterpiece, at the same time, we should also promote Synthetic Biology to the general public. Society is always a key factor for the development of a new Science discipline or subject like Synthetic Biology. This is because what we are doing has a positive impact on society. </p><br />
<br><p>Therefore, in order to gain support and belief from public and thus encourage the development of Synthetic Biology, we have the responsibility to objectively tell the society what is going on with Synthetic Biology and iGEM competition. We believe that educating the students is the most powerful tool to build up a positive image of Synthetic Biology, especially when they are young. So we targeted high school students for our human practice outreach.</p><br />
</div><br />
<br />
<div class="col-md-12"><br />
<div class="arrow-down"></div><br />
</div><br />
<div class="col-md-12" id="presentation"><br />
<h1> What we have done</h1><br />
<p>We delivered a <b>seminar</b> on Synthetic Biology and iGEM competition to our local high school students. We aimed:</p> <br><br />
<p><b>1. To teach students more about Genetics.</p></b><br><br />
<p><b>2. To give a clearer picture of Synthetic Biology to Secondary School students.</p></b> <br><br />
<p><b>3. To raise the interest of students in field of Biotechnology.</p></b><br><br />
<p><b>4. To build up a bridge between Secondary students and modern Biology.</p></b><br> <br />
<p>Basically, in our sharing, we told them what is iGEM competition, what do the iGEMers ‘invent’, What is CityU_HK’s project, what is the essence of Synthetic Biology and also introduce some safety concerns on this subject. Please find our <b>presentation materials</b> on <a href="http://app.emaze.com/535871/human-practice-copy1-copy1">this link</a>. We hope we will enjoy exploring our wiki!</p><br />
<br />
</div><br />
<br />
<div class="col-md-12"><br />
<div class="arrow-down" id="arrow2"></div><br />
</div><br />
<div class="col-md-12" id="survey"><br />
<h1> Survey </h1><br />
<p> We also designed a set of survey for our audiences to fill in after listening to our tiny talk. The survey was designed based on the aims. Through the survey results, we can see if our outreach achieved our aims. We reached a local secondary school and visited a class of high school Biology students on 18/8/2014. Also, we invited two group of high school Science students to visit our laboratory on 17/7/2014 and 18/7/2014. Totally, 55 students were promoted by our team. </p><br />
<br />
<h2>What did the students think?</h2><br />
<iframe src='http://my.visme.co/embed/igem-human-practice-c4' height='500' width='1200' style='border: 0px;' webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe><br />
<br />
<br><br><br><br />
<p>We had also raised a question to ask for any idea to create a new biological machine. Here were their feedbacks:</p><br />
<img src="https://static.igem.org/mediawiki/2014/e/e4/CityU_HK_Hp_survey.jpg" height=60%/><br />
<p>We could see that our audiences were open-minded to Synthetic Biology. They thought it was a positive thing and they would also like to participate in this great event! All of them also got potential to be a Synthetic Biologists because their ideas were creative, out of our expectation!</p><br />
<br><br><br><br />
</div><br />
</div> <!--end of row--><br />
<br />
<!-- thumbnail image wrapped in a link --><br />
<div class="row" id="lightbox"><br />
<div class="col-md-12"><br />
<center><h1>Gallery</h1></center><br />
<a href="#img1"><br />
<img src="https://static.igem.org/mediawiki/2014/5/5e/CityU_HK_Hp_gallery_img1_big.jpg" width="250px" height="166px"><br />
</a><br />
<a href="#img2"><br />
<img src="https://static.igem.org/mediawiki/2014/2/25/CityU_HK_hp_gallery_img2.JPG" width="250px" height="166px"><br />
</a><br />
<a href="#img3"><br />
<img src="https://static.igem.org/mediawiki/2014/4/4d/CityU_HK_Hp_gallery_img3.jpg" width="250px" height="166px"><br />
</a><br />
<a href="#img4"><br />
<img src="https://static.igem.org/mediawiki/2014/8/87/CityU_HK_Hp_gallery_img4.jpg" width="250px" height="166px"><br />
</a><br />
<a href="#img5"><br />
<img src="https://static.igem.org/mediawiki/2014/1/19/CityU_HK_Hp_gallery_img5.jpg" width="250px" height="166px"><br />
</a><br />
<a href="#img6"><br />
<img src="https://static.igem.org/mediawiki/2014/5/5f/CityU_HK_Hp_gallery_img6.jpg" width="250px" height="166px"><br />
</a><br />
<a href="#img7"><br />
<img src="https://static.igem.org/mediawiki/2014/3/3c/CityU_HK_Hp_gallery_img7.jpg" width="250px" height="166px"><br />
</a><br />
<a href="#img8"><br />
<img src="https://static.igem.org/mediawiki/2014/a/ab/CityU_HK_hp_gallery_img8.jpg" width="250px" height="166px"><br />
</a><br />
<br />
<br />
<!-- lightbox container hidden with CSS --><br />
<a href="#_" class="lightbox" id="img1"><br />
<img src="https://static.igem.org/mediawiki/2014/5/5e/CityU_HK_Hp_gallery_img1_big.jpg"><br />
</a><br />
<a href="#_" class="lightbox" id="img2"><br />
<img src="https://static.igem.org/mediawiki/2014/2/25/CityU_HK_hp_gallery_img2.JPG"><br />
</a><br />
<a href="#_" class="lightbox" id="img3"> <br />
<img src="https://static.igem.org/mediawiki/2014/4/4d/CityU_HK_Hp_gallery_img3.jpg"><br />
</a><br />
<a href="#_" class="lightbox" id="img4"> <br />
<img src="https://static.igem.org/mediawiki/2014/8/87/CityU_HK_Hp_gallery_img4.jpg"><br />
</a><br />
<a href="#_" class="lightbox" id="img5"> <br />
<img src="https://static.igem.org/mediawiki/2014/1/19/CityU_HK_Hp_gallery_img5.jpg"><br />
</a><br />
<a href="#_" class="lightbox" id="img6"> <br />
<img src="https://static.igem.org/mediawiki/2014/5/5f/CityU_HK_Hp_gallery_img6.jpg"><br />
</a><br />
<a href="#_" class="lightbox" id="img7"> <br />
<img src="https://static.igem.org/mediawiki/2014/3/3c/CityU_HK_Hp_gallery_img7.jpg"><br />
</a><br />
<a href="#_" class="lightbox" id="img8"> <br />
<img src="https://static.igem.org/mediawiki/2014/a/ab/CityU_HK_hp_gallery_img8.jpg"><br />
</a><br />
</div></div><br />
<!--==================== footer ===========================--><br />
<div id="footer" class="row"><br />
<div class="col-md-7"><br />
<h3>Sponsors</h3><br />
<a href="http://www.cityu.edu.hk/" target="_blank"><img src="https://static.igem.org/mediawiki/2014/9/9c/CityU_HK_citylogo.png" width="95"></a><br />
<a href="http://www6.cityu.edu.hk/bhdbapp/deptweb/index.html" target="_blank"><img src="https://static.igem.org/mediawiki/2014/9/98/CityU_HK_bchlogo.png" width="80"></a><br />
<img src="https://static.igem.org/mediawiki/2014/b/b1/CityU_HK_Invitrogen.png" width="100"><br />
<img src="https://static.igem.org/mediawiki/2014/7/7a/CityU_HK_Neblogocol.png" width="135"><br />
<img src="https://static.igem.org/mediawiki/2014/d/dc/CityU_HK_IDT-Logo.png" width="125"><br />
</div> <!-- end of col-md-7--><br />
<br />
<div class="col-md-5"><br />
<h3>Stay connected!</h3><br />
<p>email: <a href="mailto:cityuhk.igem@gmail.com">cityuhk.igem@gmail.com</a></p><br />
<a href="http://www.facebook.com/igem.2014CityU"><img src="https://static.igem.org/mediawiki/2014/3/31/CityU_HK_fb_logo.png" width="50" height="48"></a><br />
<a href="http://twitter.com/CityUHK_iGEM"><img src="http://ibo2014.org/wordpress/wp-content/themes/ibo2014/img/navbar/twitter_icon.png" width="49" height="51"></a><br />
<a href="http://www.youtube.com/channel/UC0_bUWwafB4m0K6mFdXN7-w"><img src="https://static.igem.org/mediawiki/2014/1/12/CityU_HK_youtube_logo.png" width="52" height="50"></a><br />
</div> <!--end of col-md-5--><br />
</div> <!-- end of row--><br />
<br />
<div class="row"><br />
<div id="copyright" class="col-md-12"><br />
<p>Copyright &copy; iGEM CityU HK 2014. All Rights Reserved</p><br />
</div><br />
</div><br />
<!--end of footer—><br />
</body><br />
</html></div>Marialilokyeehttp://2014.igem.org/Team:CityU_HK/HumanPracticeTeam:CityU HK/HumanPractice2014-10-18T03:07:29Z<p>Marialilokyee: </p>
<hr />
<div>{{:Team:CityU_HK/Template}}<br />
<br />
<html><br />
<html lang="en"><br />
<br />
<head><br />
<br />
<style><br />
.jumbotron {<br />
background-image: url('https://static.igem.org/mediawiki/parts/7/75/CityUHK_HP_1400x700_Maria.jpg');<br />
background-size: 100% ;<br />
background-repeat: no-repeat;<br />
height: 640px;<br />
position: relative;<br />
top: -53px;<br />
margin-bottom: 0;<br />
z-index: -1;<br />
}<br />
<br />
.jumbotron h1 {<br />
font-weight: 600;<br />
font-family: 'Raleway', sans-serif;<br />
font-size: 8em;<br />
margin:0;<br />
position: relative;<br />
top: -50px; <br />
}<br />
<br />
.jumbotron p {<br />
color: #fff;<br />
font-weight: 300;<br />
font-family: 'Raleway', sans-serif;<br />
font-size: 1.7em;<br />
width: 800px;<br />
text-align: center;<br />
margin:0 auto;<br />
position: relative;<br />
top: -100px;<br />
}<br />
<br />
#introduction {<br />
margin:0;<br />
padding: 0 0 80px 0;<br />
}<br />
<br />
#presentation {<br />
background: #F0EEEA;<br />
margin:0;<br />
padding: 50px 0 70px 0;<br />
}<br />
<br />
#presentation h1 {<br />
padding-bottom: 50px;<br />
margin:0;<br />
}<br />
<br />
#survey h2 {<br />
font-size: 25px;<br />
padding: 10px;<br />
text-align: center;<br />
font-weight: 400;<br />
color: #555555;<br />
}<br />
<br />
iframe {<br />
width: 100%;<br />
margin:0 auto;<br />
border-radius: 3px;<br />
}<br />
<br />
#survey img {<br />
width: 100%;<br />
margin:0 auto;<br />
}<br />
<br />
#main-content h1 {<br />
text-align: center;<br />
font-weight: 600;<br />
color: #555555;<br />
}<br />
<br />
#main-content p {<br />
color: #555555;<br />
text-align: justify;<br />
font-weight: 400;<br />
font-size: 1em;<br />
/*padding: 0 10% 0 10%;*/<br />
max-width: 900px;<br />
margin: 0 auto;<br />
line-height: 2;<br />
}<br />
<br />
#main-content a {<br />
color: #3cc;<br />
font-weight: bold;<br />
}<br />
<br />
#main-content a:hover {<br />
color: orange;<br />
text-decoration: none;<br />
}<br />
<br />
.arrow-down {<br />
width: 0; <br />
height: 0; <br />
border-left: 50px solid transparent;<br />
border-right: 50px solid transparent;<br />
border-top: 30px solid #fff;<br />
position: relative;<br />
top: 20px;<br />
margin: 0 auto;<br />
z-index: 2;<br />
}<br />
#arrow2 {<br />
border-top: 30px solid #F0EEEA;<br />
position: relative;<br />
top: -10px;<br />
}<br />
<br />
#lightbox h1 {<br />
color:#555555;<br />
font-weight:400;<br />
}<br />
#footer h3 {<br />
color: #dde0e4;<br />
font-family: 'Raleway', sans-serif;<br />
font-size: 18px;<br />
font-weight: bold;<br />
padding-bottom: 20px;<br />
}<br />
<br />
#footer p {<br />
color: #777777;<br />
text-align: center;<br />
font-size: 16px;<br />
font-weight: 400;<br />
}<br />
<br />
#copyright p {<br />
font-size: 16px;<br />
font-weight: 400;<br />
color: #777777;<br />
font-family: 'Raleway', sans-serif;<br />
}<br />
</style><br />
<br />
<style> /*============ word animation===========*/<br />
.jumbotron h1 {<br />
color:#fff;<br />
text-align: center;<br />
-webkit-transform-style: preserve-3d;<br />
-moz-transform-style: preserve-3d;<br />
transform-style: preserve-3d;<br />
-webkit-transform: translate3d(0,0,0);<br />
-moz-transform: translate3d(0,0,0);<br />
transform: translate3d(0,0,0);<br />
opacity: 0;<br />
-webkit-animation: anim 3.2s ease-out forwards 1s;<br />
animation: anim 3.2s ease-out forwards 1s;<br />
}<br />
strong {<br />
display: block;<br />
font-weight: 400;<br />
}<br />
<br />
<br />
@-webkit-keyframes anim {<br />
0% {<br />
text-shadow: 0 0 50px #fff;<br />
letter-spacing: 80px;<br />
opacity: 0;<br />
-webkit-transform: rotateY(-90deg);<br />
}<br />
50% {<br />
text-shadow: 0 0 1px #fff;<br />
opacity: 0.8;<br />
-webkit-transform: rotateY(0deg);<br />
}<br />
75% {<br />
text-shadow: 0 0 1px #fff;<br />
opacity: 0.8;<br />
-webkit-transform: rotateY(0deg) translateZ(60px);<br />
}<br />
100% {<br />
text-shadow: 0 0 1px #fff;<br />
opacity: 0.8;<br />
letter-spacing: 8px;<br />
-webkit-transform: rotateY(0deg) translateZ(100px);<br />
}<br />
<br />
}<br />
@keyframes anim {<br />
0% {<br />
text-shadow: 0 0 50px #fff;<br />
letter-spacing: 80px;<br />
opacity: 0;<br />
-moz-transform: rotateY(-90deg);<br />
}<br />
50% {<br />
text-shadow: 0 0 1px #fff;<br />
opacity: 0.8;<br />
-moz-transform: rotateY(0deg);<br />
}<br />
75% {<br />
text-shadow: 0 0 1px #fff;<br />
opacity: 0.8;<br />
-moz-transform: rotateY(0deg) translateZ(60px);<br />
}<br />
100% {<br />
text-shadow: 0 0 1px #fff;<br />
opacity: 0.8;<br />
letter-spacing: 8px;<br />
-moz-transform: rotateY(0deg) translateZ(100px);<br />
}<br />
</style><br />
<br />
<style> <!--=============lightbox css ============--><br />
<br />
.italic { font-style: italic; }<br />
.small { font-size: 0.8em; }<br />
<br />
#lightbox {<br />
padding: 0 100px 30px 100px;<br />
margin:0;<br />
}<br />
<br />
/** LIGHTBOX MARKUP **/<br />
<br />
.lightbox {<br />
/** Default lightbox to hidden */<br />
display: none;<br />
<br />
/** Position and style */<br />
position: fixed;<br />
z-index: 999;<br />
width: 100%;<br />
height: 100%;<br />
text-align: center;<br />
top: 0;<br />
left: 0;<br />
background: rgba(0,0,0,0.8);<br />
}<br />
<br />
.lightbox img {<br />
/** Pad the lightbox image */<br />
max-width: 90%;<br />
max-height: 80%;<br />
margin-top: 2%;<br />
}<br />
<br />
.lightbox:target {<br />
/** Remove default browser outline */<br />
outline: none;<br />
<br />
/** Unhide lightbox **/<br />
display: block;<br />
} <br />
<br />
</style><br />
</head><br />
<br />
<body id="top"><br />
<div class="jumbotron"><br />
<div class="container"><br />
<h1>Human Practice</h1><br />
<p>We educated secondary school kids about synthetic biology and the safety issues. We also conducted a survey on understanding of synthetic biology in public.</p><br />
</div><br />
</div><br />
<br />
<br />
<div class="row" id="main-content"><br />
<div class="col-md-12" id="introduction"><br />
<h1> Introduction</h1><br />
<p>Synthetic Biology is certainly an arising topic in the field of Biotechnology. When every Synthetic Biologist or iGEMer is working hard for their masterpieces, at the same time, we should promote Synthetic Biology to public. Society is always the key factor for the development of new Science discipline or subject like Synthetic Biology. This is because what we are doing will bring direct effects to the public and that is what people are always concerning.</p><br />
<br><p>Therefore, in order to gain support and belief from public and thus encourage the development of Synthetic Biology, we have the responsibility to objectively tell the society what is going on with Synthetic Biology and iGEM competition. We believe that educating the students is the most powerful tool to build up a positive image of Synthetic Biology, especially when they are young. So we targeted high school students for our human practice outreach.</p><br />
</div><br />
<br />
<div class="col-md-12"><br />
<div class="arrow-down"></div><br />
</div><br />
<div class="col-md-12" id="presentation"><br />
<h1> What we have done</h1><br />
<p>We delivered a <b>seminar</b> on Synthetic Biology and iGEM competition to our local high school students. We aimed:</p> <br><br />
<p><b>1. To teach students more about Genetics.</p></b><br><br />
<p><b>2. To give a clearer picture of Synthetic Biology to Secondary School students.</p></b> <br><br />
<p><b>3. To raise the interest of students in field of Biotechnology.</p></b><br><br />
<p><b>4. To build up a bridge between Secondary students and modern Biology.</p></b><br> <br />
<p>Basically, in our sharing, we told them what is iGEM competition, what do the iGEMers ‘invent’, What is CityU_HK’s project, what is the essence of Synthetic Biology and also introduce some safety concerns on this subject. Please find our <b>presentation materials</b> on <a href="http://app.emaze.com/535871/human-practice-copy1-copy1">this link</a>. We hope we will enjoy exploring our wiki!</p><br />
<br />
</div><br />
<br />
<div class="col-md-12"><br />
<div class="arrow-down" id="arrow2"></div><br />
</div><br />
<div class="col-md-12" id="survey"><br />
<h1> Survey </h1><br />
<p> We also designed a set of survey for our audiences to fill in after listening to our tiny talk. The survey was designed based on the aims. Through the survey results, we can see if our outreach achieved our aims. We reached a local secondary school and visited a class of high school Biology students on 18/8/2014. Also, we invited two group of high school Science students to visit our laboratory on 17/7/2014 and 18/7/2014. Totally, 55 students were promoted by our team. </p><br />
<br />
<h2>What did the students think?</h2><br />
<iframe src='http://my.visme.co/embed/igem-human-practice-c4' height='500' width='1200' style='border: 0px;' webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe><br />
<br />
<br><br><br><br />
<p>We had also raised a question to ask for any idea to create a new biological machine. Here were their feedbacks:</p><br />
<img src="https://static.igem.org/mediawiki/2014/e/e4/CityU_HK_Hp_survey.jpg" height=60%/><br />
<p>We could see that our audiences were open-minded to Synthetic Biology. They thought it was a positive thing and they would also like to participate in this great event! All of them also got potential to be a Synthetic Biologists because their ideas were creative, out of our expectation!</p><br />
<br><br><br><br />
</div><br />
</div> <!--end of row--><br />
<br />
<!-- thumbnail image wrapped in a link --><br />
<div class="row" id="lightbox"><br />
<div class="col-md-12"><br />
<center><h1>Gallery</h1></center><br />
<a href="#img1"><br />
<img src="https://static.igem.org/mediawiki/2014/5/5e/CityU_HK_Hp_gallery_img1_big.jpg" width="250px" height="166px"><br />
</a><br />
<a href="#img2"><br />
<img src="https://static.igem.org/mediawiki/2014/2/25/CityU_HK_hp_gallery_img2.JPG" width="250px" height="166px"><br />
</a><br />
<a href="#img3"><br />
<img src="https://static.igem.org/mediawiki/2014/4/4d/CityU_HK_Hp_gallery_img3.jpg" width="250px" height="166px"><br />
</a><br />
<a href="#img4"><br />
<img src="https://static.igem.org/mediawiki/2014/8/87/CityU_HK_Hp_gallery_img4.jpg" width="250px" height="166px"><br />
</a><br />
<a href="#img5"><br />
<img src="https://static.igem.org/mediawiki/2014/1/19/CityU_HK_Hp_gallery_img5.jpg" width="250px" height="166px"><br />
</a><br />
<a href="#img6"><br />
<img src="https://static.igem.org/mediawiki/2014/5/5f/CityU_HK_Hp_gallery_img6.jpg" width="250px" height="166px"><br />
</a><br />
<a href="#img7"><br />
<img src="https://static.igem.org/mediawiki/2014/3/3c/CityU_HK_Hp_gallery_img7.jpg" width="250px" height="166px"><br />
</a><br />
<a href="#img8"><br />
<img src="https://static.igem.org/mediawiki/2014/a/ab/CityU_HK_hp_gallery_img8.jpg" width="250px" height="166px"><br />
</a><br />
<br />
<br />
<!-- lightbox container hidden with CSS --><br />
<a href="#_" class="lightbox" id="img1"><br />
<img src="https://static.igem.org/mediawiki/2014/5/5e/CityU_HK_Hp_gallery_img1_big.jpg"><br />
</a><br />
<a href="#_" class="lightbox" id="img2"><br />
<img src="https://static.igem.org/mediawiki/2014/2/25/CityU_HK_hp_gallery_img2.JPG"><br />
</a><br />
<a href="#_" class="lightbox" id="img3"> <br />
<img src="https://static.igem.org/mediawiki/2014/4/4d/CityU_HK_Hp_gallery_img3.jpg"><br />
</a><br />
<a href="#_" class="lightbox" id="img4"> <br />
<img src="https://static.igem.org/mediawiki/2014/8/87/CityU_HK_Hp_gallery_img4.jpg"><br />
</a><br />
<a href="#_" class="lightbox" id="img5"> <br />
<img src="https://static.igem.org/mediawiki/2014/1/19/CityU_HK_Hp_gallery_img5.jpg"><br />
</a><br />
<a href="#_" class="lightbox" id="img6"> <br />
<img src="https://static.igem.org/mediawiki/2014/5/5f/CityU_HK_Hp_gallery_img6.jpg"><br />
</a><br />
<a href="#_" class="lightbox" id="img7"> <br />
<img src="https://static.igem.org/mediawiki/2014/3/3c/CityU_HK_Hp_gallery_img7.jpg"><br />
</a><br />
<a href="#_" class="lightbox" id="img8"> <br />
<img src="https://static.igem.org/mediawiki/2014/a/ab/CityU_HK_hp_gallery_img8.jpg"><br />
</a><br />
</div></div><br />
<!--==================== footer ===========================--><br />
<div id="footer" class="row"><br />
<div class="col-md-7"><br />
<h3>Sponsors</h3><br />
<a href="http://www.cityu.edu.hk/" target="_blank"><img src="https://static.igem.org/mediawiki/2014/9/9c/CityU_HK_citylogo.png" width="95"></a><br />
<a href="http://www6.cityu.edu.hk/bhdbapp/deptweb/index.html" target="_blank"><img src="https://static.igem.org/mediawiki/2014/9/98/CityU_HK_bchlogo.png" width="80"></a><br />
<img src="https://static.igem.org/mediawiki/2014/b/b1/CityU_HK_Invitrogen.png" width="100"><br />
<img src="https://static.igem.org/mediawiki/2014/7/7a/CityU_HK_Neblogocol.png" width="135"><br />
<img src="https://static.igem.org/mediawiki/2014/d/dc/CityU_HK_IDT-Logo.png" width="125"><br />
</div> <!-- end of col-md-7--><br />
<br />
<div class="col-md-5"><br />
<h3>Stay connected!</h3><br />
<p>email: <a href="mailto:cityuhk.igem@gmail.com">cityuhk.igem@gmail.com</a></p><br />
<a href="http://www.facebook.com/igem.2014CityU"><img src="https://static.igem.org/mediawiki/2014/3/31/CityU_HK_fb_logo.png" width="50" height="48"></a><br />
<a href="http://twitter.com/CityUHK_iGEM"><img src="http://ibo2014.org/wordpress/wp-content/themes/ibo2014/img/navbar/twitter_icon.png" width="49" height="51"></a><br />
<a href="http://www.youtube.com/channel/UC0_bUWwafB4m0K6mFdXN7-w"><img src="https://static.igem.org/mediawiki/2014/1/12/CityU_HK_youtube_logo.png" width="52" height="50"></a><br />
</div> <!--end of col-md-5--><br />
</div> <!-- end of row--><br />
<br />
<div class="row"><br />
<div id="copyright" class="col-md-12"><br />
<p>Copyright &copy; iGEM CityU HK 2014. All Rights Reserved</p><br />
</div><br />
</div><br />
<!--end of footer—><br />
</body><br />
</html></div>Marialilokyeehttp://2014.igem.org/Team:CityU_HK/HumanPracticeTeam:CityU HK/HumanPractice2014-10-18T03:03:34Z<p>Marialilokyee: </p>
<hr />
<div>{{:Team:CityU_HK/Template}}<br />
<br />
<html><br />
<html lang="en"><br />
<br />
<head><br />
<br />
<style><br />
.jumbotron {<br />
background-image: url('https://static.igem.org/mediawiki/parts/7/75/CityUHK_HP_1400x700_Maria.jpg');<br />
background-size: 100% ;<br />
background-repeat: no-repeat;<br />
height: 640px;<br />
position: relative;<br />
top: -53px;<br />
margin-bottom: 0;<br />
z-index: -1;<br />
}<br />
<br />
.jumbotron h1 {<br />
font-weight: 600;<br />
font-family: 'Raleway', sans-serif;<br />
font-size: 8em;<br />
margin:0;<br />
position: relative;<br />
top: -50px; <br />
}<br />
<br />
.jumbotron p {<br />
color: #fff;<br />
font-weight: 300;<br />
font-family: 'Raleway', sans-serif;<br />
font-size: 1.7em;<br />
width: 800px;<br />
text-align: center;<br />
margin:0 auto;<br />
position: relative;<br />
top: -100px;<br />
}<br />
<br />
#introduction {<br />
margin:0;<br />
padding: 0 0 80px 0;<br />
}<br />
<br />
#presentation {<br />
background: #F0EEEA;<br />
margin:0;<br />
padding: 50px 0 70px 0;<br />
}<br />
<br />
#presentation h1 {<br />
padding-bottom: 50px;<br />
margin:0;<br />
}<br />
<br />
#survey h2 {<br />
font-size: 25px;<br />
padding: 10px;<br />
text-align: center;<br />
font-weight: 400;<br />
color: #555555;<br />
}<br />
<br />
iframe {<br />
width: 100%;<br />
margin:0 auto;<br />
border-radius: 3px;<br />
}<br />
<br />
#survey img {<br />
width: 100%;<br />
margin:0 auto;<br />
}<br />
<br />
#main-content h1 {<br />
text-align: center;<br />
font-weight: 600;<br />
color: #555555;<br />
}<br />
<br />
#main-content p {<br />
color: #555555;<br />
text-align: justify;<br />
font-weight: 400;<br />
font-size: 1em;<br />
/*padding: 0 10% 0 10%;*/<br />
max-width: 900px;<br />
margin: 0 auto;<br />
line-height: 2;<br />
}<br />
<br />
#main-content a {<br />
color: #3cc;<br />
font-weight: bold;<br />
}<br />
<br />
#main-content a:hover {<br />
color: orange;<br />
text-decoration: none;<br />
}<br />
<br />
.arrow-down {<br />
width: 0; <br />
height: 0; <br />
border-left: 50px solid transparent;<br />
border-right: 50px solid transparent;<br />
border-top: 30px solid #fff;<br />
position: relative;<br />
top: 20px;<br />
margin: 0 auto;<br />
z-index: 2;<br />
}<br />
#arrow2 {<br />
border-top: 30px solid #F0EEEA;<br />
position: relative;<br />
top: -10px;<br />
}<br />
<br />
#lightbox h1 {<br />
color:#555555;<br />
font-weight:400;<br />
}<br />
#footer h3 {<br />
color: #dde0e4;<br />
font-family: 'Raleway', sans-serif;<br />
font-size: 18px;<br />
font-weight: bold;<br />
padding-bottom: 20px;<br />
}<br />
<br />
#footer p {<br />
color: #777777;<br />
text-align: center;<br />
font-size: 16px;<br />
font-weight: 400;<br />
}<br />
<br />
#copyright p {<br />
font-size: 16px;<br />
font-weight: 400;<br />
color: #777777;<br />
font-family: 'Raleway', sans-serif;<br />
}<br />
</style><br />
<br />
<style> /*============ word animation===========*/<br />
.jumbotron h1 {<br />
color:#fff;<br />
text-align: center;<br />
-webkit-transform-style: preserve-3d;<br />
-moz-transform-style: preserve-3d;<br />
transform-style: preserve-3d;<br />
-webkit-transform: translate3d(0,0,0);<br />
-moz-transform: translate3d(0,0,0);<br />
transform: translate3d(0,0,0);<br />
opacity: 0;<br />
-webkit-animation: anim 3.2s ease-out forwards 1s;<br />
animation: anim 3.2s ease-out forwards 1s;<br />
}<br />
strong {<br />
display: block;<br />
font-weight: 400;<br />
}<br />
<br />
<br />
@-webkit-keyframes anim {<br />
0% {<br />
text-shadow: 0 0 50px #fff;<br />
letter-spacing: 80px;<br />
opacity: 0;<br />
-webkit-transform: rotateY(-90deg);<br />
}<br />
50% {<br />
text-shadow: 0 0 1px #fff;<br />
opacity: 0.8;<br />
-webkit-transform: rotateY(0deg);<br />
}<br />
75% {<br />
text-shadow: 0 0 1px #fff;<br />
opacity: 0.8;<br />
-webkit-transform: rotateY(0deg) translateZ(60px);<br />
}<br />
100% {<br />
text-shadow: 0 0 1px #fff;<br />
opacity: 0.8;<br />
letter-spacing: 8px;<br />
-webkit-transform: rotateY(0deg) translateZ(100px);<br />
}<br />
<br />
}<br />
@keyframes anim {<br />
0% {<br />
text-shadow: 0 0 50px #fff;<br />
letter-spacing: 80px;<br />
opacity: 0;<br />
-moz-transform: rotateY(-90deg);<br />
}<br />
50% {<br />
text-shadow: 0 0 1px #fff;<br />
opacity: 0.8;<br />
-moz-transform: rotateY(0deg);<br />
}<br />
75% {<br />
text-shadow: 0 0 1px #fff;<br />
opacity: 0.8;<br />
-moz-transform: rotateY(0deg) translateZ(60px);<br />
}<br />
100% {<br />
text-shadow: 0 0 1px #fff;<br />
opacity: 0.8;<br />
letter-spacing: 8px;<br />
-moz-transform: rotateY(0deg) translateZ(100px);<br />
}<br />
</style><br />
<br />
<style> <!--=============lightbox css ============--><br />
<br />
.italic { font-style: italic; }<br />
.small { font-size: 0.8em; }<br />
<br />
#lightbox {<br />
padding: 0 100px 30px 100px;<br />
margin:0;<br />
}<br />
<br />
/** LIGHTBOX MARKUP **/<br />
<br />
.lightbox {<br />
/** Default lightbox to hidden */<br />
display: none;<br />
<br />
/** Position and style */<br />
position: fixed;<br />
z-index: 999;<br />
width: 100%;<br />
height: 100%;<br />
text-align: center;<br />
top: 0;<br />
left: 0;<br />
background: rgba(0,0,0,0.8);<br />
}<br />
<br />
.lightbox img {<br />
/** Pad the lightbox image */<br />
max-width: 90%;<br />
max-height: 80%;<br />
margin-top: 2%;<br />
}<br />
<br />
.lightbox:target {<br />
/** Remove default browser outline */<br />
outline: none;<br />
<br />
/** Unhide lightbox **/<br />
display: block;<br />
} <br />
<br />
</style><br />
</head><br />
<br />
<body id="top"><br />
<div class="jumbotron"><br />
<div class="container"><br />
<h1>Human Practice</h1><br />
<p>We educated secondary school kids about synthetic biology and the safety issues. We also conducted a survey on understanding of synthetic biology in public.</p><br />
</div><br />
</div><br />
<br />
<br />
<div class="row" id="main-content"><br />
<div class="col-md-12" id="introduction"><br />
<h1> Introduction</h1><br />
<p>Synthetic Biology is certainly an arising topic in the field of Biotechnology. When every Synthetic Biologist or iGEMer is working hard for their masterpieces, at the same time, we should promote Synthetic Biology to public. Society is always the key factor for the development of new Science discipline or subject like Synthetic Biology. This is because what we are doing will bring direct effects to the public and that is what people are always concerning.</p><br />
<br><p>Therefore, in order to gain support and belief from public and thus encourage the development of Synthetic Biology, we have the responsibility to objectively tell the society what is going on with Synthetic Biology and iGEM competition. We believe that educating the students is the most powerful tool to build up a positive image of Synthetic Biology, especially when they are young. So we targeted high school students for our human practice outreach.</p><br />
</div><br />
<br />
<div class="col-md-12"><br />
<div class="arrow-down"></div><br />
</div><br />
<div class="col-md-12" id="presentation"><br />
<h1> What we have done</h1><br />
<p>We delivered a <b>presentation</b> on Synthetic Biology and iGEM competition to our local high school students. We aimed</p> <br><br />
<p><b>1. To teach students more about Genetics.</p></b><br><br />
<p><b>2. To give a clearer picture of Synthetic Biology to Secondary School students.</p></b> <br><br />
<p><b>3. To raise the interest of students in field of Biotechnology.</p></b><br><br />
<p><b>4. To build up a bridge between Secondary students and modern Biology.</p></b><br> <br />
<p>Basically, in our sharing, we told them what is iGEM competition, what do the iGEMers ‘invent’, What is CityU_HK’s project, what is the essence of Synthetic Biology and also introduce some safety concerns on this subject. Please find our <b>presentation materials</b> on <a href="http://app.emaze.com/535871/human-practice-copy1-copy1">this link</a>. Surely you will have fun of it!</p><br />
<br />
</div><br />
<br />
<div class="col-md-12"><br />
<div class="arrow-down" id="arrow2"></div><br />
</div><br />
<div class="col-md-12" id="survey"><br />
<h1> Survey </h1><br />
<p> We also designed a set of survey for our audiences to fill in after listening to our tiny talk. The survey was designed based on the aims. Through the survey results, we can see if our outreach achieved our aims. We reached a local secondary school and visited a class of high school Biology students on 18/8/2014. Also, we invited two group of high school Science students to visit our laboratory on 17/7/2014 and 18/7/2014. Totally, 55 students were promoted by our team. </p><br />
<br />
<h2>What did the students think?</h2><br />
<iframe src='http://my.visme.co/embed/igem-human-practice-c4' height='500' width='1200' style='border: 0px;' webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe><br />
<br />
<br><br><br><br />
<p>We had also raised a question to ask for any idea to create a new biological machine. Here were their feedbacks:</p><br />
<img src="https://static.igem.org/mediawiki/2014/e/e4/CityU_HK_Hp_survey.jpg" height=60%/><br />
<p>We could see that our audiences were open-minded to Synthetic Biology. They thought it was a positive thing and they would also like to participate in this great event! All of them also got potential to be a Synthetic Biologists because their ideas were creative, out of our expectation!</p><br />
<br><br><br><br />
</div><br />
</div> <!--end of row--><br />
<br />
<!-- thumbnail image wrapped in a link --><br />
<div class="row" id="lightbox"><br />
<div class="col-md-12"><br />
<center><h1>Gallery</h1></center><br />
<a href="#img1"><br />
<img src="https://static.igem.org/mediawiki/2014/5/5e/CityU_HK_Hp_gallery_img1_big.jpg" width="250px" height="166px"><br />
</a><br />
<a href="#img2"><br />
<img src="https://static.igem.org/mediawiki/2014/2/25/CityU_HK_hp_gallery_img2.JPG" width="250px" height="166px"><br />
</a><br />
<a href="#img3"><br />
<img src="https://static.igem.org/mediawiki/2014/4/4d/CityU_HK_Hp_gallery_img3.jpg" width="250px" height="166px"><br />
</a><br />
<a href="#img4"><br />
<img src="https://static.igem.org/mediawiki/2014/8/87/CityU_HK_Hp_gallery_img4.jpg" width="250px" height="166px"><br />
</a><br />
<a href="#img5"><br />
<img src="https://static.igem.org/mediawiki/2014/1/19/CityU_HK_Hp_gallery_img5.jpg" width="250px" height="166px"><br />
</a><br />
<a href="#img6"><br />
<img src="https://static.igem.org/mediawiki/2014/5/5f/CityU_HK_Hp_gallery_img6.jpg" width="250px" height="166px"><br />
</a><br />
<a href="#img7"><br />
<img src="https://static.igem.org/mediawiki/2014/3/3c/CityU_HK_Hp_gallery_img7.jpg" width="250px" height="166px"><br />
</a><br />
<a href="#img8"><br />
<img src="https://static.igem.org/mediawiki/2014/a/ab/CityU_HK_hp_gallery_img8.jpg" width="250px" height="166px"><br />
</a><br />
<br />
<br />
<!-- lightbox container hidden with CSS --><br />
<a href="#_" class="lightbox" id="img1"><br />
<img src="https://static.igem.org/mediawiki/2014/5/5e/CityU_HK_Hp_gallery_img1_big.jpg"><br />
</a><br />
<a href="#_" class="lightbox" id="img2"><br />
<img src="https://static.igem.org/mediawiki/2014/2/25/CityU_HK_hp_gallery_img2.JPG"><br />
</a><br />
<a href="#_" class="lightbox" id="img3"> <br />
<img src="https://static.igem.org/mediawiki/2014/4/4d/CityU_HK_Hp_gallery_img3.jpg"><br />
</a><br />
<a href="#_" class="lightbox" id="img4"> <br />
<img src="https://static.igem.org/mediawiki/2014/8/87/CityU_HK_Hp_gallery_img4.jpg"><br />
</a><br />
<a href="#_" class="lightbox" id="img5"> <br />
<img src="https://static.igem.org/mediawiki/2014/1/19/CityU_HK_Hp_gallery_img5.jpg"><br />
</a><br />
<a href="#_" class="lightbox" id="img6"> <br />
<img src="https://static.igem.org/mediawiki/2014/5/5f/CityU_HK_Hp_gallery_img6.jpg"><br />
</a><br />
<a href="#_" class="lightbox" id="img7"> <br />
<img src="https://static.igem.org/mediawiki/2014/3/3c/CityU_HK_Hp_gallery_img7.jpg"><br />
</a><br />
<a href="#_" class="lightbox" id="img8"> <br />
<img src="https://static.igem.org/mediawiki/2014/a/ab/CityU_HK_hp_gallery_img8.jpg"><br />
</a><br />
</div></div><br />
<!--==================== footer ===========================--><br />
<div id="footer" class="row"><br />
<div class="col-md-7"><br />
<h3>Sponsors</h3><br />
<a href="http://www.cityu.edu.hk/" target="_blank"><img src="https://static.igem.org/mediawiki/2014/9/9c/CityU_HK_citylogo.png" width="95"></a><br />
<a href="http://www6.cityu.edu.hk/bhdbapp/deptweb/index.html" target="_blank"><img src="https://static.igem.org/mediawiki/2014/9/98/CityU_HK_bchlogo.png" width="80"></a><br />
<img src="https://static.igem.org/mediawiki/2014/b/b1/CityU_HK_Invitrogen.png" width="100"><br />
<img src="https://static.igem.org/mediawiki/2014/7/7a/CityU_HK_Neblogocol.png" width="135"><br />
<img src="https://static.igem.org/mediawiki/2014/d/dc/CityU_HK_IDT-Logo.png" width="125"><br />
</div> <!-- end of col-md-7--><br />
<br />
<div class="col-md-5"><br />
<h3>Stay connected!</h3><br />
<p>email: <a href="mailto:cityuhk.igem@gmail.com">cityuhk.igem@gmail.com</a></p><br />
<a href="http://www.facebook.com/igem.2014CityU"><img src="https://static.igem.org/mediawiki/2014/3/31/CityU_HK_fb_logo.png" width="50" height="48"></a><br />
<a href="http://twitter.com/CityUHK_iGEM"><img src="http://ibo2014.org/wordpress/wp-content/themes/ibo2014/img/navbar/twitter_icon.png" width="49" height="51"></a><br />
<a href="http://www.youtube.com/channel/UC0_bUWwafB4m0K6mFdXN7-w"><img src="https://static.igem.org/mediawiki/2014/1/12/CityU_HK_youtube_logo.png" width="52" height="50"></a><br />
</div> <!--end of col-md-5--><br />
</div> <!-- end of row--><br />
<br />
<div class="row"><br />
<div id="copyright" class="col-md-12"><br />
<p>Copyright &copy; iGEM CityU HK 2014. All Rights Reserved</p><br />
</div><br />
</div><br />
<!--end of footer—><br />
</body><br />
</html></div>Marialilokyeehttp://2014.igem.org/Team:CityU_HK/HumanPracticeTeam:CityU HK/HumanPractice2014-10-18T01:44:47Z<p>Marialilokyee: </p>
<hr />
<div>{{:Team:CityU_HK/Template}}<br />
<br />
<html><br />
<html lang="en"><br />
<br />
<head><br />
<br />
<style><br />
.jumbotron {<br />
background-image: url('https://static.igem.org/mediawiki/parts/7/75/CityUHK_HP_1400x700_Maria.jpg');<br />
background-size: 100% ;<br />
background-repeat: no-repeat;<br />
height: 640px;<br />
position: relative;<br />
top: -53px;<br />
margin-bottom: 0;<br />
z-index: -1;<br />
}<br />
<br />
.jumbotron h1 {<br />
font-weight: 600;<br />
font-family: 'Raleway', sans-serif;<br />
font-size: 8em;<br />
margin:0;<br />
position: relative;<br />
top: -50px; <br />
}<br />
<br />
.jumbotron p {<br />
color: #fff;<br />
font-weight: 300;<br />
font-family: 'Raleway', sans-serif;<br />
font-size: 1.7em;<br />
width: 800px;<br />
text-align: center;<br />
margin:0 auto;<br />
position: relative;<br />
top: -100px;<br />
}<br />
<br />
#introduction {<br />
margin:0;<br />
padding: 0 0 80px 0;<br />
}<br />
<br />
#presentation {<br />
background: #F0EEEA;<br />
margin:0;<br />
padding: 50px 0 70px 0;<br />
}<br />
<br />
#presentation h1 {<br />
padding-bottom: 50px;<br />
margin:0;<br />
}<br />
<br />
#survey h2 {<br />
font-size: 25px;<br />
padding: 10px;<br />
text-align: center;<br />
font-weight: 400;<br />
color: #555555;<br />
}<br />
<br />
iframe {<br />
width: 100%;<br />
margin:0 auto;<br />
border-radius: 3px;<br />
}<br />
<br />
#survey img {<br />
width: 100%;<br />
margin:0 auto;<br />
}<br />
<br />
#main-content h1 {<br />
text-align: center;<br />
font-weight: 600;<br />
color: #555555;<br />
}<br />
<br />
#main-content p {<br />
color: #555555;<br />
text-align: justify;<br />
font-weight: 400;<br />
font-size: 1em;<br />
/*padding: 0 10% 0 10%;*/<br />
max-width: 900px;<br />
margin: 0 auto;<br />
line-height: 2;<br />
}<br />
<br />
#main-content a {<br />
color: #3cc;<br />
font-weight: bold;<br />
}<br />
<br />
#main-content a:hover {<br />
color: orange;<br />
text-decoration: none;<br />
}<br />
<br />
.arrow-down {<br />
width: 0; <br />
height: 0; <br />
border-left: 50px solid transparent;<br />
border-right: 50px solid transparent;<br />
border-top: 30px solid #fff;<br />
position: relative;<br />
top: 20px;<br />
margin: 0 auto;<br />
z-index: 2;<br />
}<br />
#arrow2 {<br />
border-top: 30px solid #F0EEEA;<br />
position: relative;<br />
top: -10px;<br />
}<br />
<br />
#lightbox h1 {<br />
color:#555555;<br />
font-weight:400;<br />
}<br />
#footer h3 {<br />
color: #dde0e4;<br />
font-family: 'Raleway', sans-serif;<br />
font-size: 18px;<br />
font-weight: bold;<br />
padding-bottom: 20px;<br />
}<br />
<br />
#footer p {<br />
color: #777777;<br />
text-align: center;<br />
font-size: 16px;<br />
font-weight: 400;<br />
}<br />
<br />
#copyright p {<br />
font-size: 16px;<br />
font-weight: 400;<br />
color: #777777;<br />
font-family: 'Raleway', sans-serif;<br />
}<br />
</style><br />
<br />
<style> /*============ word animation===========*/<br />
.jumbotron h1 {<br />
color:#fff;<br />
text-align: center;<br />
-webkit-transform-style: preserve-3d;<br />
-moz-transform-style: preserve-3d;<br />
transform-style: preserve-3d;<br />
-webkit-transform: translate3d(0,0,0);<br />
-moz-transform: translate3d(0,0,0);<br />
transform: translate3d(0,0,0);<br />
opacity: 0;<br />
-webkit-animation: anim 3.2s ease-out forwards 1s;<br />
animation: anim 3.2s ease-out forwards 1s;<br />
}<br />
strong {<br />
display: block;<br />
font-weight: 400;<br />
}<br />
<br />
<br />
@-webkit-keyframes anim {<br />
0% {<br />
text-shadow: 0 0 50px #fff;<br />
letter-spacing: 80px;<br />
opacity: 0;<br />
-webkit-transform: rotateY(-90deg);<br />
}<br />
50% {<br />
text-shadow: 0 0 1px #fff;<br />
opacity: 0.8;<br />
-webkit-transform: rotateY(0deg);<br />
}<br />
75% {<br />
text-shadow: 0 0 1px #fff;<br />
opacity: 0.8;<br />
-webkit-transform: rotateY(0deg) translateZ(60px);<br />
}<br />
100% {<br />
text-shadow: 0 0 1px #fff;<br />
opacity: 0.8;<br />
letter-spacing: 8px;<br />
-webkit-transform: rotateY(0deg) translateZ(100px);<br />
}<br />
<br />
}<br />
@keyframes anim {<br />
0% {<br />
text-shadow: 0 0 50px #fff;<br />
letter-spacing: 80px;<br />
opacity: 0;<br />
-moz-transform: rotateY(-90deg);<br />
}<br />
50% {<br />
text-shadow: 0 0 1px #fff;<br />
opacity: 0.8;<br />
-moz-transform: rotateY(0deg);<br />
}<br />
75% {<br />
text-shadow: 0 0 1px #fff;<br />
opacity: 0.8;<br />
-moz-transform: rotateY(0deg) translateZ(60px);<br />
}<br />
100% {<br />
text-shadow: 0 0 1px #fff;<br />
opacity: 0.8;<br />
letter-spacing: 8px;<br />
-moz-transform: rotateY(0deg) translateZ(100px);<br />
}<br />
</style><br />
<br />
<style> <!--=============lightbox css ============--><br />
<br />
.italic { font-style: italic; }<br />
.small { font-size: 0.8em; }<br />
<br />
#lightbox {<br />
padding: 0 100px 30px 100px;<br />
margin:0;<br />
}<br />
<br />
/** LIGHTBOX MARKUP **/<br />
<br />
.lightbox {<br />
/** Default lightbox to hidden */<br />
display: none;<br />
<br />
/** Position and style */<br />
position: fixed;<br />
z-index: 999;<br />
width: 100%;<br />
height: 100%;<br />
text-align: center;<br />
top: 0;<br />
left: 0;<br />
background: rgba(0,0,0,0.8);<br />
}<br />
<br />
.lightbox img {<br />
/** Pad the lightbox image */<br />
max-width: 90%;<br />
max-height: 80%;<br />
margin-top: 2%;<br />
}<br />
<br />
.lightbox:target {<br />
/** Remove default browser outline */<br />
outline: none;<br />
<br />
/** Unhide lightbox **/<br />
display: block;<br />
} <br />
<br />
</style><br />
</head><br />
<br />
<body id="top"><br />
<div class="jumbotron"><br />
<div class="container"><br />
<h1>Human Practice</h1><br />
<p>We educated secondary school kids about synthetic biology and the safety issues. We also conducted a survey on understanding of synthetic biology in public.</p><br />
</div><br />
</div><br />
<br />
<br />
<div class="row" id="main-content"><br />
<div class="col-md-12" id="introduction"><br />
<h1> Introduction</h1><br />
<p>Synthetic Biology is certainly an arising topic in the field of Biotechnology. When every Synthetic Biologist or iGEMer is working hard for their masterpieces, at the same time, we should promote Synthetic Biology to public. Society is always the key factor for the development of new Science discipline or subject like Synthetic Biology. This is because what we are doing will bring direct effects to the public and that is what people are always concerning.</p><br />
<br><p>Therefore, in order to gain support and belief from public and thus encourage the development of Synthetic Biology, we have the responsibility to objectively tell the society what is going on with Synthetic Biology and iGEM competition. We believe that educating the students is the most powerful tool to build up a positive image of Synthetic Biology, especially when they are young. So we targeted high school students with Science background for our human practice outreach.</p><br />
</div><br />
<br />
<div class="col-md-12"><br />
<div class="arrow-down"></div><br />
</div><br />
<div class="col-md-12" id="presentation"><br />
<h1> What we have done</h1><br />
<p>We delivered a <b>presentation</b> on Synthetic Biology and iGEM competition to our local high school students. We aimed</p> <br><br />
<p><b>1. To teach students more about Genetics.</p></b><br><br />
<p><b>2. To give a clearer picture of Synthetic Biology to Secondary School students.</p></b> <br><br />
<p><b>3. To raise the interest of students in field of Biotechnology.</p></b><br><br />
<p><b>4. More importantly, to build up a bridge between Secondary students and modern Biology.</p></b><br> <br />
<p>Basically, in our sharing, we told them what is iGEM competition, what do the iGEMers ‘invent’, What is CityU_HK’s project, what is the essence of Synthetic Biology and also introduce some safety concerns on this subject. Please find our <b>presentation materials</b> on <a href="http://app.emaze.com/535871/human-practice-copy1-copy1">this link</a>. Surely you will have fun of it!</p><br />
<br />
</div><br />
<br />
<div class="col-md-12"><br />
<div class="arrow-down" id="arrow2"></div><br />
</div><br />
<div class="col-md-12" id="survey"><br />
<h1> Survey </h1><br />
<p> We also designed a set of survey for our audiences to fill in after listening to our tiny talk. The survey was designed based on the aims. Through the survey results, we can see if our outreach achieved our aims. We reached a local secondary school and visited a class of high school Biology students on 18/8/2014. Also, we invited two group of high school Science students to visit our laboratory on 17/7/2014 and 18/7/2014. Totally, 55 students were promoted by our team. </p><br />
<br />
<h2>What did the students think?</h2><br />
<iframe src='http://my.visme.co/embed/igem-human-practice-c4' height='500' width='1200' style='border: 0px;' webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe><br />
<br />
<br><br><br><br />
<p>We had also raised a question to ask for any idea to create a new biological machine. Here were their feedbacks:</p><br />
<img src="https://static.igem.org/mediawiki/2014/e/e4/CityU_HK_Hp_survey.jpg" height=60%/><br />
<p>We could see that our audiences were open-minded to Synthetic Biology. They thought it was a positive thing and they would also like to participate in this great event! All of them also got potential to be a Synthetic Biologists because their ideas were creative, out of our expectation!</p><br />
<br><br><br><br />
</div><br />
</div> <!--end of row--><br />
<br />
<!-- thumbnail image wrapped in a link --><br />
<div class="row" id="lightbox"><br />
<div class="col-md-12"><br />
<center><h1>Gallery</h1></center><br />
<a href="#img1"><br />
<img src="https://static.igem.org/mediawiki/2014/5/5e/CityU_HK_Hp_gallery_img1_big.jpg" width="250px" height="166px"><br />
</a><br />
<a href="#img2"><br />
<img src="https://static.igem.org/mediawiki/2014/2/25/CityU_HK_hp_gallery_img2.JPG" width="250px" height="166px"><br />
</a><br />
<a href="#img3"><br />
<img src="https://static.igem.org/mediawiki/2014/4/4d/CityU_HK_Hp_gallery_img3.jpg" width="250px" height="166px"><br />
</a><br />
<a href="#img4"><br />
<img src="https://static.igem.org/mediawiki/2014/8/87/CityU_HK_Hp_gallery_img4.jpg" width="250px" height="166px"><br />
</a><br />
<a href="#img5"><br />
<img src="https://static.igem.org/mediawiki/2014/1/19/CityU_HK_Hp_gallery_img5.jpg" width="250px" height="166px"><br />
</a><br />
<a href="#img6"><br />
<img src="https://static.igem.org/mediawiki/2014/5/5f/CityU_HK_Hp_gallery_img6.jpg" width="250px" height="166px"><br />
</a><br />
<a href="#img7"><br />
<img src="https://static.igem.org/mediawiki/2014/3/3c/CityU_HK_Hp_gallery_img7.jpg" width="250px" height="166px"><br />
</a><br />
<a href="#img8"><br />
<img src="https://static.igem.org/mediawiki/2014/a/ab/CityU_HK_hp_gallery_img8.jpg" width="250px" height="166px"><br />
</a><br />
<br />
<br />
<!-- lightbox container hidden with CSS --><br />
<a href="#_" class="lightbox" id="img1"><br />
<img src="https://static.igem.org/mediawiki/2014/5/5e/CityU_HK_Hp_gallery_img1_big.jpg"><br />
</a><br />
<a href="#_" class="lightbox" id="img2"><br />
<img src="https://static.igem.org/mediawiki/2014/2/25/CityU_HK_hp_gallery_img2.JPG"><br />
</a><br />
<a href="#_" class="lightbox" id="img3"> <br />
<img src="https://static.igem.org/mediawiki/2014/4/4d/CityU_HK_Hp_gallery_img3.jpg"><br />
</a><br />
<a href="#_" class="lightbox" id="img4"> <br />
<img src="https://static.igem.org/mediawiki/2014/8/87/CityU_HK_Hp_gallery_img4.jpg"><br />
</a><br />
<a href="#_" class="lightbox" id="img5"> <br />
<img src="https://static.igem.org/mediawiki/2014/1/19/CityU_HK_Hp_gallery_img5.jpg"><br />
</a><br />
<a href="#_" class="lightbox" id="img6"> <br />
<img src="https://static.igem.org/mediawiki/2014/5/5f/CityU_HK_Hp_gallery_img6.jpg"><br />
</a><br />
<a href="#_" class="lightbox" id="img7"> <br />
<img src="https://static.igem.org/mediawiki/2014/3/3c/CityU_HK_Hp_gallery_img7.jpg"><br />
</a><br />
<a href="#_" class="lightbox" id="img8"> <br />
<img src="https://static.igem.org/mediawiki/2014/a/ab/CityU_HK_hp_gallery_img8.jpg"><br />
</a><br />
</div></div><br />
<!--==================== footer ===========================--><br />
<div id="footer" class="row"><br />
<div class="col-md-7"><br />
<h3>Sponsors</h3><br />
<a href="http://www.cityu.edu.hk/" target="_blank"><img src="https://static.igem.org/mediawiki/2014/9/9c/CityU_HK_citylogo.png" width="95"></a><br />
<a href="http://www6.cityu.edu.hk/bhdbapp/deptweb/index.html" target="_blank"><img src="https://static.igem.org/mediawiki/2014/9/98/CityU_HK_bchlogo.png" width="80"></a><br />
<img src="https://static.igem.org/mediawiki/2014/b/b1/CityU_HK_Invitrogen.png" width="100"><br />
<img src="https://static.igem.org/mediawiki/2014/7/7a/CityU_HK_Neblogocol.png" width="135"><br />
<img src="https://static.igem.org/mediawiki/2014/d/dc/CityU_HK_IDT-Logo.png" width="125"><br />
</div> <!-- end of col-md-7--><br />
<br />
<div class="col-md-5"><br />
<h3>Stay connected!</h3><br />
<p>email: <a href="mailto:cityuhk.igem@gmail.com">cityuhk.igem@gmail.com</a></p><br />
<a href="http://www.facebook.com/igem.2014CityU"><img src="https://static.igem.org/mediawiki/2014/3/31/CityU_HK_fb_logo.png" width="50" height="48"></a><br />
<a href="http://twitter.com/CityUHK_iGEM"><img src="http://ibo2014.org/wordpress/wp-content/themes/ibo2014/img/navbar/twitter_icon.png" width="49" height="51"></a><br />
<a href="http://www.youtube.com/channel/UC0_bUWwafB4m0K6mFdXN7-w"><img src="https://static.igem.org/mediawiki/2014/1/12/CityU_HK_youtube_logo.png" width="52" height="50"></a><br />
</div> <!--end of col-md-5--><br />
</div> <!-- end of row--><br />
<br />
<div class="row"><br />
<div id="copyright" class="col-md-12"><br />
<p>Copyright &copy; iGEM CityU HK 2014. All Rights Reserved</p><br />
</div><br />
</div><br />
<!--end of footer—><br />
</body><br />
</html></div>Marialilokyeehttp://2014.igem.org/Team:CityU_HK/project/overviewTeam:CityU HK/project/overview2014-10-18T01:42:19Z<p>Marialilokyee: </p>
<hr />
<div>{{:Team:CityU_HK/Template}}<br />
<html><br />
<br />
<style><br />
<br />
#title {<br />
color: #676767;<br />
text-align: center;<br />
margin-bottom: 40px;<br />
font-size: 3em;<br />
font-family: "brandon-grotesque", sans-serif;<br />
font-weight: 700;<br />
text-transform: uppercase;<br />
text-shadow: 0px 3px 2px rgba(0, 0, 0, 0.2);<br />
padding-top: 4%;<br />
letter-spacing: 1px;<br />
}<br />
<br />
#main p.content{font-size:18px;<br />
font-weight: 500;<br />
padding-top: 5%;<br />
padding-left: 15%;<br />
padding-right: 15%;<br />
text-align: justify;<br />
color: #111;<br />
line-height: 1.8em;}<br />
<br />
#main p.content::first-letter { <br />
font-size: 200%;<br />
padding-left: 20px; <br />
color: #111; <br />
}<br />
<br />
<br />
img.displayed {<br />
display: block;<br />
margin-left: auto;<br />
margin-right: auto }<br />
<br />
.arrow-down {<br />
width: 0; <br />
height: 0; <br />
border-left: 50px solid transparent;<br />
border-right: 50px solid transparent;<br />
border-top: 30px solid #fff;<br />
position: relative;<br />
top: 20px;<br />
margin: 0 auto;<br />
z-index: 2;<br />
}<br />
#arrow2 {<br />
border-top: 30px solid #f5cb11;<br />
position: relative;<br />
top: -3px;<br />
}<br />
<br />
#thumbnail {<br />
padding-left:10%;<br />
padding-right:10%;<br />
}<br />
.thumbnail {height: 450px;}<br />
.thumbnail a {color: orange; font-weight:bold;}<br />
.thumbnail a:hover {color: #3cc; font-weight:bold;}<br />
</style><br />
<br />
<body><br />
<br />
<div id="main"><br />
<div><img src="https://static.igem.org/mediawiki/2014/3/34/CityU_HK_Project_banner.png" width=100%></div><br />
<br />
<div class="container"><div class="row"><div class="col-md-12"><br />
<div class="arrow-down" id="arrow2"></div><br />
</div></div></div><br />
<br />
<img class="displayed" src="https://static.igem.org/mediawiki/2014/2/29/CityU_HK_overview.jpg" width="70%"><br />
<br />
<br />
<p class="content">Obesity is a worldwide problem that contributes to a variety of human diseases such as diabetes and cancer, as well as psychological problems such as eating disorder and anxiety. Traditional remedies such as dieting or over-exercising can be ineffective and often lead to depression, given that both means could lead to obvious physical and mental unpleasantness. Obesity, in many cases, is linked to the accumulation of excessive free fatty acids from food. Therefore removing these fatty acids from the system could be the key to combating obesity. In an attempt to alleviating the obesity problem without causing adverse impact on one’s quality of life, we genetically engineered an <i>Escherichia coli</i> strain to confer upon it the capacity to both remove excess fat from our diet and convert it into a useful metabolic intermediate, &#945; linolenic acid (ALA). We named this genetically modified bacterium, “Fit Coli”.<br><br><br />
<br />
We designed Fit Coli to do the job in several steps. The first step involves increasing its ability to take up excess free fatty acids from the external environment (e.g. human gut) which, theoretically, can be achieved by overexpressing the <i>fadL</i> and <i>fadD</i> genes in <i>E. coli</i>. <i>fadL</i> codes for a fatty acid transporter protein that moves free fatty acids across the outer cell membrane into the periplasmic space. <i>fadD</i>, on the other hand, codes for a fatty acyl-CoA synthetase which adds a coenzyme A (CoA) moiety to fatty acids and then transports the resulting fatty acyl-CoA across the inner membrane into the cytosol. <br><br><br />
<br />
Next, <i>E. coli.</i> is engineered to overexpress the <i>tesA</i> gene that codes for an acyl-CoA thioesterase which removes the CoA moiety from fatty acyl-CoA molecules, thereby restoring the molecule back to the form of free fatty acids. This strategy is aimed at diverting fatty acids from the beta-oxidation pathway which degrades fatty acids into acetyl-CoA to produce ATP. Lastly, the free fatty acids are converted into ALA under the catalysis of the three engineered enzymes - ∆9 desaturase, ∆12 desaturase and ∆15 desaturase – in Fit Coli. <br><br><br />
<br />
In short, Fit Coli is designed to combat obesity by its ability (1) to take up various excess C18 fatty acids such as stearic acid, oleic acid and linoleic acid present in our foods and (2) to convert them into ALA which can then be used by the human body to make docosahexaenoic acid/eicosanoids that are beneficial to humans.<br><br> </p><br />
<br><br />
<br />
<div class="row" id="thumbnail"><br />
<div class="col-sm-6 col-md-4"><br />
<div class="thumbnail"><br />
<img src="https://static.igem.org/mediawiki/2014/a/a9/CityU_HK_thumbnail-fad.png" width="200px" ><br />
<div class="caption"><br />
<h2>Step 1</h2><br />
<p>Take up excess free fatty acids from the external environment.</p><br />
<p><a href="https://2014.igem.org/Team:CityU_HK/project/module_fad" class="btn btn-default" role="button">FadD & FadL Module</a></p><br />
</div><br />
</div><br />
</div><br />
<div class="col-sm-6 col-md-4"><br />
<div class="thumbnail"><br />
<img src="https://static.igem.org/mediawiki/2014/f/fd/CityU_HK_thumbnail-tesA.png" width="240px"><br />
<div class="caption"><br />
<h2>Step 2</h2><br />
<p>Removes the CoA moiety from fatty acyl-CoA molecules.</p><br />
<p><a href="https://2014.igem.org/Team:CityU_HK/project/module_tesA" class="btn btn-default" role="button">'TesA Module</a></p><br />
</div><br />
</div><br />
</div><br />
<div class="col-sm-6 col-md-4"><br />
<div class="thumbnail"><br />
<img src="https://static.igem.org/mediawiki/2014/1/16/CityU_HK_thumbnail-desaturase.png" width="300px"><br />
<div class="caption"><br />
<h2>Step 3</h2><br />
<p>Convert free fatty acid into ALA under the catalysis of the three engineered enzymes.</p><br />
<p><a href="https://2014.igem.org/Team:CityU_HK/project/module_desaturase" class="btn btn-default" role="button">Desaturase Module</a></p><br />
</div><br />
</div><br />
</div><br />
</div><br />
<br />
<br><br />
<br />
</div> <!-- end of #main --><br />
<br />
<br />
<br />
<br />
</body><br />
</html><br />
{{:Team:CityU_HK/Template/footer}}</div>Marialilokyeehttp://2014.igem.org/Team:CityU_HK/project/overviewTeam:CityU HK/project/overview2014-10-18T01:41:53Z<p>Marialilokyee: </p>
<hr />
<div>{{:Team:CityU_HK/Template}}<br />
<html><br />
<br />
<style><br />
<br />
#title {<br />
color: #676767;<br />
text-align: center;<br />
margin-bottom: 40px;<br />
font-size: 3em;<br />
font-family: "brandon-grotesque", sans-serif;<br />
font-weight: 700;<br />
text-transform: uppercase;<br />
text-shadow: 0px 3px 2px rgba(0, 0, 0, 0.2);<br />
padding-top: 4%;<br />
letter-spacing: 1px;<br />
}<br />
<br />
#main p.content{font-size:18px;<br />
font-weight: 500;<br />
padding-top: 5%;<br />
padding-left: 15%;<br />
padding-right: 15%;<br />
text-align: justify;<br />
color: #111;<br />
line-height: 1.8em;}<br />
<br />
#main p.content::first-letter { <br />
font-size: 200%;<br />
padding-left: 20px; <br />
color: #111; <br />
}<br />
<br />
<br />
img.displayed {<br />
display: block;<br />
margin-left: auto;<br />
margin-right: auto }<br />
<br />
.arrow-down {<br />
width: 0; <br />
height: 0; <br />
border-left: 50px solid transparent;<br />
border-right: 50px solid transparent;<br />
border-top: 30px solid #fff;<br />
position: relative;<br />
top: 20px;<br />
margin: 0 auto;<br />
z-index: 2;<br />
}<br />
#arrow2 {<br />
border-top: 30px solid #f5cb11;<br />
position: relative;<br />
top: -3px;<br />
}<br />
<br />
#thumbnail {<br />
padding-left:10%;<br />
padding-right:10%;<br />
}<br />
.thumbnail {height: 450px;}<br />
.thumbnail a {color: orange; font-weight:bold;}<br />
.thumbnail a:hover {color: #4eecba; font-weight:bold;}<br />
</style><br />
<br />
<body><br />
<br />
<div id="main"><br />
<div><img src="https://static.igem.org/mediawiki/2014/3/34/CityU_HK_Project_banner.png" width=100%></div><br />
<br />
<div class="container"><div class="row"><div class="col-md-12"><br />
<div class="arrow-down" id="arrow2"></div><br />
</div></div></div><br />
<br />
<img class="displayed" src="https://static.igem.org/mediawiki/2014/2/29/CityU_HK_overview.jpg" width="70%"><br />
<br />
<br />
<p class="content">Obesity is a worldwide problem that contributes to a variety of human diseases such as diabetes and cancer, as well as psychological problems such as eating disorder and anxiety. Traditional remedies such as dieting or over-exercising can be ineffective and often lead to depression, given that both means could lead to obvious physical and mental unpleasantness. Obesity, in many cases, is linked to the accumulation of excessive free fatty acids from food. Therefore removing these fatty acids from the system could be the key to combating obesity. In an attempt to alleviating the obesity problem without causing adverse impact on one’s quality of life, we genetically engineered an <i>Escherichia coli</i> strain to confer upon it the capacity to both remove excess fat from our diet and convert it into a useful metabolic intermediate, &#945; linolenic acid (ALA). We named this genetically modified bacterium, “Fit Coli”.<br><br><br />
<br />
We designed Fit Coli to do the job in several steps. The first step involves increasing its ability to take up excess free fatty acids from the external environment (e.g. human gut) which, theoretically, can be achieved by overexpressing the <i>fadL</i> and <i>fadD</i> genes in <i>E. coli</i>. <i>fadL</i> codes for a fatty acid transporter protein that moves free fatty acids across the outer cell membrane into the periplasmic space. <i>fadD</i>, on the other hand, codes for a fatty acyl-CoA synthetase which adds a coenzyme A (CoA) moiety to fatty acids and then transports the resulting fatty acyl-CoA across the inner membrane into the cytosol. <br><br><br />
<br />
Next, <i>E. coli.</i> is engineered to overexpress the <i>tesA</i> gene that codes for an acyl-CoA thioesterase which removes the CoA moiety from fatty acyl-CoA molecules, thereby restoring the molecule back to the form of free fatty acids. This strategy is aimed at diverting fatty acids from the beta-oxidation pathway which degrades fatty acids into acetyl-CoA to produce ATP. Lastly, the free fatty acids are converted into ALA under the catalysis of the three engineered enzymes - ∆9 desaturase, ∆12 desaturase and ∆15 desaturase – in Fit Coli. <br><br><br />
<br />
In short, Fit Coli is designed to combat obesity by its ability (1) to take up various excess C18 fatty acids such as stearic acid, oleic acid and linoleic acid present in our foods and (2) to convert them into ALA which can then be used by the human body to make docosahexaenoic acid/eicosanoids that are beneficial to humans.<br><br> </p><br />
<br><br />
<br />
<div class="row" id="thumbnail"><br />
<div class="col-sm-6 col-md-4"><br />
<div class="thumbnail"><br />
<img src="https://static.igem.org/mediawiki/2014/a/a9/CityU_HK_thumbnail-fad.png" width="200px" ><br />
<div class="caption"><br />
<h2>Step 1</h2><br />
<p>Take up excess free fatty acids from the external environment.</p><br />
<p><a href="https://2014.igem.org/Team:CityU_HK/project/module_fad" class="btn btn-default" role="button">FadD & FadL Module</a></p><br />
</div><br />
</div><br />
</div><br />
<div class="col-sm-6 col-md-4"><br />
<div class="thumbnail"><br />
<img src="https://static.igem.org/mediawiki/2014/f/fd/CityU_HK_thumbnail-tesA.png" width="240px"><br />
<div class="caption"><br />
<h2>Step 2</h2><br />
<p>Removes the CoA moiety from fatty acyl-CoA molecules.</p><br />
<p><a href="https://2014.igem.org/Team:CityU_HK/project/module_tesA" class="btn btn-default" role="button">'TesA Module</a></p><br />
</div><br />
</div><br />
</div><br />
<div class="col-sm-6 col-md-4"><br />
<div class="thumbnail"><br />
<img src="https://static.igem.org/mediawiki/2014/1/16/CityU_HK_thumbnail-desaturase.png" width="300px"><br />
<div class="caption"><br />
<h2>Step 3</h2><br />
<p>Convert free fatty acid into ALA under the catalysis of the three engineered enzymes.</p><br />
<p><a href="https://2014.igem.org/Team:CityU_HK/project/module_desaturase" class="btn btn-default" role="button">Desaturase Module</a></p><br />
</div><br />
</div><br />
</div><br />
</div><br />
<br />
<br><br />
<br />
</div> <!-- end of #main --><br />
<br />
<br />
<br />
<br />
</body><br />
</html><br />
{{:Team:CityU_HK/Template/footer}}</div>Marialilokyeehttp://2014.igem.org/Team:CityU_HK/AcknowledgementTeam:CityU HK/Acknowledgement2014-10-18T01:40:07Z<p>Marialilokyee: </p>
<hr />
<div>{{:Team:CityU_HK/Template}}<br />
{{:Team:CityU_HK/Template/CSS}}<br />
<br />
<html><br />
<head><br />
<br />
<style><br />
#title {<br />
color: #676767;<br />
text-align: center;<br />
margin-bottom: 40px;<br />
font-size: 3em;<br />
font-family: "brandon-grotesque", sans-serif;<br />
font-weight: 700;<br />
text-transform: uppercase;<br />
text-shadow: 0px 3px 2px rgba(0, 0, 0, 0.2);<br />
padding: 0px;<br />
padding-top: 4%;<br />
padding-bottom: 5%;<br />
letter-spacing: 1px;<br />
}<br />
<br />
#main h1, h2, p {<br />
text-align: center;<br />
}<br />
<br />
#main p { <br />
margin-left: 10%;<br />
margin-right: 10%;<br />
font-weight: 400;<br />
color: #000;<br />
text-align: justify;<br />
}<br />
<br />
span {<br />
font-size: 140%;<br />
font-weight: bold;<br />
}<br />
<br />
#main h3 {<br />
color: #3cc;<br />
/*text-shadow: 0px 3px 2px rgba(0, 0, 0, 0.2);*/<br />
font-size: 200%;<br />
font-weight: 500;<br />
text-align: center;<br />
}<br />
<br />
#last-p {<br />
padding-bottom: 100px;<br />
}<br />
<br />
</style><br />
</head><br />
<br />
<br />
<body><br />
<div class="container"><br />
<div class="row" id="main"><br />
<h1 id="title">Acknowledgement</h1><br />
<p>This is the first time for City University of Hong Kong to participate in the iGEM competition. Therefore any form of assistance meant a lot for the team. Hereby, we would like to express our sincere gratitude to the following parties for their generous support!</p><br />
<br />
<h3>Financial support</h3><br />
<br />
<p><span>Office of Provost</span>, College of Science and Engineering, Dept. of Biology and Chemistry and Dept. of Mechanical and Biomedical Engineering, City University of Hong Kong, for funding registration and travel expenses.</p><br />
<p><span>Dr. Richard Y C KONG</span>, for purchasing and providing all the materials and equipment for the entire project.</p><br />
<br />
<h3>Material sponsorship</h3> <br />
<br />
<p><span>Invitrogen</span>, for providing two Pure Link(R) Quick Plasmid Miniprep Kits for free.</p><br />
<p><span>New England Biolabs</span>, for providing one BioBrick Assembly Kit for free.</p><br />
<p><span>Integrated DNA Technologies</span>, for taking 25% off for one Oligo purchase.</p><br />
<br />
<h3>Technical support</h3><br />
<br />
<p><span>Dr. Richard Y C KONG</span>, <b>Dr David S. K. Chiu</b>, <b>Dr Terrence C. K. Lau,</b>for guiding the team throughout the whole project.</p><br />
<p><span>Mr. LEUNG Tin Lung</span> and <b>Mr. CHEUNG Kwok Ming</b>, for providing the team with useful and invaluable background knowledge in molecular biology.</p><br />
<p><span>Mr. Ying Kwong Ho</span> and <span>Miss So Pui Yu</span>, for monitoring and technical advice on the experimental procedures.</p><br />
<p><span>Miss Alice K.Y. Chan</span>, for her assistance in the use of GC-MS.</p><br />
<p><span>Professor CHAN Ting Fung</span> (CUHK), for the introductory talk on iGEM and details about the iGEM competition.</p><br />
<p><span>Dr. Zhu Yuan</span> (Dept. of Biology and Chemistry, City University of Hong Kong), for helping and supervising our team on simulation for the collaboration with CUHK iGEM team.</p><br />
<p id="last-p"><span>Ms. Yu Wai Ping</span> ( Stewards MKMCF Ma Ko Pan Memorial College), for helping our team organize the talk on human practice in her college.</p><br />
</div><br />
</div><br />
<br />
</body><br />
<br />
</html><br />
{{:Team:CityU_HK/Template/footer}}</div>Marialilokyeehttp://2014.igem.org/Team:CityU_HK/AcknowledgementTeam:CityU HK/Acknowledgement2014-10-18T01:38:53Z<p>Marialilokyee: </p>
<hr />
<div>{{:Team:CityU_HK/Template}}<br />
{{:Team:CityU_HK/Template/CSS}}<br />
<br />
<html><br />
<head><br />
<br />
<style><br />
#title {<br />
color: #676767;<br />
text-align: center;<br />
margin-bottom: 40px;<br />
font-size: 3em;<br />
font-family: "brandon-grotesque", sans-serif;<br />
font-weight: 700;<br />
text-transform: uppercase;<br />
text-shadow: 0px 3px 2px rgba(0, 0, 0, 0.2);<br />
padding: 0px;<br />
padding-top: 4%;<br />
padding-bottom: 5%;<br />
letter-spacing: 1px;<br />
}<br />
<br />
#main h1, h2, p {<br />
text-align: center;<br />
}<br />
<br />
#main p { <br />
margin-left: 10%;<br />
margin-right: 10%;<br />
font-weight: 400;<br />
color: #000;<br />
text-align: justify;<br />
}<br />
<br />
span {<br />
font-size: 140%;<br />
font-weight: bold;<br />
}<br />
<br />
#main h3 {<br />
color: #3cc;<br />
/*text-shadow: 0px 3px 2px rgba(0, 0, 0, 0.2);*/<br />
font-size: 200%;<br />
font-weight: 500;<br />
text-align: center;<br />
}<br />
<br />
#last-p {<br />
padding-bottom: 100px;<br />
}<br />
<br />
</style><br />
</head><br />
<br />
<br />
<body><br />
<div class="container"><br />
<div class="row" id="main"><br />
<h1 id="title">Acknowledgement</h1><br />
<p>This is the first time for City University of Hong Kong to participate in the iGEM competition. Therefore any form of assistance meant a lot for the team. Hereby, we would like to express our sincere gratitude to the following parties for their generous support!</p><br />
<br />
<h3>Financial support</h3><br />
<br />
<p><span>Office of Provost</span>, College of Science and Engineering, Dept. of Biology and Chemistry and Dept. of Mechanical and Biomedical Engineering, City University of Hong Kong, for funding registration and travel expenses.</p><br />
<p><span>Dr. Richard Y C KONG</span>, for purchasing and providing all the materials and equipment for the entire project.</p><br />
<br />
<h3>Material sponsorship</h3> <br />
<br />
<p><span>Invitrogen</span>, for providing two Pure Link(R) Quick Plasmid Miniprep Kits for free.</p><br />
<p><span>New England Biolabs</span>, for providing one BioBrick Assembly Kit for free.</p><br />
<p><span>Integrated DNA Technologies</span>, for taking 25% off for one Oligo purchase.</p><br />
<br />
<h3>Technical support</h3><br />
<br />
<p><span>Dr. Richard Y C KONG</span>, <b>Dr David S. K. Chiu</b>, <b>Dr Terrence C. K. Lau,</b>for guiding the team throughout the whole project.</p><br />
<p><span>Mr. LEUNG Tin Lung</span> and <b>Mr. CHEUNG Kwok Ming</b>, for providing the team with useful and invaluable background knowledge in molecular biology.</p><br />
<p><span>Mr. Ying Kwong Ho</span> and <span>Miss So Pui Yu</span>, for monitoring and technical advice on the experimental procedures.</p><br />
<p><span>Miss Alice K.Y. Chan</span>, for her assistance in the use of GC-MS.</p><br />
<p><span>Professor CHAN Ting Fung</span> (CUHK), for the introductory talk on iGEM and details about the iGEM competition.</p><br />
<p><span>Dr. Zhu Yuan</span> (Dept. of Biology and Chemistry, City University of Hong Kong), for helping and supervising our team on simulation for the collaboration with CUHK iGEM team.</p><br />
<p id="last-p"><span>Ms. Yu Wai Ping</span> ( Strewards MKMCF Ma Ko Pan Memorial College), for helping our team organize the talk on human practice in her college.</p><br />
</div><br />
</div><br />
<br />
</body><br />
<br />
</html><br />
{{:Team:CityU_HK/Template/footer}}</div>Marialilokyeehttp://2014.igem.org/Team:CityU_HK/HumanPracticeTeam:CityU HK/HumanPractice2014-10-18T01:22:58Z<p>Marialilokyee: </p>
<hr />
<div>{{:Team:CityU_HK/Template}}<br />
<br />
<html><br />
<html lang="en"><br />
<br />
<head><br />
<br />
<style><br />
.jumbotron {<br />
background-image: url('https://static.igem.org/mediawiki/parts/7/75/CityUHK_HP_1400x700_Maria.jpg');<br />
background-size: 100% ;<br />
background-repeat: no-repeat;<br />
height: 640px;<br />
position: relative;<br />
top: -53px;<br />
margin-bottom: 0;<br />
z-index: -1;<br />
}<br />
<br />
.jumbotron h1 {<br />
font-weight: 600;<br />
font-family: 'Raleway', sans-serif;<br />
font-size: 8em;<br />
margin:0;<br />
position: relative;<br />
top: -50px; <br />
}<br />
<br />
.jumbotron p {<br />
color: #fff;<br />
font-weight: 300;<br />
font-family: 'Raleway', sans-serif;<br />
font-size: 1.7em;<br />
width: 800px;<br />
text-align: center;<br />
margin:0 auto;<br />
position: relative;<br />
top: -100px;<br />
}<br />
<br />
#introduction {<br />
margin:0;<br />
padding: 0 0 80px 0;<br />
}<br />
<br />
#presentation {<br />
background: #F0EEEA;<br />
margin:0;<br />
padding: 50px 0 70px 0;<br />
}<br />
<br />
#presentation h1 {<br />
padding-bottom: 50px;<br />
margin:0;<br />
}<br />
<br />
#survey h2 {<br />
font-size: 25px;<br />
padding: 10px;<br />
text-align: center;<br />
font-weight: 400;<br />
color: #555555;<br />
}<br />
<br />
iframe {<br />
width: 100%;<br />
margin:0 auto;<br />
border-radius: 3px;<br />
}<br />
<br />
#survey img {<br />
width: 100%;<br />
margin:0 auto;<br />
}<br />
<br />
#main-content h1 {<br />
text-align: center;<br />
font-weight: 600;<br />
color: #555555;<br />
}<br />
<br />
#main-content p {<br />
color: #555555;<br />
text-align: justify;<br />
font-weight: 400;<br />
font-size: 1em;<br />
/*padding: 0 10% 0 10%;*/<br />
max-width: 900px;<br />
margin: 0 auto;<br />
line-height: 2;<br />
}<br />
<br />
#main-content a {<br />
color: #3cc;<br />
font-weight: bold;<br />
}<br />
<br />
#main-content a:hover {<br />
color: orange;<br />
text-decoration: none;<br />
}<br />
<br />
.arrow-down {<br />
width: 0; <br />
height: 0; <br />
border-left: 50px solid transparent;<br />
border-right: 50px solid transparent;<br />
border-top: 30px solid #fff;<br />
position: relative;<br />
top: 20px;<br />
margin: 0 auto;<br />
z-index: 2;<br />
}<br />
#arrow2 {<br />
border-top: 30px solid #F0EEEA;<br />
position: relative;<br />
top: -10px;<br />
}<br />
<br />
#lightbox h1 {<br />
color:#555555;<br />
font-weight:400;<br />
}<br />
#footer h3 {<br />
color: #dde0e4;<br />
font-family: 'Raleway', sans-serif;<br />
font-size: 18px;<br />
font-weight: bold;<br />
padding-bottom: 20px;<br />
}<br />
<br />
#footer p {<br />
color: #777777;<br />
text-align: center;<br />
font-size: 16px;<br />
font-weight: 400;<br />
}<br />
<br />
#copyright p {<br />
font-size: 16px;<br />
font-weight: 400;<br />
color: #777777;<br />
font-family: 'Raleway', sans-serif;<br />
}<br />
</style><br />
<br />
<style> /*============ word animation===========*/<br />
.jumbotron h1 {<br />
color:#fff;<br />
text-align: center;<br />
-webkit-transform-style: preserve-3d;<br />
-moz-transform-style: preserve-3d;<br />
transform-style: preserve-3d;<br />
-webkit-transform: translate3d(0,0,0);<br />
-moz-transform: translate3d(0,0,0);<br />
transform: translate3d(0,0,0);<br />
opacity: 0;<br />
-webkit-animation: anim 3.2s ease-out forwards 1s;<br />
animation: anim 3.2s ease-out forwards 1s;<br />
}<br />
strong {<br />
display: block;<br />
font-weight: 400;<br />
}<br />
<br />
<br />
@-webkit-keyframes anim {<br />
0% {<br />
text-shadow: 0 0 50px #fff;<br />
letter-spacing: 80px;<br />
opacity: 0;<br />
-webkit-transform: rotateY(-90deg);<br />
}<br />
50% {<br />
text-shadow: 0 0 1px #fff;<br />
opacity: 0.8;<br />
-webkit-transform: rotateY(0deg);<br />
}<br />
75% {<br />
text-shadow: 0 0 1px #fff;<br />
opacity: 0.8;<br />
-webkit-transform: rotateY(0deg) translateZ(60px);<br />
}<br />
100% {<br />
text-shadow: 0 0 1px #fff;<br />
opacity: 0.8;<br />
letter-spacing: 8px;<br />
-webkit-transform: rotateY(0deg) translateZ(100px);<br />
}<br />
<br />
}<br />
@keyframes anim {<br />
0% {<br />
text-shadow: 0 0 50px #fff;<br />
letter-spacing: 80px;<br />
opacity: 0;<br />
-moz-transform: rotateY(-90deg);<br />
}<br />
50% {<br />
text-shadow: 0 0 1px #fff;<br />
opacity: 0.8;<br />
-moz-transform: rotateY(0deg);<br />
}<br />
75% {<br />
text-shadow: 0 0 1px #fff;<br />
opacity: 0.8;<br />
-moz-transform: rotateY(0deg) translateZ(60px);<br />
}<br />
100% {<br />
text-shadow: 0 0 1px #fff;<br />
opacity: 0.8;<br />
letter-spacing: 8px;<br />
-moz-transform: rotateY(0deg) translateZ(100px);<br />
}<br />
</style><br />
<br />
<style> <!--=============lightbox css ============--><br />
<br />
.italic { font-style: italic; }<br />
.small { font-size: 0.8em; }<br />
<br />
#lightbox {<br />
padding: 0 100px 30px 100px;<br />
margin:0;<br />
}<br />
<br />
/** LIGHTBOX MARKUP **/<br />
<br />
.lightbox {<br />
/** Default lightbox to hidden */<br />
display: none;<br />
<br />
/** Position and style */<br />
position: fixed;<br />
z-index: 999;<br />
width: 100%;<br />
height: 100%;<br />
text-align: center;<br />
top: 0;<br />
left: 0;<br />
background: rgba(0,0,0,0.8);<br />
}<br />
<br />
.lightbox img {<br />
/** Pad the lightbox image */<br />
max-width: 90%;<br />
max-height: 80%;<br />
margin-top: 2%;<br />
}<br />
<br />
.lightbox:target {<br />
/** Remove default browser outline */<br />
outline: none;<br />
<br />
/** Unhide lightbox **/<br />
display: block;<br />
} <br />
<br />
</style><br />
</head><br />
<br />
<body id="top"><br />
<div class="jumbotron"><br />
<div class="container"><br />
<h1>Human Practice</h1><br />
<p>We educated secondary school kids about synthetic biology and the safety issues. We also conducted a survey on understanding of synthetic biology in public.</p><br />
</div><br />
</div><br />
<br />
<br />
<div class="row" id="main-content"><br />
<div class="col-md-12" id="introduction"><br />
<h1> Introduction</h1><br />
<p>Synthetic Biology is certainly an arising topic in the field of Biotechnology. When every Synthetic Biologist or iGEMer is working hard for their masterpieces, at the same time, we should promote Synthetic Biology to public. Society is always the key factor for the development of new Science discipline or subject like Synthetic Biology. This is because what we are doing will bring direct effects to the public and that is what people are always concerning.</p><br />
<br><p>Therefore, in order to gain support and belief from public and thus encourage the development of Synthetic Biology, we have the responsibility to objectively tell the society what is going on with Synthetic Biology and iGEM competition. We believe that educating the students is the most powerful tool to build up a positive image of Synthetic Biology, especially when they are young. So we targeted high school students with Science background for our human practice outreach.</p><br />
</div><br />
<br />
<div class="col-md-12"><br />
<div class="arrow-down"></div><br />
</div><br />
<div class="col-md-12" id="presentation"><br />
<h1> What we have done</h1><br />
<p>We delivered a <b>presentation</b> on Synthetic Biology and iGEM competition to our local high school students. We aimed</p> <br><br />
<p><b>1. To teach students more about Genetics.</p></b><br><br />
<p><b>2. To give a clearer picture of Synthetic Biology to Secondary School students.</p></b> <br><br />
<p><b>3. To raise the interest of students in field of Biotechnology.</p></b><br><br />
<p><b>4. More importantly, to build up a bridge between Secondary students and modern Biology.</p></b><br> <br />
<p>Basically, in our sharing, we told them what is iGEM competition, what do the iGEMers ‘invent’, What is CityU_HK’s project, what is the essence of Synthetic Biology and also introduce some safety concerns on this subject. Please find our <b>presentation materials</b> on <a href="http://app.emaze.com/535871/human-practice-copy1-copy1">this link</a>. Surely you will have fun of it!</p><br />
<br />
</div><br />
<br />
<div class="col-md-12"><br />
<div class="arrow-down" id="arrow2"></div><br />
</div><br />
<div class="col-md-12" id="survey"><br />
<h1> Survey </h1><br />
<p> We also designed a set of survey for our audiences to fill in after listening to our tiny talk. The survey was designed based on the aims. Through the survey results, we can see if our outreach achieved our aims. We reached a local secondary school and visited a class of high school Biology students on 18/8/2014. Also, we invited two group of high school Science students to visit our laboratory on 17/7/2014 and 18/7/2014. Totally, 55 students were promoted by our team. </p><br />
<br />
<h2>What did the students think?</h2><br />
<iframe src='http://my.visme.co/embed/igem-human-practice-c4' height='500' width='1200' style='border: 0px;' webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe><br />
<br />
<br><br><br><br />
<p>We had also raised a question to ask for any idea to create a new biological machine. Here were their feedbacks:</p><br />
<img src="https://static.igem.org/mediawiki/2014/e/e4/CityU_HK_Hp_survey.jpg" height=60%/><br />
<p>We could see that our audiences were open-minded to Synthetic Biology. They thought it was a positive thing and they would also like to participate in this great event! All of them also got potential to be a Synthetic Biologists because their ideas were creative, out of our expectation!</p><br />
<br><br><br><br />
</div><br />
</div> <!--end of row--><br />
<br />
<!-- thumbnail image wrapped in a link --><br />
<div class="row" id="lightbox"><br />
<div class="col-md-12"><br />
<center><h1>Gallery</h1></center><br />
<a href="#img1"><br />
<img src="https://static.igem.org/mediawiki/2014/5/5e/CityU_HK_Hp_gallery_img1_big.jpg" width="250px" height="166px"><br />
</a><br />
<a href="#img2"><br />
<img src="https://static.igem.org/mediawiki/2014/2/25/CityU_HK_hp_gallery_img2.JPG" width="250px" height="166px"><br />
</a><br />
<a href="#img3"><br />
<img src="https://static.igem.org/mediawiki/2014/4/4d/CityU_HK_Hp_gallery_img3.jpg" width="250px" height="166px"><br />
</a><br />
<a href="#img4"><br />
<img src="https://static.igem.org/mediawiki/2014/8/87/CityU_HK_Hp_gallery_img4.jpg" width="250px" height="166px"><br />
</a><br />
<a href="#img5"><br />
<img src="https://static.igem.org/mediawiki/2014/1/19/CityU_HK_Hp_gallery_img5.jpg" width="250px" height="166px"><br />
</a><br />
<a href="#img6"><br />
<img src="https://static.igem.org/mediawiki/2014/5/5f/CityU_HK_Hp_gallery_img6.jpg" width="250px" height="166px"><br />
</a><br />
<a href="#img7"><br />
<img src="https://static.igem.org/mediawiki/2014/3/3c/CityU_HK_Hp_gallery_img7.jpg" width="250px" height="166px"><br />
</a><br />
<a href="#img8"><br />
<img src="https://static.igem.org/mediawiki/2014/a/ab/CityU_HK_hp_gallery_img8.jpg" width="250px" height="166px"><br />
</a><br />
<br />
<br />
<!-- lightbox container hidden with CSS --><br />
<a href="#_" class="lightbox" id="img1"><br />
<img src="https://static.igem.org/mediawiki/2014/5/5e/CityU_HK_Hp_gallery_img1_big.jpg"><br />
</a><br />
<a href="#_" class="lightbox" id="img2"><br />
<img src="https://static.igem.org/mediawiki/2014/2/25/CityU_HK_hp_gallery_img2.JPG"><br />
</a><br />
<a href="#_" class="lightbox" id="img3"> <br />
<img src="https://static.igem.org/mediawiki/2014/4/4d/CityU_HK_Hp_gallery_img3.jpg"><br />
</a><br />
<a href="#_" class="lightbox" id="img4"> <br />
<img src="https://static.igem.org/mediawiki/2014/8/87/CityU_HK_Hp_gallery_img4.jpg"><br />
</a><br />
<a href="#_" class="lightbox" id="img5"> <br />
<img src="https://static.igem.org/mediawiki/2014/1/19/CityU_HK_Hp_gallery_img5.jpg"><br />
</a><br />
<a href="#_" class="lightbox" id="img6"> <br />
<img src="https://static.igem.org/mediawiki/2014/5/5f/CityU_HK_Hp_gallery_img6.jpg"><br />
</a><br />
<a href="#_" class="lightbox" id="img7"> <br />
<img src="https://static.igem.org/mediawiki/2014/3/3c/CityU_HK_Hp_gallery_img7.jpg"><br />
</a><br />
<a href="#_" class="lightbox" id="img8"> <br />
<img src="https://static.igem.org/mediawiki/2014/a/ab/CityU_HK_hp_gallery_img8.jpg"><br />
</a><br />
</div></div><br />
<!--==================== footer ===========================--><br />
<div id="footer" class="row"><br />
<div class="col-md-7"><br />
<h3>Sponsors</h3><br />
<a href="http://www.cityu.edu.hk/" target="_blank"><img src="https://static.igem.org/mediawiki/2014/9/9c/CityU_HK_citylogo.png" width="95"></a><br />
<a href="http://www6.cityu.edu.hk/bhdbapp/deptweb/index.html" target="_blank"><img src="https://static.igem.org/mediawiki/2014/9/98/CityU_HK_bchlogo.png" width="80"></a><br />
<img src="https://static.igem.org/mediawiki/2014/b/b1/CityU_HK_Invitrogen.png" width="100"><br />
<img src="https://static.igem.org/mediawiki/2014/7/7a/CityU_HK_Neblogocol.png" width="135"><br />
<img src="https://static.igem.org/mediawiki/2014/d/dc/CityU_HK_IDT-Logo.png" width="125"><br />
</div> <!-- end of col-md-7--><br />
<br />
<div class="col-md-5"><br />
<h3>Stay connected!</h3><br />
<p>email: <a href="#">cityuhk.igem@gmail.com</a></p><br />
<a href="http://www.facebook.com/igem.2014CityU"><img src="https://static.igem.org/mediawiki/2014/3/31/CityU_HK_fb_logo.png" width="50" height="48"></a><br />
<a href="http://twitter.com/CityUHK_iGEM"><img src="http://ibo2014.org/wordpress/wp-content/themes/ibo2014/img/navbar/twitter_icon.png" width="49" height="51"></a><br />
<a href="http://www.youtube.com/channel/UC0_bUWwafB4m0K6mFdXN7-w"><img src="https://static.igem.org/mediawiki/2014/1/12/CityU_HK_youtube_logo.png" width="52" height="50"></a><br />
</div> <!--end of col-md-5--><br />
</div> <!-- end of row--><br />
<br />
<div class="row"><br />
<div id="copyright" class="col-md-12"><br />
<p>Copyright &copy; iGEM CityU HK 2014. All Rights Reserved</p><br />
</div><br />
</div><br />
<!--end of footer—><br />
</body><br />
</html></div>Marialilokyeehttp://2014.igem.org/Team:CityU_HK/HumanPracticeTeam:CityU HK/HumanPractice2014-10-18T01:21:36Z<p>Marialilokyee: </p>
<hr />
<div>{{:Team:CityU_HK/Template}}<br />
<br />
<html><br />
<html lang="en"><br />
<br />
<head><br />
<br />
<style><br />
.jumbotron {<br />
background-image: url('https://static.igem.org/mediawiki/parts/7/75/CityUHK_HP_1400x700_Maria.jpg');<br />
background-size: 100% ;<br />
background-repeat: no-repeat;<br />
height: 640px;<br />
position: relative;<br />
top: -53px;<br />
margin-bottom: 0;<br />
z-index: -1;<br />
}<br />
<br />
.jumbotron h1 {<br />
font-weight: 600;<br />
font-family: 'Raleway', sans-serif;<br />
font-size: 8em;<br />
margin:0;<br />
position: relative;<br />
top: -50px; <br />
}<br />
<br />
.jumbotron p {<br />
color: #fff;<br />
font-weight: 300;<br />
font-family: 'Raleway', sans-serif;<br />
font-size: 1.7em;<br />
width: 800px;<br />
text-align: center;<br />
margin:0 auto;<br />
position: relative;<br />
top: -100px;<br />
}<br />
<br />
#introduction {<br />
margin:0;<br />
padding: 0 0 80px 0;<br />
}<br />
<br />
#presentation {<br />
background: #F0EEEA;<br />
margin:0;<br />
padding: 50px 0 70px 0;<br />
}<br />
<br />
#presentation h1 {<br />
padding-bottom: 50px;<br />
margin:0;<br />
}<br />
<br />
#survey h2 {<br />
font-size: 25px;<br />
padding: 10px;<br />
text-align: center;<br />
font-weight: 400;<br />
color: #555555;<br />
}<br />
<br />
iframe {<br />
width: 100%;<br />
margin:0 auto;<br />
border-radius: 3px;<br />
}<br />
<br />
#survey img {<br />
width: 100%;<br />
margin:0 auto;<br />
}<br />
<br />
#main-content h1 {<br />
text-align: center;<br />
font-weight: 600;<br />
color: #555555;<br />
}<br />
<br />
#main-content p {<br />
color: #555555;<br />
text-align: justify;<br />
font-weight: 400;<br />
font-size: 1em;<br />
/*padding: 0 10% 0 10%;*/<br />
max-width: 900px;<br />
margin: 0 auto;<br />
line-height: 2;<br />
}<br />
<br />
#main-content a {<br />
color: #3cc;<br />
font-weight: bold;<br />
}<br />
<br />
#main-content a:hover {<br />
color: orange;<br />
text-decoration: none;<br />
}<br />
<br />
.arrow-down {<br />
width: 0; <br />
height: 0; <br />
border-left: 50px solid transparent;<br />
border-right: 50px solid transparent;<br />
border-top: 30px solid #fff;<br />
position: relative;<br />
top: 20px;<br />
margin: 0 auto;<br />
z-index: 2;<br />
}<br />
#arrow2 {<br />
border-top: 30px solid #F0EEEA;<br />
position: relative;<br />
top: -10px;<br />
}<br />
<br />
#lightbox h1 {<br />
color:#555555;<br />
font-weight:400;<br />
}<br />
#footer h3 {<br />
color: #dde0e4;<br />
font-family: 'Raleway', sans-serif;<br />
font-size: 18px;<br />
font-weight: bold;<br />
padding-bottom: 20px;<br />
}<br />
<br />
#footer p {<br />
color: #777777;<br />
text-align: center;<br />
font-size: 16px;<br />
font-weight: 400;<br />
}<br />
<br />
#copyright p {<br />
font-size: 16px;<br />
font-weight: 400;<br />
color: #777777;<br />
font-family: 'Raleway', sans-serif;<br />
}<br />
</style><br />
<br />
<style> /*============ word animation===========*/<br />
.jumbotron h1 {<br />
color:#fff;<br />
text-align: center;<br />
-webkit-transform-style: preserve-3d;<br />
-moz-transform-style: preserve-3d;<br />
transform-style: preserve-3d;<br />
-webkit-transform: translate3d(0,0,0);<br />
-moz-transform: translate3d(0,0,0);<br />
transform: translate3d(0,0,0);<br />
opacity: 0;<br />
-webkit-animation: anim 3.2s ease-out forwards 1s;<br />
animation: anim 3.2s ease-out forwards 1s;<br />
}<br />
strong {<br />
display: block;<br />
font-weight: 400;<br />
}<br />
<br />
<br />
@-webkit-keyframes anim {<br />
0% {<br />
text-shadow: 0 0 50px #fff;<br />
letter-spacing: 80px;<br />
opacity: 0;<br />
-webkit-transform: rotateY(-90deg);<br />
}<br />
50% {<br />
text-shadow: 0 0 1px #fff;<br />
opacity: 0.8;<br />
-webkit-transform: rotateY(0deg);<br />
}<br />
75% {<br />
text-shadow: 0 0 1px #fff;<br />
opacity: 0.8;<br />
-webkit-transform: rotateY(0deg) translateZ(60px);<br />
}<br />
100% {<br />
text-shadow: 0 0 1px #fff;<br />
opacity: 0.8;<br />
letter-spacing: 8px;<br />
-webkit-transform: rotateY(0deg) translateZ(100px);<br />
}<br />
<br />
}<br />
@keyframes anim {<br />
0% {<br />
text-shadow: 0 0 50px #fff;<br />
letter-spacing: 80px;<br />
opacity: 0;<br />
-moz-transform: rotateY(-90deg);<br />
}<br />
50% {<br />
text-shadow: 0 0 1px #fff;<br />
opacity: 0.8;<br />
-moz-transform: rotateY(0deg);<br />
}<br />
75% {<br />
text-shadow: 0 0 1px #fff;<br />
opacity: 0.8;<br />
-moz-transform: rotateY(0deg) translateZ(60px);<br />
}<br />
100% {<br />
text-shadow: 0 0 1px #fff;<br />
opacity: 0.8;<br />
letter-spacing: 8px;<br />
-moz-transform: rotateY(0deg) translateZ(100px);<br />
}<br />
</style><br />
<br />
<style> <!--=============lightbox css ============--><br />
<br />
.italic { font-style: italic; }<br />
.small { font-size: 0.8em; }<br />
<br />
#lightbox {<br />
padding: 0 100px 30px 100px;<br />
margin:0;<br />
}<br />
<br />
/** LIGHTBOX MARKUP **/<br />
<br />
.lightbox {<br />
/** Default lightbox to hidden */<br />
display: none;<br />
<br />
/** Position and style */<br />
position: fixed;<br />
z-index: 999;<br />
width: 100%;<br />
height: 100%;<br />
text-align: center;<br />
top: 0;<br />
left: 0;<br />
background: rgba(0,0,0,0.8);<br />
}<br />
<br />
.lightbox img {<br />
/** Pad the lightbox image */<br />
max-width: 90%;<br />
max-height: 80%;<br />
margin-top: 2%;<br />
}<br />
<br />
.lightbox:target {<br />
/** Remove default browser outline */<br />
outline: none;<br />
<br />
/** Unhide lightbox **/<br />
display: block;<br />
} <br />
<br />
</style><br />
</head><br />
<br />
<body id="top"><br />
<div class="jumbotron"><br />
<div class="container"><br />
<h1>Human Practice</h1><br />
<p>We educated secondary school kids about synthetic biology and the safety issues. We also conducted a survey on understanding of synthetic biology in public.</p><br />
</div><br />
</div><br />
<br />
<br />
<div class="row" id="main-content"><br />
<div class="col-md-12" id="introduction"><br />
<h1> Introduction</h1><br />
<p>Synthetic Biology is certainly an arising topic in the field of Biotechnology. When every Synthetic Biologist or iGEMer is working hard for their masterpieces, at the same time, we should promote Synthetic Biology to public. Society is always the key factor for the development of new Science discipline or subject like Synthetic Biology. This is because what we are doing will bring direct effects to the public and that is what people are always concerning.</p><br />
<br><p>Therefore, in order to gain support and belief from public and thus encourage the development of Synthetic Biology, we have the responsibility to objectively tell the society what is going on with Synthetic Biology and iGEM competition. We believe that educating the students is the most powerful tool to build up a positive image of Synthetic Biology, especially when they are young. So we targeted high school students with Science background for our human practice outreach.</p><br />
</div><br />
<br />
<div class="col-md-12"><br />
<div class="arrow-down"></div><br />
</div><br />
<div class="col-md-12" id="presentation"><br />
<h1> What we have done</h1><br />
<p>We delivered a <b>presentation</b> on Synthetic Biology and iGEM competition to our local high school students. We aimed</p> <br><br />
<p><b>1. To teach students more about Genetics.</p></b><br><br />
<p><b>2. To give a clearer picture of Synthetic Biology to Secondary School students.</p></b> <br><br />
<p><b>3. To raise the interest of students in field of Biotechnology.</p></b><br><br />
<p><b>4. More importantly, to build up a bridge between Secondary students and modern Biology.</p></b><br> <br />
<p>Basically, in our sharing, we told them what is iGEM competition, what do the iGEMers ‘invent’, how is CityU_HK’s project, what is the essence of Synthetic Biology and also introduce some safety concerns on this subject. Please find our <b>presentation materials</b> on <a href="http://app.emaze.com/535871/human-practice-copy1-copy1">this link</a>. Surely you will have fun of it!</p><br />
<br />
</div><br />
<br />
<div class="col-md-12"><br />
<div class="arrow-down" id="arrow2"></div><br />
</div><br />
<div class="col-md-12" id="survey"><br />
<h1> Survey </h1><br />
<p> We also designed a set of survey for our audiences to fill in after listening to our tiny talk. The survey was designed based on the aims. Through the survey results, we can see if our outreach achieved our aims. We reached a local secondary school and visited a class of high school Biology students on 18/8/2014. Also, we invited two group of high school Science students to visit our laboratory on 17/7/2014 and 18/7/2014. Totally, 55 students were promoted by our team. </p><br />
<br />
<h2>What did the students think?</h2><br />
<iframe src='http://my.visme.co/embed/igem-human-practice-c4' height='500' width='1200' style='border: 0px;' webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe><br />
<br />
<br><br><br><br />
<p>We had also raised a question to ask for any idea to create a new biological machine. Here were their feedbacks:</p><br />
<img src="https://static.igem.org/mediawiki/2014/e/e4/CityU_HK_Hp_survey.jpg" height=60%/><br />
<p>We could see that our audiences were open-minded to Synthetic Biology. They thought it was a positive thing and they would also like to participate in this great event! All of them also got potential to be a Synthetic Biologists because their ideas were creative, out of our expectation!</p><br />
<br><br><br><br />
</div><br />
</div> <!--end of row--><br />
<br />
<!-- thumbnail image wrapped in a link --><br />
<div class="row" id="lightbox"><br />
<div class="col-md-12"><br />
<center><h1>Gallery</h1></center><br />
<a href="#img1"><br />
<img src="https://static.igem.org/mediawiki/2014/5/5e/CityU_HK_Hp_gallery_img1_big.jpg" width="250px" height="166px"><br />
</a><br />
<a href="#img2"><br />
<img src="https://static.igem.org/mediawiki/2014/2/25/CityU_HK_hp_gallery_img2.JPG" width="250px" height="166px"><br />
</a><br />
<a href="#img3"><br />
<img src="https://static.igem.org/mediawiki/2014/4/4d/CityU_HK_Hp_gallery_img3.jpg" width="250px" height="166px"><br />
</a><br />
<a href="#img4"><br />
<img src="https://static.igem.org/mediawiki/2014/8/87/CityU_HK_Hp_gallery_img4.jpg" width="250px" height="166px"><br />
</a><br />
<a href="#img5"><br />
<img src="https://static.igem.org/mediawiki/2014/1/19/CityU_HK_Hp_gallery_img5.jpg" width="250px" height="166px"><br />
</a><br />
<a href="#img6"><br />
<img src="https://static.igem.org/mediawiki/2014/5/5f/CityU_HK_Hp_gallery_img6.jpg" width="250px" height="166px"><br />
</a><br />
<a href="#img7"><br />
<img src="https://static.igem.org/mediawiki/2014/3/3c/CityU_HK_Hp_gallery_img7.jpg" width="250px" height="166px"><br />
</a><br />
<a href="#img8"><br />
<img src="https://static.igem.org/mediawiki/2014/a/ab/CityU_HK_hp_gallery_img8.jpg" width="250px" height="166px"><br />
</a><br />
<br />
<br />
<!-- lightbox container hidden with CSS --><br />
<a href="#_" class="lightbox" id="img1"><br />
<img src="https://static.igem.org/mediawiki/2014/5/5e/CityU_HK_Hp_gallery_img1_big.jpg"><br />
</a><br />
<a href="#_" class="lightbox" id="img2"><br />
<img src="https://static.igem.org/mediawiki/2014/2/25/CityU_HK_hp_gallery_img2.JPG"><br />
</a><br />
<a href="#_" class="lightbox" id="img3"> <br />
<img src="https://static.igem.org/mediawiki/2014/4/4d/CityU_HK_Hp_gallery_img3.jpg"><br />
</a><br />
<a href="#_" class="lightbox" id="img4"> <br />
<img src="https://static.igem.org/mediawiki/2014/8/87/CityU_HK_Hp_gallery_img4.jpg"><br />
</a><br />
<a href="#_" class="lightbox" id="img5"> <br />
<img src="https://static.igem.org/mediawiki/2014/1/19/CityU_HK_Hp_gallery_img5.jpg"><br />
</a><br />
<a href="#_" class="lightbox" id="img6"> <br />
<img src="https://static.igem.org/mediawiki/2014/5/5f/CityU_HK_Hp_gallery_img6.jpg"><br />
</a><br />
<a href="#_" class="lightbox" id="img7"> <br />
<img src="https://static.igem.org/mediawiki/2014/3/3c/CityU_HK_Hp_gallery_img7.jpg"><br />
</a><br />
<a href="#_" class="lightbox" id="img8"> <br />
<img src="https://static.igem.org/mediawiki/2014/a/ab/CityU_HK_hp_gallery_img8.jpg"><br />
</a><br />
</div></div><br />
<!--==================== footer ===========================--><br />
<div id="footer" class="row"><br />
<div class="col-md-7"><br />
<h3>Sponsors</h3><br />
<a href="http://www.cityu.edu.hk/" target="_blank"><img src="https://static.igem.org/mediawiki/2014/9/9c/CityU_HK_citylogo.png" width="95"></a><br />
<a href="http://www6.cityu.edu.hk/bhdbapp/deptweb/index.html" target="_blank"><img src="https://static.igem.org/mediawiki/2014/9/98/CityU_HK_bchlogo.png" width="80"></a><br />
<img src="https://static.igem.org/mediawiki/2014/b/b1/CityU_HK_Invitrogen.png" width="100"><br />
<img src="https://static.igem.org/mediawiki/2014/7/7a/CityU_HK_Neblogocol.png" width="135"><br />
<img src="https://static.igem.org/mediawiki/2014/d/dc/CityU_HK_IDT-Logo.png" width="125"><br />
</div> <!-- end of col-md-7--><br />
<br />
<div class="col-md-5"><br />
<h3>Stay connected!</h3><br />
<p>email: <a href="#">cityuhk.igem@gmail.com</a></p><br />
<a href="http://www.facebook.com/igem.2014CityU"><img src="https://static.igem.org/mediawiki/2014/3/31/CityU_HK_fb_logo.png" width="50" height="48"></a><br />
<a href="http://twitter.com/CityUHK_iGEM"><img src="http://ibo2014.org/wordpress/wp-content/themes/ibo2014/img/navbar/twitter_icon.png" width="49" height="51"></a><br />
<a href="http://www.youtube.com/channel/UC0_bUWwafB4m0K6mFdXN7-w"><img src="https://static.igem.org/mediawiki/2014/1/12/CityU_HK_youtube_logo.png" width="52" height="50"></a><br />
</div> <!--end of col-md-5--><br />
</div> <!-- end of row--><br />
<br />
<div class="row"><br />
<div id="copyright" class="col-md-12"><br />
<p>Copyright &copy; iGEM CityU HK 2014. All Rights Reserved</p><br />
</div><br />
</div><br />
<!--end of footer—><br />
</body><br />
</html></div>Marialilokyeehttp://2014.igem.org/Team:CityU_HK/achievement/new_biobrickTeam:CityU HK/achievement/new biobrick2014-10-18T01:19:46Z<p>Marialilokyee: </p>
<hr />
<div>{{:Team:CityU_HK/Template}}<br />
<html><br />
<br />
<style><br />
<br />
table#parts{<br />
border: 2px solid #bdc3c7;<br />
width: 70%;<br />
text-align: center;<br />
margin-left:auto; <br />
margin-right:auto;<br />
margin-bottom: 100px;<br />
padding: 3px 3px 3px 3px;<br />
}<br />
<br />
table td, table th {<br />
border: 2px solid #bdc3c7;<br />
padding: 5px 5px 5px 5px;<br />
}<br />
table h2 {color:#444;}<br />
table p { color: #000;}<br />
<br />
.title {<br />
color: #676767;<br />
text-align: center;<br />
margin-bottom: 40px;<br />
font-size: 2em;<br />
font-family: "brandon-grotesque", sans-serif;<br />
font-weight: 700;<br />
text-shadow: 0px 3px 2px rgba(0, 0, 0, 0.2);<br />
padding-bottom: 20px;<br />
margin-top: 20px;<br />
letter-spacing: 1px;<br />
}<br />
td a {<br />
color: #3cc;}<br />
<br />
td a:hover {<br />
color: orange;<br />
text-decoration: none;}<br />
td a:visited {<br />
color: orange;}<br />
<br />
</style><br />
<br />
<body><br />
<br><br />
<center><h1 class="title"><b>New Biobricks we created</b></h1></center><br />
<br />
<br />
<table id="parts"><br />
<tr><br />
<td><br />
<h2> Parts' Number</h2><br />
</td><br />
<br />
<td><br />
<h2> Type</h2><br />
</td><br />
<br />
<td><br />
<h2> Description </h2><br />
</td><br />
<br />
<td><br />
<h2> Length </h2><br />
</td><br />
</tr><br />
<br />
<tr><br />
<td><br />
<p><a href="http://parts.igem.org/Part:BBa_K1472601" target="_blank"> BBa_K1472601 </a></p><br />
</td><br />
<br />
<td><br />
<p> Coding </p><br />
</td><br />
<br />
<td><br />
<p>Leaderless thioesterase</p><br />
</td><br />
<br />
<td><br />
<p>549</p><br />
</td><br />
</tr><br />
<br />
<tr><br />
<td><br />
<p><a href="http://parts.igem.org/Part:BBa_K1472606" target="_blank"> BBa_K1472606 </a></p><br />
</td><br />
<br />
<td><br />
<p> Generator </p><br />
</td><br />
<br />
<td><br />
<p>TetR repressible FadL & FadD generator</p><br />
</td><br />
<br />
<td><br />
<p>3055</p><br />
</td><br />
</tr><br />
<br />
<tr><br />
<td><br />
<p><a href="http://parts.igem.org/Part:BBa_K1472610" target="_blank"> BBa_K1472610 </a></p><br />
</td><br />
<br />
<td><br />
<p> Coding </p><br />
</td><br />
<br />
<td><br />
<p>∆ 15 desaturase</p><br />
</td><br />
<br />
<td><br />
<p>1084</p><br />
</td><br />
</tr><br />
<br />
</table><br />
<br />
<br />
<br><br><br />
<br />
</body><br />
</html><br />
{{:Team:CityU_HK/Template/footer}}</div>Marialilokyeehttp://2014.igem.org/Team:CityU_HK/project/overviewTeam:CityU HK/project/overview2014-10-18T01:17:20Z<p>Marialilokyee: </p>
<hr />
<div>{{:Team:CityU_HK/Template}}<br />
<html><br />
<br />
<style><br />
<br />
#title {<br />
color: #676767;<br />
text-align: center;<br />
margin-bottom: 40px;<br />
font-size: 3em;<br />
font-family: "brandon-grotesque", sans-serif;<br />
font-weight: 700;<br />
text-transform: uppercase;<br />
text-shadow: 0px 3px 2px rgba(0, 0, 0, 0.2);<br />
padding-top: 4%;<br />
letter-spacing: 1px;<br />
}<br />
<br />
#main p.content{font-size:18px;<br />
font-weight: 500;<br />
padding-top: 5%;<br />
padding-left: 15%;<br />
padding-right: 15%;<br />
text-align: justify;<br />
color: #111;<br />
line-height: 1.8em;}<br />
<br />
#main p.content::first-letter { <br />
font-size: 200%;<br />
padding-left: 20px; <br />
color: #111; <br />
}<br />
<br />
<br />
img.displayed {<br />
display: block;<br />
margin-left: auto;<br />
margin-right: auto }<br />
<br />
.arrow-down {<br />
width: 0; <br />
height: 0; <br />
border-left: 50px solid transparent;<br />
border-right: 50px solid transparent;<br />
border-top: 30px solid #fff;<br />
position: relative;<br />
top: 20px;<br />
margin: 0 auto;<br />
z-index: 2;<br />
}<br />
#arrow2 {<br />
border-top: 30px solid #f5cb11;<br />
position: relative;<br />
top: -3px;<br />
}<br />
<br />
#thumbnail {<br />
padding-left:10%;<br />
padding-right:10%;<br />
}<br />
.thumbnail {height: 450px;}<br />
.thumbnail a {color: orange; font-weight:bold;}<br />
.thumbnail a:hover {color: #3cc; font-weight:bold;}<br />
</style><br />
<br />
<body><br />
<br />
<div id="main"><br />
<div><img src="https://static.igem.org/mediawiki/2014/3/34/CityU_HK_Project_banner.png" width=100%></div><br />
<br />
<div class="container"><div class="row"><div class="col-md-12"><br />
<div class="arrow-down" id="arrow2"></div><br />
</div></div></div><br />
<br />
<img class="displayed" src="https://static.igem.org/mediawiki/2014/2/29/CityU_HK_overview.jpg" width="70%"><br />
<br />
<br />
<p class="content">Obesity is a worldwide problem that contributes to a variety of human diseases such as diabetes and cancer, as well as psychological problems such as eating disorder and anxiety. Traditional remedies such as dieting or over-exercising can be ineffective and often lead to depression, given that both means could lead to obvious physical and mental unpleasantness. Obesity, in many cases, is linked to the accumulation of excessive free fatty acids from food. Therefore removing these fatty acids from the system could be the key to combating obesity. In an attempt to alleviating the obesity problem without causing adverse impact on one’s quality of life, we genetically engineered an <i>Escherichia coli</i> strain to confer upon it the capacity to both remove excess fat from our diet and convert it into a useful metabolic intermediate, &#945; linolenic acid (ALA). We named this genetically modified bacterium, “Fit Coli”.<br><br><br />
<br />
We designed Fit Coli to do the job in several steps. The first step involves increasing its ability to take up excess free fatty acids from the external environment (e.g. human gut) which, theoretically, can be achieved by overexpressing the <i>fadL</i> and <i>fadD</i> genes in <i>E. coli</i>. <i>fadL</i> codes for a fatty acid transporter protein that moves free fatty acids across the outer cell membrane into the periplasmic space. <i>fadD</i>, on the other hand, codes for a fatty acyl-CoA synthetase which adds a coenzyme A (CoA) moiety to fatty acids and then transports the resulting fatty acyl-CoA across the inner membrane into the cytosol. <br><br><br />
<br />
Next, <i>E. coli.</i> is engineered to overexpress the <i>tesA</i> gene that codes for an acyl-CoA thioesterase which removes the CoA moiety from fatty acyl-CoA molecules, thereby restoring the molecule back to the form of free fatty acids. This strategy is aimed at diverting fatty acids from the beta-oxidation pathway which degrades fatty acids into acetyl-CoA to produce ATP. Lastly, the free fatty acids are converted into ALA under the catalysis of the three engineered enzymes - ∆9 desaturase, ∆12 desaturase and ∆15 desaturase – in Fit Coli. <br><br><br />
<br />
In short, Fit Coli is designed to combat obesity by its ability (1) to take up various excess C18 fatty acids such as stearic acid, oleic acid and linoleic acid present in our foods and (2) to convert them into ALA which can then be used by the human body to make docosahexaenoic acid/eicosanoids that are beneficial to humans.<br><br> </p><br />
<br><br />
<br />
<div class="row" id="thumbnail"><br />
<div class="col-sm-6 col-md-4"><br />
<div class="thumbnail"><br />
<img src="https://static.igem.org/mediawiki/2014/a/a9/CityU_HK_thumbnail-fad.png" width="200px" ><br />
<div class="caption"><br />
<h2>Step 1</h2><br />
<p>Take up excess free fatty acids from the external environment.</p><br />
<p><a href="https://2014.igem.org/Team:CityU_HK/project/module_fad" class="btn btn-default" role="button">FadD & FadL Module</a></p><br />
</div><br />
</div><br />
</div><br />
<div class="col-sm-6 col-md-4"><br />
<div class="thumbnail"><br />
<img src="https://static.igem.org/mediawiki/2014/f/fd/CityU_HK_thumbnail-tesA.png" width="240px"><br />
<div class="caption"><br />
<h2>Step 2</h2><br />
<p>Removes the CoA moiety from fatty acyl-CoA molecules.</p><br />
<p><a href="https://2014.igem.org/Team:CityU_HK/project/module_tesA" class="btn btn-default" role="button">'TesA Module</a></p><br />
</div><br />
</div><br />
</div><br />
<div class="col-sm-6 col-md-4"><br />
<div class="thumbnail"><br />
<img src="https://static.igem.org/mediawiki/2014/1/16/CityU_HK_thumbnail-desaturase.png" width="300px"><br />
<div class="caption"><br />
<h2>Step 3</h2><br />
<p>Convert free fatty acid into ALA under the catalysis of the three engineered enzymes.</p><br />
<p><a href="https://2014.igem.org/Team:CityU_HK/project/module_desaturase" class="btn btn-default" role="button">Desaturase Module</a></p><br />
</div><br />
</div><br />
</div><br />
</div><br />
<br />
<br><br />
<br />
</div> <!-- end of #main --><br />
<br />
<br />
<br />
<br />
</body><br />
</html><br />
{{:Team:CityU_HK/Template/footer}}</div>Marialilokyeehttp://2014.igem.org/Team:CityU_HK/project/overviewTeam:CityU HK/project/overview2014-10-18T01:16:24Z<p>Marialilokyee: </p>
<hr />
<div>{{:Team:CityU_HK/Template}}<br />
<html><br />
<br />
<style><br />
<br />
#title {<br />
color: #676767;<br />
text-align: center;<br />
margin-bottom: 40px;<br />
font-size: 3em;<br />
font-family: "brandon-grotesque", sans-serif;<br />
font-weight: 700;<br />
text-transform: uppercase;<br />
text-shadow: 0px 3px 2px rgba(0, 0, 0, 0.2);<br />
padding-top: 4%;<br />
letter-spacing: 1px;<br />
}<br />
<br />
#main p.content{font-size:18px;<br />
font-weight: 500;<br />
padding-top: 5%;<br />
padding-left: 15%;<br />
padding-right: 15%;<br />
text-align: justify;<br />
color: #111;<br />
line-height: 1.8em;}<br />
<br />
#main p.content::first-letter { <br />
font-size: 200%;<br />
padding-left: 20px; <br />
color: #111; <br />
}<br />
<br />
<br />
img.displayed {<br />
display: block;<br />
margin-left: auto;<br />
margin-right: auto }<br />
<br />
.arrow-down {<br />
width: 0; <br />
height: 0; <br />
border-left: 50px solid transparent;<br />
border-right: 50px solid transparent;<br />
border-top: 30px solid #fff;<br />
position: relative;<br />
top: 20px;<br />
margin: 0 auto;<br />
z-index: 2;<br />
}<br />
#arrow2 {<br />
border-top: 30px solid #f5cb11;<br />
position: relative;<br />
top: -3px;<br />
}<br />
<br />
#thumbnail {<br />
padding-left:10%;<br />
padding-right:10%;<br />
}<br />
.thumbnail {height: 450px;}<br />
.thumbnail a {color: orange; font-weight:bold;}<br />
.thumbnail a:hover {color: #3cc; font-weight:bold;}<br />
</style><br />
<br />
<body><br />
<br />
<div id="main"><br />
<div><img src="https://static.igem.org/mediawiki/2014/3/34/CityU_HK_Project_banner.png" width=100%></div><br />
<br />
<div class="container"><div class="row"><div class="col-md-12"><br />
<div class="arrow-down" id="arrow2"></div><br />
</div></div></div><br />
<br />
<img class="displayed" src="https://static.igem.org/mediawiki/2014/2/29/CityU_HK_overview.jpg" width="65%"><br />
<br />
<br />
<p class="content">Obesity is a worldwide problem that contributes to a variety of human diseases such as diabetes and cancer, as well as psychological problems such as eating disorder and anxiety. Traditional remedies such as dieting or over-exercising can be ineffective and often lead to depression, given that both means could lead to obvious physical and mental unpleasantness. Obesity, in many cases, is linked to the accumulation of excessive free fatty acids from food. Therefore removing these fatty acids from the system could be the key to combating obesity. In an attempt to alleviating the obesity problem without causing adverse impact on one’s quality of life, we genetically engineered an <i>Escherichia coli</i> strain to confer upon it the capacity to both remove excess fat from our diet and convert it into a useful metabolic intermediate, &#945; linolenic acid (ALA). We named this genetically modified bacterium, “Fit Coli”.<br><br><br />
<br />
We designed Fit Coli to do the job in several steps. The first step involves increasing its ability to take up excess free fatty acids from the external environment (e.g. human gut) which, theoretically, can be achieved by overexpressing the <i>fadL</i> and <i>fadD</i> genes in <i>E. coli</i>. <i>fadL</i> codes for a fatty acid transporter protein that moves free fatty acids across the outer cell membrane into the periplasmic space. <i>fadD</i>, on the other hand, codes for a fatty acyl-CoA synthetase which adds a coenzyme A (CoA) moiety to fatty acids and then transports the resulting fatty acyl-CoA across the inner membrane into the cytosol. <br><br><br />
<br />
Next, <i>E. coli.</i> is engineered to overexpress the <i>tesA</i> gene that codes for an acyl-CoA thioesterase which removes the CoA moiety from fatty acyl-CoA molecules, thereby restoring the molecule back to the form of free fatty acids. This strategy is aimed at diverting fatty acids from the beta-oxidation pathway which degrades fatty acids into acetyl-CoA to produce ATP. Lastly, the free fatty acids are converted into ALA under the catalysis of the three engineered enzymes - ∆9 desaturase, ∆12 desaturase and ∆15 desaturase – in Fit Coli. <br><br><br />
<br />
In short, Fit Coli is designed to combat obesity by its ability (1) to take up various excess C18 fatty acids such as stearic acid, oleic acid and linoleic acid present in our foods and (2) to convert them into ALA which can then be used by the human body to make docosahexaenoic acid/eicosanoids that are beneficial to humans.<br><br> </p><br />
<br><br />
<br />
<div class="row" id="thumbnail"><br />
<div class="col-sm-6 col-md-4"><br />
<div class="thumbnail"><br />
<img src="https://static.igem.org/mediawiki/2014/a/a9/CityU_HK_thumbnail-fad.png" width="200px" ><br />
<div class="caption"><br />
<h2>Step 1</h2><br />
<p>Take up excess free fatty acids from the external environment.</p><br />
<p><a href="https://2014.igem.org/Team:CityU_HK/project/module_fad" class="btn btn-default" role="button">FadD & FadL Module</a></p><br />
</div><br />
</div><br />
</div><br />
<div class="col-sm-6 col-md-4"><br />
<div class="thumbnail"><br />
<img src="https://static.igem.org/mediawiki/2014/f/fd/CityU_HK_thumbnail-tesA.png" width="240px"><br />
<div class="caption"><br />
<h2>Step 2</h2><br />
<p>Removes the CoA moiety from fatty acyl-CoA molecules.</p><br />
<p><a href="https://2014.igem.org/Team:CityU_HK/project/module_tesA" class="btn btn-default" role="button">'TesA Module</a></p><br />
</div><br />
</div><br />
</div><br />
<div class="col-sm-6 col-md-4"><br />
<div class="thumbnail"><br />
<img src="https://static.igem.org/mediawiki/2014/1/16/CityU_HK_thumbnail-desaturase.png" width="300px"><br />
<div class="caption"><br />
<h2>Step 3</h2><br />
<p>Convert free fatty acid into ALA under the catalysis of the three engineered enzymes.</p><br />
<p><a href="https://2014.igem.org/Team:CityU_HK/project/module_desaturase" class="btn btn-default" role="button">Desaturase Module</a></p><br />
</div><br />
</div><br />
</div><br />
</div><br />
<br />
<br><br />
<br />
</div> <!-- end of #main --><br />
<br />
<br />
<br />
<br />
</body><br />
</html><br />
{{:Team:CityU_HK/Template/footer}}</div>Marialilokyeehttp://2014.igem.org/Team:CityU_HK/project/module_desaturaseTeam:CityU HK/project/module desaturase2014-10-18T01:15:14Z<p>Marialilokyee: </p>
<hr />
<div>{{:Team:CityU_HK/Template}}<br />
<html lang=''en"><br />
<br />
<br />
<head><br />
<style><br />
#title {<br />
color: #676767;<br />
text-align: center;<br />
margin-bottom: 40px;<br />
font-size: 2.2em;<br />
font-family: "brandon-grotesque", sans-serif;<br />
font-weight: 700;<br />
text-shadow: 0px 3px 2px rgba(0, 0, 0, 0.2);<br />
padding-top: 4%;<br />
letter-spacing: 1px;<br />
}<br />
<br />
#cssmenu {<br />
z-index: 2;<br />
}<br />
<br />
p.content1{font-size:18px;<br />
padding-top: 5%;<br />
padding-left: 10%;<br />
padding-right: 10%;<br />
text-align: justify;<br />
font-weight: 450;}<br />
<br />
p.content2{font-size:18px;<br />
padding-left: 10%;<br />
padding-right: 10%;<br />
text-align: justify;<br />
font-weight: 450;}<br />
<br />
h2.figure{font-size:18px;<br />
text-align: center;}<br />
<br />
h2.content{font-size:18px;<br />
padding-left: 10%;<br />
padding-right: 10%;<br />
text-align: justify;}<br />
<br />
h2.sub{font-size:28px;<br />
color: #444;<br />
text-align: center;<br />
font-weight: bold;}<br />
<br />
#main h3 {<br />
text-align: center;<br />
font-size: 1.6em;<br />
color: #40e0d0;<br />
font-weight: 600;<br />
padding-top: 30px;<br />
padding-bottom: 10px;<br />
}<br />
<br />
p.content1::first-letter { <br />
font-size: 150%;<br />
padding-left: 20px; <br />
} <br />
<br />
img.displayed {<br />
display: block;<br />
margin-left: auto;<br />
margin-right: auto }<br />
<br />
#main .col-md-12 {<br />
background: #F0EEEA;<br />
padding-bottom: 40px;<br />
border-radius: 20px;<br />
margin-bottom: 40px;<br />
}<br />
<br />
#reference {<br />
border-top: 2px solid #c9c9c9;<br />
margin: 0 100px 0 100px;<br />
padding: 0;<br />
font-size: 0.8em;<br />
font-style: italic;<br />
}<br />
</style><br />
<br />
<script type="text/javascript" src="https://static.igem.org/mediawiki/2014/7/7f/CityU_HK_jquery.accordion.txt"></script><br />
<link rel="stylesheet" href="https://2014.igem.org/Team:CityU_HK/notebook/lablog_css?action=raw&ctype=text/css" type="text/css" /><br />
<br />
</head><br />
<br />
<br />
<body><br />
<br />
<div id='cssmenu'><br />
<ul><br />
<li><a href='https://2014.igem.org/Team:CityU_HK/project/module_fad'><span>FadD & FadL Module</span></a></li><br />
<li><a href='https://2014.igem.org/Team:CityU_HK/project/module_tesA'><span>'TesA Module</span></a></li><br />
<li class='last'><a href='https://2014.igem.org/Team:CityU_HK/project/module_desaturase'><span>Desaturase Module</span></a></li><br />
</ul><br />
</div><br />
<br />
<div id="main"><br />
<div><img src="https://static.igem.org/mediawiki/2014/f/fc/CityU_HK_module-banner.png" width="100%"></div><br />
<br><br><br />
<br />
<div class="container"><div class="row"><br />
<br />
<br />
<div class="col-md-12" ><br />
<br />
<br />
<h3> Desaturase Module Description</h3><br />
<p class="content1">After absorption of exogenous fatty acids from the environment, the enzymes, Δ9-, Δ12- and Δ15-desaturases catalyze the conversion of fatty acids (stearic acid) into α-linolenic acid, ALA (Qiu, 2002). Because <i>E. coli</i> originally lacks the genes encoding the desaturases, we have to construct and transform the recombinant DNA plasmid containing them into <i>E. coli.</i>. <br><br><br />
<br />
The gene sequences of the three desaturases can be obtained from Synechocystis, and optimized for expression in <i>E. coli</i>. After transformation of the constructed plasmid, the bacterium is able to produce the corresponding enzymes. Δ9 desaturase removes two hydrogen atoms from carbon 9 and carbon 10 of the fatty acid and a double bond will be formed there. <br><br><br />
<br />
Similarly, Δ12 desaturase works between carbon 12 and carbon 13 while Δ15 desaturase works between carbon 15 and carbon 16. After completion of the reactions, the fatty acid (stearic acid) will be converted into ALA (Figure 1). When ALA is released from <i>E. coli</i> and absorbed by human cells, ALA will be further converted into docosahexaenoic acid, DHA. Since human cells contain genes encoding the remaining desaturases and elongases that are necessary for the conversion of ALA into DHA (Innis, 2007), which is our final target product.</p><br><br />
<br />
<img class="displayed" src="https://static.igem.org/mediawiki/2014/e/e6/CityU_HK_module_desaturase.jpg" width="70%"><br />
<br />
<h2 class="figure">Figure 1. Conversion of stearic acid into α-linolenic acid by three desaturases.</h2><br><br />
<br />
<p id="reference"><b>References:</b><br><br><br />
Innis, S. M. (2007). Dietary (n-3) fatty acids and brain development. The Journal of Nutrition. 137: 855.<br><br><br />
Qiu, X. (2003). Biosynthesis of docosahenaenoic acid (DHA, 22:6-4, 7, 10, 13, 16, 19): Two distinct pathways. Prostaglandins, Leukotrienes and Essential Fatty Acids. 68(2003): 181-182.</p><br />
</div></div></div></div><br />
<br><br><br />
<br />
</body><br />
</html><br />
{{:Team:CityU_HK/Template/footer}}</div>Marialilokyeehttp://2014.igem.org/Team:CityU_HK/project/module_desaturaseTeam:CityU HK/project/module desaturase2014-10-18T01:14:58Z<p>Marialilokyee: </p>
<hr />
<div>{{:Team:CityU_HK/Template}}<br />
<html lang=''en"><br />
<br />
<br />
<head><br />
<style><br />
#title {<br />
color: #676767;<br />
text-align: center;<br />
margin-bottom: 40px;<br />
font-size: 2.2em;<br />
font-family: "brandon-grotesque", sans-serif;<br />
font-weight: 700;<br />
text-shadow: 0px 3px 2px rgba(0, 0, 0, 0.2);<br />
padding-top: 4%;<br />
letter-spacing: 1px;<br />
}<br />
<br />
#cssmenu {<br />
z-index: 2;<br />
}<br />
<br />
p.content1{font-size:18px;<br />
padding-top: 5%;<br />
padding-left: 10%;<br />
padding-right: 10%;<br />
text-align: justify;<br />
font-weight: 450;}<br />
<br />
p.content2{font-size:18px;<br />
padding-left: 10%;<br />
padding-right: 10%;<br />
text-align: justify;<br />
font-weight: 450;}<br />
<br />
h2.figure{font-size:18px;<br />
text-align: center;}<br />
<br />
h2.content{font-size:18px;<br />
padding-left: 10%;<br />
padding-right: 10%;<br />
text-align: justify;}<br />
<br />
h2.sub{font-size:28px;<br />
color: #444;<br />
text-align: center;<br />
font-weight: bold;}<br />
<br />
#main h3 {<br />
text-align: center;<br />
font-size: 1.6em;<br />
color: #40e0d0;<br />
font-weight: 600;<br />
padding-top: 30px;<br />
padding-bottom: 20px;<br />
}<br />
<br />
p.content1::first-letter { <br />
font-size: 150%;<br />
padding-left: 20px; <br />
} <br />
<br />
img.displayed {<br />
display: block;<br />
margin-left: auto;<br />
margin-right: auto }<br />
<br />
#main .col-md-12 {<br />
background: #F0EEEA;<br />
padding-bottom: 40px;<br />
border-radius: 20px;<br />
margin-bottom: 40px;<br />
}<br />
<br />
#reference {<br />
border-top: 2px solid #c9c9c9;<br />
margin: 0 100px 0 100px;<br />
padding: 0;<br />
font-size: 0.8em;<br />
font-style: italic;<br />
}<br />
</style><br />
<br />
<script type="text/javascript" src="https://static.igem.org/mediawiki/2014/7/7f/CityU_HK_jquery.accordion.txt"></script><br />
<link rel="stylesheet" href="https://2014.igem.org/Team:CityU_HK/notebook/lablog_css?action=raw&ctype=text/css" type="text/css" /><br />
<br />
</head><br />
<br />
<br />
<body><br />
<br />
<div id='cssmenu'><br />
<ul><br />
<li><a href='https://2014.igem.org/Team:CityU_HK/project/module_fad'><span>FadD & FadL Module</span></a></li><br />
<li><a href='https://2014.igem.org/Team:CityU_HK/project/module_tesA'><span>'TesA Module</span></a></li><br />
<li class='last'><a href='https://2014.igem.org/Team:CityU_HK/project/module_desaturase'><span>Desaturase Module</span></a></li><br />
</ul><br />
</div><br />
<br />
<div id="main"><br />
<div><img src="https://static.igem.org/mediawiki/2014/f/fc/CityU_HK_module-banner.png" width="100%"></div><br />
<br><br><br />
<br />
<div class="container"><div class="row"><br />
<br />
<br />
<div class="col-md-12" ><br />
<br />
<br />
<h3> Desaturase Module Description</h3><br />
<p class="content1">After absorption of exogenous fatty acids from the environment, the enzymes, Δ9-, Δ12- and Δ15-desaturases catalyze the conversion of fatty acids (stearic acid) into α-linolenic acid, ALA (Qiu, 2002). Because <i>E. coli</i> originally lacks the genes encoding the desaturases, we have to construct and transform the recombinant DNA plasmid containing them into <i>E. coli.</i>. <br><br><br />
<br />
The gene sequences of the three desaturases can be obtained from Synechocystis, and optimized for expression in <i>E. coli</i>. After transformation of the constructed plasmid, the bacterium is able to produce the corresponding enzymes. Δ9 desaturase removes two hydrogen atoms from carbon 9 and carbon 10 of the fatty acid and a double bond will be formed there. <br><br><br />
<br />
Similarly, Δ12 desaturase works between carbon 12 and carbon 13 while Δ15 desaturase works between carbon 15 and carbon 16. After completion of the reactions, the fatty acid (stearic acid) will be converted into ALA (Figure 1). When ALA is released from <i>E. coli</i> and absorbed by human cells, ALA will be further converted into docosahexaenoic acid, DHA. Since human cells contain genes encoding the remaining desaturases and elongases that are necessary for the conversion of ALA into DHA (Innis, 2007), which is our final target product.</p><br><br />
<br />
<img class="displayed" src="https://static.igem.org/mediawiki/2014/e/e6/CityU_HK_module_desaturase.jpg" width="70%"><br />
<br />
<h2 class="figure">Figure 1. Conversion of stearic acid into α-linolenic acid by three desaturases.</h2><br><br />
<br />
<p id="reference"><b>References:</b><br><br><br />
Innis, S. M. (2007). Dietary (n-3) fatty acids and brain development. The Journal of Nutrition. 137: 855.<br><br><br />
Qiu, X. (2003). Biosynthesis of docosahenaenoic acid (DHA, 22:6-4, 7, 10, 13, 16, 19): Two distinct pathways. Prostaglandins, Leukotrienes and Essential Fatty Acids. 68(2003): 181-182.</p><br />
</div></div></div></div><br />
<br><br><br />
<br />
</body><br />
</html><br />
{{:Team:CityU_HK/Template/footer}}</div>Marialilokyeehttp://2014.igem.org/Team:CityU_HK/project/module_desaturaseTeam:CityU HK/project/module desaturase2014-10-18T01:14:31Z<p>Marialilokyee: </p>
<hr />
<div>{{:Team:CityU_HK/Template}}<br />
<html lang=''en"><br />
<br />
<br />
<head><br />
<style><br />
#title {<br />
color: #676767;<br />
text-align: center;<br />
margin-bottom: 40px;<br />
font-size: 2.2em;<br />
font-family: "brandon-grotesque", sans-serif;<br />
font-weight: 700;<br />
text-shadow: 0px 3px 2px rgba(0, 0, 0, 0.2);<br />
padding-top: 4%;<br />
letter-spacing: 1px;<br />
}<br />
<br />
#cssmenu {<br />
z-index: 2;<br />
}<br />
<br />
p.content1{font-size:18px;<br />
padding-top: 5%;<br />
padding-left: 10%;<br />
padding-right: 10%;<br />
text-align: justify;<br />
font-weight: 450;}<br />
<br />
p.content2{font-size:18px;<br />
padding-left: 10%;<br />
padding-right: 10%;<br />
text-align: justify;<br />
font-weight: 450;}<br />
<br />
h2.figure{font-size:18px;<br />
text-align: center;}<br />
<br />
h2.content{font-size:18px;<br />
padding-left: 10%;<br />
padding-right: 10%;<br />
text-align: justify;}<br />
<br />
h2.sub{font-size:28px;<br />
color: #444;<br />
text-align: center;<br />
font-weight: bold;}<br />
<br />
#main h3 {<br />
text-align: center;<br />
font-size: 1.6em;<br />
color: #40e0d0;<br />
font-weight: 600;<br />
padding-top: 30px;<br />
padding-bottom: 30px;<br />
}<br />
<br />
p.content1::first-letter { <br />
font-size: 150%;<br />
padding-left: 20px; <br />
} <br />
<br />
img.displayed {<br />
display: block;<br />
margin-left: auto;<br />
margin-right: auto }<br />
<br />
#main .col-md-12 {<br />
background: #F0EEEA;<br />
padding-bottom: 40px;<br />
border-radius: 20px;<br />
margin-bottom: 40px;<br />
}<br />
<br />
#reference {<br />
border-top: 2px solid #c9c9c9;<br />
margin: 0 100px 0 100px;<br />
padding: 0;<br />
font-size: 0.8em;<br />
font-style: italic;<br />
}<br />
</style><br />
<br />
<script type="text/javascript" src="https://static.igem.org/mediawiki/2014/7/7f/CityU_HK_jquery.accordion.txt"></script><br />
<link rel="stylesheet" href="https://2014.igem.org/Team:CityU_HK/notebook/lablog_css?action=raw&ctype=text/css" type="text/css" /><br />
<br />
</head><br />
<br />
<br />
<body><br />
<br />
<div id='cssmenu'><br />
<ul><br />
<li><a href='https://2014.igem.org/Team:CityU_HK/project/module_fad'><span>FadD & FadL Module</span></a></li><br />
<li><a href='https://2014.igem.org/Team:CityU_HK/project/module_tesA'><span>'TesA Module</span></a></li><br />
<li class='last'><a href='https://2014.igem.org/Team:CityU_HK/project/module_desaturase'><span>Desaturase Module</span></a></li><br />
</ul><br />
</div><br />
<br />
<div id="main"><br />
<div><img src="https://static.igem.org/mediawiki/2014/f/fc/CityU_HK_module-banner.png" width="100%"></div><br />
<br><br><br />
<br />
<div class="container"><div class="row"><br />
<br />
<br />
<div class="col-md-12" ><br />
<br />
<br />
<h3> Desaturase Module Description</h3><br />
<p class="content1">After absorption of exogenous fatty acids from the environment, the enzymes, Δ9-, Δ12- and Δ15-desaturases catalyze the conversion of fatty acids (stearic acid) into α-linolenic acid, ALA (Qiu, 2002). Because <i>E. coli</i> originally lacks the genes encoding the desaturases, we have to construct and transform the recombinant DNA plasmid containing them into <i>E. coli.</i>. <br><br><br />
<br />
The gene sequences of the three desaturases can be obtained from Synechocystis, and optimized for expression in <i>E. coli</i>. After transformation of the constructed plasmid, the bacterium is able to produce the corresponding enzymes. Δ9 desaturase removes two hydrogen atoms from carbon 9 and carbon 10 of the fatty acid and a double bond will be formed there. <br><br><br />
<br />
Similarly, Δ12 desaturase works between carbon 12 and carbon 13 while Δ15 desaturase works between carbon 15 and carbon 16. After completion of the reactions, the fatty acid (stearic acid) will be converted into ALA (Figure 1). When ALA is released from <i>E. coli</i> and absorbed by human cells, ALA will be further converted into docosahexaenoic acid, DHA. Since human cells contain genes encoding the remaining desaturases and elongases that are necessary for the conversion of ALA into DHA (Innis, 2007), which is our final target product.</p><br><br />
<br />
<img class="displayed" src="https://static.igem.org/mediawiki/2014/e/e6/CityU_HK_module_desaturase.jpg" width="70%"><br />
<br />
<h2 class="figure">Figure 1. Conversion of stearic acid into α-linolenic acid by three desaturases.</h2><br><br />
<br />
<p id="reference"><b>References:</b><br><br><br />
Innis, S. M. (2007). Dietary (n-3) fatty acids and brain development. The Journal of Nutrition. 137: 855.<br><br><br />
Qiu, X. (2003). Biosynthesis of docosahenaenoic acid (DHA, 22:6-4, 7, 10, 13, 16, 19): Two distinct pathways. Prostaglandins, Leukotrienes and Essential Fatty Acids. 68(2003): 181-182.</p><br />
</div></div></div></div><br />
<br><br><br />
<br />
</body><br />
</html><br />
{{:Team:CityU_HK/Template/footer}}</div>Marialilokyeehttp://2014.igem.org/Team:CityU_HK/project/module_desaturaseTeam:CityU HK/project/module desaturase2014-10-18T01:14:21Z<p>Marialilokyee: </p>
<hr />
<div>{{:Team:CityU_HK/Template}}<br />
<html lang=''en"><br />
<br />
<br />
<head><br />
<style><br />
#title {<br />
color: #676767;<br />
text-align: center;<br />
margin-bottom: 40px;<br />
font-size: 2.2em;<br />
font-family: "brandon-grotesque", sans-serif;<br />
font-weight: 700;<br />
text-shadow: 0px 3px 2px rgba(0, 0, 0, 0.2);<br />
padding-top: 4%;<br />
letter-spacing: 1px;<br />
}<br />
<br />
#cssmenu {<br />
z-index: 2;<br />
}<br />
<br />
p.content1{font-size:18px;<br />
padding-top: 5%;<br />
padding-left: 10%;<br />
padding-right: 10%;<br />
text-align: justify;<br />
font-weight: 450;}<br />
<br />
p.content2{font-size:18px;<br />
padding-left: 10%;<br />
padding-right: 10%;<br />
text-align: justify;<br />
font-weight: 450;}<br />
<br />
h2.figure{font-size:18px;<br />
text-align: center;}<br />
<br />
h2.content{font-size:18px;<br />
padding-left: 10%;<br />
padding-right: 10%;<br />
text-align: justify;}<br />
<br />
h2.sub{font-size:28px;<br />
color: #444;<br />
text-align: center;<br />
font-weight: bold;}<br />
<br />
#main h3 {<br />
text-align: center;<br />
font-size: 1.6em;<br />
color: #40e0d0;<br />
font-weight: 600;<br />
padding-top: 30px;<br />
padding-bottom: 30px;<br />
}<br />
<br />
p.content1::first-letter { <br />
font-size: 150%;<br />
padding-left: 20px; <br />
} <br />
<br />
img.displayed {<br />
display: block;<br />
margin-left: auto;<br />
margin-right: auto }<br />
<br />
#main .col-md-12 {<br />
background: #F0EEEA;<br />
padding-bottom: 40px;<br />
border-radius: 20px;<br />
margin-bottom: 40px;<br />
}<br />
<br />
#reference {<br />
border-top: 2px solid #c9c9c9;<br />
margin: 0 100px 0 100px;<br />
padding: 0;<br />
font-size: 0.8em;<br />
font-style: italic;<br />
}<br />
</style><br />
<br />
<script type="text/javascript" src="https://static.igem.org/mediawiki/2014/7/7f/CityU_HK_jquery.accordion.txt"></script><br />
<link rel="stylesheet" href="https://2014.igem.org/Team:CityU_HK/notebook/lablog_css?action=raw&ctype=text/css" type="text/css" /><br />
<br />
</head><br />
<br />
<br />
<body><br />
<br />
<div id='cssmenu'><br />
<ul><br />
<li><a href='https://2014.igem.org/Team:CityU_HK/project/module_fad'><span>FadD & FadL Module</span></a></li><br />
<li><a href='https://2014.igem.org/Team:CityU_HK/project/module_tesA'><span>'TesA Module</span></a></li><br />
<li class='last'><a href='https://2014.igem.org/Team:CityU_HK/project/module_desaturase'><span>Desaturase Module</span></a></li><br />
</ul><br />
</div><br />
<br />
<div id="main"><br />
<div><img src="https://static.igem.org/mediawiki/2014/f/fc/CityU_HK_module-banner.png" width="100%"></div><br />
<br><br><br />
<br />
<div class="container"><div class="row"><br />
<br />
<br />
<div class="col-md-12" ><br />
<br />
<br />
<h3> Desaturase Module Description</h3><br><br />
<p class="content1">After absorption of exogenous fatty acids from the environment, the enzymes, Δ9-, Δ12- and Δ15-desaturases catalyze the conversion of fatty acids (stearic acid) into α-linolenic acid, ALA (Qiu, 2002). Because <i>E. coli</i> originally lacks the genes encoding the desaturases, we have to construct and transform the recombinant DNA plasmid containing them into <i>E. coli.</i>. <br><br><br />
<br />
The gene sequences of the three desaturases can be obtained from Synechocystis, and optimized for expression in <i>E. coli</i>. After transformation of the constructed plasmid, the bacterium is able to produce the corresponding enzymes. Δ9 desaturase removes two hydrogen atoms from carbon 9 and carbon 10 of the fatty acid and a double bond will be formed there. <br><br><br />
<br />
Similarly, Δ12 desaturase works between carbon 12 and carbon 13 while Δ15 desaturase works between carbon 15 and carbon 16. After completion of the reactions, the fatty acid (stearic acid) will be converted into ALA (Figure 1). When ALA is released from <i>E. coli</i> and absorbed by human cells, ALA will be further converted into docosahexaenoic acid, DHA. Since human cells contain genes encoding the remaining desaturases and elongases that are necessary for the conversion of ALA into DHA (Innis, 2007), which is our final target product.</p><br><br />
<br />
<img class="displayed" src="https://static.igem.org/mediawiki/2014/e/e6/CityU_HK_module_desaturase.jpg" width="70%"><br />
<br />
<h2 class="figure">Figure 1. Conversion of stearic acid into α-linolenic acid by three desaturases.</h2><br><br />
<br />
<p id="reference"><b>References:</b><br><br><br />
Innis, S. M. (2007). Dietary (n-3) fatty acids and brain development. The Journal of Nutrition. 137: 855.<br><br><br />
Qiu, X. (2003). Biosynthesis of docosahenaenoic acid (DHA, 22:6-4, 7, 10, 13, 16, 19): Two distinct pathways. Prostaglandins, Leukotrienes and Essential Fatty Acids. 68(2003): 181-182.</p><br />
</div></div></div></div><br />
<br><br><br />
<br />
</body><br />
</html><br />
{{:Team:CityU_HK/Template/footer}}</div>Marialilokyeehttp://2014.igem.org/Team:CityU_HK/project/module_tesATeam:CityU HK/project/module tesA2014-10-18T01:13:33Z<p>Marialilokyee: </p>
<hr />
<div>{{:Team:CityU_HK/Template}}<br />
<html lang=''en"><br />
<br />
<br />
<head><br />
<style><br />
#title {<br />
color: #676767;<br />
text-align: center;<br />
margin-bottom: 40px;<br />
font-size: 2.3em;<br />
font-family: "brandon-grotesque", sans-serif;<br />
font-weight: 700;<br />
text-shadow: 0px 3px 2px rgba(0, 0, 0, 0.2);<br />
padding-top: 4%;<br />
letter-spacing: 1px;<br />
}<br />
<br />
#cssmenu {<br />
z-index: 2;<br />
}<br />
p.content1{font-size:18px;<br />
padding-left: 10%;<br />
padding-right: 10%;<br />
text-align: justify;<br />
font-weight: 450;<br />
line-height:1.8;<br />
color:#444;}<br />
<br />
p.content2{font-size:18px;<br />
padding-left: 10%;<br />
padding-right: 10%;<br />
text-align: justify;<br />
font-weight: 450;<br />
line-height: 1.8;}<br />
<br />
h2.figure{font-size:18px;<br />
text-align: center;}<br />
<br />
h2.content{font-size:18px;<br />
padding-left: 10%;<br />
padding-right: 10%;<br />
text-align: justify;}<br />
<br />
h2.sub{font-size:22px;<br />
color: #444;<br />
text-align: center;<br />
font-weight: 700;}<br />
<br />
#main h3 {<br />
text-align: center;<br />
font-size: 1.7em;<br />
color: #40e0d0;<br />
font-weight: 600;<br />
padding-top: 30px;<br />
padding-bottom: 30px;<br />
}<br />
<br />
p.content1::first-letter { <br />
font-size: 150%;<br />
padding-left: 20px; <br />
} <br />
<br />
img.displayed {<br />
display: block;<br />
margin-left: auto;<br />
margin-right: auto }<br />
<br />
#main .col-md-12 {<br />
background: #F0EEEA;<br />
padding-bottom: 40px;<br />
border-radius: 20px;<br />
margin-bottom: 40px;<br />
}<br />
<br />
#reference {<br />
border-top: 2px solid #c9c9c9;<br />
margin: 0 100px 0 100px;<br />
padding: 0;<br />
font-size: 0.8em;<br />
font-style: italic;<br />
}<br />
</style><br />
<br />
<script type="text/javascript" src="https://static.igem.org/mediawiki/2014/7/7f/CityU_HK_jquery.accordion.txt"></script><br />
<br />
<br />
<br />
<br />
<br />
<link rel="stylesheet" href="https://2014.igem.org/Team:CityU_HK/notebook/lablog_css?action=raw&ctype=text/css" type="text/css" /><br />
<br />
</head><br />
<br />
<br />
<body><br />
<br />
<div id='cssmenu'><br />
<ul><br />
<li><a href='https://2014.igem.org/Team:CityU_HK/project/module_fad'><span>FadD & FadL Module</span></a></li><br />
<li><a href='https://2014.igem.org/Team:CityU_HK/project/module_tesA'><span>'TesA Module</span></a></li><br />
<li class='last'><a href='https://2014.igem.org/Team:CityU_HK/project/module_desaturase'><span>Desaturase Module</span></a></li><br />
</ul><br />
</div><br />
<br />
<div id="main"><br />
<div><img src="https://static.igem.org/mediawiki/2014/f/fc/CityU_HK_module-banner.png" width="100%"></div><br />
<br><br><br />
<br />
<div class="container"><div class="row"><br />
<br />
<div class="col-md-12" ><br />
<br />
<br />
<h3> 'TesA Module Description</h3><br><br />
<br />
<h2 class="sub">Construction and overexpression of ‘TesA in <i>Escherichia coli</i></h2><br><br />
<br />
<p class="content1">In <i>Escherichia coli</i>, <i>tesA</i> codes for the thioesterase I enzyme which is expressed in the periplasm. Although the actual physiological role of thioesterase I is not known, it has been demonstrated that thioesterase I has the ability to cleave the thioester bond in fatty acyl-CoA (Cho & Cronan, 1993). It has been previously shown that deleting the leader sequence of the TesA protein results in the enzyme being expressed as a cytosolic enzyme (Cho & Cronan, 1995). This altered form of the enzyme without the leader sequence was named ‘TesA and overexpression of the cytosolic ‘TesA has been used to increase the yield of free fatty acids (FFAs) in biotechnology as a feedstock for biofuel production (Janßen & Steinbüchel, 2014). <br><br><br />
<br />
During the transport of long chain fatty acids (LFCAs), the FadD protein in the inner membrane activates LFCA to form fatty acyl-CoA, which may be broken down to acetyl-CoA through β-oxidation. To retard β-oxidation of fatty acyl-CoA, the <i>‘tesA</i> gene is cloned and overexpressed in <i>E. coli</i>. It is predicted that overexpression of ‘TesA in <i>E. coli</i> would favor the conversion of fatty acyl-CoA to free fatty acids (FFAs) in the cytosol (Figure 1). By co-transforming the <i>‘tesA</i> plasmid with the Δ9- Δ12-Δ15-desaturase gene cluster plasmid into <i>E. coli</i> cells, increased conversion of FFAs to α-linolenic acid (ALA) will be expected. <br><br></p><br />
<br />
<img class="displayed" src="https://static.igem.org/mediawiki/2014/4/48/CityU_HK_module_tesA.jpg"><br />
<br />
<h2 class="figure">Figure 1. Conversion of fatty acyl-CoA to free fatty acid.</h2><br><br />
<br />
<h2 class="sub">Gene Construct</h2><br />
<br />
<p class="content2">To create the <i>‘tesA</i> gene construct, the coding sequence (without the leader sequence) of <i>tesA</i> was amplified by PCR and the PCR amplicon was ligated to the RBS (BBa_B0034) and PBAD promoter (BBa_I13453) fragments. <br />
</p><br><br />
<br />
<p id="reference"><b>References:</b><br><br><br />
Cho, H. & Cronan, J. E. (1993). Escherichia coli thioesterase I, molecular cloning and sequencing of the structural gene and identification as a periplasmic enzyme. Journal of Biological Chemistry 268(13), 9238-9245.<br><br><br />
Cho, H. & Cronan, J.E. (1995). Defective export of a periplasmic enzyme disrupts regulation of fatty acid synthesis. Journal of Biological Chemistry 270(9), 4216-4219<br><br><br />
Janßen, H. J. & Steinbüchel, A. (2014). Fatty acid synthesis in Escherichia coli and its applications towards the production of fatty acid based biofuels. Biotechnology for biofuels 7(1), 7.<br><br><br />
Lee, L., Lee, Y., Leu, R. & Shaw, J. (2006). Functional role of catalytic triad and oxyanion hole-forming residues on enzyme activity of Escherichia coli thioesterase I/protease I/phospholipase L1. Biochem. J 397, 69-76.<br><br><br />
</p><br />
</div></div></div></div><br />
<br />
<br><br><br />
</body><br />
</html><br />
{{:Team:CityU_HK/Template/footer}}</div>Marialilokyeehttp://2014.igem.org/Team:CityU_HK/project/overviewTeam:CityU HK/project/overview2014-10-18T01:11:49Z<p>Marialilokyee: </p>
<hr />
<div>{{:Team:CityU_HK/Template}}<br />
<html><br />
<br />
<style><br />
<br />
#title {<br />
color: #676767;<br />
text-align: center;<br />
margin-bottom: 40px;<br />
font-size: 3em;<br />
font-family: "brandon-grotesque", sans-serif;<br />
font-weight: 700;<br />
text-transform: uppercase;<br />
text-shadow: 0px 3px 2px rgba(0, 0, 0, 0.2);<br />
padding-top: 4%;<br />
letter-spacing: 1px;<br />
}<br />
<br />
#main p.content{font-size:18px;<br />
font-weight: 500;<br />
padding-top: 5%;<br />
padding-left: 15%;<br />
padding-right: 15%;<br />
text-align: justify;<br />
color: #111;<br />
line-height: 1.8em;}<br />
<br />
#main p.content::first-letter { <br />
font-size: 200%;<br />
padding-left: 20px; <br />
color: #111; <br />
}<br />
<br />
<br />
img.displayed {<br />
display: block;<br />
margin-left: auto;<br />
margin-right: auto }<br />
<br />
.arrow-down {<br />
width: 0; <br />
height: 0; <br />
border-left: 50px solid transparent;<br />
border-right: 50px solid transparent;<br />
border-top: 30px solid #fff;<br />
position: relative;<br />
top: 20px;<br />
margin: 0 auto;<br />
z-index: 2;<br />
}<br />
#arrow2 {<br />
border-top: 30px solid #f5cb11;<br />
position: relative;<br />
top: -3px;<br />
}<br />
<br />
#thumbnail {<br />
padding-left:10%;<br />
padding-right:10%;<br />
}<br />
.thumbnail {height: 450px;}<br />
.thumbnail a {color: orange; font-weight:bold;}<br />
.thumbnail a:hover {color: #3cc; font-weight:bold;}<br />
</style><br />
<br />
<body><br />
<br />
<div id="main"><br />
<div><img src="https://static.igem.org/mediawiki/2014/3/34/CityU_HK_Project_banner.png" width=100%></div><br />
<br />
<div class="container"><div class="row"><div class="col-md-12"><br />
<div class="arrow-down" id="arrow2"></div><br />
</div></div></div><br />
<br />
<img class="displayed" src="https://static.igem.org/mediawiki/2014/2/29/CityU_HK_overview.jpg" width="65%"><br />
<br />
<br />
<p class="content">Obesity is a worldwide problem that contributes to a variety of human diseases such as diabetes and cancer, as well as psychological problems such as eating disorder and anxiety. Traditional remedies such as dieting or over-exercising can be ineffective and often lead to depression, given that both means could lead to obvious physical and mental unpleasantness. Obesity, in many cases, is linked to the accumulation of excessive free fatty acids from food. Therefore removing these fatty acids from the system could be the key to combating obesity. In an attempt to alleviating the obesity problem without causing adverse impact on one’s quality of life, we genetically engineered an <i>Escherichia coli</i> strain to confer upon it the capacity to both remove excess fat from our diet and convert it into a useful metabolic intermediate, &#945; linolenic acid (ALA). We named this genetically modified bacterium, “Fit Coli”.<br><br><br />
<br />
We designed Fit Coli to do the job in several steps. The first step involves increasing its ability to take up excess free fatty acids from the external environment (e.g. human gut) which, theoretically, can be achieved by overexpressing the <i>fadL</i> and <i>fadD</i> genes in <i>E. coli</i>. <i>fadL</i> codes for a fatty acid transporter protein that moves free fatty acids across the outer cell membrane into the periplasmic space. <i>fadD</i>, on the other hand, codes for a fatty acyl-CoA synthetase which adds a coenzyme A (CoA) moiety to fatty acids and then transports the resulting fatty acyl-CoA across the inner membrane into the cytosol. <br><br><br />
<br />
Next, <i>E. coli.</i> is engineered to overexpress the <i>tesA</i> gene that codes for an acyl-CoA thioesterase which removes the CoA moiety from fatty acyl-CoA molecules, thereby restoring the molecule back to the form of free fatty acids. This strategy is aimed at diverting fatty acids from the beta-oxidation pathway which degrades fatty acids into acetyl-CoA to produce ATP. Lastly, the free fatty acids are converted into ALA under the catalysis of the three engineered enzymes - ∆9 desaturase, ∆12 desaturase and ∆15 desaturase – in Fit Coli. <br><br><br />
<br />
In short, Fit Coli is designed to combat obesity by its ability (1) to take up various excess C18 fatty acids such as stearic acid, oleic acid and linoleic acid present in our foods and (2) to convert them into ALA which can then be used by the human body to make docosahexaenoic acid/eicosanoids that are beneficial to humans.<br><br> </p><br />
<br><br><br />
<br />
<div class="row" id="thumbnail"><br />
<div class="col-sm-6 col-md-4"><br />
<div class="thumbnail"><br />
<img src="https://static.igem.org/mediawiki/2014/a/a9/CityU_HK_thumbnail-fad.png" width="200px" ><br />
<div class="caption"><br />
<h2>Step 1</h2><br />
<p>Take up excess free fatty acids from the external environment.</p><br />
<p><a href="https://2014.igem.org/Team:CityU_HK/project/module_fad" class="btn btn-default" role="button">FadD & FadL Module</a></p><br />
</div><br />
</div><br />
</div><br />
<div class="col-sm-6 col-md-4"><br />
<div class="thumbnail"><br />
<img src="https://static.igem.org/mediawiki/2014/f/fd/CityU_HK_thumbnail-tesA.png" width="240px"><br />
<div class="caption"><br />
<h2>Step 2</h2><br />
<p>Removes the CoA moiety from fatty acyl-CoA molecules.</p><br />
<p><a href="https://2014.igem.org/Team:CityU_HK/project/module_tesA" class="btn btn-default" role="button">'TesA Module</a></p><br />
</div><br />
</div><br />
</div><br />
<div class="col-sm-6 col-md-4"><br />
<div class="thumbnail"><br />
<img src="https://static.igem.org/mediawiki/2014/1/16/CityU_HK_thumbnail-desaturase.png" width="300px"><br />
<div class="caption"><br />
<h2>Step 3</h2><br />
<p>Convert free fatty acid into ALA under the catalysis of the three engineered enzymes.</p><br />
<p><a href="https://2014.igem.org/Team:CityU_HK/project/module_desaturase" class="btn btn-default" role="button">Desaturase Module</a></p><br />
</div><br />
</div><br />
</div><br />
</div><br />
<br />
</div> <!-- end of #main --><br />
<br />
<br />
<br />
<br />
</body><br />
</html><br />
{{:Team:CityU_HK/Template/footer}}</div>Marialilokyeehttp://2014.igem.org/Team:CityU_HK/project/overviewTeam:CityU HK/project/overview2014-10-18T01:10:42Z<p>Marialilokyee: </p>
<hr />
<div>{{:Team:CityU_HK/Template}}<br />
<html><br />
<br />
<style><br />
<br />
#title {<br />
color: #676767;<br />
text-align: center;<br />
margin-bottom: 40px;<br />
font-size: 3em;<br />
font-family: "brandon-grotesque", sans-serif;<br />
font-weight: 700;<br />
text-transform: uppercase;<br />
text-shadow: 0px 3px 2px rgba(0, 0, 0, 0.2);<br />
padding-top: 4%;<br />
letter-spacing: 1px;<br />
}<br />
<br />
#main p.content{font-size:18px;<br />
font-weight: 500;<br />
padding-top: 5%;<br />
padding-left: 15%;<br />
padding-right: 15%;<br />
text-align: justify;<br />
color: #111;<br />
line-height: 1.8em;}<br />
<br />
#main p.content::first-letter { <br />
font-size: 200%;<br />
padding-left: 20px; <br />
color: #111; <br />
}<br />
<br />
<br />
img.displayed {<br />
display: block;<br />
margin-left: auto;<br />
margin-right: auto }<br />
<br />
.arrow-down {<br />
width: 0; <br />
height: 0; <br />
border-left: 50px solid transparent;<br />
border-right: 50px solid transparent;<br />
border-top: 30px solid #fff;<br />
position: relative;<br />
top: 20px;<br />
margin: 0 auto;<br />
z-index: 2;<br />
}<br />
#arrow2 {<br />
border-top: 30px solid #f5cb11;<br />
position: relative;<br />
top: -3px;<br />
}<br />
<br />
#thumbnail {<br />
padding-left:10%;<br />
padding-right:10%;<br />
}<br />
.thumbnail {height: 450px;}<br />
.thumbnail a {color: orange; font-weight:bold;}<br />
.thumbnail a:hover {color: #3cc; font-weight:bold;}<br />
</style><br />
<br />
<body><br />
<br />
<div id="main"><br />
<div><img src="https://static.igem.org/mediawiki/2014/3/34/CityU_HK_Project_banner.png" width=100%></div><br />
<br />
<div class="container"><div class="row"><div class="col-md-12"><br />
<div class="arrow-down" id="arrow2"></div><br />
</div></div></div><br />
<br />
<img class="displayed" src="https://static.igem.org/mediawiki/2014/2/29/CityU_HK_overview.jpg" width="65%"><br />
<br />
<br />
<p class="content">Obesity is a worldwide problem that contributes to a variety of human diseases such as diabetes and cancer, as well as psychological problems such as eating disorder and anxiety. Traditional remedies such as dieting or over-exercising can be ineffective and often lead to depression, given that both means could lead to obvious physical and mental unpleasantness. Obesity, in many cases, is linked to the accumulation of excessive free fatty acids from food. Therefore removing these fatty acids from the system could be the key to combating obesity. In an attempt to alleviating the obesity problem without causing adverse impact on one’s quality of life, we genetically engineered an <i>Escherichia coli</i> strain to confer upon it the capacity to both remove excess fat from our diet and convert it into a useful metabolic intermediate, &#945; linolenic acid (ALA). We named this genetically modified bacterium, “Fit Coli”.<br><br><br />
<br />
We designed Fit Coli to do the job in several steps. The first step involves increasing its ability to take up excess free fatty acids from the external environment (e.g. human gut) which, theoretically, can be achieved by overexpressing the <i>fadL</i> and <i>fadD</i> genes in <i>E. coli</i>. <i>fadL</i> codes for a fatty acid transporter protein that moves free fatty acids across the outer cell membrane into the periplasmic space. <i>fadD</i>, on the other hand, codes for a fatty acyl-CoA synthetase which adds a coenzyme A (CoA) moiety to fatty acids and then transports the resulting fatty acyl-CoA across the inner membrane into the cytosol. <br><br><br />
<br />
Next, <i>E. coli.</i> is engineered to overexpress the <i>tesA</i> gene that codes for an acyl-CoA thioesterase which removes the CoA moiety from fatty acyl-CoA molecules, thereby restoring the molecule back to the form of free fatty acids. This strategy is aimed at diverting fatty acids from the beta-oxidation pathway which degrades fatty acids into acetyl-CoA to produce ATP. Lastly, the free fatty acids are converted into ALA under the catalysis of the three engineered enzymes - ∆9 desaturase, ∆12 desaturase and ∆15 desaturase – in Fit Coli. <br><br><br />
<br />
In short, Fit Coli is designed to combat obesity by its ability (1) to take up various excess C18 fatty acids such as stearic acid, oleic acid and linoleic acid present in our foods and (2) to convert them into ALA which can then be used by the human body to make docosahexaenoic acid/eicosanoids that are beneficial to humans.<br><br> </p><br />
<br><br><br />
<br />
<div class="row" id="thumbnail"><br />
<div class="col-sm-6 col-md-4"><br />
<div class="thumbnail"><br />
<img src="https://static.igem.org/mediawiki/2014/a/a9/CityU_HK_thumbnail-fad.png" width="200px" ><br />
<div class="caption"><br />
<h2>Step 1</h2><br />
<p>Take up excess free fatty acids from the external environment.</p><br />
<p><a href="#" class="btn btn-default" role="button">FadD & FadL Module</a></p><br />
</div><br />
</div><br />
</div><br />
<div class="col-sm-6 col-md-4"><br />
<div class="thumbnail"><br />
<img src="https://static.igem.org/mediawiki/2014/f/fd/CityU_HK_thumbnail-tesA.png" width="240px"><br />
<div class="caption"><br />
<h2>Step 2</h2><br />
<p>Removes the CoA moiety from fatty acyl-CoA molecules.</p><br />
<p><a href="#" class="btn btn-default" role="button">'TesA Module</a></p><br />
</div><br />
</div><br />
</div><br />
<div class="col-sm-6 col-md-4"><br />
<div class="thumbnail"><br />
<img src="https://static.igem.org/mediawiki/2014/1/16/CityU_HK_thumbnail-desaturase.png" width="300px"><br />
<div class="caption"><br />
<h2>Step 3</h2><br />
<p>Convert free fatty acid into ALA under the catalysis of the three engineered enzymes.</p><br />
<p><a href="#" class="btn btn-default" role="button">Desaturase Module</a></p><br />
</div><br />
</div><br />
</div><br />
</div><br />
<br />
</div> <!-- end of #main --><br />
<br />
<br />
<br />
<br />
</body><br />
</html><br />
{{:Team:CityU_HK/Template/footer}}</div>Marialilokyeehttp://2014.igem.org/Team:CityU_HK/project/overviewTeam:CityU HK/project/overview2014-10-18T01:10:15Z<p>Marialilokyee: </p>
<hr />
<div>{{:Team:CityU_HK/Template}}<br />
<html><br />
<br />
<style><br />
<br />
#title {<br />
color: #676767;<br />
text-align: center;<br />
margin-bottom: 40px;<br />
font-size: 3em;<br />
font-family: "brandon-grotesque", sans-serif;<br />
font-weight: 700;<br />
text-transform: uppercase;<br />
text-shadow: 0px 3px 2px rgba(0, 0, 0, 0.2);<br />
padding-top: 4%;<br />
letter-spacing: 1px;<br />
}<br />
<br />
#main p.content{font-size:18px;<br />
font-weight: 500;<br />
padding-top: 5%;<br />
padding-left: 15%;<br />
padding-right: 15%;<br />
text-align: justify;<br />
color: #111;<br />
line-height: 1.8em;}<br />
<br />
#main p.content::first-letter { <br />
font-size: 200%;<br />
padding-left: 20px; <br />
color: #111; <br />
}<br />
<br />
<br />
img.displayed {<br />
display: block;<br />
margin-left: auto;<br />
margin-right: auto }<br />
<br />
.arrow-down {<br />
width: 0; <br />
height: 0; <br />
border-left: 50px solid transparent;<br />
border-right: 50px solid transparent;<br />
border-top: 30px solid #fff;<br />
position: relative;<br />
top: 20px;<br />
margin: 0 auto;<br />
z-index: 2;<br />
}<br />
#arrow2 {<br />
border-top: 30px solid #f5cb11;<br />
position: relative;<br />
top: -3px;<br />
}<br />
<br />
#thumbnail {<br />
padding-left:10%;<br />
padding-right:10%;<br />
}<br />
.thumbnail {height: 450px;}<br />
.thumbnail a {color: orange; font-weight:bold;}<br />
.thumbnail a:hover {color: #3cc; font-weight:bold;}<br />
</style><br />
<br />
<body><br />
<br />
<div id="main"><br />
<div><img src="https://static.igem.org/mediawiki/2014/3/34/CityU_HK_Project_banner.png" width=100%></div><br />
<br />
<div class="container"><div class="row"><div class="col-md-12"><br />
<div class="arrow-down" id="arrow2"></div><br />
</div></div></div><br />
<br />
<img class="displayed" src="https://static.igem.org/mediawiki/2014/2/29/CityU_HK_overview.jpg" width="65%"><br />
<br />
<br />
<p class="content">Obesity is a worldwide problem that contributes to a variety of human diseases such as diabetes and cancer, as well as psychological problems such as eating disorder and anxiety. Traditional remedies such as dieting or over-exercising can be ineffective and often lead to depression, given that both means could lead to obvious physical and mental unpleasantness. Obesity, in many cases, is linked to the accumulation of excessive free fatty acids from food. Therefore removing these fatty acids from the system could be the key to combating obesity. In an attempt to alleviating the obesity problem without causing adverse impact on one’s quality of life, we genetically engineered an <i>Escherichia coli</i> strain to confer upon it the capacity to both remove excess fat from our diet and convert it into a useful metabolic intermediate, &#945; linolenic acid (ALA). We named this genetically modified bacterium, “Fit Coli”.<br><br><br />
<br />
We designed Fit Coli to do the job in several steps. The first step involves increasing its ability to take up excess free fatty acids from the external environment (e.g. human gut) which, theoretically, can be achieved by overexpressing the <i>fadL</i> and <i>fadD</i> genes in <i>E. coli</i>. <i>fadL</i> codes for a fatty acid transporter protein that moves free fatty acids across the outer cell membrane into the periplasmic space. <i>fadD</i>, on the other hand, codes for a fatty acyl-CoA synthetase which adds a coenzyme A (CoA) moiety to fatty acids and then transports the resulting fatty acyl-CoA across the inner membrane into the cytosol. <br><br><br />
<br />
Next, <i>E. coli.</i> is engineered to overexpress the <i>tesA</i> gene that codes for an acyl-CoA thioesterase which removes the CoA moiety from fatty acyl-CoA molecules, thereby restoring the molecule back to the form of free fatty acids. This strategy is aimed at diverting fatty acids from the beta-oxidation pathway which degrades fatty acids into acetyl-CoA to produce ATP. Lastly, the free fatty acids are converted into ALA under the catalysis of the three engineered enzymes - ∆9 desaturase, ∆12 desaturase and ∆15 desaturase – in Fit Coli. <br><br><br />
<br />
In short, Fit Coli is designed to combat obesity by its ability (1) to take up various excess C18 fatty acids such as stearic acid, oleic acid and linoleic acid present in our foods and (2) to convert them into ALA which can then be used by the human body to make docosahexaenoic acid/eicosanoids that are beneficial to humans.<br><br> </p><br />
<br><br><br />
<br />
<div class="row" id="thumbnail"><br />
<div class="col-sm-6 col-md-4"><br />
<div class="thumbnail"><br />
<img src="https://static.igem.org/mediawiki/2014/a/a9/CityU_HK_thumbnail-fad.png" width="200px" ><br />
<div class="caption"><br />
<h2>Step 1</h2><br />
<p>Take up excess free fatty acids from the external environment</p><br />
<p><a href="#" class="btn btn-default" role="button">FadD & FadL Module</a></p><br />
</div><br />
</div><br />
</div><br />
<div class="col-sm-6 col-md-4"><br />
<div class="thumbnail"><br />
<img src="https://static.igem.org/mediawiki/2014/f/fd/CityU_HK_thumbnail-tesA.png" width="240px"><br />
<div class="caption"><br />
<h2>Step 2</h2><br />
<p>Removes the CoA moiety from fatty acyl-CoA molecules.</p><br />
<p><a href="#" class="btn btn-default" role="button">'TesA Module</a></p><br />
</div><br />
</div><br />
</div><br />
<div class="col-sm-6 col-md-4"><br />
<div class="thumbnail"><br />
<img src="https://static.igem.org/mediawiki/2014/1/16/CityU_HK_thumbnail-desaturase.png" width="300px"><br />
<div class="caption"><br />
<h2>Step 3</h2><br />
<p>Convert free fatty acid into ALA under the catalysis of the three engineered enzymes.</p><br />
<p><a href="#" class="btn btn-default" role="button">Desaturase Module</a></p><br />
</div><br />
</div><br />
</div><br />
</div><br />
<br />
</div> <!-- end of #main --><br />
<br />
<br />
<br />
<br />
</body><br />
</html><br />
{{:Team:CityU_HK/Template/footer}}</div>Marialilokyeehttp://2014.igem.org/Team:CityU_HK/project/overviewTeam:CityU HK/project/overview2014-10-18T01:09:28Z<p>Marialilokyee: </p>
<hr />
<div>{{:Team:CityU_HK/Template}}<br />
<html><br />
<br />
<style><br />
<br />
#title {<br />
color: #676767;<br />
text-align: center;<br />
margin-bottom: 40px;<br />
font-size: 3em;<br />
font-family: "brandon-grotesque", sans-serif;<br />
font-weight: 700;<br />
text-transform: uppercase;<br />
text-shadow: 0px 3px 2px rgba(0, 0, 0, 0.2);<br />
padding-top: 4%;<br />
letter-spacing: 1px;<br />
}<br />
<br />
#main p.content{font-size:18px;<br />
font-weight: 500;<br />
padding-top: 5%;<br />
padding-left: 15%;<br />
padding-right: 15%;<br />
text-align: justify;<br />
color: #111;<br />
line-height: 1.8em;}<br />
<br />
#main p.content::first-letter { <br />
font-size: 200%;<br />
padding-left: 20px; <br />
color: #111; <br />
}<br />
<br />
<br />
img.displayed {<br />
display: block;<br />
margin-left: auto;<br />
margin-right: auto }<br />
<br />
.arrow-down {<br />
width: 0; <br />
height: 0; <br />
border-left: 50px solid transparent;<br />
border-right: 50px solid transparent;<br />
border-top: 30px solid #fff;<br />
position: relative;<br />
top: 20px;<br />
margin: 0 auto;<br />
z-index: 2;<br />
}<br />
#arrow2 {<br />
border-top: 30px solid #f5cb11;<br />
position: relative;<br />
top: -3px;<br />
}<br />
<br />
#thumbnail {<br />
padding-left:10%;<br />
padding-right:10%;<br />
}<br />
.thumbnail {height: 450px;}<br />
.thumbnail a {color: orange; font-weight:bold;}<br />
</style><br />
<br />
<body><br />
<br />
<div id="main"><br />
<div><img src="https://static.igem.org/mediawiki/2014/3/34/CityU_HK_Project_banner.png" width=100%></div><br />
<br />
<div class="container"><div class="row"><div class="col-md-12"><br />
<div class="arrow-down" id="arrow2"></div><br />
</div></div></div><br />
<br />
<img class="displayed" src="https://static.igem.org/mediawiki/2014/2/29/CityU_HK_overview.jpg" width="65%"><br />
<br />
<br />
<p class="content">Obesity is a worldwide problem that contributes to a variety of human diseases such as diabetes and cancer, as well as psychological problems such as eating disorder and anxiety. Traditional remedies such as dieting or over-exercising can be ineffective and often lead to depression, given that both means could lead to obvious physical and mental unpleasantness. Obesity, in many cases, is linked to the accumulation of excessive free fatty acids from food. Therefore removing these fatty acids from the system could be the key to combating obesity. In an attempt to alleviating the obesity problem without causing adverse impact on one’s quality of life, we genetically engineered an <i>Escherichia coli</i> strain to confer upon it the capacity to both remove excess fat from our diet and convert it into a useful metabolic intermediate, &#945; linolenic acid (ALA). We named this genetically modified bacterium, “Fit Coli”.<br><br><br />
<br />
We designed Fit Coli to do the job in several steps. The first step involves increasing its ability to take up excess free fatty acids from the external environment (e.g. human gut) which, theoretically, can be achieved by overexpressing the <i>fadL</i> and <i>fadD</i> genes in <i>E. coli</i>. <i>fadL</i> codes for a fatty acid transporter protein that moves free fatty acids across the outer cell membrane into the periplasmic space. <i>fadD</i>, on the other hand, codes for a fatty acyl-CoA synthetase which adds a coenzyme A (CoA) moiety to fatty acids and then transports the resulting fatty acyl-CoA across the inner membrane into the cytosol. <br><br><br />
<br />
Next, <i>E. coli.</i> is engineered to overexpress the <i>tesA</i> gene that codes for an acyl-CoA thioesterase which removes the CoA moiety from fatty acyl-CoA molecules, thereby restoring the molecule back to the form of free fatty acids. This strategy is aimed at diverting fatty acids from the beta-oxidation pathway which degrades fatty acids into acetyl-CoA to produce ATP. Lastly, the free fatty acids are converted into ALA under the catalysis of the three engineered enzymes - ∆9 desaturase, ∆12 desaturase and ∆15 desaturase – in Fit Coli. <br><br><br />
<br />
In short, Fit Coli is designed to combat obesity by its ability (1) to take up various excess C18 fatty acids such as stearic acid, oleic acid and linoleic acid present in our foods and (2) to convert them into ALA which can then be used by the human body to make docosahexaenoic acid/eicosanoids that are beneficial to humans.<br><br> </p><br />
<br><br><br />
<br />
<div class="row" id="thumbnail"><br />
<div class="col-sm-6 col-md-4"><br />
<div class="thumbnail"><br />
<img src="https://static.igem.org/mediawiki/2014/a/a9/CityU_HK_thumbnail-fad.png" width="200px" ><br />
<div class="caption"><br />
<h2>Step 1</h2><br />
<p>Take up excess free fatty acids from the external environment</p><br />
<p><a href="#" class="btn btn-default" role="button">FadD & FadL Module</a></p><br />
</div><br />
</div><br />
</div><br />
<div class="col-sm-6 col-md-4"><br />
<div class="thumbnail"><br />
<img src="https://static.igem.org/mediawiki/2014/f/fd/CityU_HK_thumbnail-tesA.png" width="240px"><br />
<div class="caption"><br />
<h2>Step 2</h2><br />
<p>Removes the CoA moiety from fatty acyl-CoA molecules.</p><br />
<p><a href="#" class="btn btn-default" role="button">'TesA Module</a></p><br />
</div><br />
</div><br />
</div><br />
<div class="col-sm-6 col-md-4"><br />
<div class="thumbnail"><br />
<img src="https://static.igem.org/mediawiki/2014/1/16/CityU_HK_thumbnail-desaturase.png" width="300px"><br />
<div class="caption"><br />
<h2>Step 3</h2><br />
<p>Convert free fatty acid into ALA under the catalysis of the three engineered enzymes.</p><br />
<p><a href="#" class="btn btn-default" role="button">Desaturase Module</a></p><br />
</div><br />
</div><br />
</div><br />
</div><br />
<br />
</div> <!-- end of #main --><br />
<br />
<br />
<br />
<br />
</body><br />
</html><br />
{{:Team:CityU_HK/Template/footer}}</div>Marialilokyeehttp://2014.igem.org/Team:CityU_HK/project/overviewTeam:CityU HK/project/overview2014-10-18T01:09:10Z<p>Marialilokyee: </p>
<hr />
<div>{{:Team:CityU_HK/Template}}<br />
<html><br />
<br />
<style><br />
<br />
#title {<br />
color: #676767;<br />
text-align: center;<br />
margin-bottom: 40px;<br />
font-size: 3em;<br />
font-family: "brandon-grotesque", sans-serif;<br />
font-weight: 700;<br />
text-transform: uppercase;<br />
text-shadow: 0px 3px 2px rgba(0, 0, 0, 0.2);<br />
padding-top: 4%;<br />
letter-spacing: 1px;<br />
}<br />
<br />
#main p.content{font-size:18px;<br />
font-weight: 500;<br />
padding-top: 5%;<br />
padding-left: 15%;<br />
padding-right: 15%;<br />
text-align: justify;<br />
color: #111;<br />
line-height: 1.8em;}<br />
<br />
#main p.content::first-letter { <br />
font-size: 200%;<br />
padding-left: 20px; <br />
color: #111; <br />
}<br />
<br />
<br />
img.displayed {<br />
display: block;<br />
margin-left: auto;<br />
margin-right: auto }<br />
<br />
.arrow-down {<br />
width: 0; <br />
height: 0; <br />
border-left: 50px solid transparent;<br />
border-right: 50px solid transparent;<br />
border-top: 30px solid #fff;<br />
position: relative;<br />
top: 20px;<br />
margin: 0 auto;<br />
z-index: 2;<br />
}<br />
#arrow2 {<br />
border-top: 30px solid #f5cb11;<br />
position: relative;<br />
top: -3px;<br />
}<br />
<br />
#thumbnail {<br />
padding-left:10%;<br />
padding-right:10%;<br />
}<br />
.thumbnail {height: 500px;}<br />
.thumbnail a {color: orange; font-weight:bold;}<br />
</style><br />
<br />
<body><br />
<br />
<div id="main"><br />
<div><img src="https://static.igem.org/mediawiki/2014/3/34/CityU_HK_Project_banner.png" width=100%></div><br />
<br />
<div class="container"><div class="row"><div class="col-md-12"><br />
<div class="arrow-down" id="arrow2"></div><br />
</div></div></div><br />
<br />
<img class="displayed" src="https://static.igem.org/mediawiki/2014/2/29/CityU_HK_overview.jpg" width="65%"><br />
<br />
<br />
<p class="content">Obesity is a worldwide problem that contributes to a variety of human diseases such as diabetes and cancer, as well as psychological problems such as eating disorder and anxiety. Traditional remedies such as dieting or over-exercising can be ineffective and often lead to depression, given that both means could lead to obvious physical and mental unpleasantness. Obesity, in many cases, is linked to the accumulation of excessive free fatty acids from food. Therefore removing these fatty acids from the system could be the key to combating obesity. In an attempt to alleviating the obesity problem without causing adverse impact on one’s quality of life, we genetically engineered an <i>Escherichia coli</i> strain to confer upon it the capacity to both remove excess fat from our diet and convert it into a useful metabolic intermediate, &#945; linolenic acid (ALA). We named this genetically modified bacterium, “Fit Coli”.<br><br><br />
<br />
We designed Fit Coli to do the job in several steps. The first step involves increasing its ability to take up excess free fatty acids from the external environment (e.g. human gut) which, theoretically, can be achieved by overexpressing the <i>fadL</i> and <i>fadD</i> genes in <i>E. coli</i>. <i>fadL</i> codes for a fatty acid transporter protein that moves free fatty acids across the outer cell membrane into the periplasmic space. <i>fadD</i>, on the other hand, codes for a fatty acyl-CoA synthetase which adds a coenzyme A (CoA) moiety to fatty acids and then transports the resulting fatty acyl-CoA across the inner membrane into the cytosol. <br><br><br />
<br />
Next, <i>E. coli.</i> is engineered to overexpress the <i>tesA</i> gene that codes for an acyl-CoA thioesterase which removes the CoA moiety from fatty acyl-CoA molecules, thereby restoring the molecule back to the form of free fatty acids. This strategy is aimed at diverting fatty acids from the beta-oxidation pathway which degrades fatty acids into acetyl-CoA to produce ATP. Lastly, the free fatty acids are converted into ALA under the catalysis of the three engineered enzymes - ∆9 desaturase, ∆12 desaturase and ∆15 desaturase – in Fit Coli. <br><br><br />
<br />
In short, Fit Coli is designed to combat obesity by its ability (1) to take up various excess C18 fatty acids such as stearic acid, oleic acid and linoleic acid present in our foods and (2) to convert them into ALA which can then be used by the human body to make docosahexaenoic acid/eicosanoids that are beneficial to humans.<br><br> </p><br />
<br><br><br />
<br />
<div class="row" id="thumbnail"><br />
<div class="col-sm-6 col-md-4"><br />
<div class="thumbnail"><br />
<img src="https://static.igem.org/mediawiki/2014/a/a9/CityU_HK_thumbnail-fad.png" width="200px" ><br />
<div class="caption"><br />
<h2>Step 1</h2><br />
<p>Take up excess free fatty acids from the external environment</p><br />
<p><a href="#" class="btn btn-default" role="button">FadD & FadL Module</a></p><br />
</div><br />
</div><br />
</div><br />
<div class="col-sm-6 col-md-4"><br />
<div class="thumbnail"><br />
<img src="https://static.igem.org/mediawiki/2014/f/fd/CityU_HK_thumbnail-tesA.png" width="240px"><br />
<div class="caption"><br />
<h2>Step 2</h2><br />
<p>Removes the CoA moiety from fatty acyl-CoA molecules.</p><br />
<p><a href="#" class="btn btn-default" role="button">'TesA Module</a></p><br />
</div><br />
</div><br />
</div><br />
<div class="col-sm-6 col-md-4"><br />
<div class="thumbnail"><br />
<img src="https://static.igem.org/mediawiki/2014/1/16/CityU_HK_thumbnail-desaturase.png" width="300px"><br />
<div class="caption"><br />
<h2>Step 3</h2><br />
<p>Convert free fatty acid into ALA under the catalysis of the three engineered enzymes.</p><br />
<p><a href="#" class="btn btn-default" role="button">Desaturase Module</a></p><br />
</div><br />
</div><br />
</div><br />
</div><br />
<br />
</div> <!-- end of #main --><br />
<br />
<br />
<br />
<br />
</body><br />
</html><br />
{{:Team:CityU_HK/Template/footer}}</div>Marialilokyeehttp://2014.igem.org/Team:CityU_HK/project/overviewTeam:CityU HK/project/overview2014-10-18T01:08:23Z<p>Marialilokyee: </p>
<hr />
<div>{{:Team:CityU_HK/Template}}<br />
<html><br />
<br />
<style><br />
<br />
#title {<br />
color: #676767;<br />
text-align: center;<br />
margin-bottom: 40px;<br />
font-size: 3em;<br />
font-family: "brandon-grotesque", sans-serif;<br />
font-weight: 700;<br />
text-transform: uppercase;<br />
text-shadow: 0px 3px 2px rgba(0, 0, 0, 0.2);<br />
padding-top: 4%;<br />
letter-spacing: 1px;<br />
}<br />
<br />
#main p.content{font-size:18px;<br />
font-weight: 500;<br />
padding-top: 5%;<br />
padding-left: 15%;<br />
padding-right: 15%;<br />
text-align: justify;<br />
color: #111;<br />
line-height: 1.8em;}<br />
<br />
#main p::first-letter { <br />
font-size: 200%;<br />
padding-left: 20px; <br />
color: #111; <br />
}<br />
<br />
<br />
img.displayed {<br />
display: block;<br />
margin-left: auto;<br />
margin-right: auto }<br />
<br />
.arrow-down {<br />
width: 0; <br />
height: 0; <br />
border-left: 50px solid transparent;<br />
border-right: 50px solid transparent;<br />
border-top: 30px solid #fff;<br />
position: relative;<br />
top: 20px;<br />
margin: 0 auto;<br />
z-index: 2;<br />
}<br />
#arrow2 {<br />
border-top: 30px solid #f5cb11;<br />
position: relative;<br />
top: -3px;<br />
}<br />
<br />
#thumbnail {<br />
padding-left:10%;<br />
padding-right:10%;<br />
}<br />
.thumbnail {height: 500px;}<br />
.thumbnail a {color: orange;}<br />
</style><br />
<br />
<body><br />
<br />
<div id="main"><br />
<div><img src="https://static.igem.org/mediawiki/2014/3/34/CityU_HK_Project_banner.png" width=100%></div><br />
<br />
<div class="container"><div class="row"><div class="col-md-12"><br />
<div class="arrow-down" id="arrow2"></div><br />
</div></div></div><br />
<br />
<img class="displayed" src="https://static.igem.org/mediawiki/2014/2/29/CityU_HK_overview.jpg" width="65%"><br />
<br />
<br />
<p class="content">Obesity is a worldwide problem that contributes to a variety of human diseases such as diabetes and cancer, as well as psychological problems such as eating disorder and anxiety. Traditional remedies such as dieting or over-exercising can be ineffective and often lead to depression, given that both means could lead to obvious physical and mental unpleasantness. Obesity, in many cases, is linked to the accumulation of excessive free fatty acids from food. Therefore removing these fatty acids from the system could be the key to combating obesity. In an attempt to alleviating the obesity problem without causing adverse impact on one’s quality of life, we genetically engineered an <i>Escherichia coli</i> strain to confer upon it the capacity to both remove excess fat from our diet and convert it into a useful metabolic intermediate, &#945; linolenic acid (ALA). We named this genetically modified bacterium, “Fit Coli”.<br><br><br />
<br />
We designed Fit Coli to do the job in several steps. The first step involves increasing its ability to take up excess free fatty acids from the external environment (e.g. human gut) which, theoretically, can be achieved by overexpressing the <i>fadL</i> and <i>fadD</i> genes in <i>E. coli</i>. <i>fadL</i> codes for a fatty acid transporter protein that moves free fatty acids across the outer cell membrane into the periplasmic space. <i>fadD</i>, on the other hand, codes for a fatty acyl-CoA synthetase which adds a coenzyme A (CoA) moiety to fatty acids and then transports the resulting fatty acyl-CoA across the inner membrane into the cytosol. <br><br><br />
<br />
Next, <i>E. coli.</i> is engineered to overexpress the <i>tesA</i> gene that codes for an acyl-CoA thioesterase which removes the CoA moiety from fatty acyl-CoA molecules, thereby restoring the molecule back to the form of free fatty acids. This strategy is aimed at diverting fatty acids from the beta-oxidation pathway which degrades fatty acids into acetyl-CoA to produce ATP. Lastly, the free fatty acids are converted into ALA under the catalysis of the three engineered enzymes - ∆9 desaturase, ∆12 desaturase and ∆15 desaturase – in Fit Coli. <br><br><br />
<br />
In short, Fit Coli is designed to combat obesity by its ability (1) to take up various excess C18 fatty acids such as stearic acid, oleic acid and linoleic acid present in our foods and (2) to convert them into ALA which can then be used by the human body to make docosahexaenoic acid/eicosanoids that are beneficial to humans.<br><br> </p><br />
<br><br><br />
<br />
<div class="row" id="thumbnail"><br />
<div class="col-sm-6 col-md-4"><br />
<div class="thumbnail"><br />
<img src="https://static.igem.org/mediawiki/2014/a/a9/CityU_HK_thumbnail-fad.png" width="200px" ><br />
<div class="caption"><br />
<h2>Step 1</h2><br />
<p>Take up excess free fatty acids from the external environment</p><br />
<p><a href="#" class="btn btn-default" role="button">FadD & FadL Module</a></p><br />
</div><br />
</div><br />
</div><br />
<div class="col-sm-6 col-md-4"><br />
<div class="thumbnail"><br />
<img src="https://static.igem.org/mediawiki/2014/f/fd/CityU_HK_thumbnail-tesA.png" width="240px"><br />
<div class="caption"><br />
<h2>Step 2</h2><br />
<p>Removes the CoA moiety from fatty acyl-CoA molecules.</p><br />
<p><a href="#" class="btn btn-default" role="button">'TesA Module</a></p><br />
</div><br />
</div><br />
</div><br />
<div class="col-sm-6 col-md-4"><br />
<div class="thumbnail"><br />
<img src="https://static.igem.org/mediawiki/2014/1/16/CityU_HK_thumbnail-desaturase.png" width="300px"><br />
<div class="caption"><br />
<h2>Step 3</h2><br />
<p>Convert free fatty acid into ALA under the catalysis of the three engineered enzymes.</p><br />
<p><a href="#" class="btn btn-default" role="button">Desaturase Module</a></p><br />
</div><br />
</div><br />
</div><br />
</div><br />
<br />
</div> <!-- end of #main --><br />
<br />
<br />
<br />
<br />
</body><br />
</html><br />
{{:Team:CityU_HK/Template/footer}}</div>Marialilokyeehttp://2014.igem.org/Team:CityU_HK/project/overviewTeam:CityU HK/project/overview2014-10-18T01:08:07Z<p>Marialilokyee: </p>
<hr />
<div>{{:Team:CityU_HK/Template}}<br />
<html><br />
<br />
<style><br />
<br />
#title {<br />
color: #676767;<br />
text-align: center;<br />
margin-bottom: 40px;<br />
font-size: 3em;<br />
font-family: "brandon-grotesque", sans-serif;<br />
font-weight: 700;<br />
text-transform: uppercase;<br />
text-shadow: 0px 3px 2px rgba(0, 0, 0, 0.2);<br />
padding-top: 4%;<br />
letter-spacing: 1px;<br />
}<br />
<br />
#main p.content{font-size:18px;<br />
font-weight: 500;<br />
padding-top: 5%;<br />
padding-left: 15%;<br />
padding-right: 15%;<br />
text-align: justify;<br />
color: #111;<br />
line-height: 1.8em;}<br />
<br />
#main p::first-letter { <br />
font-size: 200%;<br />
padding-left: 20px; <br />
color: #111; <br />
}<br />
<br />
<br />
img.displayed {<br />
display: block;<br />
margin-left: auto;<br />
margin-right: auto }<br />
<br />
.arrow-down {<br />
width: 0; <br />
height: 0; <br />
border-left: 50px solid transparent;<br />
border-right: 50px solid transparent;<br />
border-top: 30px solid #fff;<br />
position: relative;<br />
top: 20px;<br />
margin: 0 auto;<br />
z-index: 2;<br />
}<br />
#arrow2 {<br />
border-top: 30px solid #f5cb11;<br />
position: relative;<br />
top: -3px;<br />
}<br />
<br />
#thumbnail {<br />
padding-left:10%;<br />
padding-right:10%;<br />
}<br />
.thumbnail {height: 500px;}<br />
.thumbnail a {color: orange;}<br />
</style><br />
<br />
<body><br />
<br />
<div id="main"><br />
<div><img src="https://static.igem.org/mediawiki/2014/3/34/CityU_HK_Project_banner.png" width=100%></div><br />
<br />
<div class="container"><div class="row"><div class="col-md-12"><br />
<div class="arrow-down" id="arrow2"></div><br />
</div></div></div><br />
<br />
<img class="displayed" src="https://static.igem.org/mediawiki/2014/2/29/CityU_HK_overview.jpg" width="65%"><br />
<br />
<br />
<p class="content">Obesity is a worldwide problem that contributes to a variety of human diseases such as diabetes and cancer, as well as psychological problems such as eating disorder and anxiety. Traditional remedies such as dieting or over-exercising can be ineffective and often lead to depression, given that both means could lead to obvious physical and mental unpleasantness. Obesity, in many cases, is linked to the accumulation of excessive free fatty acids from food. Therefore removing these fatty acids from the system could be the key to combating obesity. In an attempt to alleviating the obesity problem without causing adverse impact on one’s quality of life, we genetically engineered an <i>Escherichia coli</i> strain to confer upon it the capacity to both remove excess fat from our diet and convert it into a useful metabolic intermediate, &#945; linolenic acid (ALA). We named this genetically modified bacterium, “Fit Coli”.<br><br><br />
<br />
We designed Fit Coli to do the job in several steps. The first step involves increasing its ability to take up excess free fatty acids from the external environment (e.g. human gut) which, theoretically, can be achieved by overexpressing the <i>fadL</i> and <i>fadD</i> genes in <i>E. coli</i>. <i>fadL</i> codes for a fatty acid transporter protein that moves free fatty acids across the outer cell membrane into the periplasmic space. <i>fadD</i>, on the other hand, codes for a fatty acyl-CoA synthetase which adds a coenzyme A (CoA) moiety to fatty acids and then transports the resulting fatty acyl-CoA across the inner membrane into the cytosol. <br><br><br />
<br />
Next, <i>E. coli.</i> is engineered to overexpress the <i>tesA</i> gene that codes for an acyl-CoA thioesterase which removes the CoA moiety from fatty acyl-CoA molecules, thereby restoring the molecule back to the form of free fatty acids. This strategy is aimed at diverting fatty acids from the beta-oxidation pathway which degrades fatty acids into acetyl-CoA to produce ATP. Lastly, the free fatty acids are converted into ALA under the catalysis of the three engineered enzymes - ∆9 desaturase, ∆12 desaturase and ∆15 desaturase – in Fit Coli. <br><br><br />
<br />
In short, Fit Coli is designed to combat obesity by its ability (1) to take up various excess C18 fatty acids such as stearic acid, oleic acid and linoleic acid present in our foods and (2) to convert them into ALA which can then be used by the human body to make docosahexaenoic acid/eicosanoids that are beneficial to humans.<br><br> </p><br />
<br><br><br />
<br />
<div class="row" id="thumbnail"><br />
<div class="col-sm-6 col-md-4"><br />
<div class="thumbnail"><br />
<img src="https://static.igem.org/mediawiki/2014/a/a9/CityU_HK_thumbnail-fad.png" width="200px" ><br />
<div class="caption"><br />
<h2>Step 1</h2><br />
<p>Take up excess free fatty acids from the external environment</p><br />
<p><a href="#" class="btn btn-default" role="button">FadD & FadL Module</a></p><br />
</div><br />
</div><br />
</div><br />
<div class="col-sm-6 col-md-4"><br />
<div class="thumbnail"><br />
<img src="https://static.igem.org/mediawiki/2014/f/fd/CityU_HK_thumbnail-tesA.png" width="250px."><br />
<div class="caption"><br />
<h2>Step 2</h2><br />
<p>Removes the CoA moiety from fatty acyl-CoA molecules.</p><br />
<p><a href="#" class="btn btn-default" role="button">'TesA Module</a></p><br />
</div><br />
</div><br />
</div><br />
<div class="col-sm-6 col-md-4"><br />
<div class="thumbnail"><br />
<img src="https://static.igem.org/mediawiki/2014/1/16/CityU_HK_thumbnail-desaturase.png" width="300px"><br />
<div class="caption"><br />
<h2>Step 3</h2><br />
<p>Convert free fatty acid into ALA under the catalysis of the three engineered enzymes.</p><br />
<p><a href="#" class="btn btn-default" role="button">Desaturase Module</a></p><br />
</div><br />
</div><br />
</div><br />
</div><br />
<br />
</div> <!-- end of #main --><br />
<br />
<br />
<br />
<br />
</body><br />
</html><br />
{{:Team:CityU_HK/Template/footer}}</div>Marialilokyeehttp://2014.igem.org/Team:CityU_HK/project/overviewTeam:CityU HK/project/overview2014-10-18T01:07:51Z<p>Marialilokyee: </p>
<hr />
<div>{{:Team:CityU_HK/Template}}<br />
<html><br />
<br />
<style><br />
<br />
#title {<br />
color: #676767;<br />
text-align: center;<br />
margin-bottom: 40px;<br />
font-size: 3em;<br />
font-family: "brandon-grotesque", sans-serif;<br />
font-weight: 700;<br />
text-transform: uppercase;<br />
text-shadow: 0px 3px 2px rgba(0, 0, 0, 0.2);<br />
padding-top: 4%;<br />
letter-spacing: 1px;<br />
}<br />
<br />
#main p.content{font-size:18px;<br />
font-weight: 500;<br />
padding-top: 5%;<br />
padding-left: 15%;<br />
padding-right: 15%;<br />
text-align: justify;<br />
color: #111;<br />
line-height: 1.8em;}<br />
<br />
#main p::first-letter { <br />
font-size: 200%;<br />
padding-left: 20px; <br />
color: #111; <br />
}<br />
<br />
<br />
img.displayed {<br />
display: block;<br />
margin-left: auto;<br />
margin-right: auto }<br />
<br />
.arrow-down {<br />
width: 0; <br />
height: 0; <br />
border-left: 50px solid transparent;<br />
border-right: 50px solid transparent;<br />
border-top: 30px solid #fff;<br />
position: relative;<br />
top: 20px;<br />
margin: 0 auto;<br />
z-index: 2;<br />
}<br />
#arrow2 {<br />
border-top: 30px solid #f5cb11;<br />
position: relative;<br />
top: -3px;<br />
}<br />
<br />
#thumbnail {<br />
padding-left:10%;<br />
padding-right:10%;<br />
}<br />
.thumbnail {height: 500px;}<br />
.thumbnail a {color: orange;}<br />
</style><br />
<br />
<body><br />
<br />
<div id="main"><br />
<div><img src="https://static.igem.org/mediawiki/2014/3/34/CityU_HK_Project_banner.png" width=100%></div><br />
<br />
<div class="container"><div class="row"><div class="col-md-12"><br />
<div class="arrow-down" id="arrow2"></div><br />
</div></div></div><br />
<br />
<img class="displayed" src="https://static.igem.org/mediawiki/2014/2/29/CityU_HK_overview.jpg" width="65%"><br />
<br />
<br />
<p class="content">Obesity is a worldwide problem that contributes to a variety of human diseases such as diabetes and cancer, as well as psychological problems such as eating disorder and anxiety. Traditional remedies such as dieting or over-exercising can be ineffective and often lead to depression, given that both means could lead to obvious physical and mental unpleasantness. Obesity, in many cases, is linked to the accumulation of excessive free fatty acids from food. Therefore removing these fatty acids from the system could be the key to combating obesity. In an attempt to alleviating the obesity problem without causing adverse impact on one’s quality of life, we genetically engineered an <i>Escherichia coli</i> strain to confer upon it the capacity to both remove excess fat from our diet and convert it into a useful metabolic intermediate, &#945; linolenic acid (ALA). We named this genetically modified bacterium, “Fit Coli”.<br><br><br />
<br />
We designed Fit Coli to do the job in several steps. The first step involves increasing its ability to take up excess free fatty acids from the external environment (e.g. human gut) which, theoretically, can be achieved by overexpressing the <i>fadL</i> and <i>fadD</i> genes in <i>E. coli</i>. <i>fadL</i> codes for a fatty acid transporter protein that moves free fatty acids across the outer cell membrane into the periplasmic space. <i>fadD</i>, on the other hand, codes for a fatty acyl-CoA synthetase which adds a coenzyme A (CoA) moiety to fatty acids and then transports the resulting fatty acyl-CoA across the inner membrane into the cytosol. <br><br><br />
<br />
Next, <i>E. coli.</i> is engineered to overexpress the <i>tesA</i> gene that codes for an acyl-CoA thioesterase which removes the CoA moiety from fatty acyl-CoA molecules, thereby restoring the molecule back to the form of free fatty acids. This strategy is aimed at diverting fatty acids from the beta-oxidation pathway which degrades fatty acids into acetyl-CoA to produce ATP. Lastly, the free fatty acids are converted into ALA under the catalysis of the three engineered enzymes - ∆9 desaturase, ∆12 desaturase and ∆15 desaturase – in Fit Coli. <br><br><br />
<br />
In short, Fit Coli is designed to combat obesity by its ability (1) to take up various excess C18 fatty acids such as stearic acid, oleic acid and linoleic acid present in our foods and (2) to convert them into ALA which can then be used by the human body to make docosahexaenoic acid/eicosanoids that are beneficial to humans.<br><br> </p><br />
<br><br><br />
<br />
<div class="row" id="thumbnail"><br />
<div class="col-sm-6 col-md-4"><br />
<div class="thumbnail"><br />
<img src="https://static.igem.org/mediawiki/2014/a/a9/CityU_HK_thumbnail-fad.png" height="100" width="200px" ><br />
<div class="caption"><br />
<h2>Step 1</h2><br />
<p>Take up excess free fatty acids from the external environment</p><br />
<p><a href="#" class="btn btn-default" role="button">FadD & FadL Module</a></p><br />
</div><br />
</div><br />
</div><br />
<div class="col-sm-6 col-md-4"><br />
<div class="thumbnail"><br />
<img src="https://static.igem.org/mediawiki/2014/f/fd/CityU_HK_thumbnail-tesA.png" width="200px."><br />
<div class="caption"><br />
<h2>Step 2</h2><br />
<p>Removes the CoA moiety from fatty acyl-CoA molecules.</p><br />
<p><a href="#" class="btn btn-default" role="button">'TesA Module</a></p><br />
</div><br />
</div><br />
</div><br />
<div class="col-sm-6 col-md-4"><br />
<div class="thumbnail"><br />
<img src="https://static.igem.org/mediawiki/2014/1/16/CityU_HK_thumbnail-desaturase.png" width="300px"><br />
<div class="caption"><br />
<h2>Step 3</h2><br />
<p>Convert free fatty acid into ALA under the catalysis of the three engineered enzymes.</p><br />
<p><a href="#" class="btn btn-default" role="button">Desaturase Module</a></p><br />
</div><br />
</div><br />
</div><br />
</div><br />
<br />
</div> <!-- end of #main --><br />
<br />
<br />
<br />
<br />
</body><br />
</html><br />
{{:Team:CityU_HK/Template/footer}}</div>Marialilokyeehttp://2014.igem.org/Team:CityU_HK/project/overviewTeam:CityU HK/project/overview2014-10-18T01:06:53Z<p>Marialilokyee: </p>
<hr />
<div>{{:Team:CityU_HK/Template}}<br />
<html><br />
<br />
<style><br />
<br />
#title {<br />
color: #676767;<br />
text-align: center;<br />
margin-bottom: 40px;<br />
font-size: 3em;<br />
font-family: "brandon-grotesque", sans-serif;<br />
font-weight: 700;<br />
text-transform: uppercase;<br />
text-shadow: 0px 3px 2px rgba(0, 0, 0, 0.2);<br />
padding-top: 4%;<br />
letter-spacing: 1px;<br />
}<br />
<br />
#main p.content{font-size:18px;<br />
font-weight: 500;<br />
padding-top: 5%;<br />
padding-left: 15%;<br />
padding-right: 15%;<br />
text-align: justify;<br />
color: #111;<br />
line-height: 1.8em;}<br />
<br />
#main p::first-letter { <br />
font-size: 200%;<br />
padding-left: 20px; <br />
color: #111; <br />
}<br />
<br />
<br />
img.displayed {<br />
display: block;<br />
margin-left: auto;<br />
margin-right: auto }<br />
<br />
.arrow-down {<br />
width: 0; <br />
height: 0; <br />
border-left: 50px solid transparent;<br />
border-right: 50px solid transparent;<br />
border-top: 30px solid #fff;<br />
position: relative;<br />
top: 20px;<br />
margin: 0 auto;<br />
z-index: 2;<br />
}<br />
#arrow2 {<br />
border-top: 30px solid #f5cb11;<br />
position: relative;<br />
top: -3px;<br />
}<br />
<br />
#thumbnail {<br />
padding-left:10%;<br />
padding-right:10%;<br />
}<br />
.thumbnail {height: 500px;}<br />
.thumbnail a {color: orange;}<br />
</style><br />
<br />
<body><br />
<br />
<div id="main"><br />
<div><img src="https://static.igem.org/mediawiki/2014/3/34/CityU_HK_Project_banner.png" width=100%></div><br />
<br />
<div class="container"><div class="row"><div class="col-md-12"><br />
<div class="arrow-down" id="arrow2"></div><br />
</div></div></div><br />
<br />
<img class="displayed" src="https://static.igem.org/mediawiki/2014/2/29/CityU_HK_overview.jpg" width="65%"><br />
<br />
<br />
<p class="content">Obesity is a worldwide problem that contributes to a variety of human diseases such as diabetes and cancer, as well as psychological problems such as eating disorder and anxiety. Traditional remedies such as dieting or over-exercising can be ineffective and often lead to depression, given that both means could lead to obvious physical and mental unpleasantness. Obesity, in many cases, is linked to the accumulation of excessive free fatty acids from food. Therefore removing these fatty acids from the system could be the key to combating obesity. In an attempt to alleviating the obesity problem without causing adverse impact on one’s quality of life, we genetically engineered an <i>Escherichia coli</i> strain to confer upon it the capacity to both remove excess fat from our diet and convert it into a useful metabolic intermediate, &#945; linolenic acid (ALA). We named this genetically modified bacterium, “Fit Coli”.<br><br><br />
<br />
We designed Fit Coli to do the job in several steps. The first step involves increasing its ability to take up excess free fatty acids from the external environment (e.g. human gut) which, theoretically, can be achieved by overexpressing the <i>fadL</i> and <i>fadD</i> genes in <i>E. coli</i>. <i>fadL</i> codes for a fatty acid transporter protein that moves free fatty acids across the outer cell membrane into the periplasmic space. <i>fadD</i>, on the other hand, codes for a fatty acyl-CoA synthetase which adds a coenzyme A (CoA) moiety to fatty acids and then transports the resulting fatty acyl-CoA across the inner membrane into the cytosol. <br><br><br />
<br />
Next, <i>E. coli.</i> is engineered to overexpress the <i>tesA</i> gene that codes for an acyl-CoA thioesterase which removes the CoA moiety from fatty acyl-CoA molecules, thereby restoring the molecule back to the form of free fatty acids. This strategy is aimed at diverting fatty acids from the beta-oxidation pathway which degrades fatty acids into acetyl-CoA to produce ATP. Lastly, the free fatty acids are converted into ALA under the catalysis of the three engineered enzymes - ∆9 desaturase, ∆12 desaturase and ∆15 desaturase – in Fit Coli. <br><br><br />
<br />
In short, Fit Coli is designed to combat obesity by its ability (1) to take up various excess C18 fatty acids such as stearic acid, oleic acid and linoleic acid present in our foods and (2) to convert them into ALA which can then be used by the human body to make docosahexaenoic acid/eicosanoids that are beneficial to humans.<br><br> </p><br />
<br><br><br />
<br />
<div class="row" id="thumbnail"><br />
<div class="col-sm-6 col-md-4"><br />
<div class="thumbnail"><br />
<img src="https://static.igem.org/mediawiki/2014/a/a9/CityU_HK_thumbnail-fad.png" height="100" width="200px" ><br />
<div class="caption"><br />
<h2>Step 1</h2><br />
<p>Take up excess free fatty acids from the external environment</p><br />
<p><a href="#" class="btn btn-default" role="button">FadD & FadL Module</a></p><br />
</div><br />
</div><br />
</div><br />
<div class="col-sm-6 col-md-4"><br />
<div class="thumbnail"><br />
<img src="https://static.igem.org/mediawiki/2014/f/fd/CityU_HK_thumbnail-tesA.png" width="300px."><br />
<div class="caption"><br />
<h2>Step 2</h2><br />
<p>Removes the CoA moiety from fatty acyl-CoA molecules.</p><br />
<p><a href="#" class="btn btn-default" role="button">'TesA Module</a></p><br />
</div><br />
</div><br />
</div><br />
<div class="col-sm-6 col-md-4"><br />
<div class="thumbnail"><br />
<img src="https://static.igem.org/mediawiki/2014/1/16/CityU_HK_thumbnail-desaturase.png" width="300px"><br />
<div class="caption"><br />
<h2>Step 3</h2><br />
<p>Convert free fatty acid into ALA under the catalysis of the three engineered enzymes.</p><br />
<p><a href="#" class="btn btn-default" role="button">Desaturase Module</a></p><br />
</div><br />
</div><br />
</div><br />
</div><br />
<br />
</div> <!-- end of #main --><br />
<br />
<br />
<br />
<br />
</body><br />
</html><br />
{{:Team:CityU_HK/Template/footer}}</div>Marialilokyeehttp://2014.igem.org/Team:CityU_HK/project/overviewTeam:CityU HK/project/overview2014-10-18T01:06:16Z<p>Marialilokyee: </p>
<hr />
<div>{{:Team:CityU_HK/Template}}<br />
<html><br />
<br />
<style><br />
<br />
#title {<br />
color: #676767;<br />
text-align: center;<br />
margin-bottom: 40px;<br />
font-size: 3em;<br />
font-family: "brandon-grotesque", sans-serif;<br />
font-weight: 700;<br />
text-transform: uppercase;<br />
text-shadow: 0px 3px 2px rgba(0, 0, 0, 0.2);<br />
padding-top: 4%;<br />
letter-spacing: 1px;<br />
}<br />
<br />
#main p.content{font-size:18px;<br />
font-weight: 500;<br />
padding-top: 5%;<br />
padding-left: 15%;<br />
padding-right: 15%;<br />
text-align: justify;<br />
color: #111;<br />
line-height: 1.8em;}<br />
<br />
#main p::first-letter { <br />
font-size: 200%;<br />
padding-left: 20px; <br />
color: #111; <br />
}<br />
<br />
<br />
img.displayed {<br />
display: block;<br />
margin-left: auto;<br />
margin-right: auto }<br />
<br />
.arrow-down {<br />
width: 0; <br />
height: 0; <br />
border-left: 50px solid transparent;<br />
border-right: 50px solid transparent;<br />
border-top: 30px solid #fff;<br />
position: relative;<br />
top: 20px;<br />
margin: 0 auto;<br />
z-index: 2;<br />
}<br />
#arrow2 {<br />
border-top: 30px solid #f5cb11;<br />
position: relative;<br />
top: -3px;<br />
}<br />
<br />
#thumbnail {<br />
padding-left:10%;<br />
padding-right:10%;<br />
}<br />
.thumbnail {height: 500px;}<br />
.thumbnail a {color: orange;}<br />
</style><br />
<br />
<body><br />
<br />
<div id="main"><br />
<div><img src="https://static.igem.org/mediawiki/2014/3/34/CityU_HK_Project_banner.png" width=100%></div><br />
<br />
<div class="container"><div class="row"><div class="col-md-12"><br />
<div class="arrow-down" id="arrow2"></div><br />
</div></div></div><br />
<br />
<img class="displayed" src="https://static.igem.org/mediawiki/2014/2/29/CityU_HK_overview.jpg" width="65%"><br />
<br />
<br />
<p class="content">Obesity is a worldwide problem that contributes to a variety of human diseases such as diabetes and cancer, as well as psychological problems such as eating disorder and anxiety. Traditional remedies such as dieting or over-exercising can be ineffective and often lead to depression, given that both means could lead to obvious physical and mental unpleasantness. Obesity, in many cases, is linked to the accumulation of excessive free fatty acids from food. Therefore removing these fatty acids from the system could be the key to combating obesity. In an attempt to alleviating the obesity problem without causing adverse impact on one’s quality of life, we genetically engineered an <i>Escherichia coli</i> strain to confer upon it the capacity to both remove excess fat from our diet and convert it into a useful metabolic intermediate, &#945; linolenic acid (ALA). We named this genetically modified bacterium, “Fit Coli”.<br><br><br />
<br />
We designed Fit Coli to do the job in several steps. The first step involves increasing its ability to take up excess free fatty acids from the external environment (e.g. human gut) which, theoretically, can be achieved by overexpressing the <i>fadL</i> and <i>fadD</i> genes in <i>E. coli</i>. <i>fadL</i> codes for a fatty acid transporter protein that moves free fatty acids across the outer cell membrane into the periplasmic space. <i>fadD</i>, on the other hand, codes for a fatty acyl-CoA synthetase which adds a coenzyme A (CoA) moiety to fatty acids and then transports the resulting fatty acyl-CoA across the inner membrane into the cytosol. <br><br><br />
<br />
Next, <i>E. coli.</i> is engineered to overexpress the <i>tesA</i> gene that codes for an acyl-CoA thioesterase which removes the CoA moiety from fatty acyl-CoA molecules, thereby restoring the molecule back to the form of free fatty acids. This strategy is aimed at diverting fatty acids from the beta-oxidation pathway which degrades fatty acids into acetyl-CoA to produce ATP. Lastly, the free fatty acids are converted into ALA under the catalysis of the three engineered enzymes - ∆9 desaturase, ∆12 desaturase and ∆15 desaturase – in Fit Coli. <br><br><br />
<br />
In short, Fit Coli is designed to combat obesity by its ability (1) to take up various excess C18 fatty acids such as stearic acid, oleic acid and linoleic acid present in our foods and (2) to convert them into ALA which can then be used by the human body to make docosahexaenoic acid/eicosanoids that are beneficial to humans.<br><br> </p><br />
<br><br><br />
<br />
<div class="row" id="thumbnail"><br />
<div class="col-sm-6 col-md-4"><br />
<div class="thumbnail"><br />
<img src="https://static.igem.org/mediawiki/2014/a/a9/CityU_HK_thumbnail-fad.png" height="100" width="300px" ><br />
<div class="caption"><br />
<h2>Step 1</h2><br />
<p>Take up excess free fatty acids from the external environment</p><br />
<p><a href="#" class="btn btn-default" role="button">FadD & FadL Module</a></p><br />
</div><br />
</div><br />
</div><br />
<div class="col-sm-6 col-md-4"><br />
<div class="thumbnail"><br />
<img src="https://static.igem.org/mediawiki/2014/f/fd/CityU_HK_thumbnail-tesA.png" width="300px."><br />
<div class="caption"><br />
<h2>Step 2</h2><br />
<p>Removes the CoA moiety from fatty acyl-CoA molecules.</p><br />
<p><a href="#" class="btn btn-default" role="button">'TesA Module</a></p><br />
</div><br />
</div><br />
</div><br />
<div class="col-sm-6 col-md-4"><br />
<div class="thumbnail"><br />
<img src="https://static.igem.org/mediawiki/2014/1/16/CityU_HK_thumbnail-desaturase.png" width="300px"><br />
<div class="caption"><br />
<h2>Step 3</h2><br />
<p>Convert free fatty acid into ALA under the catalysis of the three engineered enzymes.</p><br />
<p><a href="#" class="btn btn-default" role="button">Desaturase Module</a></p><br />
</div><br />
</div><br />
</div><br />
</div><br />
<br />
</div> <!-- end of #main --><br />
<br />
<br />
<br />
<br />
</body><br />
</html><br />
{{:Team:CityU_HK/Template/footer}}</div>Marialilokyeehttp://2014.igem.org/Team:CityU_HK/project/overviewTeam:CityU HK/project/overview2014-10-18T01:05:58Z<p>Marialilokyee: </p>
<hr />
<div>{{:Team:CityU_HK/Template}}<br />
<html><br />
<br />
<style><br />
<br />
#title {<br />
color: #676767;<br />
text-align: center;<br />
margin-bottom: 40px;<br />
font-size: 3em;<br />
font-family: "brandon-grotesque", sans-serif;<br />
font-weight: 700;<br />
text-transform: uppercase;<br />
text-shadow: 0px 3px 2px rgba(0, 0, 0, 0.2);<br />
padding-top: 4%;<br />
letter-spacing: 1px;<br />
}<br />
<br />
#main p.content{font-size:18px;<br />
font-weight: 500;<br />
padding-top: 5%;<br />
padding-left: 15%;<br />
padding-right: 15%;<br />
text-align: justify;<br />
color: #111;<br />
line-height: 1.8em;}<br />
<br />
#main p::first-letter { <br />
font-size: 200%;<br />
padding-left: 20px; <br />
color: #111; <br />
}<br />
<br />
<br />
img.displayed {<br />
display: block;<br />
margin-left: auto;<br />
margin-right: auto }<br />
<br />
.arrow-down {<br />
width: 0; <br />
height: 0; <br />
border-left: 50px solid transparent;<br />
border-right: 50px solid transparent;<br />
border-top: 30px solid #fff;<br />
position: relative;<br />
top: 20px;<br />
margin: 0 auto;<br />
z-index: 2;<br />
}<br />
#arrow2 {<br />
border-top: 30px solid #f5cb11;<br />
position: relative;<br />
top: -3px;<br />
}<br />
<br />
#thumbnail {<br />
padding-left:10%;<br />
padding-right:10%;<br />
}<br />
.thumbnail {height: 500px;}<br />
.thumbnail a {color: orange;}<br />
</style><br />
<br />
<body><br />
<br />
<div id="main"><br />
<div><img src="https://static.igem.org/mediawiki/2014/3/34/CityU_HK_Project_banner.png" width=100%></div><br />
<br />
<div class="container"><div class="row"><div class="col-md-12"><br />
<div class="arrow-down" id="arrow2"></div><br />
</div></div></div><br />
<br />
<img class="displayed" src="https://static.igem.org/mediawiki/2014/2/29/CityU_HK_overview.jpg" width="65%"><br />
<br />
<br />
<p class="content">Obesity is a worldwide problem that contributes to a variety of human diseases such as diabetes and cancer, as well as psychological problems such as eating disorder and anxiety. Traditional remedies such as dieting or over-exercising can be ineffective and often lead to depression, given that both means could lead to obvious physical and mental unpleasantness. Obesity, in many cases, is linked to the accumulation of excessive free fatty acids from food. Therefore removing these fatty acids from the system could be the key to combating obesity. In an attempt to alleviating the obesity problem without causing adverse impact on one’s quality of life, we genetically engineered an <i>Escherichia coli</i> strain to confer upon it the capacity to both remove excess fat from our diet and convert it into a useful metabolic intermediate, &#945; linolenic acid (ALA). We named this genetically modified bacterium, “Fit Coli”.<br><br><br />
<br />
We designed Fit Coli to do the job in several steps. The first step involves increasing its ability to take up excess free fatty acids from the external environment (e.g. human gut) which, theoretically, can be achieved by overexpressing the <i>fadL</i> and <i>fadD</i> genes in <i>E. coli</i>. <i>fadL</i> codes for a fatty acid transporter protein that moves free fatty acids across the outer cell membrane into the periplasmic space. <i>fadD</i>, on the other hand, codes for a fatty acyl-CoA synthetase which adds a coenzyme A (CoA) moiety to fatty acids and then transports the resulting fatty acyl-CoA across the inner membrane into the cytosol. <br><br><br />
<br />
Next, <i>E. coli.</i> is engineered to overexpress the <i>tesA</i> gene that codes for an acyl-CoA thioesterase which removes the CoA moiety from fatty acyl-CoA molecules, thereby restoring the molecule back to the form of free fatty acids. This strategy is aimed at diverting fatty acids from the beta-oxidation pathway which degrades fatty acids into acetyl-CoA to produce ATP. Lastly, the free fatty acids are converted into ALA under the catalysis of the three engineered enzymes - ∆9 desaturase, ∆12 desaturase and ∆15 desaturase – in Fit Coli. <br><br><br />
<br />
In short, Fit Coli is designed to combat obesity by its ability (1) to take up various excess C18 fatty acids such as stearic acid, oleic acid and linoleic acid present in our foods and (2) to convert them into ALA which can then be used by the human body to make docosahexaenoic acid/eicosanoids that are beneficial to humans.<br><br> </p><br />
<br><br><br />
<br />
<div class="row" id="thumbnail"><br />
<div class="col-sm-6 col-md-4"><br />
<div class="thumbnail"><br />
<img src="https://static.igem.org/mediawiki/2014/a/a9/CityU_HK_thumbnail-fad.png" height="100px" width="300px" ><br />
<div class="caption"><br />
<h2>Step 1</h2><br />
<p>Take up excess free fatty acids from the external environment</p><br />
<p><a href="#" class="btn btn-default" role="button">FadD & FadL Module</a></p><br />
</div><br />
</div><br />
</div><br />
<div class="col-sm-6 col-md-4"><br />
<div class="thumbnail"><br />
<img src="https://static.igem.org/mediawiki/2014/f/fd/CityU_HK_thumbnail-tesA.png" width="300px."><br />
<div class="caption"><br />
<h2>Step 2</h2><br />
<p>Removes the CoA moiety from fatty acyl-CoA molecules.</p><br />
<p><a href="#" class="btn btn-default" role="button">'TesA Module</a></p><br />
</div><br />
</div><br />
</div><br />
<div class="col-sm-6 col-md-4"><br />
<div class="thumbnail"><br />
<img src="https://static.igem.org/mediawiki/2014/1/16/CityU_HK_thumbnail-desaturase.png" width="300px"><br />
<div class="caption"><br />
<h2>Step 3</h2><br />
<p>Convert free fatty acid into ALA under the catalysis of the three engineered enzymes.</p><br />
<p><a href="#" class="btn btn-default" role="button">Desaturase Module</a></p><br />
</div><br />
</div><br />
</div><br />
</div><br />
<br />
</div> <!-- end of #main --><br />
<br />
<br />
<br />
<br />
</body><br />
</html><br />
{{:Team:CityU_HK/Template/footer}}</div>Marialilokyeehttp://2014.igem.org/Team:CityU_HK/project/overviewTeam:CityU HK/project/overview2014-10-18T01:05:38Z<p>Marialilokyee: </p>
<hr />
<div>{{:Team:CityU_HK/Template}}<br />
<html><br />
<br />
<style><br />
<br />
#title {<br />
color: #676767;<br />
text-align: center;<br />
margin-bottom: 40px;<br />
font-size: 3em;<br />
font-family: "brandon-grotesque", sans-serif;<br />
font-weight: 700;<br />
text-transform: uppercase;<br />
text-shadow: 0px 3px 2px rgba(0, 0, 0, 0.2);<br />
padding-top: 4%;<br />
letter-spacing: 1px;<br />
}<br />
<br />
#main p.content{font-size:18px;<br />
font-weight: 500;<br />
padding-top: 5%;<br />
padding-left: 15%;<br />
padding-right: 15%;<br />
text-align: justify;<br />
color: #111;<br />
line-height: 1.8em;}<br />
<br />
#main p::first-letter { <br />
font-size: 200%;<br />
padding-left: 20px; <br />
color: #111; <br />
}<br />
<br />
<br />
img.displayed {<br />
display: block;<br />
margin-left: auto;<br />
margin-right: auto }<br />
<br />
.arrow-down {<br />
width: 0; <br />
height: 0; <br />
border-left: 50px solid transparent;<br />
border-right: 50px solid transparent;<br />
border-top: 30px solid #fff;<br />
position: relative;<br />
top: 20px;<br />
margin: 0 auto;<br />
z-index: 2;<br />
}<br />
#arrow2 {<br />
border-top: 30px solid #f5cb11;<br />
position: relative;<br />
top: -3px;<br />
}<br />
<br />
#thumbnail {<br />
padding-left:10%;<br />
padding-right:10%;<br />
}<br />
.thumbnail {height: 500px;}<br />
.thumbnail a {color: orange;}<br />
</style><br />
<br />
<body><br />
<br />
<div id="main"><br />
<div><img src="https://static.igem.org/mediawiki/2014/3/34/CityU_HK_Project_banner.png" width=100%></div><br />
<br />
<div class="container"><div class="row"><div class="col-md-12"><br />
<div class="arrow-down" id="arrow2"></div><br />
</div></div></div><br />
<br />
<img class="displayed" src="https://static.igem.org/mediawiki/2014/2/29/CityU_HK_overview.jpg" width="65%"><br />
<br />
<br />
<p class="content">Obesity is a worldwide problem that contributes to a variety of human diseases such as diabetes and cancer, as well as psychological problems such as eating disorder and anxiety. Traditional remedies such as dieting or over-exercising can be ineffective and often lead to depression, given that both means could lead to obvious physical and mental unpleasantness. Obesity, in many cases, is linked to the accumulation of excessive free fatty acids from food. Therefore removing these fatty acids from the system could be the key to combating obesity. In an attempt to alleviating the obesity problem without causing adverse impact on one’s quality of life, we genetically engineered an <i>Escherichia coli</i> strain to confer upon it the capacity to both remove excess fat from our diet and convert it into a useful metabolic intermediate, &#945; linolenic acid (ALA). We named this genetically modified bacterium, “Fit Coli”.<br><br><br />
<br />
We designed Fit Coli to do the job in several steps. The first step involves increasing its ability to take up excess free fatty acids from the external environment (e.g. human gut) which, theoretically, can be achieved by overexpressing the <i>fadL</i> and <i>fadD</i> genes in <i>E. coli</i>. <i>fadL</i> codes for a fatty acid transporter protein that moves free fatty acids across the outer cell membrane into the periplasmic space. <i>fadD</i>, on the other hand, codes for a fatty acyl-CoA synthetase which adds a coenzyme A (CoA) moiety to fatty acids and then transports the resulting fatty acyl-CoA across the inner membrane into the cytosol. <br><br><br />
<br />
Next, <i>E. coli.</i> is engineered to overexpress the <i>tesA</i> gene that codes for an acyl-CoA thioesterase which removes the CoA moiety from fatty acyl-CoA molecules, thereby restoring the molecule back to the form of free fatty acids. This strategy is aimed at diverting fatty acids from the beta-oxidation pathway which degrades fatty acids into acetyl-CoA to produce ATP. Lastly, the free fatty acids are converted into ALA under the catalysis of the three engineered enzymes - ∆9 desaturase, ∆12 desaturase and ∆15 desaturase – in Fit Coli. <br><br><br />
<br />
In short, Fit Coli is designed to combat obesity by its ability (1) to take up various excess C18 fatty acids such as stearic acid, oleic acid and linoleic acid present in our foods and (2) to convert them into ALA which can then be used by the human body to make docosahexaenoic acid/eicosanoids that are beneficial to humans.<br><br> </p><br />
<br><br><br />
<br />
<div class="row" id="thumbnail"><br />
<div class="col-sm-6 col-md-4"><br />
<div class="thumbnail"><br />
<img src="https://static.igem.org/mediawiki/2014/a/a9/CityU_HK_thumbnail-fad.png" height="200px" width="300px" ><br />
<div class="caption"><br />
<h2>Step 1</h2><br />
<p>Take up excess free fatty acids from the external environment</p><br />
<p><a href="#" class="btn btn-default" role="button">FadD & FadL Module</a></p><br />
</div><br />
</div><br />
</div><br />
<div class="col-sm-6 col-md-4"><br />
<div class="thumbnail"><br />
<img src="https://static.igem.org/mediawiki/2014/f/fd/CityU_HK_thumbnail-tesA.png" width="300px."><br />
<div class="caption"><br />
<h2>Step 2</h2><br />
<p>Removes the CoA moiety from fatty acyl-CoA molecules.</p><br />
<p><a href="#" class="btn btn-default" role="button">'TesA Module</a></p><br />
</div><br />
</div><br />
</div><br />
<div class="col-sm-6 col-md-4"><br />
<div class="thumbnail"><br />
<img src="https://static.igem.org/mediawiki/2014/1/16/CityU_HK_thumbnail-desaturase.png" width="300px"><br />
<div class="caption"><br />
<h2>Step 3</h2><br />
<p>Convert free fatty acid into ALA under the catalysis of the three engineered enzymes.</p><br />
<p><a href="#" class="btn btn-default" role="button">Desaturase Module</a></p><br />
</div><br />
</div><br />
</div><br />
</div><br />
<br />
</div> <!-- end of #main --><br />
<br />
<br />
<br />
<br />
</body><br />
</html><br />
{{:Team:CityU_HK/Template/footer}}</div>Marialilokyeehttp://2014.igem.org/Team:CityU_HK/project/overviewTeam:CityU HK/project/overview2014-10-18T01:04:47Z<p>Marialilokyee: </p>
<hr />
<div>{{:Team:CityU_HK/Template}}<br />
<html><br />
<br />
<style><br />
<br />
#title {<br />
color: #676767;<br />
text-align: center;<br />
margin-bottom: 40px;<br />
font-size: 3em;<br />
font-family: "brandon-grotesque", sans-serif;<br />
font-weight: 700;<br />
text-transform: uppercase;<br />
text-shadow: 0px 3px 2px rgba(0, 0, 0, 0.2);<br />
padding-top: 4%;<br />
letter-spacing: 1px;<br />
}<br />
<br />
#main p.content{font-size:18px;<br />
font-weight: 500;<br />
padding-top: 5%;<br />
padding-left: 15%;<br />
padding-right: 15%;<br />
text-align: justify;<br />
color: #111;<br />
line-height: 1.8em;}<br />
<br />
#main p::first-letter { <br />
font-size: 200%;<br />
padding-left: 20px; <br />
color: #111; <br />
}<br />
<br />
<br />
img.displayed {<br />
display: block;<br />
margin-left: auto;<br />
margin-right: auto }<br />
<br />
.arrow-down {<br />
width: 0; <br />
height: 0; <br />
border-left: 50px solid transparent;<br />
border-right: 50px solid transparent;<br />
border-top: 30px solid #fff;<br />
position: relative;<br />
top: 20px;<br />
margin: 0 auto;<br />
z-index: 2;<br />
}<br />
#arrow2 {<br />
border-top: 30px solid #f5cb11;<br />
position: relative;<br />
top: -3px;<br />
}<br />
<br />
#thumbnail {<br />
padding-left:10%;<br />
padding-right:10%;<br />
}<br />
.thumbnail {height: 500px;}<br />
.thumbnail a {color: orange;}<br />
</style><br />
<br />
<body><br />
<br />
<div id="main"><br />
<div><img src="https://static.igem.org/mediawiki/2014/3/34/CityU_HK_Project_banner.png" width=100%></div><br />
<br />
<div class="container"><div class="row"><div class="col-md-12"><br />
<div class="arrow-down" id="arrow2"></div><br />
</div></div></div><br />
<br />
<img class="displayed" src="https://static.igem.org/mediawiki/2014/2/29/CityU_HK_overview.jpg" width="65%"><br />
<br />
<br />
<p class="content">Obesity is a worldwide problem that contributes to a variety of human diseases such as diabetes and cancer, as well as psychological problems such as eating disorder and anxiety. Traditional remedies such as dieting or over-exercising can be ineffective and often lead to depression, given that both means could lead to obvious physical and mental unpleasantness. Obesity, in many cases, is linked to the accumulation of excessive free fatty acids from food. Therefore removing these fatty acids from the system could be the key to combating obesity. In an attempt to alleviating the obesity problem without causing adverse impact on one’s quality of life, we genetically engineered an <i>Escherichia coli</i> strain to confer upon it the capacity to both remove excess fat from our diet and convert it into a useful metabolic intermediate, &#945; linolenic acid (ALA). We named this genetically modified bacterium, “Fit Coli”.<br><br><br />
<br />
We designed Fit Coli to do the job in several steps. The first step involves increasing its ability to take up excess free fatty acids from the external environment (e.g. human gut) which, theoretically, can be achieved by overexpressing the <i>fadL</i> and <i>fadD</i> genes in <i>E. coli</i>. <i>fadL</i> codes for a fatty acid transporter protein that moves free fatty acids across the outer cell membrane into the periplasmic space. <i>fadD</i>, on the other hand, codes for a fatty acyl-CoA synthetase which adds a coenzyme A (CoA) moiety to fatty acids and then transports the resulting fatty acyl-CoA across the inner membrane into the cytosol. <br><br><br />
<br />
Next, <i>E. coli.</i> is engineered to overexpress the <i>tesA</i> gene that codes for an acyl-CoA thioesterase which removes the CoA moiety from fatty acyl-CoA molecules, thereby restoring the molecule back to the form of free fatty acids. This strategy is aimed at diverting fatty acids from the beta-oxidation pathway which degrades fatty acids into acetyl-CoA to produce ATP. Lastly, the free fatty acids are converted into ALA under the catalysis of the three engineered enzymes - ∆9 desaturase, ∆12 desaturase and ∆15 desaturase – in Fit Coli. <br><br><br />
<br />
In short, Fit Coli is designed to combat obesity by its ability (1) to take up various excess C18 fatty acids such as stearic acid, oleic acid and linoleic acid present in our foods and (2) to convert them into ALA which can then be used by the human body to make docosahexaenoic acid/eicosanoids that are beneficial to humans.<br><br> </p><br />
<br><br><br />
<br />
<div class="row" id="thumbnail"><br />
<div class="col-sm-6 col-md-4"><br />
<div class="thumbnail"><br />
<img src="https://static.igem.org/mediawiki/2014/a/a9/CityU_HK_thumbnail-fad.png" width="300px" height="200px"><br />
<div class="caption"><br />
<h2>Step 1</h2><br />
<p>Take up excess free fatty acids from the external environment</p><br />
<p><a href="#" class="btn btn-default" role="button">FadD & FadL Module</a></p><br />
</div><br />
</div><br />
</div><br />
<div class="col-sm-6 col-md-4"><br />
<div class="thumbnail"><br />
<img src="https://static.igem.org/mediawiki/2014/f/fd/CityU_HK_thumbnail-tesA.png" width="300px."><br />
<div class="caption"><br />
<h2>Step 2</h2><br />
<p>Removes the CoA moiety from fatty acyl-CoA molecules.</p><br />
<p><a href="#" class="btn btn-default" role="button">'TesA Module</a></p><br />
</div><br />
</div><br />
</div><br />
<div class="col-sm-6 col-md-4"><br />
<div class="thumbnail"><br />
<img src="https://static.igem.org/mediawiki/2014/1/16/CityU_HK_thumbnail-desaturase.png" width="300px"><br />
<div class="caption"><br />
<h2>Step 3</h2><br />
<p>Convert free fatty acid into ALA under the catalysis of the three engineered enzymes.</p><br />
<p><a href="#" class="btn btn-default" role="button">Desaturase Module</a></p><br />
</div><br />
</div><br />
</div><br />
</div><br />
<br />
</div> <!-- end of #main --><br />
<br />
<br />
<br />
<br />
</body><br />
</html><br />
{{:Team:CityU_HK/Template/footer}}</div>Marialilokyeehttp://2014.igem.org/Team:CityU_HK/project/overviewTeam:CityU HK/project/overview2014-10-18T01:04:33Z<p>Marialilokyee: </p>
<hr />
<div>{{:Team:CityU_HK/Template}}<br />
<html><br />
<br />
<style><br />
<br />
#title {<br />
color: #676767;<br />
text-align: center;<br />
margin-bottom: 40px;<br />
font-size: 3em;<br />
font-family: "brandon-grotesque", sans-serif;<br />
font-weight: 700;<br />
text-transform: uppercase;<br />
text-shadow: 0px 3px 2px rgba(0, 0, 0, 0.2);<br />
padding-top: 4%;<br />
letter-spacing: 1px;<br />
}<br />
<br />
#main p.content{font-size:18px;<br />
font-weight: 500;<br />
padding-top: 5%;<br />
padding-left: 15%;<br />
padding-right: 15%;<br />
text-align: justify;<br />
color: #111;<br />
line-height: 1.8em;}<br />
<br />
#main p::first-letter { <br />
font-size: 200%;<br />
padding-left: 20px; <br />
color: #111; <br />
}<br />
<br />
<br />
img.displayed {<br />
display: block;<br />
margin-left: auto;<br />
margin-right: auto }<br />
<br />
.arrow-down {<br />
width: 0; <br />
height: 0; <br />
border-left: 50px solid transparent;<br />
border-right: 50px solid transparent;<br />
border-top: 30px solid #fff;<br />
position: relative;<br />
top: 20px;<br />
margin: 0 auto;<br />
z-index: 2;<br />
}<br />
#arrow2 {<br />
border-top: 30px solid #f5cb11;<br />
position: relative;<br />
top: -3px;<br />
}<br />
<br />
#thumbnail {<br />
padding-left:10%;<br />
padding-right:10%;<br />
}<br />
.thumbnail {height: 500px;}<br />
.thumbnail a {color: orange;}<br />
</style><br />
<br />
<body><br />
<br />
<div id="main"><br />
<div><img src="https://static.igem.org/mediawiki/2014/3/34/CityU_HK_Project_banner.png" width=100%></div><br />
<br />
<div class="container"><div class="row"><div class="col-md-12"><br />
<div class="arrow-down" id="arrow2"></div><br />
</div></div></div><br />
<br />
<img class="displayed" src="https://static.igem.org/mediawiki/2014/2/29/CityU_HK_overview.jpg" width="65%"><br />
<br />
<br />
<p class="content">Obesity is a worldwide problem that contributes to a variety of human diseases such as diabetes and cancer, as well as psychological problems such as eating disorder and anxiety. Traditional remedies such as dieting or over-exercising can be ineffective and often lead to depression, given that both means could lead to obvious physical and mental unpleasantness. Obesity, in many cases, is linked to the accumulation of excessive free fatty acids from food. Therefore removing these fatty acids from the system could be the key to combating obesity. In an attempt to alleviating the obesity problem without causing adverse impact on one’s quality of life, we genetically engineered an <i>Escherichia coli</i> strain to confer upon it the capacity to both remove excess fat from our diet and convert it into a useful metabolic intermediate, &#945; linolenic acid (ALA). We named this genetically modified bacterium, “Fit Coli”.<br><br><br />
<br />
We designed Fit Coli to do the job in several steps. The first step involves increasing its ability to take up excess free fatty acids from the external environment (e.g. human gut) which, theoretically, can be achieved by overexpressing the <i>fadL</i> and <i>fadD</i> genes in <i>E. coli</i>. <i>fadL</i> codes for a fatty acid transporter protein that moves free fatty acids across the outer cell membrane into the periplasmic space. <i>fadD</i>, on the other hand, codes for a fatty acyl-CoA synthetase which adds a coenzyme A (CoA) moiety to fatty acids and then transports the resulting fatty acyl-CoA across the inner membrane into the cytosol. <br><br><br />
<br />
Next, <i>E. coli.</i> is engineered to overexpress the <i>tesA</i> gene that codes for an acyl-CoA thioesterase which removes the CoA moiety from fatty acyl-CoA molecules, thereby restoring the molecule back to the form of free fatty acids. This strategy is aimed at diverting fatty acids from the beta-oxidation pathway which degrades fatty acids into acetyl-CoA to produce ATP. Lastly, the free fatty acids are converted into ALA under the catalysis of the three engineered enzymes - ∆9 desaturase, ∆12 desaturase and ∆15 desaturase – in Fit Coli. <br><br><br />
<br />
In short, Fit Coli is designed to combat obesity by its ability (1) to take up various excess C18 fatty acids such as stearic acid, oleic acid and linoleic acid present in our foods and (2) to convert them into ALA which can then be used by the human body to make docosahexaenoic acid/eicosanoids that are beneficial to humans.<br><br> </p><br />
<br><br><br />
<br />
<div class="row" id="thumbnail"><br />
<div class="col-sm-6 col-md-4"><br />
<div class="thumbnail"><br />
<img src="https://static.igem.org/mediawiki/2014/a/a9/CityU_HK_thumbnail-fad.png" width="300px" height="300px"><br />
<div class="caption"><br />
<h2>Step 1</h2><br />
<p>Take up excess free fatty acids from the external environment</p><br />
<p><a href="#" class="btn btn-default" role="button">FadD & FadL Module</a></p><br />
</div><br />
</div><br />
</div><br />
<div class="col-sm-6 col-md-4"><br />
<div class="thumbnail"><br />
<img src="https://static.igem.org/mediawiki/2014/f/fd/CityU_HK_thumbnail-tesA.png" width="300px."><br />
<div class="caption"><br />
<h2>Step 2</h2><br />
<p>Removes the CoA moiety from fatty acyl-CoA molecules.</p><br />
<p><a href="#" class="btn btn-default" role="button">'TesA Module</a></p><br />
</div><br />
</div><br />
</div><br />
<div class="col-sm-6 col-md-4"><br />
<div class="thumbnail"><br />
<img src="https://static.igem.org/mediawiki/2014/1/16/CityU_HK_thumbnail-desaturase.png" width="300px"><br />
<div class="caption"><br />
<h2>Step 3</h2><br />
<p>Convert free fatty acid into ALA under the catalysis of the three engineered enzymes.</p><br />
<p><a href="#" class="btn btn-default" role="button">Desaturase Module</a></p><br />
</div><br />
</div><br />
</div><br />
</div><br />
<br />
</div> <!-- end of #main --><br />
<br />
<br />
<br />
<br />
</body><br />
</html><br />
{{:Team:CityU_HK/Template/footer}}</div>Marialilokyeehttp://2014.igem.org/Team:CityU_HK/project/overviewTeam:CityU HK/project/overview2014-10-18T01:03:49Z<p>Marialilokyee: </p>
<hr />
<div>{{:Team:CityU_HK/Template}}<br />
<html><br />
<br />
<style><br />
<br />
#title {<br />
color: #676767;<br />
text-align: center;<br />
margin-bottom: 40px;<br />
font-size: 3em;<br />
font-family: "brandon-grotesque", sans-serif;<br />
font-weight: 700;<br />
text-transform: uppercase;<br />
text-shadow: 0px 3px 2px rgba(0, 0, 0, 0.2);<br />
padding-top: 4%;<br />
letter-spacing: 1px;<br />
}<br />
<br />
#main p.content{font-size:18px;<br />
font-weight: 500;<br />
padding-top: 5%;<br />
padding-left: 15%;<br />
padding-right: 15%;<br />
text-align: justify;<br />
color: #111;<br />
line-height: 1.8em;}<br />
<br />
#main p::first-letter { <br />
font-size: 200%;<br />
padding-left: 20px; <br />
color: #111; <br />
}<br />
<br />
<br />
img.displayed {<br />
display: block;<br />
margin-left: auto;<br />
margin-right: auto }<br />
<br />
.arrow-down {<br />
width: 0; <br />
height: 0; <br />
border-left: 50px solid transparent;<br />
border-right: 50px solid transparent;<br />
border-top: 30px solid #fff;<br />
position: relative;<br />
top: 20px;<br />
margin: 0 auto;<br />
z-index: 2;<br />
}<br />
#arrow2 {<br />
border-top: 30px solid #f5cb11;<br />
position: relative;<br />
top: -3px;<br />
}<br />
<br />
#thumbnail {<br />
padding-left:10%;<br />
padding-right:10%;<br />
}<br />
.thumbnail {height: 500px;}<br />
.thumbnail a {color: orange;}<br />
</style><br />
<br />
<body><br />
<br />
<div id="main"><br />
<div><img src="https://static.igem.org/mediawiki/2014/3/34/CityU_HK_Project_banner.png" width=100%></div><br />
<br />
<div class="container"><div class="row"><div class="col-md-12"><br />
<div class="arrow-down" id="arrow2"></div><br />
</div></div></div><br />
<br />
<img class="displayed" src="https://static.igem.org/mediawiki/2014/2/29/CityU_HK_overview.jpg" width="65%"><br />
<br />
<br />
<p class="content">Obesity is a worldwide problem that contributes to a variety of human diseases such as diabetes and cancer, as well as psychological problems such as eating disorder and anxiety. Traditional remedies such as dieting or over-exercising can be ineffective and often lead to depression, given that both means could lead to obvious physical and mental unpleasantness. Obesity, in many cases, is linked to the accumulation of excessive free fatty acids from food. Therefore removing these fatty acids from the system could be the key to combating obesity. In an attempt to alleviating the obesity problem without causing adverse impact on one’s quality of life, we genetically engineered an <i>Escherichia coli</i> strain to confer upon it the capacity to both remove excess fat from our diet and convert it into a useful metabolic intermediate, &#945; linolenic acid (ALA). We named this genetically modified bacterium, “Fit Coli”.<br><br><br />
<br />
We designed Fit Coli to do the job in several steps. The first step involves increasing its ability to take up excess free fatty acids from the external environment (e.g. human gut) which, theoretically, can be achieved by overexpressing the <i>fadL</i> and <i>fadD</i> genes in <i>E. coli</i>. <i>fadL</i> codes for a fatty acid transporter protein that moves free fatty acids across the outer cell membrane into the periplasmic space. <i>fadD</i>, on the other hand, codes for a fatty acyl-CoA synthetase which adds a coenzyme A (CoA) moiety to fatty acids and then transports the resulting fatty acyl-CoA across the inner membrane into the cytosol. <br><br><br />
<br />
Next, <i>E. coli.</i> is engineered to overexpress the <i>tesA</i> gene that codes for an acyl-CoA thioesterase which removes the CoA moiety from fatty acyl-CoA molecules, thereby restoring the molecule back to the form of free fatty acids. This strategy is aimed at diverting fatty acids from the beta-oxidation pathway which degrades fatty acids into acetyl-CoA to produce ATP. Lastly, the free fatty acids are converted into ALA under the catalysis of the three engineered enzymes - ∆9 desaturase, ∆12 desaturase and ∆15 desaturase – in Fit Coli. <br><br><br />
<br />
In short, Fit Coli is designed to combat obesity by its ability (1) to take up various excess C18 fatty acids such as stearic acid, oleic acid and linoleic acid present in our foods and (2) to convert them into ALA which can then be used by the human body to make docosahexaenoic acid/eicosanoids that are beneficial to humans.<br><br> </p><br />
<br><br><br />
<br />
<div class="row" id="thumbnail"><br />
<div class="col-sm-6 col-md-4"><br />
<div class="thumbnail"><br />
<img src="https://static.igem.org/mediawiki/2014/a/a9/CityU_HK_thumbnail-fad.png" width="300px", height="300px"><br />
<div class="caption"><br />
<h2>Step 1</h2><br />
<p>Take up excess free fatty acids from the external environment</p><br />
<p><a href="#" class="btn btn-default" role="button">FadD & FadL Module</a></p><br />
</div><br />
</div><br />
</div><br />
<div class="col-sm-6 col-md-4"><br />
<div class="thumbnail"><br />
<img src="https://static.igem.org/mediawiki/2014/f/fd/CityU_HK_thumbnail-tesA.png" width="300px."><br />
<div class="caption"><br />
<h2>Step 2</h2><br />
<p>Removes the CoA moiety from fatty acyl-CoA molecules.</p><br />
<p><a href="#" class="btn btn-default" role="button">'TesA Module</a></p><br />
</div><br />
</div><br />
</div><br />
<div class="col-sm-6 col-md-4"><br />
<div class="thumbnail"><br />
<img src="https://static.igem.org/mediawiki/2014/1/16/CityU_HK_thumbnail-desaturase.png" width="300px"><br />
<div class="caption"><br />
<h2>Step 3</h2><br />
<p>Convert free fatty acid into ALA under the catalysis of the three engineered enzymes.</p><br />
<p><a href="#" class="btn btn-default" role="button">Desaturase Module</a></p><br />
</div><br />
</div><br />
</div><br />
</div><br />
<br />
</div> <!-- end of #main --><br />
<br />
<br />
<br />
<br />
</body><br />
</html><br />
{{:Team:CityU_HK/Template/footer}}</div>Marialilokyeehttp://2014.igem.org/Team:CityU_HK/project/overviewTeam:CityU HK/project/overview2014-10-18T01:03:20Z<p>Marialilokyee: </p>
<hr />
<div>{{:Team:CityU_HK/Template}}<br />
<html><br />
<br />
<style><br />
<br />
#title {<br />
color: #676767;<br />
text-align: center;<br />
margin-bottom: 40px;<br />
font-size: 3em;<br />
font-family: "brandon-grotesque", sans-serif;<br />
font-weight: 700;<br />
text-transform: uppercase;<br />
text-shadow: 0px 3px 2px rgba(0, 0, 0, 0.2);<br />
padding-top: 4%;<br />
letter-spacing: 1px;<br />
}<br />
<br />
#main p.content{font-size:18px;<br />
font-weight: 500;<br />
padding-top: 5%;<br />
padding-left: 15%;<br />
padding-right: 15%;<br />
text-align: justify;<br />
color: #111;<br />
line-height: 1.8em;}<br />
<br />
#main p::first-letter { <br />
font-size: 200%;<br />
padding-left: 20px; <br />
color: #111; <br />
}<br />
<br />
<br />
img.displayed {<br />
display: block;<br />
margin-left: auto;<br />
margin-right: auto }<br />
<br />
.arrow-down {<br />
width: 0; <br />
height: 0; <br />
border-left: 50px solid transparent;<br />
border-right: 50px solid transparent;<br />
border-top: 30px solid #fff;<br />
position: relative;<br />
top: 20px;<br />
margin: 0 auto;<br />
z-index: 2;<br />
}<br />
#arrow2 {<br />
border-top: 30px solid #f5cb11;<br />
position: relative;<br />
top: -3px;<br />
}<br />
<br />
#thumbnail {<br />
padding-left:10%;<br />
padding-right:10%;<br />
}<br />
.thumbnail {height: 500px;}<br />
.thumbnail a {color: orange;}<br />
</style><br />
<br />
<body><br />
<br />
<div id="main"><br />
<div><img src="https://static.igem.org/mediawiki/2014/3/34/CityU_HK_Project_banner.png" width=100%></div><br />
<br />
<div class="container"><div class="row"><div class="col-md-12"><br />
<div class="arrow-down" id="arrow2"></div><br />
</div></div></div><br />
<br />
<img class="displayed" src="https://static.igem.org/mediawiki/2014/2/29/CityU_HK_overview.jpg" width="65%"><br />
<br />
<br />
<p class="content">Obesity is a worldwide problem that contributes to a variety of human diseases such as diabetes and cancer, as well as psychological problems such as eating disorder and anxiety. Traditional remedies such as dieting or over-exercising can be ineffective and often lead to depression, given that both means could lead to obvious physical and mental unpleasantness. Obesity, in many cases, is linked to the accumulation of excessive free fatty acids from food. Therefore removing these fatty acids from the system could be the key to combating obesity. In an attempt to alleviating the obesity problem without causing adverse impact on one’s quality of life, we genetically engineered an <i>Escherichia coli</i> strain to confer upon it the capacity to both remove excess fat from our diet and convert it into a useful metabolic intermediate, &#945; linolenic acid (ALA). We named this genetically modified bacterium, “Fit Coli”.<br><br><br />
<br />
We designed Fit Coli to do the job in several steps. The first step involves increasing its ability to take up excess free fatty acids from the external environment (e.g. human gut) which, theoretically, can be achieved by overexpressing the <i>fadL</i> and <i>fadD</i> genes in <i>E. coli</i>. <i>fadL</i> codes for a fatty acid transporter protein that moves free fatty acids across the outer cell membrane into the periplasmic space. <i>fadD</i>, on the other hand, codes for a fatty acyl-CoA synthetase which adds a coenzyme A (CoA) moiety to fatty acids and then transports the resulting fatty acyl-CoA across the inner membrane into the cytosol. <br><br><br />
<br />
Next, <i>E. coli.</i> is engineered to overexpress the <i>tesA</i> gene that codes for an acyl-CoA thioesterase which removes the CoA moiety from fatty acyl-CoA molecules, thereby restoring the molecule back to the form of free fatty acids. This strategy is aimed at diverting fatty acids from the beta-oxidation pathway which degrades fatty acids into acetyl-CoA to produce ATP. Lastly, the free fatty acids are converted into ALA under the catalysis of the three engineered enzymes - ∆9 desaturase, ∆12 desaturase and ∆15 desaturase – in Fit Coli. <br><br><br />
<br />
In short, Fit Coli is designed to combat obesity by its ability (1) to take up various excess C18 fatty acids such as stearic acid, oleic acid and linoleic acid present in our foods and (2) to convert them into ALA which can then be used by the human body to make docosahexaenoic acid/eicosanoids that are beneficial to humans.<br><br> </p><br />
<br><br><br />
<br />
<div class="row" id="thumbnail"><br />
<div class="col-sm-6 col-md-4"><br />
<div class="thumbnail"><br />
<img src="https://static.igem.org/mediawiki/2014/a/a9/CityU_HK_thumbnail-fad.png" width="300px"; height="300px"><br />
<div class="caption"><br />
<h2>Step 1</h2><br />
<p>Take up excess free fatty acids from the external environment</p><br />
<p><a href="#" class="btn btn-default" role="button">FadD & FadL Module</a></p><br />
</div><br />
</div><br />
</div><br />
<div class="col-sm-6 col-md-4"><br />
<div class="thumbnail"><br />
<img src="https://static.igem.org/mediawiki/2014/f/fd/CityU_HK_thumbnail-tesA.png" width="300px."><br />
<div class="caption"><br />
<h2>Step 2</h2><br />
<p>Removes the CoA moiety from fatty acyl-CoA molecules.</p><br />
<p><a href="#" class="btn btn-default" role="button">'TesA Module</a></p><br />
</div><br />
</div><br />
</div><br />
<div class="col-sm-6 col-md-4"><br />
<div class="thumbnail"><br />
<img src="https://static.igem.org/mediawiki/2014/1/16/CityU_HK_thumbnail-desaturase.png" width="300px"><br />
<div class="caption"><br />
<h2>Step 3</h2><br />
<p>Convert free fatty acid into ALA under the catalysis of the three engineered enzymes.</p><br />
<p><a href="#" class="btn btn-default" role="button">Desaturase Module</a></p><br />
</div><br />
</div><br />
</div><br />
</div><br />
<br />
</div> <!-- end of #main --><br />
<br />
<br />
<br />
<br />
</body><br />
</html><br />
{{:Team:CityU_HK/Template/footer}}</div>Marialilokyeehttp://2014.igem.org/Team:CityU_HK/project/overviewTeam:CityU HK/project/overview2014-10-18T01:02:52Z<p>Marialilokyee: </p>
<hr />
<div>{{:Team:CityU_HK/Template}}<br />
<html><br />
<br />
<style><br />
<br />
#title {<br />
color: #676767;<br />
text-align: center;<br />
margin-bottom: 40px;<br />
font-size: 3em;<br />
font-family: "brandon-grotesque", sans-serif;<br />
font-weight: 700;<br />
text-transform: uppercase;<br />
text-shadow: 0px 3px 2px rgba(0, 0, 0, 0.2);<br />
padding-top: 4%;<br />
letter-spacing: 1px;<br />
}<br />
<br />
#main p.content{font-size:18px;<br />
font-weight: 500;<br />
padding-top: 5%;<br />
padding-left: 15%;<br />
padding-right: 15%;<br />
text-align: justify;<br />
color: #111;<br />
line-height: 1.8em;}<br />
<br />
#main p::first-letter { <br />
font-size: 200%;<br />
padding-left: 20px; <br />
color: #111; <br />
}<br />
<br />
<br />
img.displayed {<br />
display: block;<br />
margin-left: auto;<br />
margin-right: auto }<br />
<br />
.arrow-down {<br />
width: 0; <br />
height: 0; <br />
border-left: 50px solid transparent;<br />
border-right: 50px solid transparent;<br />
border-top: 30px solid #fff;<br />
position: relative;<br />
top: 20px;<br />
margin: 0 auto;<br />
z-index: 2;<br />
}<br />
#arrow2 {<br />
border-top: 30px solid #f5cb11;<br />
position: relative;<br />
top: -3px;<br />
}<br />
<br />
#thumbnail {<br />
padding-left:10%;<br />
padding-right:10%;<br />
}<br />
.thumbnail {height: 200px;}<br />
.thumbnail a {color: orange;}<br />
</style><br />
<br />
<body><br />
<br />
<div id="main"><br />
<div><img src="https://static.igem.org/mediawiki/2014/3/34/CityU_HK_Project_banner.png" width=100%></div><br />
<br />
<div class="container"><div class="row"><div class="col-md-12"><br />
<div class="arrow-down" id="arrow2"></div><br />
</div></div></div><br />
<br />
<img class="displayed" src="https://static.igem.org/mediawiki/2014/2/29/CityU_HK_overview.jpg" width="65%"><br />
<br />
<br />
<p class="content">Obesity is a worldwide problem that contributes to a variety of human diseases such as diabetes and cancer, as well as psychological problems such as eating disorder and anxiety. Traditional remedies such as dieting or over-exercising can be ineffective and often lead to depression, given that both means could lead to obvious physical and mental unpleasantness. Obesity, in many cases, is linked to the accumulation of excessive free fatty acids from food. Therefore removing these fatty acids from the system could be the key to combating obesity. In an attempt to alleviating the obesity problem without causing adverse impact on one’s quality of life, we genetically engineered an <i>Escherichia coli</i> strain to confer upon it the capacity to both remove excess fat from our diet and convert it into a useful metabolic intermediate, &#945; linolenic acid (ALA). We named this genetically modified bacterium, “Fit Coli”.<br><br><br />
<br />
We designed Fit Coli to do the job in several steps. The first step involves increasing its ability to take up excess free fatty acids from the external environment (e.g. human gut) which, theoretically, can be achieved by overexpressing the <i>fadL</i> and <i>fadD</i> genes in <i>E. coli</i>. <i>fadL</i> codes for a fatty acid transporter protein that moves free fatty acids across the outer cell membrane into the periplasmic space. <i>fadD</i>, on the other hand, codes for a fatty acyl-CoA synthetase which adds a coenzyme A (CoA) moiety to fatty acids and then transports the resulting fatty acyl-CoA across the inner membrane into the cytosol. <br><br><br />
<br />
Next, <i>E. coli.</i> is engineered to overexpress the <i>tesA</i> gene that codes for an acyl-CoA thioesterase which removes the CoA moiety from fatty acyl-CoA molecules, thereby restoring the molecule back to the form of free fatty acids. This strategy is aimed at diverting fatty acids from the beta-oxidation pathway which degrades fatty acids into acetyl-CoA to produce ATP. Lastly, the free fatty acids are converted into ALA under the catalysis of the three engineered enzymes - ∆9 desaturase, ∆12 desaturase and ∆15 desaturase – in Fit Coli. <br><br><br />
<br />
In short, Fit Coli is designed to combat obesity by its ability (1) to take up various excess C18 fatty acids such as stearic acid, oleic acid and linoleic acid present in our foods and (2) to convert them into ALA which can then be used by the human body to make docosahexaenoic acid/eicosanoids that are beneficial to humans.<br><br> </p><br />
<br><br><br />
<br />
<div class="row" id="thumbnail"><br />
<div class="col-sm-6 col-md-4"><br />
<div class="thumbnail"><br />
<img src="https://static.igem.org/mediawiki/2014/a/a9/CityU_HK_thumbnail-fad.png" width="300px"; height="300px"><br />
<div class="caption"><br />
<h2>Step 1</h2><br />
<p>Take up excess free fatty acids from the external environment</p><br />
<p><a href="#" class="btn btn-default" role="button">FadD & FadL Module</a></p><br />
</div><br />
</div><br />
</div><br />
<div class="col-sm-6 col-md-4"><br />
<div class="thumbnail"><br />
<img src="https://static.igem.org/mediawiki/2014/f/fd/CityU_HK_thumbnail-tesA.png" width="300px."><br />
<div class="caption"><br />
<h2>Step 2</h2><br />
<p>Removes the CoA moiety from fatty acyl-CoA molecules.</p><br />
<p><a href="#" class="btn btn-default" role="button">'TesA Module</a></p><br />
</div><br />
</div><br />
</div><br />
<div class="col-sm-6 col-md-4"><br />
<div class="thumbnail"><br />
<img src="https://static.igem.org/mediawiki/2014/1/16/CityU_HK_thumbnail-desaturase.png" width="300px"><br />
<div class="caption"><br />
<h2>Step 3</h2><br />
<p>Convert free fatty acid into ALA under the catalysis of the three engineered enzymes.</p><br />
<p><a href="#" class="btn btn-default" role="button">Desaturase Module</a></p><br />
</div><br />
</div><br />
</div><br />
</div><br />
<br />
</div> <!-- end of #main --><br />
<br />
<br />
<br />
<br />
</body><br />
</html><br />
{{:Team:CityU_HK/Template/footer}}</div>Marialilokyeehttp://2014.igem.org/Team:CityU_HK/project/overviewTeam:CityU HK/project/overview2014-10-18T01:02:25Z<p>Marialilokyee: </p>
<hr />
<div>{{:Team:CityU_HK/Template}}<br />
<html><br />
<br />
<style><br />
<br />
#title {<br />
color: #676767;<br />
text-align: center;<br />
margin-bottom: 40px;<br />
font-size: 3em;<br />
font-family: "brandon-grotesque", sans-serif;<br />
font-weight: 700;<br />
text-transform: uppercase;<br />
text-shadow: 0px 3px 2px rgba(0, 0, 0, 0.2);<br />
padding-top: 4%;<br />
letter-spacing: 1px;<br />
}<br />
<br />
#main p.content{font-size:18px;<br />
font-weight: 500;<br />
padding-top: 5%;<br />
padding-left: 15%;<br />
padding-right: 15%;<br />
text-align: justify;<br />
color: #111;<br />
line-height: 1.8em;}<br />
<br />
#main p::first-letter { <br />
font-size: 200%;<br />
padding-left: 20px; <br />
color: #111; <br />
}<br />
<br />
<br />
img.displayed {<br />
display: block;<br />
margin-left: auto;<br />
margin-right: auto }<br />
<br />
.arrow-down {<br />
width: 0; <br />
height: 0; <br />
border-left: 50px solid transparent;<br />
border-right: 50px solid transparent;<br />
border-top: 30px solid #fff;<br />
position: relative;<br />
top: 20px;<br />
margin: 0 auto;<br />
z-index: 2;<br />
}<br />
#arrow2 {<br />
border-top: 30px solid #f5cb11;<br />
position: relative;<br />
top: -3px;<br />
}<br />
<br />
#thumbnail {<br />
padding-left:10%;<br />
padding-right:10%;<br />
}<br />
.thumbnail {height: 70px;}<br />
.thumbnail a {color: orange;}<br />
</style><br />
<br />
<body><br />
<br />
<div id="main"><br />
<div><img src="https://static.igem.org/mediawiki/2014/3/34/CityU_HK_Project_banner.png" width=100%></div><br />
<br />
<div class="container"><div class="row"><div class="col-md-12"><br />
<div class="arrow-down" id="arrow2"></div><br />
</div></div></div><br />
<br />
<img class="displayed" src="https://static.igem.org/mediawiki/2014/2/29/CityU_HK_overview.jpg" width="65%"><br />
<br />
<br />
<p class="content">Obesity is a worldwide problem that contributes to a variety of human diseases such as diabetes and cancer, as well as psychological problems such as eating disorder and anxiety. Traditional remedies such as dieting or over-exercising can be ineffective and often lead to depression, given that both means could lead to obvious physical and mental unpleasantness. Obesity, in many cases, is linked to the accumulation of excessive free fatty acids from food. Therefore removing these fatty acids from the system could be the key to combating obesity. In an attempt to alleviating the obesity problem without causing adverse impact on one’s quality of life, we genetically engineered an <i>Escherichia coli</i> strain to confer upon it the capacity to both remove excess fat from our diet and convert it into a useful metabolic intermediate, &#945; linolenic acid (ALA). We named this genetically modified bacterium, “Fit Coli”.<br><br><br />
<br />
We designed Fit Coli to do the job in several steps. The first step involves increasing its ability to take up excess free fatty acids from the external environment (e.g. human gut) which, theoretically, can be achieved by overexpressing the <i>fadL</i> and <i>fadD</i> genes in <i>E. coli</i>. <i>fadL</i> codes for a fatty acid transporter protein that moves free fatty acids across the outer cell membrane into the periplasmic space. <i>fadD</i>, on the other hand, codes for a fatty acyl-CoA synthetase which adds a coenzyme A (CoA) moiety to fatty acids and then transports the resulting fatty acyl-CoA across the inner membrane into the cytosol. <br><br><br />
<br />
Next, <i>E. coli.</i> is engineered to overexpress the <i>tesA</i> gene that codes for an acyl-CoA thioesterase which removes the CoA moiety from fatty acyl-CoA molecules, thereby restoring the molecule back to the form of free fatty acids. This strategy is aimed at diverting fatty acids from the beta-oxidation pathway which degrades fatty acids into acetyl-CoA to produce ATP. Lastly, the free fatty acids are converted into ALA under the catalysis of the three engineered enzymes - ∆9 desaturase, ∆12 desaturase and ∆15 desaturase – in Fit Coli. <br><br><br />
<br />
In short, Fit Coli is designed to combat obesity by its ability (1) to take up various excess C18 fatty acids such as stearic acid, oleic acid and linoleic acid present in our foods and (2) to convert them into ALA which can then be used by the human body to make docosahexaenoic acid/eicosanoids that are beneficial to humans.<br><br> </p><br />
<br><br><br />
<br />
<div class="row" id="thumbnail"><br />
<div class="col-sm-6 col-md-4"><br />
<div class="thumbnail"><br />
<img src="https://static.igem.org/mediawiki/2014/a/a9/CityU_HK_thumbnail-fad.png" width="300px"; height="300px"><br />
<div class="caption"><br />
<h2>Step 1</h2><br />
<p>Take up excess free fatty acids from the external environment</p><br />
<p><a href="#" class="btn btn-default" role="button">FadD & FadL Module</a></p><br />
</div><br />
</div><br />
</div><br />
<div class="col-sm-6 col-md-4"><br />
<div class="thumbnail"><br />
<img src="https://static.igem.org/mediawiki/2014/f/fd/CityU_HK_thumbnail-tesA.png" width="300px."><br />
<div class="caption"><br />
<h2>Step 2</h2><br />
<p>Removes the CoA moiety from fatty acyl-CoA molecules.</p><br />
<p><a href="#" class="btn btn-default" role="button">'TesA Module</a></p><br />
</div><br />
</div><br />
</div><br />
<div class="col-sm-6 col-md-4"><br />
<div class="thumbnail"><br />
<img src="https://static.igem.org/mediawiki/2014/1/16/CityU_HK_thumbnail-desaturase.png" width="300px"><br />
<div class="caption"><br />
<h2>Step 3</h2><br />
<p>Convert free fatty acid into ALA under the catalysis of the three engineered enzymes.</p><br />
<p><a href="#" class="btn btn-default" role="button">Desaturase Module</a></p><br />
</div><br />
</div><br />
</div><br />
</div><br />
<br />
</div> <!-- end of #main --><br />
<br />
<br />
<br />
<br />
</body><br />
</html><br />
{{:Team:CityU_HK/Template/footer}}</div>Marialilokyeehttp://2014.igem.org/Team:CityU_HK/project/overviewTeam:CityU HK/project/overview2014-10-18T01:01:47Z<p>Marialilokyee: </p>
<hr />
<div>{{:Team:CityU_HK/Template}}<br />
<html><br />
<br />
<style><br />
<br />
#title {<br />
color: #676767;<br />
text-align: center;<br />
margin-bottom: 40px;<br />
font-size: 3em;<br />
font-family: "brandon-grotesque", sans-serif;<br />
font-weight: 700;<br />
text-transform: uppercase;<br />
text-shadow: 0px 3px 2px rgba(0, 0, 0, 0.2);<br />
padding-top: 4%;<br />
letter-spacing: 1px;<br />
}<br />
<br />
#main p.content{font-size:18px;<br />
font-weight: 500;<br />
padding-top: 5%;<br />
padding-left: 15%;<br />
padding-right: 15%;<br />
text-align: justify;<br />
color: #111;<br />
line-height: 1.8em;}<br />
<br />
#main p::first-letter { <br />
font-size: 200%;<br />
padding-left: 20px; <br />
color: #111; <br />
}<br />
<br />
<br />
img.displayed {<br />
display: block;<br />
margin-left: auto;<br />
margin-right: auto }<br />
<br />
.arrow-down {<br />
width: 0; <br />
height: 0; <br />
border-left: 50px solid transparent;<br />
border-right: 50px solid transparent;<br />
border-top: 30px solid #fff;<br />
position: relative;<br />
top: 20px;<br />
margin: 0 auto;<br />
z-index: 2;<br />
}<br />
#arrow2 {<br />
border-top: 30px solid #f5cb11;<br />
position: relative;<br />
top: -3px;<br />
}<br />
<br />
#thumbnail {<br />
padding-left:10%;<br />
padding-right:10%;<br />
height: 70px;<br />
}<br />
.thumbnail a {color: orange;}<br />
</style><br />
<br />
<body><br />
<br />
<div id="main"><br />
<div><img src="https://static.igem.org/mediawiki/2014/3/34/CityU_HK_Project_banner.png" width=100%></div><br />
<br />
<div class="container"><div class="row"><div class="col-md-12"><br />
<div class="arrow-down" id="arrow2"></div><br />
</div></div></div><br />
<br />
<img class="displayed" src="https://static.igem.org/mediawiki/2014/2/29/CityU_HK_overview.jpg" width="65%"><br />
<br />
<br />
<p class="content">Obesity is a worldwide problem that contributes to a variety of human diseases such as diabetes and cancer, as well as psychological problems such as eating disorder and anxiety. Traditional remedies such as dieting or over-exercising can be ineffective and often lead to depression, given that both means could lead to obvious physical and mental unpleasantness. Obesity, in many cases, is linked to the accumulation of excessive free fatty acids from food. Therefore removing these fatty acids from the system could be the key to combating obesity. In an attempt to alleviating the obesity problem without causing adverse impact on one’s quality of life, we genetically engineered an <i>Escherichia coli</i> strain to confer upon it the capacity to both remove excess fat from our diet and convert it into a useful metabolic intermediate, &#945; linolenic acid (ALA). We named this genetically modified bacterium, “Fit Coli”.<br><br><br />
<br />
We designed Fit Coli to do the job in several steps. The first step involves increasing its ability to take up excess free fatty acids from the external environment (e.g. human gut) which, theoretically, can be achieved by overexpressing the <i>fadL</i> and <i>fadD</i> genes in <i>E. coli</i>. <i>fadL</i> codes for a fatty acid transporter protein that moves free fatty acids across the outer cell membrane into the periplasmic space. <i>fadD</i>, on the other hand, codes for a fatty acyl-CoA synthetase which adds a coenzyme A (CoA) moiety to fatty acids and then transports the resulting fatty acyl-CoA across the inner membrane into the cytosol. <br><br><br />
<br />
Next, <i>E. coli.</i> is engineered to overexpress the <i>tesA</i> gene that codes for an acyl-CoA thioesterase which removes the CoA moiety from fatty acyl-CoA molecules, thereby restoring the molecule back to the form of free fatty acids. This strategy is aimed at diverting fatty acids from the beta-oxidation pathway which degrades fatty acids into acetyl-CoA to produce ATP. Lastly, the free fatty acids are converted into ALA under the catalysis of the three engineered enzymes - ∆9 desaturase, ∆12 desaturase and ∆15 desaturase – in Fit Coli. <br><br><br />
<br />
In short, Fit Coli is designed to combat obesity by its ability (1) to take up various excess C18 fatty acids such as stearic acid, oleic acid and linoleic acid present in our foods and (2) to convert them into ALA which can then be used by the human body to make docosahexaenoic acid/eicosanoids that are beneficial to humans.<br><br> </p><br />
<br><br><br />
<br />
<div class="row" id="thumbnail"><br />
<div class="col-sm-6 col-md-4"><br />
<div class="thumbnail"><br />
<img src="https://static.igem.org/mediawiki/2014/a/a9/CityU_HK_thumbnail-fad.png" width="300px"; height="300px"><br />
<div class="caption"><br />
<h2>Step 1</h2><br />
<p>Take up excess free fatty acids from the external environment</p><br />
<p><a href="#" class="btn btn-default" role="button">FadD & FadL Module</a></p><br />
</div><br />
</div><br />
</div><br />
<div class="col-sm-6 col-md-4"><br />
<div class="thumbnail"><br />
<img src="https://static.igem.org/mediawiki/2014/f/fd/CityU_HK_thumbnail-tesA.png" width="300px."><br />
<div class="caption"><br />
<h2>Step 2</h2><br />
<p>Removes the CoA moiety from fatty acyl-CoA molecules.</p><br />
<p><a href="#" class="btn btn-default" role="button">'TesA Module</a></p><br />
</div><br />
</div><br />
</div><br />
<div class="col-sm-6 col-md-4"><br />
<div class="thumbnail"><br />
<img src="https://static.igem.org/mediawiki/2014/1/16/CityU_HK_thumbnail-desaturase.png" width="300px"><br />
<div class="caption"><br />
<h2>Step 3</h2><br />
<p>Convert free fatty acid into ALA under the catalysis of the three engineered enzymes.</p><br />
<p><a href="#" class="btn btn-default" role="button">Desaturase Module</a></p><br />
</div><br />
</div><br />
</div><br />
</div><br />
<br />
</div> <!-- end of #main --><br />
<br />
<br />
<br />
<br />
</body><br />
</html><br />
{{:Team:CityU_HK/Template/footer}}</div>Marialilokyee