Team:HKU HongKong/Human Practice.html

From 2012.igem.org

(Difference between revisions)
 
(7 intermediate revisions not shown)
Line 8: Line 8:
<link rel="copyright" href="http://creativecommons.org/licenses/by/3.0/" />
<link rel="copyright" href="http://creativecommons.org/licenses/by/3.0/" />
<link rel="alternate" type="application/atom+xml" title="2011.igem.org Atom feed" href="/wiki/index.php?title=Special:RecentChanges&amp;feed=atom" /> <title>Team:HKU Hong Kong - 2012</title>
<link rel="alternate" type="application/atom+xml" title="2011.igem.org Atom feed" href="/wiki/index.php?title=Special:RecentChanges&amp;feed=atom" /> <title>Team:HKU Hong Kong - 2012</title>
-
<style type="text/css" media="screen, projection">/*<![CDATA[*/
+
<style type="text/css" media="screen, projection">
 +
/*<![CDATA[*/
@import "/wiki/skins/common/shared.css?270";
@import "/wiki/skins/common/shared.css?270";
@import "/wiki/skins/igem/main.css?270";
@import "/wiki/skins/igem/main.css?270";
-
/*]]>*/</style>
+
/*]]>*/
 +
</style>
<link rel="stylesheet" type="text/css" media="print" href="/wiki/skins/common/commonPrint.css?270" />
<link rel="stylesheet" type="text/css" media="print" href="/wiki/skins/common/commonPrint.css?270" />
<script>
<script>
Line 66: Line 68:
         <link rel='stylesheet' type='text/css' href='/common/table_styles.css' />
         <link rel='stylesheet' type='text/css' href='/common/table_styles.css' />
         <link rel='stylesheet' type='text/css' href='/forum/forum_styles.css' />
         <link rel='stylesheet' type='text/css' href='/forum/forum_styles.css' />
-
<script type='text/javascript'        src ='/forum/forum_scripts.js'></script>
+
    <script type='text/javascript'        src ='/forum/forum_scripts.js'></script>
</head>               
</head>               
Line 98: Line 100:
<style type="text/css">
<style type="text/css">
-
 
-
/*
 
-
Design by Metamorphosis Design
 
-
http://www.metamorphozis.com
 
-
Released for free under a Creative Commons Attribution 2.5 License
 
-
*/
 
*Cleaning and Resetting the Background -- Credits to 2012 iGEM NorthWestern university*/
*Cleaning and Resetting the Background -- Credits to 2012 iGEM NorthWestern university*/
Line 278: Line 274:
width: 1014px;
width: 1014px;
height: 10px;
height: 10px;
-
background: url(https://static.igem.org/mediawiki/2012/f/f1/HKU_tb_top.jpg) right bottom no-repeat #FFFFFF;
 
}
}
Line 402: Line 397:
#footer-box{
#footer-box{
         position: relative;
         position: relative;
-
         top: 1000px;
+
         top: 1500px;
}
}
Line 456: Line 451:
       <p><img src="https://static.igem.org/mediawiki/igem.org/5/5d/Wiki_Wide_Band.jpg" alt="logo_HKU" width="859" height="160" /></p>
       <p><img src="https://static.igem.org/mediawiki/igem.org/5/5d/Wiki_Wide_Band.jpg" alt="logo_HKU" width="859" height="160" /></p>
       <p>&nbsp;</p>
       <p>&nbsp;</p>
 +
<!-- Start css3menu.com BODY section id=2 -->
<!-- Start css3menu.com BODY section id=2 -->
Line 468: Line 464:
     <li class="topmenu"><a href="#" style="height:26px;line-height:26px;">&nbsp;&nbsp;Project&nbsp;&nbsp;</a>
     <li class="topmenu"><a href="#" style="height:26px;line-height:26px;">&nbsp;&nbsp;Project&nbsp;&nbsp;</a>
     <ul>
     <ul>
-
<li><font size="10"><a href="https://2012.igem.org/Team:HKU_HongKong/Project/Background.html">Background</a></li></font>
+
<li><font size="10"><a href="https://2012.igem.org/Team:HKU_HongKong/Project/Background.html">Background</a></li></font>
-
<li><font size="10"><a href="https://2012.igem.org/Team:HKU_HongKong/Project/Future_Implications.html">Future Implications</a></li></font>
+
<li><font size="10"><a href="https://2012.igem.org/Team:HKU_HongKong/Project/Future_Implications.html">Future Implications</a></li></font>
         </ul>
         </ul>
     </li>
     </li>
Line 476: Line 472:
<li><font size="10"><a href="https://2012.igem.org/Team:HKU_HongKong/Data/Weekly_Notebook.html">Weekly Notebook</a></li></font>
<li><font size="10"><a href="https://2012.igem.org/Team:HKU_HongKong/Data/Weekly_Notebook.html">Weekly Notebook</a></li></font>
       <li><font size="10"><a href="https://2012.igem.org/Team:HKU_HongKong/Data/Bio_Bricks.html">Bio Bricks</a></li></font>
       <li><font size="10"><a href="https://2012.igem.org/Team:HKU_HongKong/Data/Bio_Bricks.html">Bio Bricks</a></li></font>
-
<li><font size="10"><a href="https://2012.igem.org/Team:HKU_HongKong/Data/Results.html">Results</a></li></font>
+
<li><font size="10"><a href="https://2012.igem.org/Team:HKU_HongKong/Data/Results.html">Results</a></li></font>
         </ul>
         </ul>
     </li>
     </li>
-
<li class="topmenu"><a href="#" style="height:26px;line-height:26px;">&nbsp;&nbsp;Protocols&nbsp;&nbsp;</a>
+
 
 +
    <li class="topmenu"><a href="#" style="height:26px;line-height:26px;">&nbsp;&nbsp;Protocols&nbsp;&nbsp;</a>
       <ul>
       <ul>
     <li><font size="10"><a href="https://2012.igem.org/Team:HKU_HongKong/Data/Mol_Protocols.html">&nbsp;Molecular Cloning&nbsp;</a></li></font>
     <li><font size="10"><a href="https://2012.igem.org/Team:HKU_HongKong/Data/Mol_Protocols.html">&nbsp;Molecular Cloning&nbsp;</a></li></font>
-
<li><font size="10"><a href="https://2012.igem.org/Team:HKU_HongKong/Data/pvdQ_Protocols.html">&nbsp;pvdQ Expression Analysis&nbsp;</a></li></font>
+
<li><font size="10"><a href="https://2012.igem.org/Team:HKU_HongKong/Data/pvdQ_Protocols.html">&nbsp;pvdQ Expression Analysis&nbsp;</a></li></font>
-
</ul>
+
</ul>
</li>
</li>
-
<li class="topmenu"><a href="https://2012.igem.org/Team:HKU_HongKong/Safety.html" style="height:26px;line-height:26px;">&nbsp;&nbsp;Safety&nbsp;&nbsp;</a></li>   
 
-
    <li class="toplast"><a href="https://2012.igem.org/Team:HKU_HongKong/Human_Practice.html" style="height:26px;line-height:26px;">&nbsp;&nbsp;Human Practice&nbsp;&nbsp;</a></li>
 
-
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr">
 
-
<head>
 
-
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
-
<meta name="generator" content="MediaWiki 1.16.0" />
 
-
<link rel="shortcut icon" href="/favicon.ico" />
 
-
<link rel="search" type="application/opensearchdescription+xml" href="/wiki/opensearch_desc.php" title="2011.igem.org (en)" />
 
-
<link title="Creative Commons" type="application/rdf+xml" href="/wiki/index.php?title=Team:HKU&amp;action=creativecommons" rel="meta" />
 
-
<link rel="copyright" href="http://creativecommons.org/licenses/by/3.0/" />
 
-
<link rel="alternate" type="application/atom+xml" title="2011.igem.org Atom feed" href="/wiki/index.php?title=Special:RecentChanges&amp;feed=atom" /> <title>Team:HKU Hong Kong - 2012</title>
 
-
<style type="text/css" media="screen, projection">/*<![CDATA[*/
 
-
@import "/wiki/skins/common/shared.css?270";
 
-
@import "/wiki/skins/igem/main.css?270";
 
-
/*]]>*/</style>
 
-
<link rel="stylesheet" type="text/css" media="print" href="/wiki/skins/common/commonPrint.css?270" />
 
-
<script>
 
-
var skin="igem",
 
-
stylepath="/wiki/skins",
 
-
wgUrlProtocols="http\\:\\/\\/|https\\:\\/\\/|ftp\\:\\/\\/|irc\\:\\/\\/|gopher\\:\\/\\/|telnet\\:\\/\\/|nntp\\:\\/\\/|worldwind\\:\\/\\/|mailto\\:|news\\:|svn\\:\\/\\/",
 
-
wgArticlePath="/$1",
 
-
wgScriptPath="/wiki",
 
-
wgScriptExtension=".php",
 
-
wgScript="/wiki/index.php",
 
-
wgVariantArticlePath=false,
 
-
wgActionPaths={},
 
-
wgServer="https://2012.igem.org",
 
-
wgCanonicalNamespace="",
 
-
wgCanonicalSpecialPageName=false,
 
-
wgNamespaceNumber=0,
 
-
wgPageName="Team:HKU",
 
-
wgTitle="Team:HKU",
 
-
wgAction="view",
 
-
wgArticleId=408,
 
-
wgIsArticle=true,
 
-
wgUserName=null,
 
-
wgUserGroups=null,
 
-
wgUserLanguage="en",
 
-
wgContentLanguage="en",
 
-
wgBreakFrames=false,
 
-
wgCurRevisionId=260202,
 
-
wgVersion="1.16.0",
 
-
wgEnableAPI=true,
 
-
wgEnableWriteAPI=true,
 
-
wgSeparatorTransformTable=["", ""],
 
-
wgDigitTransformTable=["", ""],
 
-
wgMainPageTitle="Main Page",
 
-
wgFormattedNamespaces={"-2": "Media", "-1": "Special", "0": "", "1": "Talk", "2": "User", "3": "User talk", "4": "2011.igem.org", "5": "2011.igem.org talk", "6": "File", "7": "File talk", "8": "MediaWiki", "9": "MediaWiki talk", "10": "Template", "11": "Template talk", "12": "Help", "13": "Help talk", "14": "Category", "15": "Category talk"},
 
-
wgNamespaceIds={"media": -2, "special": -1, "": 0, "talk": 1, "user": 2, "user_talk": 3, "2011.igem.org": 4, "2011.igem.org_talk": 5, "file": 6, "file_talk": 7, "mediawiki": 8, "mediawiki_talk": 9, "template": 10, "template_talk": 11, "help": 12, "help_talk": 13, "category": 14, "category_talk": 15, "image": 6, "image_talk": 7},
 
-
wgSiteName="2011.igem.org",
 
-
wgCategories=[],
 
-
wgMWSuggestTemplate="https://2012.igem.org/wiki/api.php?action=opensearch\x26search={searchTerms}\x26namespace={namespaces}\x26suggest",
 
-
wgDBname="2011_igem_org",
 
-
wgSearchNamespaces=[0],
 
-
wgMWSuggestMessages=["with suggestions", "no suggestions"],
 
-
wgRestrictionEdit=[],
 
-
wgRestrictionMove=[];
 
-
</script> 
 
-
<script type="text/javascript" src="/wiki/skins/common/wikibits.js?270"><!-- wikibits js --></script>
 
-
<!-- Head Scripts -->
 
-
<script src="/wiki/skins/common/ajax.js?270"></script>
 
-
<script src="/wiki/skins/common/mwsuggest.js?270"></script>
 
-
<script type="text/javascript" src="/wiki/index.php?title=-&amp;action=raw&amp;gen=js&amp;useskin=igem"><!-- site js --></script>
 
-
<!-- jQuery Javascript -->
 
-
<script type='text/javascript'        src ='/common/jquery-latest.min.js'></script>
 
-
<script type='text/javascript'        src ='/common/tablesorter/jquery.tablesorter.min.js'></script>
 
-
        <link rel='stylesheet' type='text/css' href='/common/tablesorter/themes/groupparts/style.css' />
 
-
        <link rel='stylesheet' type='text/css' href='/common/table_styles.css' />
 
-
        <link rel='stylesheet' type='text/css' href='/forum/forum_styles.css' />
 
-
<script type='text/javascript'        src ='/forum/forum_scripts.js'></script>
 
-
</head>             
 
-
<body              class="mediawiki  ltr ns-0 ns-subject page-Team_HKU">
+
  <li class="toplast"><a href="https://2012.igem.org/Team:HKU_HongKong/Human_Practice.html" style="height:26px;line-height:26px;">&nbsp;&nbsp;Human Practice&nbsp;&nbsp;</a></li>
-
  <div id="globalWrapper">
+
</ul>
 +
  </li>
 +
</ul>
 +
<p>&nbsp;</p>
 +
<h2 style="font-variant: normal; vertical-align: baseline; clear: left; color: #232323; font-family: Gentium Basic; letter-spacing: normal; line-height: 19.5px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; border: 0px none; margin: 0.7em 0px; padding: 0px">
 +
 +
<p style="text-align: left; font-style: normal; font-variant: normal; font-weight: normal; font-size: 13px; vertical-align: baseline; color: rgb(85, 85, 85); font-family: Lato, Tahoma, Arial, sans-serif; letter-spacing: normal; line-height: 19.5px; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; border: 0px none; margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 20px; padding: 0px">
 +
&nbsp;</p>
 +
<p style="text-align: left; font-style: normal; font-variant: normal; font-weight: normal; font-size: 13px; vertical-align: baseline; color: #232323; font-family: Lato, Tahoma, Arial, sans-serif; letter-spacing: normal; line-height: 19.5px; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; border: 0px none; margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 20px; padding: 0px">
-
    <div id="top-section">
+
<ul>
-
<div id="p-logo">
+
<li>Introduction</p>
-
    <a href="/Main_Page"
+
<p align="left"><br />
-
      title="Main Page">
+
  The city of Hong Kong is known as the world&rsquo;s commercial hub.  Logically, a large sum of money is invested in expansion of multinational  enterprises, to gain a cutting edge financially and economically. In a country  so focused on development and international recognition, the field of Synthetic  Biology has not been given much attention. <br />
-
    <img src='/wiki/skins/common/images/wiki.png'>"
+
  In an attempt to raise awareness of this upcoming field, University  of Hong Kong&rsquo;s iGEM team made three preliminary initiatives. We wanted to begin  by educating the youth about this concept. Hence, we published an article in  HKU&rsquo;s Undergraduate Magazine, a magazine that is widely distributed amongst  students at HKU. Our next move was to produce a video that further explained  the concept. This video was extensively broadcasted throughout all televisions  on HKU&rsquo;s Main Campus. Lastly, we attempted a very novel strategy to publicize  this field of Science. This innovative approach is called the &ldquo;Flash Mob&rdquo;. In  one of the very crowded markets of Hong Kong, our group members took stage  (without prior notice), and performed a short Drama to explain the workings of Synthetic  Biology and advertise iGEM amidst the common public. All three approaches of  reaching out to Hong Kong&rsquo;s citizens about Synthetic Biology were quite  effective. <br />
-
    </a>
+
  Through our Human Practice projects, the concept of Synthetic Biology – a subject area concerning biological research and technology - was  effectively delivered. In the coming years, this research area can be used to  create new biological systems that will benefit society. It promises to  decrease problems we are currently facing by implementing strategies for the degradation  of pollutants, electricity generation, and medical treatments.  </p>
-
</div<!-- end p-logo -->
+
<p align="left">&nbsp;</p>
-
<script type="text/javascript"> if (window.isMSIE55) fixalpha(); </script>
+
 +
<p align="left">A. Publishing in HKU Undergraduate Magazine</p>
 +
<p align="left">To establish a stronger presence in  HKU, our IGEM team published an article in HKU&rsquo;s Undergraduate Magazine. This  magazine is freely distributed to all HKU undergraduate students. It can also  be found at various locations around campus, such as the Canteens, Main  Library, and the main Podium. Thereby, it is widely accessible, increasing the  odds that students&rsquo; read our article. <br />
 +
The article covered all the important  aspects of Synthetic Biology, including what Synthetic Biology is as well as  its current workings and future implications.   We illustrated a variety of applications of the field, especially those  in biomedicine, energy conservation, and agriculture. Also, we utilized Lego  blocks to explain the concept of biobricks, which are put together to create  new living systems.  The article was also  a means to advertise the iGEM team and competition to HKU&rsquo;s students. In order  to do so, we briefly explained all our past projects, and the application  process to be part of HKU&rsquo;s team in the coming years. Through this, we hope to recruit  skillful and motivated members for next year&rsquo;s team. </p>
 +
<p align="left">&nbsp;</p>
 +
<p align="left">B. Video Broadcasting in Campus TV,  HKU</p>
 +
<p align="left"><br />
 +
  Animations and video broadcasting are one of the most effective ways of  approaching the undergraduates at HKU. The main campus has over 10 televisions  for video broadcasting. Thus, through the Campus TV department of HKUSU, we were  able to include our short video covering Synthetic Biology and the iGEM  competition into the University&rsquo;s daily broadcasting schedule. </p>
 +
<p align="left">Since audiences of differing fields of  study view the TVs, we made sure that everyone, regardless of their background  in Synthetic Biology, could understand the concept. For instance, Lego  block-animations were used to illustrate the procedure of the construction of a  genetic network or bio-brick production. Moreover, we also aimed to introduce  the applications of Synthetic biology that extend beyond medicine generation as  well as production and supply of genetically modified food to the third world.<br />
 +
In an attempt to stimulate motivated  undergraduates to begin thinking of joining HKU&rsquo;s iGEM team, we also introduced  the workings of the team as well as our previous and current representatives.  We hope that this would bring forth some of the most capable undergraduates  from various fields of study for next year&rsquo;s recruitment. </p>
 +
<p align="left">&nbsp;</p>
 +
<p align="left">C. Smart Mob (Street Drama)</p>
 +
<p align="left"> <br />
 +
  To promote Synthetic Biology, our iGEM Team reached out to the main crowd of  Hong Kong. The city, long known as a &ldquo;shopping paradise&rdquo;, has extensive streets  showcasing a plethora of local and international commodities. These markets,  especially on weekends, are heavily populated with all types of people, the  elderly, middle-aged, and the youth. Hence, there wasn&rsquo;t a better way of  reaching out to the general public about Synthetic Biology than unexpectedly  performing a short Drama openly in Hong Kong&rsquo;s shopping district known as Mong  Kok.  This street drama performance, with  no prior notice, can be effectively termed as the &ldquo;Smart Mob&rdquo;. <br />
 +
  <br />
 +
  We managed to execute two performances, on the 26th of August and 15th  of September respectively. The main cartoon character of our cast was Synthia,  a green bacterium much liked by the common public.  Many people stopped by and requested for a  photograph with this bacterium, a partially incomplete synthetic organism that escapes  from Dr. Venter&rsquo;s laboratory and is unfortunately adrift in the crowded streets  of Hong Kong. Hence this marks the beginning of our drama&rsquo;s storyline. <br />
 +
  <br />
 +
The other two characters in our drama are the Moralist and Dr. Venter. While  the Moralist tries to kill Synthia and accuses scientists like Dr. Venter of jeopardizing  public safety, Dr. Venter makes every attempt to try and defend his laboratory  investigations and practices. Thus these two personas spark into a heated  debate. With the introduction of our last character, Dr. Venter&rsquo;s laboratory  helper, and much interaction with the common public, we were able to resolve  this debate and accurately illustrate the definition and purpose of synthetic  biology. We are confident that through this innovative approach, which harbored  some light-hearted comedy, our audience has acquired a glimpse into the dilemma  that Science and technology are facing today, despite of which these fields  have advanced to publish data that is beneficial for society. </p>
 +
<p>&nbsp;</p>
-
+
<!-- footer begins -->
 +
    <p>&nbsp;</p>
-
    </div> <!-- close top-section-->
+
   
-
  <div id="content">
+
-
<a name="top" id="top"></a>
+
-
<h1 class="firstHeading">Team:HKU HK</h1>
+
-
<div id="bodyContent">
+
-
<h3 id="siteSub" class='noprint'>From 2011.igem.org</h3>
+
-
<div id="contentSub"></div>
+
-
<!--
+
-
<div id="jump-to-nav">Jump to:                        <a href="#column-one">navigation</a>, <a href="#searchInput">search</a></div>-->
+
-
<!-- start content -->
+
-
<p>
+
-
<head>
+
-
 
+
-
<style type="text/css">
+
-
 
+
-
/*
+
-
Design by Metamorphosis Design
+
-
http://www.metamorphozis.com
+
-
Released for free under a Creative Commons Attribution 2.5 License
+
-
*/
+
-
 
+
-
*Cleaning and Resetting the Background -- Credits to 2012 iGEM NorthWestern university*/
+
-
* {
+
-
    margin:0;
+
-
    padding:0;}
+
-
#top-section {
+
-
    height: 1px; }
+
-
#p-logo {
+
-
    height:1px; overflow:hidden; display:none;}
+
-
#search-controls {
+
-
    display:none;}
+
-
#globalWrapper {
+
-
    background: #FFF;
+
-
    padding:0px;}
+
-
#content {
+
-
    border: 0px;
+
-
    width: 100%;}
+
-
#catlinks {
+
-
    display:none;}
+
-
h1.firstHeading {
+
-
    display: none;}
+
-
h1, h2, h3, h4, h5, h6 {
+
-
    border-bottom: 0px;}
+
-
p {
+
-
    font-size: 16px;}
+
-
 
+
-
*
+
-
{
+
-
border: 0;
+
-
margin: 0;
+
-
}
+
-
 
+
-
img
+
-
{
+
-
border: 0px;
+
-
}
+
-
 
+
-
body{
+
-
font: 12px Arial, Helvetica, sans-serif;
+
-
color: #000000;
+
-
background: #FFFFFF; --- background image
+
-
line-height: 18px;
+
-
padding-bottom: 23px;
+
-
}
+
-
 
+
-
#main {
+
-
width: 1014px;
+
-
margin: 0px auto;
+
-
}
+
-
 
+
-
#header {
+
-
width:100%;
+
-
background: url(images/header.jpg) left top no-repeat;
+
-
height: 183px;
+
-
}
+
-
 
+
-
#logo { font-family: Arial, Helvetica, sans-serif;
+
-
color:#FFFFFF;
+
-
font-size:18px;
+
-
font-style:italic;
+
-
padding: 62px 0px 0px 667px;
+
-
background: url(images/big_img.jpg) left top no-repeat;
+
-
height: 60px;
+
-
}
+
-
 
+
-
#logo a {
+
-
text-decoration: none;
+
-
text-transform: lowercase;
+
-
font-style: italic;
+
-
font-size: 18px;
+
-
color: #FFFFFF;
+
-
}
+
-
 
+
-
#logo H2 a{
+
-
font-size: 12px;
+
-
font-family: Arial, Helvetica, sans-serif;
+
-
text-transform: none;
+
-
font-weight:100;
+
-
}
+
-
 
+
-
#buttons{
+
-
width: 990px;
+
-
text-align:center;
+
-
height: 46px;
+
-
margin-left: 50px;
+
-
}
+
-
 
+
-
 
+
-
.scroll_header
+
-
{
+
-
width: 1014px;
+
-
height: 229px;
+
-
background: url(images/header.png) no-repeat;
+
-
margin-bottom: 10px;
+
-
padding-top: 10px;
+
-
}
+
-
 
+
-
#box_all {
+
-
height: 10px;
+
-
background:url(https://static.igem.org/mediawiki/2012/f/f6/HKU_box_top.png) left top no-repeat;
+
-
margin-top: 30px;
+
-
}
+
-
 
+
-
#box_all h1 {
+
-
text-align:center;
+
-
font-size:18px;
+
-
color:#FFFFFF;
+
-
font-weight:100;
+
-
padding: 12px 0px 23px 0px;}
+
-
 
+
-
#box_all .text {
+
-
padding: 0px 10px 0px 20px;}
+
-
 
+
-
.box_munth {
+
-
float: left;
+
-
width: 132px;
+
-
padding: 0px 0px 0px 13px}
+
-
 
+
-
.munth {
+
-
color:#FFFFFF;
+
-
font-weight:bold;
+
-
background: url(https://static.igem.org/mediawiki/2012/f/f6/HKU_box_fish.png) 0px 11px no-repeat;
+
-
padding: 7px  0px 7px 28px;
+
-
text-decoration:none;}
+
-
 
+
-
.munth a{color:#FFFFFF;
+
-
font-weight:bold;
+
-
text-decoration:none;}
+
-
 
+
-
.munth:hover {
+
-
text-decoration: none;
+
-
background: url(https://static.igem.org/mediawiki/2012/f/f6/HKU_box_fish.png) 0px 11px no-repeat;
+
-
}
+
-
 
+
-
h5 {
+
-
font-weight: 100;
+
-
font-size:18px;
+
-
color:#10156F;
+
-
padding: 13px 0px 5px 0px}
+
-
 
+
-
.box {
+
-
width: 206px;
+
-
height: 240px;
+
-
float: left;
+
-
}
+
-
 
+
-
.box_razd {float:left; width: 10px; height: 10px;}
+
-
 
+
-
.box1 { background:url(images/box1.png) ;}
+
-
.box2 { background:url(images/box2.png) ;}
+
-
.box3 { background:url(images/box3.png) ;
+
-
width: 211px}
+
-
.box4 { background:url(images/box4.png) ;}
+
-
 
+
-
.b { color: #0E76BD;
+
-
font-weight:100;
+
-
font-style:italic;}
+
-
.g { color: #0D748A;
+
-
font-weight:100;
+
-
font-style:italic;}
+
-
.gr { color: #0E9A40;
+
-
font-weight:100;
+
-
font-style:italic;}
+
-
.o { color: #DE7C09;
+
-
font-weight:100;
+
-
font-style:italic;}
+
-
 
+
-
.img_box { float:left;
+
-
margin: 6px 7px 3px 0px;
+
-
}
+
-
 
+
-
#top_tb {
+
-
width: 1014px;
+
-
height: 10px;
+
-
background: url(https://static.igem.org/mediawiki/2012/f/f1/HKU_tb_top.jpg) right bottom no-repeat #FFFFFF;
+
-
}
+
-
 
+
-
#bot_tb {
+
-
width: 1014px;
+
-
height: 19px;
+
-
background: url(https://static.igem.org/mediawiki/2012/f/f7/HKU_tb_bot.jpg) right top no-repeat #FFFFFF;
+
-
}
+
-
 
+
-
#tb{
+
-
width: 1014px;
+
-
padding: 0px 0px 0px 0px;
+
-
background: url(https://static.igem.org/mediawiki/2012/6/68/HKU_tb_bg.gif) right repeat-y #FFFFFF;
+
-
margin: 0px 0px 0px 0px;
+
-
}
+
-
 
+
-
#left{
+
-
width: 330px;
+
-
margin: 0px 0px 0px 12px;
+
-
float: left;
+
-
color:#000000;
+
-
}
+
-
 
+
-
.right_b {
+
-
padding-left: 52px;
+
-
padding-right: 5px;
+
-
}
+
-
 
+
-
.text{
+
-
padding: 0px 0px 0px 0px;
+
-
}
+
-
 
+
-
.img { float:left;
+
-
margin: 7px 16px 3px 0px;
+
-
}
+
-
 
+
-
.img_r { float: right;
+
-
margin: 7px 0px 3px 16px;
+
-
}
+
-
 
+
-
span {font-weight:bold;}
+
-
 
+
-
#left span { color:#000000;
+
-
font-weight:bold;
+
-
font-size:14px;
+
-
}
+
-
 
+
-
#right span {
+
-
font-weight:bold;
+
-
}
+
-
.bl {color:#34902D;}
+
-
 
+
-
#left H1{
+
-
font-family: Arial, Helvetica, sans-serif;
+
-
font-size:18px;
+
-
font-weight: 100;
+
-
color: #34902D;
+
-
text-align:left;
+
-
padding: 5px 0px 10px 0px;
+
-
}
+
-
 
+
-
#right H1{
+
-
font-family: Arial, Helvetica, sans-serif;
+
-
font-size:18px;
+
-
font-weight: 100;
+
-
color: #34902D;
+
-
text-align:left;
+
-
padding: 5px 0px 10px 0px;
+
-
}
+
-
 
+
-
.read{
+
-
text-align:right;
+
-
padding-right:5px;
+
-
padding-top: 6px;
+
-
font-weight:bold;
+
-
}
+
-
 
+
-
.pad_view {padding-right:15px;}
+
-
 
+
-
 
+
-
 
+
-
.read a{
+
-
color: #0056CC;
+
-
text-decoration: underline;}
+
-
 
+
-
.read a:hover {
+
-
text-decoration:none;}
+
-
 
+
-
#right{
+
-
float: right;
+
-
width: 620px;
+
-
margin-right: 18px;
+
-
padding: 0px 0px 0px 0px;
+
-
}
+
-
 
+
-
.col { width: 620px;}
+
-
 
+
-
.col_left { float:left;
+
-
width: 203px;}
+
-
 
+
-
.images {
+
-
height: 200px;
+
-
padding-top: 3px;}
+
-
 
+
-
.img_col { float:left;
+
-
margin: 7px 7px 0px 0px;}
+
-
 
+
-
.col_right { float: right;
+
-
width: 417px;
+
-
padding-top: 8px;}
+
-
 
+
-
#footer{
+
-
height: 50px;
+
-
width: 100%;
+
-
font-size: 12px;
+
-
color: #008B00;
+
-
text-align: center;
+
-
clear:both;
+
-
padding: 13px 0px 0px 0px;
+
-
/*background: url(https://static.igem.org/mediawiki/2012/4/45/HKU.PNG_footer.png) 0px 0px  no-repeat;*/
+
-
}
+
-
 
+
-
#footer-box{
+
-
        position: relative;
+
-
        top: 1000px;
+
-
}
+
-
 
+
-
#main #header #buttons p {
+
-
color: #0033CC;
+
-
font-family: Arial, Helvetica, sans-serif;
+
-
font-size: 18px;
+
-
}
+
-
 
+
-
ul#css3menu2,ul#css3menu2 ul{
+
-
margin:0;list-style:none;padding:0;background-color:#dedede;border-width:1px;border-style:solid;border-color:#5f5f5f;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}
+
-
ul#css3menu2 ul{
+
-
display:none;position:absolute;left:0;top:100%;-moz-box-shadow:3.5px 3.5px 5px #000000;-webkit-box-shadow:3.5px 3.5px 5px #000000;box-shadow:3.5px 3.5px 5px #000000;background-color:#FFFFFF;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;border-color:#d4d4d4;padding:0 10px 10px;}
+
-
ul#css3menu2 li:hover>*{
+
-
display:block;}
+
-
ul#css3menu2 li{
+
-
position:relative;display:block;white-space:nowrap;font-size:0;float:left;}
+
-
ul#css3menu2 li:hover{
+
-
z-index:1;}
+
-
ul#css3menu2{
+
-
font-size:0;z-index:999;position:relative;display:inline-block;zoom:1;padding:0;
+
-
*display:inline;}
+
-
* html ul#css3menu2 li a{
+
-
display:inline-block;}
+
-
ul#css3menu2>li{
+
-
margin:0;}
+
-
ul#css3menu2 a:active, ul#css3menu2 a:focus{
+
-
outline-style:none;}
+
-
ul#css3menu2 a{
+
-
display:block;vertical-align:middle;text-align:left;text-decoration:none;font:bold 20px Trebuchet MS;color:#000000;text-shadow:#FFF 0 0 1px;cursor:pointer;padding:10px;background-color:#c1c1c1;background-image:url("https://static.igem.org/mediawiki/2012/0/0c/HKU_mainbk.png");background-repeat:repeat;background-position:0 0;border-width:0 0 0 1px;border-style:solid;border-color:#C0C0C0;}
+
-
ul#css3menu2 ul li{
+
-
float:none;margin:10px 0 0;}
+
-
ul#css3menu2 ul a{
+
-
text-align:left;padding:4px;background-color:#FFFFFF;background-image:none;border-width:0;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;font:14px Tahoma;color:#000;text-decoration:none;}
+
-
ul#css3menu2 li:hover>a,ul#css3menu2 li a.pressed{
+
-
background-color:#f8ac00;border-color:#C0C0C0;border-style:solid;color:#000000;text-shadow:#FFF 0 0 1px;background-image:url("https://static.igem.org/mediawiki/2012/0/0c/HKU_mainbk.png");background-position:0 100px;text-decoration:none;}
+
-
ul#css3menu2 span{
+
-
display:block;overflow:visible;background-position:right center;background-repeat:no-repeat;padding-right:0px;}
+
-
ul#css3menu2 ul li:hover>a,ul#css3menu2 ul li a.pressed{
+
-
background-color:#FFFFFF;background-image:none;color:#868686;text-decoration:none;}
+
-
ul#css3menu2 li.topfirst>a{
+
-
border-radius:10px 0 0 10px;-moz-border-radius:10px 0 0 10px;-webkit-border-radius:10px;-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;}
+
-
ul#css3menu2 li.toplast>a{
+
-
border-radius:0 10px 10px 0;-moz-border-radius:0 10px 10px 0;-webkit-border-radius:0;-webkit-border-top-right-radius:10px;-webkit-border-bottom-right-radius:10px;}
+
-
 
+
-
</style>
+
-
</head>
+
-
<body>
+
-
<div id="main">
+
-
<!-- header begins -->
+
-
  <div id="header">
+
-
<div id="buttons">
+
-
      <p><img src="https://static.igem.org/mediawiki/igem.org/5/5d/Wiki_Wide_Band.jpg" alt="logo_HKU" width="859" height="160" /></p>
+
-
      <p>&nbsp;</p>
+
-
 
+
-
<!-- Start css3menu.com BODY section id=2 -->
+
-
<ul id="css3menu2" class="topmenu">
+
-
<li class="topfirst"><a href="https://2012.igem.org/Team:HKU_HongKong" style="height:26px;line-height:26px;">&nbsp;&nbsp;Home&nbsp;&nbsp;</a></li>
+
-
<li class="topmenu"><a href="#" style="height:26px;line-height:26px;">&nbsp;&nbsp;Team&nbsp;&nbsp;</a>
+
-
<ul>
+
-
<li><font size="10"><a href="https://2012.igem.org/Team:HKU_HongKong/Team/About_Us.html">About Us</a></li></font>
+
-
<li><font size="10"><a href="https://2012.igem.org/Team:HKU_HongKong/Team/Profiles.html">Profiles</a></li></font>
+
-
</ul>
+
-
    </li>
+
-
    <li class="topmenu"><a href="#" style="height:26px;line-height:26px;">&nbsp;&nbsp;Project&nbsp;&nbsp;</a>
+
-
    <ul>
+
-
<li><font size="10"><a href="https://2012.igem.org/Team:HKU_HongKong/Project/Background.html">Background</a></li></font>
+
-
<li><font size="10"><a href="https://2012.igem.org/Team:HKU_HongKong/Project/Future_Implications.html">Future Implications</a></li></font>
+
-
        </ul>
+
-
    </li>
+
-
    <li class="topmenu"><a href="#" style="height:26px;line-height:26px;">&nbsp;&nbsp;Data&nbsp;&nbsp;</a>
+
-
    <ul>
+
-
<li><font size="10"><a href="https://2012.igem.org/Team:HKU_HongKong/Data/Weekly_Notebook.html">Weekly Notebook</a></li></font>
+
-
      <li><font size="10"><a href="https://2012.igem.org/Team:HKU_HongKong/Data/Bio_Bricks.html">Bio Bricks</a></li></font>
+
-
<li><font size="10"><a href="https://2012.igem.org/Team:HKU_HongKong/Data/Results.html">Results</a></li></font>
+
-
        </ul>
+
-
    </li>
+
-
<li class="topmenu"><a href="#" style="height:26px;line-height:26px;">&nbsp;&nbsp;Protocols&nbsp;&nbsp;</a>
+
-
      <ul>
+
-
    <li><font size="10"><a href="https://2012.igem.org/Team:HKU_HongKong/Data/Mol_Protocols.html">&nbsp;Molecular Cloning&nbsp;</a></li></font>
+
-
<li><font size="10"><a href="https://2012.igem.org/Team:HKU_HongKong/Data/pvdQ_Protocols.html">&nbsp;pvdQ Expression Analysis&nbsp;</a></li></font>
+
-
</ul>
+
-
</li>
+
-
<li class="topmenu"><a href="https://2012.igem.org/Team:HKU_HongKong/Safety.html" style="height:26px;line-height:26px;">&nbsp;&nbsp;Safety&nbsp;&nbsp;</a></li>   
+
-
    <li class="toplast"><a href="https://2012.igem.org/Team:HKU_HongKong/Human_Practice.html" style="height:26px;line-height:26px;">&nbsp;&nbsp;Human Practice&nbsp;&nbsp;</a></li>
+
-
</ul>
+
-
<p>&nbsp;</p>
+
-
<h2 style="font-variant: normal; vertical-align: baseline; clear: left; color: #232323; font-family: Gentium Basic; letter-spacing: normal; line-height: 19.5px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; border: 0px none; margin: 0.7em 0px; padding: 0px">
+
-
<span style="font-weight: 400; ">
+
-
<font face="Trebuchet MS" size="6"><u>Human Practice</u><br>
+
-
&nbsp;</font></span></h2>
+
-
<p style="text-align: left; font-style: normal; font-variant: normal; font-weight: normal; font-size: 13px; vertical-align: baseline; color: #232323; font-family: Lato, Tahoma, Arial, sans-serif; letter-spacing: normal; line-height: 19.5px; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; border: 0px none; margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 20px; padding: 0px">
+
-
The city of Hong Kong is known as the world’s commercial hub. Logically, a large sum of money is invested in expansion of multinational enterprises, to gain a cutting edge financially and economically. In a country so focused on development and international recognition, the field of Synthetic Biology has not been given much attention. </p>
+
-
<p style="text-align: left; font-style: normal; font-variant: normal; font-weight: normal; font-size: 13px; vertical-align: baseline; color: #232323; font-family: Lato, Tahoma, Arial, sans-serif; letter-spacing: normal; line-height: 19.5px; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; border: 0px none; margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 20px; padding: 0px">
+
            <div id="footer" style="width: 1075px; height: 206px">
-
In an attempt to raise awareness of this upcoming field, University of Hong Kong’s iGEM team made three preliminary initiatives. We wanted to begin by educating the youth about this concept. Hence, we published an article in HKU’s Undergraduate Magazine, amagazine that is widely distributed amongst students at HKU. Our next move was to produce a video that further explained the concept. This video was extensively broadcasted throughout all televisions on HKU’s Main Campus. Lastly, we attempted a very novel strategy to publicize this field of Science. This innovative approach is called the “Flash Mob”. In one of the very crowded markets of Hong Kong, our group members took stage (without prior notice), and performed a short Drama to explain the workings of Synthetic Biology and advertise iGEM amidst the common public. All three approaches of reaching out to Hong Kong’s citizens about Synthetic Biology were quite effective.
+
    <p>&nbsp;</p>
-
</p>
+
    <p>&nbsp;</p>
-
<p style="text-align: left; font-style: normal; font-variant: normal; font-weight: normal; font-size: 13px; vertical-align: baseline; color: #232323; font-family: Lato, Tahoma, Arial, sans-serif; letter-spacing: normal; line-height: 19.5px; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; border: 0px none; margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 20px; padding: 0px">
+
-
Through our Human Practice projects, the concept of Synthetic Biology – a subject area concerning biological research and technology - was effectively delivered. In the coming years, this research area can be used to create new biological systems that will benefit society. It promises to decrease problems we are currently facing by implementing strategies for the degradation of pollutants, electricity generation, and medical treatments
+
-
</p>
+
 +
<p style="text-align: left">
 +
<font color="#0E9A40" face="Segoe UI Semibold"><b>
 +
<span style="font-size: 14pt">Our kind Sponsors:</span></b></font></p>
 +
<p style="text-align: left">
 +
<img border="0" src="https://static.igem.org/mediawiki/2012/8/82/0-APSC_logo-psd.jpg" width="352" height="163">&nbsp;&nbsp;&nbsp;
 +
<img border="0" src="https://static.igem.org/mediawiki/2012/1/19/Hku-logo.jpg" width="292" height="146"><img border="0" src="https://static.igem.org/mediawiki/2012/c/c7/Logo_kofa.jpg" width="406" height="98">&nbsp;&nbsp;
 +
</p></div>
 +
</div>
</body>
</body>
</html>
</html>

Latest revision as of 02:55, 27 September 2012

Team:HKU Hong Kong - 2012

Team:HKU HK

From 2011.igem.org