Difference between revisions of "Team:Hong Kong HKU/ex"

Line 295: Line 295:
 
.annItem li {list-style: none; margin: 5px}
 
.annItem li {list-style: none; margin: 5px}
 
 
−
#main_menu
+
#main_menu
 
{
 
{
 
width: 100%;
 
width: 100%;
Line 304: Line 304:
 
z-index:100;
 
z-index:100;
 
position:fixed;
 
position:fixed;
−
}
+
}
−
#line
+
 +
#main_menu nav
 
{
 
{
−
display:inline;
+
margin-top: 20px;
 
}
 
}
 
 
 
#main_menu ul
 
#main_menu ul
 
{
 
{
−
    list-style:none;
+
padding:0px;
−
    margin:0;
+
−
    padding:0;
+
 
}
 
}
 
 
−
#main_menu li{
+
#main_menu li ul
−
    padding:0px;
+
{
 +
display:none;
 +
height:auto;
 +
padding-top: 50px;
 +
padding-right:10px;
 +
border:0px;
 +
position:fixed;
 +
width:auto;
 +
z-index:100;
 +
text-align: left;
 +
margin-top:-25px;
 +
}
 
 
 +
#main_menu li ul a
 +
{
 +
font-family: 'Avant Garde', Avantgarde, 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
 +
color: #00eeff;
 +
font-size: 150%;
 +
border: 0px;
 +
font-weight:500;
 +
margin-top: 10px;
 +
text-decoration:none;
 
}
 
}
 
 
−
#main_menu li ul{
+
#main_menu li ul a:hover
−
    display:none;
+
{
−
    height:auto;
+
color: #FFA500;
−
    padding:0px;
+
−
    border:0px;
+
−
    position:absolute;
+
−
    width:200px;
+
−
    z-index:100;
+
−
    /*top:1em;
+
−
    /*left:0;*/
+
 
}
 
}
 
 
Line 337: Line 349:
 
     display:block;
 
     display:block;
 
}
 
}
−
+
 
#main_menu a
 
#main_menu a
 
{
 
{
 
color: #0E1A40;
 
color: #0E1A40;
−
font-size: 200%;
+
font-size: 150%;
 
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-weight: 500; <!--字體粗細，400為正常大小，700為bold-->
 +
 
}
 
}
 
 
 
#main_menu a:hover
 
#main_menu a:hover
 
{
 
{
−
color: #32A9F1;
+
color: #FFA500;
 +
text-decoration:none;
 
}
 
}
 
 
−
 
−
#main_menu_nav
 
−
{
 
−
margin-top: 20px;
 
−
}
 
 
 
 
#main_img
 
#main_img
Line 363: Line 374:
 
text-align:center;
 
text-align:center;
 
margin-top:-16px;
 
margin-top:-16px;
 +
}
 +
 +
.category_sub
 +
{
 +
display:none;
 +
height:auto;
 +
padding-top: 50px;
 +
padding-right:10px;
 +
border:0px;
 +
position:fixed;
 +
width:auto;
 +
z-index:100;
 +
text-align: left;
 +
}
 +
 +
.category_sub:hover
 +
{
 +
display: block;
 
}
 
}
 
 
Line 370: Line 399:
 
text-align: center; <!--置中-->
 
text-align: center; <!--置中-->
 
font-size: 500%; <!--字體大小-->
 
font-size: 500%; <!--字體大小-->
−
font-family: Georgia,sans-serif;  <!--字體字型-->
+
font-family: 'Georgia','sans-serif';  <!--字體字型-->
 
font-weight: 900; <!--字體粗細，400為正常大小，700為bold-->
 
font-weight: 900; <!--字體粗細，400為正常大小，700為bold-->
 
}
 
}
Line 379: Line 408:
 
text-align: left;
 
text-align: left;
 
}
 
}
−
+
 +
.image
 +
{
 +
box-shadow: 9px 9px 7px #A7A7A7;
 +
opacity:1.0;
 +
filter:alpha(opacity=100);
 +
}
 +
 +
.image:hover
 +
{
 +
box-shadow: 9px 9px 7px #A7A7A7;
 +
opacity:0.4;
 +
filter:alpha(opacity=40);
 +
}
 +
 +
 +
#line
 +
{
 +
display:inline;
 +
margin-top: 5px;
 +
}
 +
 
</style>
 
</style>
 
 
−
 
+
 
<header id = "main_menu">
 
<header id = "main_menu">
−
<nav id = "main_menu_nav">
+
<nav>
−
<ul>
+
<ul>
−
<li id="line"><a href = "https://2015.igem.org/Team:Hong_Kong_HKU">HOME</a>
+
<li id="line"><a href = "https://2015.igem.org/Team:Hong_Kong_HKU">HOME</a></li>
−
<ul style="margin-left:100px">
+
<li id="line"><a href = "https://2015.igem.org/Team:Hong_Kong_HKU/Team">TEAM</a></li>
−
<li><a href="@">a</a></li>
+
<li id="line"><a href = "#">PROJECT</a>
−
<li><a href="@">b</a></li>
+
<ul style="margin-left: 28%;">
−
</ul>
+
<li style = "margin-top: 3px"><a href = "https://2015.igem.org/Team:Hong_Kong_HKU/Description">Description</a></li>
−
</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 id="line"><a href = "https://2015.igem.org/Team:Hong_Kong_HKU/Team">TEAM</a>
+
<li style = "margin-top: 3px"><a href = "https://2015.igem.org/Team:Hong_Kong_HKU/Design">Design</a></li>
−
<ul style="margin-left:200px">
+
</ul>
−
<li><a href="@">a</a></li>
+
</li>
−
<li><a href="@">b</a></li>
+
<li id="line"><a href = "#">PARTS</a>
−
</ul>
+
<ul style="margin-left:36%;">
−
</li>
+
<li style = "margin-top: 3px"><a href = "https://2015.igem.org/Team:Hong_Kong_HKU/Parts">Team Parts</a></li>
−
<li id="line"><a href = "https://2015.igem.org/Team:Hong_Kong_HKU/Project">PROJECT</a>
+
<li style = "margin-top: 3px"><a href = "https://2015.igem.org/Team:Hong_Kong_HKU/Basic_Part">Basic Parts</a></li>
−
    <ul style="margin-left:320px">
+
<li style = "margin-top: 3px"><a href = "https://2015.igem.org/Team:Hong_Kong_HKU/Composite_Part">Composite Parts</a></li>
−
<li><a href="@">a</a></li>
+
<li style = "margin-top: 3px"><a href = "https://2015.igem.org/Team:Hong_Kong_HKU/Part_Collection">Part Collection</a></li>
−
<li><a href="@">b</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/Parts">PARTS</a>
+
<li id="line"><a href = "https://2015.igem.org/Team:Hong_Kong_HKU/Attributions">ATTRIBUTIONS</a></li>
−
<ul style="margin-left:450px">
+
<li id="line"><a href = "https://2015.igem.org/Team:Hong_Kong_HKU/Practices">HUMANPRACTICES</a></li>
−
<li><a href="@">a</a></li>
+
<li id="line"><a href = "https://2015.igem.org/Team:Hong_Kong_HKU/Safety">SAFETY</a></li>
−
<li><a href="@">b</a></li>
+
−
</ul>
+
−
</li>
+
−
<li id="line"><a href = "https://2015.igem.org/Team:Hong_Kong_HKU/Modeling">MODELING</a>
+
−
<ul style="margin-left:590px">
+
−
<li><a href="@">a</a></li>
+
−
<li><a href="@">b</a></li>
+
−
</ul>
+
−
</li>
+
−
<li id="line"><a href = "https://2015.igem.org/Team:Hong_Kong_HKU/Attributions">ATTRIBUTIONS</a>
+
−
<ul style="margin-left:780px">
+
−
<li><a href="@">a</a></li>
+
−
<li><a href="@">b</a></li>
+
−
</ul>
+
−
</li>
+
−
<li id="line"><a href = "https://2015.igem.org/Team:Hong_Kong_HKU/Practices">HUMANPRACTICES</a>
+
−
<ul style="margin-left:1025px">
+
−
<li><a href="@">a</a></li>
+
−
<li><a href="@">b</a></li>
+
−
</ul>
+
−
</li>
+
−
<li id="line"><a href = "https://2015.igem.org/Team:Hong_Kong_HKU/Safety">SAFETY</a>
+
−
<ul style="margin-left:1215px">
+
−
<li><a href="@">a</a></li>
+
−
<li><a href="@">b</a></li>
+
−
</ul>
+
−
</li>
+
 
</ul>
 
</ul>
 
</nav>
 
</nav>
−
</header>
+
</header>
−
+
−
+
−
<!--<script>
+
−
                $('a.menu').click(function(){
+
−
    $('a.menu').removeClass("active");
+
−
    $(this).addClass("active");
+
−
});
+
−
        </script>-->
+
−
+
 
 
 
<body class="mediawiki  ltr ns-0 ns-subject page-Team_Hong_Kong_HKU">
 
<body class="mediawiki  ltr ns-0 ns-subject page-Team_Hong_Kong_HKU">
Line 518: Line 532:
 
<table  width="975px"  cellspacing="0" height="500px">
 
<table  width="975px"  cellspacing="0" height="500px">
 
<tr>
 
<tr>
−
<td width="95%" rowspan="3" align="left">  
+
<td width="95%" rowspan="3" align="center">  
  
 
<!-- Content goes here -->
 
<!-- Content goes here -->
 
 
 
<h3 class = "title" align = "center">CATEGORY</h3> <!--藍綠色標題-->
 
<h3 class = "title" align = "center">CATEGORY</h3> <!--藍綠色標題-->
−
<h4>Project Description</h4> <!--黑色粗體標題---->
+
<table width="975px"  cellspacing="0" cellpadding = "10px">
−
<p class = "description"></p> <!--第一段敘述-->
+
<tr>
−
+
<td>
−
<p class = "description"></p> <!--第二段敘述，第三段以此類推-->
+
<table border="0" align = "left" cellpadding = "10px">
−
+
<tr>
 +
<td colspan = "2"><a href = "#"><img class = "image" src = "https://static.igem.org/mediawiki/2015/e/ed/HKU_project.jpg" height = "50%"/></a></td>
 +
<ul class = "category_sub"  style="margin-left: 25%; margin-bottom: 20%">
 +
<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>
 +
</tr>
 +
<tr>
 +
<td><a href = "#"><img class = "image" src = "https://static.igem.org/mediawiki/2015/3/37/HKU_human_practice.jpg" height = "50%"/></a></td>
 +
<td><a href = "#"><img class = "image" src = "https://static.igem.org/mediawiki/2015/d/db/HKU_team.jpg" height = "50%"/></a></td>
 +
</tr>
 +
</table>
 +
</td>
 +
 +
<td>
 +
<table border = "0" align = "right" cellpadding = "10px">
 +
<tr>
 +
<td><a href = "#"><img class = "image" src = "https://static.igem.org/mediawiki/2015/8/89/HKU_modeling.jpg" height = "50%"/></a>
 +
</td>
 +
<td><a href = "#"><img class = "image" src = "https://static.igem.org/mediawiki/2015/9/91/HKU_safety.jpg" height = "50%"/></a>
 +
</td>
 +
</tr>
 +
<tr>
 +
<td colspan = "2"><a href = "#"><img class = "image" src = "https://static.igem.org/mediawiki/2015/1/17/HKU_parts.jpg" height = "50%"/></a>
 +
</td>
 +
</tr>
 +
</table>
 +
</td>
 +
</tr>
 +
</table>
 
</td>   
 
</td>   
−
</tr>
+
</tr>
−
 
+
−
<!-- This is the back to top button -->
+
−
+
 
</table>
 
</table>
 
</td>
 
</td>
Line 552: Line 594:
 
<!-- Content goes here -->
 
<!-- Content goes here -->
 
 
−
<h3 class= "title" align = "center">OUR PROJECT TITLE</h3> <!--藍綠色標題-->
+
<h3 class= "title" align = "center">SPONSER</h3> <!--藍綠色標題-->
−
<h4>Project Description</h4> <!--黑色粗體標題---->
+
<h4></h4> <!--黑色粗體標題---->
 
<p class = "description"></p> <!--第一段敘述-->
 
<p class = "description"></p> <!--第一段敘述-->
 
 

Revision as of 00:37, 16 September 2015

Http://2014hs.igem.org/Team:UCL Academy - 2014.igem.org

OUR PROJECT TITLE

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

SPONSER