Difference between revisions of "Team:Hong Kong HKU/ex"
(24 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr"> | <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr"> | ||
<head> | <head> | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</head> | </head> | ||
Line 96: | Line 17: | ||
} | } | ||
− | h1, h2 | + | h1, h2 |
{ | { | ||
font-family: Georgia, Times, "Times New Roman", serif; | font-family: Georgia, Times, "Times New Roman", serif; | ||
} | } | ||
− | + | h3 | |
− | + | { | |
− | + | font-family: 'Avant Garde', Avantgarde, 'Century Gothic', CenturyGothic, AppleGothic, sans-serif; | |
− | + | font-size: 170%; | |
− | + | font-style: normal; | |
− | + | font-variant: normal; | |
− | + | font-weight: 400; | |
− | + | line-height: 100px; | |
− | + | letter-spacing: 1px; | |
− | + | color: #1ce3b6; | |
− | + | ||
+ | } | ||
− | + | h5 | |
− | + | { | |
− | + | font-family: 'Avant Garde', Avantgarde, 'Century Gothic', CenturyGothic, AppleGothic, sans-serif; | |
− | + | font-size: 170%; | |
− | + | font-style: normal; | |
− | + | font-variant: normal; | |
− | + | font-weight: 400; | |
− | + | line-height: 50px; | |
− | + | letter-spacing: 1px; | |
+ | color: #1ce3b6; | ||
+ | |||
+ | } | ||
+ | |||
+ | p | ||
+ | { | ||
+ | color: #000000; | ||
+ | font-family: 'Avant Garde', Avantgarde, 'Century Gothic', CenturyGothic, AppleGothic, sans-serif; | ||
+ | font-size: 12px; | ||
+ | font-style: normal; | ||
+ | font-variant: normal; | ||
+ | font-weight: 400; | ||
+ | line-height: 30px; | ||
+ | text-align: left; | ||
+ | margin:20px; | ||
+ | text-indent: 20px; | ||
+ | text-align: justify; | ||
+ | text-justify:inter-ideograph | ||
+ | } | ||
+ | |||
+ | h4 | ||
+ | { | ||
+ | font-family: 'Avant Garde', Avantgarde, 'Century Gothic', CenturyGothic, AppleGothic, sans-serif; | ||
+ | font-size: 120%; | ||
+ | font-style: normal; | ||
+ | font-variant: normal; | ||
+ | font-weight: 500; | ||
+ | line-height: 70px; | ||
+ | letter-spacing: 1px; | ||
+ | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
body { | body { | ||
Line 147: | Line 94: | ||
background-color: transparent; | background-color: transparent; | ||
} | } | ||
+ | |||
#contentcontainer { /*-- creates container for all content on page --*/ | #contentcontainer { /*-- creates container for all content on page --*/ | ||
Line 153: | Line 101: | ||
font-size: 14px; | font-size: 14px; | ||
color: #414141; | color: #414141; | ||
− | width: | + | width: 60%; |
− | margin-left: | + | margin-left: 20%; |
− | margin-right: | + | margin-right: 20%; |
− | background-color: | + | background-color: transparent; |
margin-top: 0px; | margin-top: 0px; | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
div.underconst | div.underconst | ||
Line 216: | Line 133: | ||
#newsContainer {border: 1px solid #ccc;} | #newsContainer {border: 1px solid #ccc;} | ||
− | + | ||
− | + | #main_menu | |
− | + | { | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
width: 100%; | width: 100%; | ||
height: 60px; | height: 60px; | ||
background-color: rgba(255,255,255,0.5); | background-color: rgba(255,255,255,0.5); | ||
text-align: center; | text-align: center; | ||
− | word-spacing: | + | word-spacing: 35px; |
z-index:100; | z-index:100; | ||
position:fixed; | position:fixed; | ||
Line 314: | Line 153: | ||
{ | { | ||
padding:0px; | padding:0px; | ||
+ | list-style: none; | ||
} | } | ||
Line 320: | Line 160: | ||
display:none; | display:none; | ||
height:auto; | height:auto; | ||
− | padding-top: | + | padding-top: 65px; |
padding-right:10px; | padding-right:10px; | ||
+ | padding-bottom:10px; | ||
+ | padding-left:10px; | ||
border:0px; | border:0px; | ||
position:fixed; | position:fixed; | ||
Line 327: | Line 169: | ||
z-index:100; | z-index:100; | ||
text-align: left; | text-align: left; | ||
− | margin-top:- | + | margin-top: -41px; |
+ | list-style: none; | ||
+ | background-color: rgba(255,255,255,0.5); | ||
} | } | ||
Line 333: | Line 177: | ||
{ | { | ||
font-family: 'Avant Garde', Avantgarde, 'Century Gothic', CenturyGothic, AppleGothic, sans-serif; | font-family: 'Avant Garde', Avantgarde, 'Century Gothic', CenturyGothic, AppleGothic, sans-serif; | ||
− | color: # | + | color: #303e67; |
− | font-size: | + | font-size: 120%; |
border: 0px; | border: 0px; | ||
font-weight:500; | font-weight:500; | ||
margin-top: 10px; | margin-top: 10px; | ||
text-decoration:none; | text-decoration:none; | ||
+ | list-style: none; | ||
+ | word-spacing: 2px; | ||
+ | letter-spacing: 2px; | ||
+ | line-height: 15px; | ||
} | } | ||
#main_menu li ul a:hover | #main_menu li ul a:hover | ||
{ | { | ||
− | color: # | + | color: #3e87b4; |
+ | list-style: none; | ||
} | } | ||
#main_menu li:hover ul{ | #main_menu li:hover ul{ | ||
display:block; | display:block; | ||
+ | list-style: none; | ||
} | } | ||
#main_menu a | #main_menu a | ||
{ | { | ||
− | color: # | + | color: #303e67; |
− | font-size: | + | font-size: 140%; |
+ | letter-spacing: 3px; | ||
border: 0px; | border: 0px; | ||
text-align: center; | text-align: center; | ||
font-weight:500; | font-weight:500; | ||
font-family: 'Avant Garde', Avantgarde, 'Century Gothic', CenturyGothic, AppleGothic, sans-serif; | font-family: 'Avant Garde', Avantgarde, 'Century Gothic', CenturyGothic, AppleGothic, sans-serif; | ||
− | font-weight: 500; | + | font-weight: 500; |
} | } | ||
Line 364: | Line 215: | ||
#main_menu a:hover | #main_menu a:hover | ||
{ | { | ||
− | color: # | + | color: #3e87b4; |
text-decoration:none; | text-decoration:none; | ||
} | } | ||
Line 374: | Line 225: | ||
text-align:center; | text-align:center; | ||
margin-top:-16px; | margin-top:-16px; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
Line 428: | Line 261: | ||
display:inline; | display:inline; | ||
margin-top: 5px; | margin-top: 5px; | ||
+ | } | ||
+ | |||
+ | footer | ||
+ | { | ||
+ | background: #d5def4; | ||
+ | width:100%; | ||
+ | height: 25px; | ||
+ | text-align: center; | ||
+ | margin-bottom: -20px; | ||
+ | } | ||
+ | |||
+ | footer p | ||
+ | { | ||
+ | color:#37466b; | ||
+ | text-align: center; | ||
+ | font-size: 100%; | ||
+ | |||
+ | } | ||
+ | |||
+ | footer a | ||
+ | { | ||
+ | text-align: center; | ||
+ | font-size: 100%; | ||
+ | color: #4260ab; | ||
+ | |||
} | } | ||
Line 439: | Line 297: | ||
<li id="line"><a href = "https://2015.igem.org/Team:Hong_Kong_HKU/Team">TEAM</a></li> | <li id="line"><a href = "https://2015.igem.org/Team:Hong_Kong_HKU/Team">TEAM</a></li> | ||
<li id="line"><a href = "#">PROJECT</a> | <li id="line"><a href = "#">PROJECT</a> | ||
− | <ul style="margin-left: | + | <ul style="margin-left: 18%;"> |
<li style = "margin-top: 3px"><a href = "https://2015.igem.org/Team:Hong_Kong_HKU/Description">Description</a></li> | <li style = "margin-top: 3px"><a href = "https://2015.igem.org/Team:Hong_Kong_HKU/Description">Description</a></li> | ||
<li style = "margin-top: 3px"><a href = "https://2015.igem.org/Team:Hong_Kong_HKU/Experiments">Experiments</a></li> | <li style = "margin-top: 3px"><a href = "https://2015.igem.org/Team:Hong_Kong_HKU/Experiments">Experiments</a></li> | ||
Line 447: | Line 305: | ||
</li> | </li> | ||
<li id="line"><a href = "#">PARTS</a> | <li id="line"><a href = "#">PARTS</a> | ||
− | <ul style="margin-left: | + | <ul style="margin-left:26.6%;"> |
<li style = "margin-top: 3px"><a href = "https://2015.igem.org/Team:Hong_Kong_HKU/Parts">Team Parts</a></li> | <li style = "margin-top: 3px"><a href = "https://2015.igem.org/Team:Hong_Kong_HKU/Parts">Team Parts</a></li> | ||
<li style = "margin-top: 3px"><a href = "https://2015.igem.org/Team:Hong_Kong_HKU/Basic_Part">Basic Parts</a></li> | <li style = "margin-top: 3px"><a href = "https://2015.igem.org/Team:Hong_Kong_HKU/Basic_Part">Basic Parts</a></li> | ||
− | <li style = "margin-top: 3px"><a href = "https://2015.igem.org/Team:Hong_Kong_HKU/Composite_Part">Composite | + | <li style = "margin-top: 3px"><a href = "https://2015.igem.org/Team:Hong_Kong_HKU/Composite_Part">Composite <br> Parts</a></li> |
− | + | ||
</ul> | </ul> | ||
</li> | </li> | ||
<li id="line"><a href = "https://2015.igem.org/Team:Hong_Kong_HKU/Modeling">MODELING</a></li> | <li id="line"><a href = "https://2015.igem.org/Team:Hong_Kong_HKU/Modeling">MODELING</a></li> | ||
+ | <li id="line"><a href = "https://2015.igem.org/Team:Hong_Kong_HKU/Notebook">NOTEBOOK</a></li> | ||
<li id="line"><a href = "https://2015.igem.org/Team:Hong_Kong_HKU/Attributions">ATTRIBUTIONS</a></li> | <li id="line"><a href = "https://2015.igem.org/Team:Hong_Kong_HKU/Attributions">ATTRIBUTIONS</a></li> | ||
<li id="line"><a href = "https://2015.igem.org/Team:Hong_Kong_HKU/Practices">HUMANPRACTICES</a></li> | <li id="line"><a href = "https://2015.igem.org/Team:Hong_Kong_HKU/Practices">HUMANPRACTICES</a></li> | ||
Line 465: | Line 323: | ||
<div id="globalWrapper"> | <div id="globalWrapper"> | ||
<div id="content"> | <div id="content"> | ||
− | + | ||
<!-- start content --> | <!-- start content --> | ||
<style> | <style> | ||
Line 489: | Line 347: | ||
</table> | </table> | ||
<!-- end of first block --> | <!-- end of first block --> | ||
+ | <div id="contentcontainer"> | ||
<!-- Block of content 1 --> | <!-- Block of content 1 --> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
<!-- Content goes here --> | <!-- Content goes here --> | ||
+ | <table width="100%" cellspacing="0" height="70px" border = "0"> </table> | ||
− | < | + | <h5 align = "center">CONTROLLABLE CELL DEATH AND <br> DNA DEGRADATION BY CRISPR CAS SYSTEM</h5> |
− | <h4>Project Description</h4 | + | <table width="100%" cellspacing="0" height="50px" border = "0"> </table> |
− | + | <h4>Project Description</h4> | |
− | <p | + | |
− | + | <p>The development of synthetic biology aroused the concerns of biosafety problems due to the great editing and recreation of genome, resulting in the difficulty predicting the behavior of synthetic organism. Accidental spreading of synthetic organism may pose a threat to our environment. In the past few years, several iGEM teams has discussed and reported the need for a standard safety cassette for synthetic biology. Our teammates viewed this as an important issue. Some past teams also focused on this topic, such as xx using DNase e.t.c. We would like to design a better circuit, which is highly regulated and cheaper control to suit the goal. | |
</p> | </p> | ||
<!--第二段敘述,第三段以此類推--> | <!--第二段敘述,第三段以此類推--> | ||
− | <p | + | <p>This summer we investigated the innate function of CRISPR Cas systems in prokaryotes and tried to apply its cleavage for the purpose of biosafety. In our project we design and engineer a biological circuit called killing switch, which can perform destruction of DNA when the genetic modified organisms leave the required conditions, and then transfer the system into ''E. coli''.</p> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
<!-- This is the back to top button --> | <!-- This is the back to top button --> | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
<!-- end of Block--> | <!-- end of Block--> | ||
<!-- Block of content 2 --> | <!-- Block of content 2 --> | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
<!-- Content goes here --> | <!-- Content goes here --> | ||
− | <h3 | + | <h3 align = "center">CATEGORY</h3> <!--藍綠色標題--> |
− | <table width=" | + | <table width="850px" cellspacing="0" cellpadding = "10px"> |
<tr> | <tr> | ||
<td> | <td> | ||
<table border="0" align = "left" cellpadding = "10px"> | <table border="0" align = "left" cellpadding = "10px"> | ||
<tr> | <tr> | ||
− | <td colspan = "2 | + | <td colspan = "2"><a href = "https://2015.igem.org/Team:Hong_Kong_HKU/Description"><img class = "image" src = "https://static.igem.org/mediawiki/2015/e/ed/HKU_project.jpg" height = "35%"/></a></td> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
− | <td><a href = " | + | <td><a href = "https://2015.igem.org/Team:Hong_Kong_HKU/Practices"><img class = "image" src = "https://static.igem.org/mediawiki/2015/3/37/HKU_human_practice.jpg" height = "35%"/></a></td> |
− | <td><a href = " | + | <td><a href = "https://2015.igem.org/Team:Hong_Kong_HKU/Team"><img class = "image" src = "https://static.igem.org/mediawiki/2015/d/db/HKU_team.jpg" height = "35%"/></a></td> |
</tr> | </tr> | ||
</table> | </table> | ||
Line 560: | Line 392: | ||
<table border = "0" align = "right" cellpadding = "10px"> | <table border = "0" align = "right" cellpadding = "10px"> | ||
<tr> | <tr> | ||
− | <td><a href = " | + | <td><a href = "https://2015.igem.org/Team:Hong_Kong_HKU/Modeling"><img class = "image" src = "https://static.igem.org/mediawiki/2015/8/89/HKU_modeling.jpg" height = "35%"/></a> |
</td> | </td> | ||
− | <td><a href = " | + | <td><a href = "https://2015.igem.org/Team:Hong_Kong_HKU/Safety"><img class = "image" src = "https://static.igem.org/mediawiki/2015/9/91/HKU_safety.jpg" height = "35%"/></a> |
</td> | </td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
− | <td colspan = "2"><a href = " | + | <td colspan = "2"><a href = "https://2015.igem.org/Team:Hong_Kong_HKU/Parts"><img class = "image" src = "https://static.igem.org/mediawiki/2015/1/17/HKU_parts.jpg" height = "35%"/></a> |
</td> | </td> | ||
</tr> | </tr> | ||
Line 573: | Line 405: | ||
</tr> | </tr> | ||
</table> | </table> | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | <h3 | + | <h3 align = "center">SPONSOR</h3> <!--藍綠色標題--> |
<h4></h4> <!--黑色粗體標題----> | <h4></h4> <!--黑色粗體標題----> | ||
<p class = "description"></p> <!--第一段敘述--> | <p class = "description"></p> <!--第一段敘述--> | ||
<p class = "description"></p> <!--第二段敘述,第三段以此類推--> | <p class = "description"></p> <!--第二段敘述,第三段以此類推--> | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
+ | <footer> | ||
+ | <p>For more information, visit our <a href = "https://www.facebook.com/igemhku2015/">Facebook</a>or write an <a href = "mailto:igemhku@hku.hk">Email</a></p> | ||
+ | </footer> | ||
</body> | </body> | ||
</html> | </html> |
Latest revision as of 16:53, 17 September 2015
CONTROLLABLE CELL DEATH AND
DNA DEGRADATION BY CRISPR CAS SYSTEM
Project Description
The development of synthetic biology aroused the concerns of biosafety problems due to the great editing and recreation of genome, resulting in the difficulty predicting the behavior of synthetic organism. Accidental spreading of synthetic organism may pose a threat to our environment. In the past few years, several iGEM teams has discussed and reported the need for a standard safety cassette for synthetic biology. Our teammates viewed this as an important issue. Some past teams also focused on this topic, such as xx using DNase e.t.c. We would like to design a better circuit, which is highly regulated and cheaper control to suit the goal.
This summer we investigated the innate function of CRISPR Cas systems in prokaryotes and tried to apply its cleavage for the purpose of biosafety. In our project we design and engineer a biological circuit called killing switch, which can perform destruction of DNA when the genetic modified organisms leave the required conditions, and then transfer the system into ''E. coli''.
CATEGORY
|
|