Difference between revisions of "Team:Hong Kong HKU/ex"
(11 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 16: | 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 67: | 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 73: | 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 136: | 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 234: | Line 153: | ||
{ | { | ||
padding:0px; | padding:0px; | ||
+ | list-style: none; | ||
} | } | ||
Line 240: | 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 247: | 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 253: | 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; |
+ | |||
} | } | ||
#main_menu a:hover | #main_menu a:hover | ||
{ | { | ||
− | color: # | + | color: #3e87b4; |
text-decoration:none; | text-decoration:none; | ||
} | } | ||
+ | |||
#main_img | #main_img | ||
Line 293: | Line 226: | ||
margin-top:-16px; | margin-top:-16px; | ||
} | } | ||
− | |||
.title | .title | ||
{ | { | ||
− | color: #00FFDC; | + | color: #00FFDC; <!--字的顏色--> |
− | text-align: center; | + | text-align: center; <!--置中--> |
− | font-size: | + | font-size: 500%; <!--字體大小--> |
− | font-family: 'Georgia','sans-serif'; | + | font-family: 'Georgia','sans-serif'; <!--字體字型--> |
− | font-weight: | + | font-weight: 900; <!--字體粗細,400為正常大小,700為bold--> |
} | } | ||
Line 324: | Line 256: | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | #line | |
{ | { | ||
− | display: | + | display:inline; |
− | + | margin-top: 5px; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | margin-top: | + | |
} | } | ||
− | + | footer | |
{ | { | ||
− | + | background: #d5def4; | |
− | + | width:100%; | |
− | + | height: 25px; | |
text-align: center; | 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 382: | Line 296: | ||
<li id="line"><a href = "https://2015.igem.org/Team:Hong_Kong_HKU">HOME</a></li> | <li id="line"><a href = "https://2015.igem.org/Team:Hong_Kong_HKU">HOME</a></li> | ||
<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 = "https://2015.igem.org/Team:Hong_Kong_HKU/Description"> | + | <li id="line"><a href = "#">PROJECT</a> |
+ | <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/Experiments">Experiments</a></li> | ||
+ | <li style = "margin-top: 3px"><a href = "https://2015.igem.org/Team:Hong_Kong_HKU/Results">Results</a></li> | ||
+ | <li style = "margin-top: 3px"><a href = "https://2015.igem.org/Team:Hong_Kong_HKU/Design">Design</a></li> | ||
+ | </ul> | ||
</li> | </li> | ||
− | <li id="line"><a href = "https://2015.igem.org/Team:Hong_Kong_HKU/Parts"> | + | <li id="line"><a href = "#">PARTS</a> |
+ | <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/Basic_Part">Basic Parts</a></li> | ||
+ | <li style = "margin-top: 3px"><a href = "https://2015.igem.org/Team:Hong_Kong_HKU/Composite_Part">Composite <br> Parts</a></li> | ||
+ | </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 397: | Line 323: | ||
<div id="globalWrapper"> | <div id="globalWrapper"> | ||
<div id="content"> | <div id="content"> | ||
− | + | ||
<!-- start content --> | <!-- start content --> | ||
<style> | <style> | ||
Line 421: | 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 = "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 = " | + | <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 = "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 = " | + | <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 493: | Line 392: | ||
<table border = "0" align = "right" cellpadding = "10px"> | <table border = "0" align = "right" cellpadding = "10px"> | ||
<tr> | <tr> | ||
− | <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 = " | + | <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 = "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 = " | + | <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 | + | <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 512: | 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
|
|