Difference between revisions of "Team:ASIJ Tokyo"

m
 
(65 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/wiki/index.php?title=Template:ASIJ_Tokyo/CSS&action=raw&ctype=text/css" />
 
  
−
<style>
+
<style type="text/css">
 +
/*page preset==============================================*/
 +
 
 +
#content {
 +
    width: 100%;
 +
    margin: auto;
 +
    background: none;
 +
    border: none;
 +
    padding: 0;
 +
}
 +
 
 
/* Structure ================================================== */
 
/* Structure ================================================== */
−
html body {
+
html, body {
 
     background-image: url("https://static.igem.org/mediawiki/2018/b/b0/T--ASIJ_Tokyo--OfficialBackground.jpeg") !important;
 
     background-image: url("https://static.igem.org/mediawiki/2018/b/b0/T--ASIJ_Tokyo--OfficialBackground.jpeg") !important;
 
     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 18: Line 29:
 
   margin-right: 10%;
 
   margin-right: 10%;
 
}
 
}
 +
 
footer {
 
footer {
 
border-top: 2px dotted #fff;
 
border-top: 2px dotted #fff;
Line 40: Line 52:
 
}
 
}
  
−
/* navigation bar====================================== */
 
−
 
−
.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;
 
 
    
 
    
−
}
+
/* home page $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ */
  
−
nav ul li ul {
 
−
  display: block;
 
−
  position: absolute;
 
−
  background-color: #FEEDB3;
 
−
  visibility: hidden;
 
−
  width: inherit;
 
−
  transition: none;
 
−
}
 
  
−
nav ul li ul li a{
+
#title h1 {
−
  padding: 0;
+
    font-size: 90px !important;
−
  line-height: 50px;
+
    color: #071f4e;
−
  text-align: center;
+
    text-align: right;
−
  font-size: 16px;
+
    font-weight: bold;
−
  color: #4B7FAD;
+
    text-shadow: 0px 0px 10px white;
 +
    letter-spacing: 5px;
 +
    line-height: normal;
 +
    padding-top: 70px;
 +
    padding-bottom: 0;
 +
    margin-bottom: -5px;
 
}
 
}
  
−
nav ul li ul li:first-child {
+
#HQ_page table{
−
  border-top: 2px solid #2F5F8A;
+
        margin-right: 0;
−
}
+
        margin-left: 0;
−
 
+
margin-top: 4%;
−
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;
+
−
}
+
−
 
+
−
 
+
−
 
+
−
/* home page ============================================== */
+
−
 
+
−
 
+
−
#title p{
+
−
font-size: 6em;
+
−
color: #071f4e;
+
−
text-align: right;
+
−
font-weight: bold;
+
−
text-shadow: 0px 0px 10px white;
+
−
letter-spacing: 5px;
+
−
padding-top: 12px;
+
−
}
+
−
 
+
−
table{
+
−
margin-top: 10%;
+
 
margin-bottom: 5%;
 
margin-bottom: 5%;
 +
        background: none;
 +
        font-size: 100%;
 +
        border: none;
 
}
 
}
  
−
tr {
+
#HQ_page td {
−
    border-color: #ff0000;
+
    padding: 0;
 +
    border: none;
 +
    border-collapse: collapse;
 +
    vertical-align: inherit;
 
}
 
}
  
−
#subtitle h1{
+
#subtitle h2 {
−
text-align: right;
+
    text-align: right;
−
color: #071f4e;
+
    color: #071f4e;
−
font-size: 20px;
+
    font-size: 15px;
 +
    line-height: 30px;
 +
    padding-top: 0;
 
}
 
}
  
Line 177: Line 100:
 
}
 
}
  
−
#abstract p{
+
#abstract h3 {
−
text-align: justify;
+
    text-align: center;
−
font-size: 18px;
+
    color: white;
 +
    font-size: 30px;
 +
    letter-spacing: 2px;
 +
    font-weight: 100;
 +
    margin-bottom: 15px;
 
}
 
}
  
−
#abstract h3{
+
#HQ_page p {
−
text-align: center;
+
 
−
color: white;
+
    font-size: 18px;
−
font-size: 30px;
+
    text-align: justify;
−
letter-spacing: 2px;
+
−
font-weight: 100;
+
−
margin: 0%;
+
 
}
 
}
  
 +
h6 {
 +
    font-size: 10px;
 +
    font-weight: 100;
 +
    float: right;
 +
    color: #4B7FAD;
 +
}
 +
 +
#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"><p >A1-AT<br>de<span style="color:rgb(182, 9, 23)">LIVER</span>y </p></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>
−
</div>
 
−
<footer>
 
−
<img id=footer_logo src="https://static.igem.org/mediawiki/2018/4/4b/T--ASIJ_Tokyo--TeamLogo.png" alt="iGEMlogo">
 
−
<p>Icon used in the background made by <a href="https://www.flaticon.com/authors/ddara">dDara</a> from <a href="www.flaticon.com">www.flaticon.com</a></p>
 
−
</footer>
 
  
 +
        <footer>
 +
  <img id=footer_logo src="https://static.igem.org/mediawiki/2018/4/4b/T--ASIJ_Tokyo--TeamLogo.png" alt="iGEMlogo">
 +
<h6>Icon used in the background made by <a href="https://www.flaticon.com/authors/ddara">dDara</a>from <a href="www.flaticon.com">www.flaticon.com</a></h6>
 +
        </footer>
 +
 +
</div>
  
 
</body>
 
</body>
  
 
</html>
 
</html>

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.