Difference between revisions of "Team:TECHNION-ISRAEL/example"

Line 2: Line 2:
  
 
<html lang="en">
 
<html lang="en">
 +
<style>
  
 +
/*-- Remove borders, float content left and remove padding/margin */
 +
#globalWrapper, #content{
 +
background-color: transparent;
 +
border: 0px;
 +
border-bottom: 0px;
 +
float: none;
 +
margin:0px;
 +
padding: 0px;
 +
width:  100%;
 +
color: #666;
 +
list-style-image: none;
 +
font-size: 14px;
 +
}
 +
 +
#HQ_page th {
 +
    background-color: transparent;
 +
    padding: 10px 40px;
 +
    color: black;
 +
    border: none;
 +
    border-collapse: collapse;
 +
    vertical-align: text-top;
 +
    text-transform: uppercase;
 +
    text-align: center;
 +
    letter-spacing: 3px;
 +
font-size: 16px;
 +
font-weight: bond;
 +
}
 +
 +
#HQ_page td {
 +
    padding: 0px;
 +
    border: 0px solid #ccc;
 +
    vertical-align: text-top;
 +
    text-align: center;
 +
    line-height: 35px;
 +
    font-size: 15px;
 +
}
 +
 +
#top_menu_14 {
 +
        background-color: rgba(120,194,196,1);
 +
        border-bottom: 1px solid rgba(120,194,196,1);
 +
 +
}
 +
 +
 +
#HQ_page .jumbotron p {
 +
text-align: center;
 +
margin-bottom: 15px;
 +
font-size: 21px;
 +
font-weight: 200;
 +
}
 +
 +
#HQ_page p {
 +
  margin: 0 0 25px;
 +
    text-align: justify;
 +
    font-size: 18px;
 +
  font-family: 'Raleway', sans-serif;
 +
 +
}
 +
 +
 +
#HQ_page h1 {
 +
    font-family: 'Just Me Again Down Here';
 +
    border-bottom: none;
 +
    font-weight: normal;
 +
    margin-bottom: 0;
 +
    margin-top: 0;
 +
    padding-bottom: 25px;
 +
   
 +
}
 +
 +
 +
 +
#HQ_page h2, h3, h4, h5 {
 +
  font-family: 'Raleway', sans-serif;
 +
    border-bottom: none;
 +
    font-weight: bold;
 +
    margin-bottom: 0;
 +
    margin-top: 0;
 +
    text-transform: uppercase;
 +
    font-size: 20px;
 +
    letter-spacing: 3px;
 +
color: black;
 +
}
 +
 +
#top_title, #sideMenu{
 +
 +
display: none;
 +
 +
}
 +
 +
a {
 +
    color: rgba(120,194,196,1);
 +
}
 +
 +
a:visited{
 +
      color: black;
 +
}
 +
 +
a:hover{
 +
      text-decoration: none;
 +
 +
}
 +
 +
.mw-content-ltr ul {
 +
 +
padding-top: 10px;
 +
padding-right: 0px;
 +
}
 +
 +
body {
 +
    margin-top: 100px;
 +
    /* background-color: #222; */
 +
}
 +
 +
@media(min-width:768px) {
 +
    body {
 +
        margin-top: 50px;
 +
 +
    }
 +
}
 +
 +
#wrapper {
 +
    padding-left: 0;
 +
}
 +
 +
#page-wrapper {
 +
    width: 100%;
 +
    padding: 0;
 +
 +
}
 +
 +
.intro{
 +
background: url(https://static.igem.org/mediawiki/2015/b/b5/Team_NTU-Singapore_banner.jpg) no-repeat center;
 +
background-size: cover;
 +
width:100%;
 +
position:relative;
 +
}
 +
 +
 +
.huge {
 +
    font-size: 50px;
 +
    line-height: normal;
 +
}
 +
 +
@media(min-width:768px) {
 +
    #wrapper {
 +
        /*padding-left: 225px;*/
 +
    }
 +
 +
    #page-wrapper {
 +
        /*padding: 10px;*/
 +
    }
 +
}
 +
 +
/* Top Navigation */
 +
 +
.top-nav {
 +
    padding: 0 15px;
 +
    margin: auto;
 +
    width: 1060px;
 +
}
 +
 +
.top-nav>li {
 +
    display: inline-block;
 +
    float: left;
 +
-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
 +
box-shadow: 0 6px 12px rgba(0,0,0,.175);
 +
 +
 +
}
 +
 +
.top-nav>li>a {
 +
    padding-top: 15px;
 +
    padding-bottom: 15px;
 +
    line-height: 20px;
 +
    color: white;
 +
}
 +
 +
.top-nav>li>a:hover,
 +
.top-nav>li>a:focus,
 +
.top-nav>.open>a,
 +
.top-nav>.open>a:hover,
 +
.top-nav>.open>a:focus {
 +
    color: #fff;
 +
border-radius: 25px;
 +
}
 +
 +
.top-nav>.open>.dropdown-menu {
 +
    float: left;
 +
    position: relative;
 +
    margin-top: 0;
 +
 +
    border-top-left-radius: 0;
 +
    border-top-right-radius: 0;
 +
    background-color: transparent;
 +
    }
 +
 +
.top-nav>.open>.dropdown-menu>li>a {
 +
    white-space: normal;
 +
}
 +
 +
ul.message-dropdown {
 +
    padding: 0;
 +
    max-height: 250px;
 +
    overflow-x: hidden;
 +
    overflow-y: auto;
 +
}
 +
 +
li.message-preview {
 +
    width: 275px;
 +
    border-bottom: 1px solid rgba(0,0,0,.15);
 +
}
 +
 +
li.message-preview>a {
 +
    padding-top: 15px;
 +
    padding-bottom: 15px;
 +
}
 +
 +
li.message-footer {
 +
    margin: 5px 0;
 +
}
 +
 +
ul.alert-dropdown {
 +
    width: 200px;
 +
}
 +
 +
/* Top Navigation */
 +
 +
.top-nav>li>ul>li>a {
 +
display: block;
 +
padding: 10px 15px 10px 15px;
 +
text-decoration: none;
 +
color: white;
 +
}
 +
 +
.top-nav>li>ul {
 +
list-style-type: none;
 +
padding-left: 0px;
 +
}
 +
 +
 +
/* Side Navigation */
 +
 +
@media(min-width:768px) {
 +
    .side-nav {
 +
        position: fixed;
 +
        top: 51px;
 +
        left: 225px;
 +
        width: 225px;
 +
        margin-left: -225px;
 +
        border: none;
 +
        border-radius: 0;
 +
        overflow-y: auto;
 +
        /* background-color: #222;  */
 +
        bottom: 0;
 +
        overflow-x: hidden;
 +
        padding-bottom: 40px;
 +
    }
 +
 +
.side-nav>li{
 +
 +
background-color: aquamarine;
 +
border-radius: 25px;
 +
width: 195px;
 +
margin-left: 10px;
 +
margin-top: 10px;
 +
 +
}
 +
 +
 +
    .side-nav>li>a {
 +
        width: 225px;
 +
    }
 +
 +
    .side-nav li a:hover,
 +
    .side-nav li a:focus {
 +
        outline: none;
 +
        background-color: aliceblue !important;
 +
width: 195px;
 +
border-radius: 25px;
 +
 +
    }
 +
}
 +
 +
.side-nav>li>ul {
 +
    padding: 0;
 +
}
 +
 +
 +
 +
.side-nav>li>ul>li>a {
 +
    display: block;
 +
    padding: 10px 15px 10px 38px;
 +
    text-decoration: none;
 +
    color: #999;
 +
}
 +
 +
.side-nav>li>ul>li>a:hover {
 +
    color: #fff;
 +
}
 +
 +
/* Flot Chart Containers */
 +
 +
.flot-chart {
 +
    display: block;
 +
    height: 400px;
 +
}
 +
 +
.flot-chart-content {
 +
    width: 100%;
 +
    height: 100%;
 +
}
 +
 +
/* Custom Colored Panels */
 +
 +
.huge {
 +
    font-size: 40px;
 +
}
 +
 +
.panel-green {
 +
    border-color: #5cb85c;
 +
}
 +
 +
.panel-green > .panel-heading {
 +
    border-color: #5cb85c;
 +
    color: #fff;
 +
    background-color: #5cb85c;
 +
}
 +
 +
.panel-green > a {
 +
    color: #5cb85c;
 +
}
 +
 +
.panel-green > a:hover {
 +
    color: #3d8b3d;
 +
}
 +
 +
.panel-red {
 +
    border-color: #d9534f;
 +
}
 +
 +
.panel-red > .panel-heading {
 +
    border-color: #d9534f;
 +
    color: #fff;
 +
    background-color: #d9534f;
 +
}
 +
 +
.panel-red > a {
 +
    color: #d9534f;
 +
}
 +
 +
.panel-red > a:hover {
 +
    color: #b52b27;
 +
}
 +
 +
.panel-yellow {
 +
    border-color: #f0ad4e;
 +
}
 +
 +
.panel-yellow > .panel-heading {
 +
    border-color: #f0ad4e;
 +
    color: #fff;
 +
    background-color: #f0ad4e;
 +
}
 +
 +
.panel-yellow > a {
 +
    color: #f0ad4e;
 +
}
 +
 +
.panel-yellow > a:hover {
 +
    color: #df8a13;
 +
 +
}
 +
</style>
 
<head>
 
<head>
  

Revision as of 19:54, 24 September 2017

Template:NTU-Singapore

NTU-Singapore

Our CRISPRy Adventure! :)

This summer we have set out for an adventure to improve the CRISPR/Cas9 system for better application in mammalian cells. This is our iGEMventure!

Abstract

Our project this summer aims to improve the CRISPR/Cas9 Tool Box for genome engineering and regulation. The Cas9/Cpf1 protein is widely adopted for it has easy programmability to generate a targeted double-strand break. The cell’s repair machinery would then mend the breaks which allows us to make edits to the DNA. To date, several question regarding this technology have been left unanswered. Firstly, despite the variety of Cas9/Cpf1 proteins discovered, we still do not know the efficiency of each protein when compared to each other. Furthermore, the cutting efficiency for different cut sites varies. The popularity of this technology come from it's ability to enhance the rate of knock-ins. However, its efficiency still remains to be improved as efficiencies varied between target sites.

The goal for our team is to make a thorough comparison among different Cas9 proteins and improve it's efficiency in genomic editing.


Project Evaluation

Although several Cas9/Cpf1 have been discovered for gene editing, a thorough comparison of Cas9/Cpf1 from other species are relatively unexplored. Thus, we set out to evaluate and compare the efficiency of CRISPR system across different species.

Project Truncation

Like the iPhone in the smartphone market, competition to produce the slimmest phone always pushes the limit of technology. For Cas9, the same competition applies. We need a smaller Cas9/dCas9 for packaging into the AAV vector. See how we produce dCas9 Air in our Proof of Concept page

Project Evolution

With results from our survey indicating the acceptance of the public towards the CRISPR/Cas9 teachnology, our team was determined to improve the cutting efficiency of SpCas9. By random mutagenesis method, mutant libraries of SpCas9 variants carrying mutated HNH, RuvCII and RuvCIII nuclease domains are generated for downstream selection and characterisation of its efficiency.

Our Great Big Achievements!

Gold Medalist!

+ Best Measurement Project

+ Best Wiki (Overgrad)

+ Nominated for Best Basic Part (Overgrad)

Team Video

Team Presentation

Big Thanks to Sponsors of Our Adventure!