Difference between revisions of "Team:ASIJ Tokyo"

 
(35 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
{{Team:ASIJ_Tokyo/CSS}}
+
{{ASIJ_Tokyo/CSS}}
 +
{{:Team:ASIJ_Tokyo/bar}}
 +
 
 
<html>
 
<html>
−
<link rel="stylesheet" href="https://2018.igem.org/Template:ASIJ_Tokyo/CSS">
 
  
−
<style>
+
<style type="text/css">
 
/*page preset==============================================*/
 
/*page preset==============================================*/
  
Line 19: Line 20:
 
     background-repeat: repeat, repeat;
 
     background-repeat: repeat, repeat;
 
     background-size: 100%;
 
     background-size: 100%;
−
    font-family: "Avenir" !important;
+
 
 
     padding: 0;
 
     padding: 0;
 
     margin: 0;
 
     margin: 0;
Line 28: Line 29:
 
   margin-right: 10%;
 
   margin-right: 10%;
 
}
 
}
 +
 
footer {
 
footer {
 
border-top: 2px dotted #fff;
 
border-top: 2px dotted #fff;
Line 49: Line 51:
 
color: #88C1EF;
 
color: #88C1EF;
 
}
 
}
−
 
−
/* navigation bar OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO */
 
−
 
−
.nav-box {
 
−
background-color: white;
 
−
display: block;
 
−
width: 100%;
 
−
height: 60px;
 
−
position: fixed;
 
−
top: 16px;
 
−
border-bottom: 2px solid #2F5F8A;
 
−
box-shadow: 0px 3px 10px rgba(19, 19, 19, 0.2);
 
−
}
 
−
nav {
 
−
  position: fixed;
 
−
  width: 80%;
 
−
  height: 60px;
 
−
  background-color: white;
 
−
  top: 16px;
 
−
  margin: 0;
 
−
  padding:0;
 
−
  border-bottom: 2px solid #2F5F8A;
 
−
}
 
−
 
−
#ASIJ {
 
−
  height: 60px;
 
−
  float: left;
 
−
  padding: 0 20px;
 
−
  margin: 0;
 
−
}
 
−
 
−
nav ul {
 
−
  float: left;
 
−
  margin: 0;
 
−
  padding: 0;
 
−
}
 
−
 
−
nav ul li {
 
−
  float: left;
 
−
  list-style-type: none;
 
−
  position: relative;
 
−
}
 
−
 
−
nav ul li .HP {
 
−
  line-height: 30px;
 
−
}
 
−
 
−
 
−
nav ul li a {
 
−
  color: #2F5F8A;
 
−
  font-size: 19px;
 
−
  line-height: 60px;
 
−
  padding: 0;
 
−
  display: block;
 
−
  text-decoration: none;
 
−
  width: 143px;
 
−
  text-align: center;
 
−
 
 
−
}
 
−
 
−
nav ul li ul {
 
−
  display: block;
 
−
  position: absolute;
 
−
  background-color: #FEEDB3;
 
−
  visibility: hidden;
 
−
  width: inherit;
 
−
  transition: none;
 
−
}
 
−
 
−
nav ul li ul li a{
 
−
  padding: 0;
 
−
  line-height: 50px;
 
−
  text-align: center;
 
−
  font-size: 16px;
 
−
  color: #4B7FAD;
 
−
}
 
−
 
−
nav ul li ul li:first-child {
 
−
  border-top: 2px solid #2F5F8A;
 
−
}
 
−
 
−
nav ul li:hover ul{
 
−
  display: block;
 
−
  visibility: visible;
 
−
  box-shadow: 0px 5px 10px rgba(19, 19, 19, 0.2);
 
−
  transition: none;
 
−
 
 
−
}
 
−
 
−
.active {
 
−
  color: #FCC81C;
 
−
  text-transform: uppercase;
 
−
}
 
−
 
−
nav ul li a:hover:not(.active){
 
−
  background-color: #E8E6E6;
 
−
}
 
−
 
−
nav ul li ul li a:hover:not(.active) {
 
−
  background-color: #FDE38D;
 
−
}
 
−
 
  
 
    
 
    
Line 157: Line 57:
  
 
#title h1 {
 
#title h1 {
−
     font-size: 90px;
+
     font-size: 90px !important;
 
     color: #071f4e;
 
     color: #071f4e;
 
     text-align: right;
 
     text-align: right;
Line 166: Line 66:
 
     padding-top: 70px;
 
     padding-top: 70px;
 
     padding-bottom: 0;
 
     padding-bottom: 0;
−
     font-family: "Avenir";
+
     margin-bottom: -5px;
 
}
 
}
  
Line 172: Line 72:
 
         margin-right: 0;
 
         margin-right: 0;
 
         margin-left: 0;
 
         margin-left: 0;
−
margin-top: 7%;
+
margin-top: 4%;
 
margin-bottom: 5%;
 
margin-bottom: 5%;
 
         background: none;
 
         background: none;
Line 186: Line 86:
 
}
 
}
  
−
#subtitle h1 {
+
#subtitle h2 {
 
     text-align: right;
 
     text-align: right;
 
     color: #071f4e;
 
     color: #071f4e;
−
     font-size: 20px;
+
     font-size: 15px;
 
     line-height: 30px;
 
     line-height: 30px;
−
    font-family: "Avenir";
 
 
     padding-top: 0;
 
     padding-top: 0;
 
}
 
}
Line 208: Line 107:
 
     font-weight: 100;
 
     font-weight: 100;
 
     margin-bottom: 15px;
 
     margin-bottom: 15px;
−
    font-family: "Avenir";
 
 
}
 
}
  
 
#HQ_page p {
 
#HQ_page p {
−
    font-family: "Avenir";
+
 
 
     font-size: 18px;
 
     font-size: 18px;
 
     text-align: justify;
 
     text-align: justify;
Line 219: Line 117:
 
h6 {
 
h6 {
 
     font-size: 10px;
 
     font-size: 10px;
−
    font-family: "Avenir";
 
 
     font-weight: 100;
 
     font-weight: 100;
 
     float: right;
 
     float: right;
Line 225: Line 122:
 
}
 
}
  
 +
#igem {
 +
    height: 300px;
 +
    z-index: -2;
 +
    position: absolute;
 +
    top: 9%;
 +
    right: 27%;
 +
}
 
</style>
 
</style>
  
 
<body background="https://static.igem.org/mediawiki/2018/b/b0/T--ASIJ_Tokyo--OfficialBackground.jpeg">
 
<body background="https://static.igem.org/mediawiki/2018/b/b0/T--ASIJ_Tokyo--OfficialBackground.jpeg">
−
<div class=nav-box></div>
 
 
<div class="wrapper">
 
<div class="wrapper">
−
<nav>
+
        <img id="igem" src="https://static.igem.org/mediawiki/2018/8/81/T--ASIJ_Tokyo--%2Aigem_asij_logo%2A.png">
−
  <img id="ASIJ" src="https://static.igem.org/mediawiki/2018/6/6b/T--ASIJ_Tokyo--SchoolLogo.png">
+
−
  <ul>
+
−
<li><a class="active" href="https://2018.igem.org/ASIJ_Tokyo">Home</a></li>
+
−
<li><a href="https://2018.igem.org/Team:ASIJ_Tokyo">Team</a>
+
−
  <ul>
+
−
<li><a href="https://2018.igem.org/Team:ASIJ_Tokyo/Collaboration"> Collaboration </a></li>
+
−
<li><a href="https://2018.igem.org/Team:ASIJ_Tokyo/Attribution"> Attribution </a></li>
+
−
  </ul>
+
−
</li>
+
−
<li><a href="https://2018.igem.org/Team:ASIJ_Tokyo/Parts">Project</a>
+
−
  <ul>
+
−
<li> <a href="https://2018.igem.org/Team:ASIJ_Tokyo/Description"> Description </a> </li>
+
−
<li> <a href="https://2018.igem.org/Team:ASIJ_Tokyo/Design"> Design </a> </li>
+
−
<li> <a href="https://2018.igem.org/Team:ASIJ_Tokyo/Experiments"> Experiments </a></li>
+
−
<li> <a href="https://2018.igem.org/Team:ASIJ_Tokyo/Notebook"> Notebook </a></li>
+
−
<li> <a href="https://2018.igem.org/Team:ASIJ_Tokyo/Results"> Results </a></li>
+
−
<li> <a href="#"> Demonstrate </a></li>
+
−
</ul>
+
−
</li>
+
−
<li><a href="https://2018.igem.org/Team:ASIJ_Tokyo/Parts">Parts</a>
+
−
  <ul>
+
−
<li><a href="#"> Improve </a></li>
+
−
  </ul>
+
−
</li>
+
−
<li><a class="HP" href="https://2018.igem.org/Team:ASIJ_Tokyo/Human_Practices">Human<br> Practices</a></li>
+
−
<li><a href="https://2018.igem.org/Team:ASIJ_Tokyo/Safety">Safety</a></li>
+
−
</ul>
+
−
</nav>
+
−
 
+
 
<table>
 
<table>
 
<tr>
 
<tr>
 
<td rowspan="2">
 
<td rowspan="2">
−
<img  id="liver" src="https://static.igem.org/mediawiki/2018/f/f6/T--ASIJ_Tokyo--Liver.png" height="375px" alt="liver">
+
<img  id="liver" src="https://static.igem.org/mediawiki/2018/7/7a/T--ASIJ_Tokyo--%2ALIVER%2A%28resized%29.png" height="375px" alt="liver">
 
<td id="title"><h1>A1-AT<br>de<span style="color:rgb(182, 9, 23)">LIVER</span>y </h1></td>
 
<td id="title"><h1>A1-AT<br>de<span style="color:rgb(182, 9, 23)">LIVER</span>y </h1></td>
 
</td>
 
</td>
 
</tr>
 
</tr>
 
<tr>
 
<tr>
−
<td id="subtitle"><h1> Using Stem Cell and CRISPR Technology to Combat Alpha-1 Antitrypsin Deficiency </h1></td>
+
<td id="subtitle"><h2> Using CRISPR Technology to Combat Alpha-1 Antitrypsin Deficiency </h2></td>
 
</tr>
 
</tr>
 
</table>
 
</table>
 
<div id="abstract">
 
<div id="abstract">
 
<h3> ABSTRACT </h3>
 
<h3> ABSTRACT </h3>
−
<p> Alpha-1 Antitrypsin deficiency is a common genetic disorder -- the defective gene for which is carried by 1 in 25 people -- which arises from a single base pair mutation in the SERPINA1 gene, resulting in the production of a form of antitrypsin prone to polymerization. The mutated antitrypsin then builds up in liver cells and is unable to inhibit proteases in the lungs, leading to damage in both. Using CRISPR-Cas9 technology, we aimed to fix the error in SERPINA1 so that proper antitrypsin can be produced. We will show proof of concept in E. Coli cells using osmy secretion tags and GFP as a reporter. We hope to design a liver organ bud using IPS cell technology to deliver function A1AT through collaboration with Dr. Kagimoto of Healios Japan KK.
+
<p> Alpha-1 antitrypsin (A1AT) deficiency is a genetic disorder that arises from a single base pair mutation in the SERPINA gene. The disease results in the production of a form of A1AT prone to polymerization, which builds up in liver cells and is unable to inhibit proteases in the lungs. The lack of antitrypsin leads to damage in both the liver and the lungs. Using CRISPR-Cas9 technology, we attempted to fix the point mutation in SERPINA1 so that proper antitrypsin can be produced. We will test our system in E. Coli cells using histidine tags, osmY secretion tags, and GFP as a reporter. We hope to design a liver organ bud using iPS cell technology to deliver functional antitrypsin through collaboration with Dr. Kagimoto of Healios Japan KK.
 
</div>
 
</div>
  

Latest revision as of 04:16, 17 October 2018

liver

A1-AT
deLIVERy

Using CRISPR Technology to Combat Alpha-1 Antitrypsin Deficiency

ABSTRACT

Alpha-1 antitrypsin (A1AT) deficiency is a genetic disorder that arises from a single base pair mutation in the SERPINA gene. The disease results in the production of a form of A1AT prone to polymerization, which builds up in liver cells and is unable to inhibit proteases in the lungs. The lack of antitrypsin leads to damage in both the liver and the lungs. Using CRISPR-Cas9 technology, we attempted to fix the point mutation in SERPINA1 so that proper antitrypsin can be produced. We will test our system in E. Coli cells using histidine tags, osmY secretion tags, and GFP as a reporter. We hope to design a liver organ bud using iPS cell technology to deliver functional antitrypsin through collaboration with Dr. Kagimoto of Healios Japan KK.