Team:Hong Kong HKUST/experiment/exp1
From 2013.igem.org
(Created page with "<div id="slide1"> <h3>Safe application:</h3> <p id="yo">We thought safe application was a very important aspect of our project because we thought that in the future our project w...") |
|||
Line 1: | Line 1: | ||
- | < | + | <html> |
- | < | + | <head> |
- | < | + | <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"> |
- | < | + | </script> |
- | < | + | |
- | <h3> | + | <script type="text/javascript"> |
- | <p id="yo"> | + | $(document).ready(function(){ |
- | + | $("ul.first > li").hover(function(){ | |
- | + | $(this).find("ul").stop().fadeToggle(10); | |
+ | }); | ||
+ | }); | ||
+ | </script> | ||
+ | |||
+ | <script> | ||
+ | $(document).ready(function() | ||
+ | { | ||
+ | $('#menubar').mouseover(function(){ | ||
+ | $('#menubar').stop().animate({top:"0px"},500); | ||
+ | }); | ||
+ | $('#menubar').mouseleave(function(){ | ||
+ | $('#menubar').stop().animate({top:"-20px"},500); | ||
+ | }); | ||
+ | $('#menubar.right-menu').mouseover(function(){ | ||
+ | $('#menubar.right-menu').stop().animate({top:"0px"},500); | ||
+ | }); | ||
+ | $('#menubar.right-menu').mouseleave(function(){ | ||
+ | $('#menubar.right-menu').stop().animate({top:"-20px"},500); | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
+ | <style type="text/css"> | ||
+ | body{background-color:#494042;width:100%;margin-bottom:20px;min-width:600px;max-width:2000px;height:100%;} | ||
+ | #menubar | ||
+ | {background-color:#EEECEC;opacity:0.8;top:-4px;width:360px;height:23px;position:absolute;top:-20px;} | ||
+ | #menubar ul li a | ||
+ | { color:#8D1919;} | ||
+ | #menubar.right-menu | ||
+ | {background-color:#EEECEC;opacity:0.8;top:-4px;width:240px;height:23px;position:absolute;top:-20px;} | ||
+ | .right-menu li a | ||
+ | {color:#8D1919;background-color:#EEECEC;} | ||
+ | #p-logo | ||
+ | {visibility:hidden;} | ||
+ | .firstHeading | ||
+ | {visibility:hidden;} | ||
+ | #globalWrapper | ||
+ | {position: relative;font-size:127%;width:100%;margin:0;padding:0;padding-bottom:10px;background-color:#494042;} | ||
+ | #content | ||
+ | {width: 1000px;border:none;background-color:#494042;padding:0px;margin-top:0px;line-height: 1.5em;color: black;} | ||
+ | #top-section | ||
+ | {height:2px;border:none;background-color:#494042;} | ||
+ | #catlinks | ||
+ | {border-color:#494042;background-color:#494042;} | ||
+ | #footer-box | ||
+ | {display:none} | ||
+ | #kepala | ||
+ | {position:absolute;top:15px;background-color:#F0A5BE;height:121px;width:100%;} | ||
+ | #copyright | ||
+ | {position:absolute;left:325px;top:630px;} | ||
+ | .menu ul,li | ||
+ | { | ||
+ | margin:0; | ||
+ | padding:0; | ||
+ | list-style:none; | ||
+ | width:100%; | ||
+ | } | ||
+ | ul.first>li | ||
+ | { | ||
+ | float:left; | ||
+ | width:16.66%; | ||
+ | } | ||
+ | ul.first>li>a:link,ul.first>li>a:visited | ||
+ | { | ||
+ | display:block; | ||
+ | font-weight:bold; | ||
+ | color:#494042; | ||
+ | background-color:#35bb91; | ||
+ | text-align:center; | ||
+ | padding:3%; | ||
+ | text-decoration:none; | ||
+ | text-transform:uppercase; | ||
+ | } | ||
+ | |||
+ | ul.first>li>a:hover,ul.first>li>a:active | ||
+ | { | ||
+ | background-color:#e32e51; | ||
+ | } | ||
+ | |||
+ | ul.first>li>ul | ||
+ | { | ||
+ | display:none; | ||
+ | width:100%; | ||
+ | } | ||
+ | |||
+ | ul.first>li>ul>li>a:link,ul.first>li>ul>li>a:visited | ||
+ | { | ||
+ | display:block; | ||
+ | font-weight:bold; | ||
+ | color:#494042; | ||
+ | background-color:#8ff5d5; | ||
+ | text-align:center; | ||
+ | padding:3%; | ||
+ | text-decoration:none; | ||
+ | text-transform:uppercase; | ||
+ | } | ||
+ | |||
+ | ul.first>li>ul>li>a:hover,ul.first>li>ul>li>a:active | ||
+ | { | ||
+ | background-color:#f87790; | ||
+ | } | ||
+ | .menu | ||
+ | { | ||
+ | position:absolute; | ||
+ | left:0px; | ||
+ | top:141px; | ||
+ | width:100%; | ||
+ | } | ||
+ | ul, ol { | ||
+ | line-height: 1.6; | ||
+ | font-size: 14px; | ||
+ | } | ||
+ | #slide{width:96%;height:auto;background-color:#F4DFC0;margin-top:80px;border:2px solid; | ||
+ | border-radius:15px;padding-right:10px;margin-left:15px;} | ||
+ | .center | ||
+ | { | ||
+ | margin:auto; | ||
+ | width:70%; | ||
+ | background-color:#b0e0e6; | ||
+ | } | ||
+ | #interview, #article, #interview1, #presentation1,#article1 | ||
+ | {margin-top:20px;width:48%;float:left;height:auto; border:2px solid; | ||
+ | border-radius:15px;font-family:"Trebuchet MS", Helvetica, sans-serif;padding-bottom:15px;} | ||
+ | #presentation{margin-top:20px;width:48%;float:right;height:auto; border:2px solid; | ||
+ | border-radius:15px;font-family:"Trebuchet MS", Helvetica, sans-serif;padding-bottom:15px;} | ||
+ | #interview | ||
+ | {background:#e32e51;} | ||
+ | #interview1 | ||
+ | {background:#35bb91;} | ||
+ | #presentation,#article1 | ||
+ | {background:#35bb91;margin-left:20px;} | ||
+ | #article,#presentation1 | ||
+ | {background:#000000;} | ||
+ | #art-desc,#pre-desc,#int-desc{width:50%;float:right;margin-right:8px;} | ||
+ | #art-img,#pre-img,#int-img{width:45%;float:left;margin-left:5px;} | ||
+ | #art-desc-text,#pre-desc-text,#int-desc-text{float:right;} | ||
+ | h3,h1,#yo{margin-left:10px;font-family:"Trebuchet MS", Helvetica, sans-serif;} | ||
+ | h3.title{font-size:40px;} | ||
+ | #hey{font-size:28px;margin-left:10px;font-family:"Trebuchet MS", Helvetica, sans-serif;} | ||
+ | |||
+ | </style> | ||
+ | </head> | ||
+ | <body> | ||
+ | <a href=https://2013.igem.org/Team:Hong_Kong_HKUST><center><div id="kepala"><img src="https://static.igem.org/mediawiki/igem.org/c/c7/BANNER1_%281%29.png" style="height:121px;width:100%;"></div></center></a> | ||
+ | |||
+ | <div class="menu"> | ||
+ | <ul class="first"> | ||
+ | |||
+ | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST">Home</a></li> | ||
+ | |||
+ | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/team">Team</a> | ||
+ | <ul> | ||
+ | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/members">Members</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/advisors">Advisors</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/instructors">Instructors</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/attribution">Attribution</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/acknowledge">Acknowledgement</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/Project">Project</a> | ||
+ | <ul> | ||
+ | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/abstract">Abstract</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/modules">Modules Description</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/data">Data Page</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/Parts">Parts</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/characterization">Characterization</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/results">Result</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/future">Future Work</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/Wetlab">Wetlab</a> | ||
+ | <ul> | ||
+ | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/notebook">Notebook</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/protocols">Protocols</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/safety">Safety</a></li> | ||
+ | |||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/achievement">Achievement</a> | ||
+ | <ul> | ||
+ | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/medals">Medal Requirements</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/prizes">Prizes</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/hp">Human Practice</a> | ||
+ | <ul> | ||
+ | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/hp/cp">Country Profile</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/hp/blog">Blog</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/hp/interview">Interviews</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/hp/article/genet">Article</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/hp/video">Videos</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/hp/presentation">Presentations</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | </ul> | ||
+ | |||
+ | </div> | ||
+ | <br><br><br><div id="slide"><center><h3 class="title">Blogging Synthetic Biology</h3></center><br> | ||
+ | <h3>Introduction</h3> | ||
+ | <p id="yo">For one of our human practice projects, our team investigated the current development of synthetic biology in some of the Asian countries. While doing research, we found out that synthetic biology is really a new field in science and that is not well-known in Asia. In fact, when some of our members tried to research information about synthetic biology in Cantonese, we could not find any webpages dedicated to share information about synthetic biology for the public in Hong Kong. To address this observation, we have decided to use an easily accessible platform called Google Blogger. This blog will be used as mean to introduce synthetic biology, share our experience and our project, and report current events related to synthetic biology. It will be written in Chinese and English so that most people in Hong Kong can read it easily and pay more attention to this new field in science. By providing holistic and informational blog posts, we aim at raising the public awareness to synthetic biology.</p><br> | ||
+ | <h3>A Sneak Peek of Our Blog</h3><br> | ||
+ | <center><img src="https://static.igem.org/mediawiki/2013/2/2e/Blog-cecilia.png" style="width:90%"></center><br> | ||
+ | <br> | ||
+ | <p id="hey">CLICK <a href="http://synbiohk.blogspot.hk">HERE</a> TO VISIT OUR BLOG! </p> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | |||
+ | </body> | ||
+ | |||
+ | </html> |
Revision as of 12:45, 27 September 2013
Blogging Synthetic Biology
Introduction
For one of our human practice projects, our team investigated the current development of synthetic biology in some of the Asian countries. While doing research, we found out that synthetic biology is really a new field in science and that is not well-known in Asia. In fact, when some of our members tried to research information about synthetic biology in Cantonese, we could not find any webpages dedicated to share information about synthetic biology for the public in Hong Kong. To address this observation, we have decided to use an easily accessible platform called Google Blogger. This blog will be used as mean to introduce synthetic biology, share our experience and our project, and report current events related to synthetic biology. It will be written in Chinese and English so that most people in Hong Kong can read it easily and pay more attention to this new field in science. By providing holistic and informational blog posts, we aim at raising the public awareness to synthetic biology.
A Sneak Peek of Our Blog
CLICK HERE TO VISIT OUR BLOG!