Difference between revisions of "Team:ASIJ Tokyo"

 
(91 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
{{:Team:ASIJ_Tokyo/CSS}}
+
{{ASIJ_Tokyo/CSS}}
 +
{{:Team:ASIJ_Tokyo/bar}}
 +
 
 
<html>
 
<html>
−
<head>
 
−
<title>ASIJ_Tokyo</title>
 
  
 
<style type="text/css">
 
<style type="text/css">
 +
/*page preset==============================================*/
 +
 +
#content {
 +
    width: 100%;
 +
    margin: auto;
 +
    background: none;
 +
    border: none;
 +
    padding: 0;
 +
}
  
 
/* Structure ================================================== */
 
/* Structure ================================================== */
−
body {
+
html, body {
−
     background-image: url("https://static.igem.org/mediawiki/2018/b/b0/T--ASIJ_Tokyo--OfficialBackground.jpeg");
+
     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";
+
 
 
     padding: 0;
 
     padding: 0;
 
     margin: 0;
 
     margin: 0;
 
}
 
}
 +
 
.wrapper {
 
.wrapper {
 
   margin-left: 10%;
 
   margin-left: 10%;
−
   margin-right: 10% !important;
+
   margin-right: 10%;
 
}
 
}
 +
 
footer {
 
footer {
 
border-top: 2px dotted #fff;
 
border-top: 2px dotted #fff;
Line 41: Line 52:
 
}
 
}
  
−
/* navigation bar====================================== */
 
−
 
−
.nav-box {
 
−
background-color: white;
 
−
display: block;
 
−
width: 100%;
 
−
height: 60px;
 
−
position: fixed;
 
−
top: 0;
 
−
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: 0;
 
−
  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: 140.3px;
 
−
  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%;
 +
margin-bottom: 5%;
 +
        background: none;
 +
        font-size: 100%;
 +
        border: none;
 
}
 
}
  
−
nav ul li:hover ul{
+
#HQ_page td {
−
  display: block;
+
    padding: 0;
−
  visibility: visible;
+
    border: none;
−
  box-shadow: 0px 5px 10px rgba(19, 19, 19, 0.2);
+
    border-collapse: collapse;
−
  transition: none;
+
    vertical-align: inherit;
 
}
 
}
  
−
.active {
+
#subtitle h2 {
−
  color: #FCC81C;
+
    text-align: right;
−
  text-transform: uppercase;
+
    color: #071f4e;
−
}
+
    font-size: 15px;
−
 
+
    line-height: 30px;
−
nav ul li a:hover:not(.active){
+
    padding-top: 0;
−
  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%;
+
−
}
+
−
 
+
−
#subtitle h1{
+
−
text-align: right;
+
−
color: #071f4e;
+
−
font-size: 20px;
+
 
}
 
}
  
Line 173: 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>
−
</head>
 
  
−
<body>
+
<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>
+
<div id="abstract">
−
<footer>
+
<h3> ABSTRACT </h3>
−
<img id=footer_logo src="https://static.igem.org/mediawiki/2018/4/4b/T--ASIJ_Tokyo--TeamLogo.png" alt="iGEMlogo">
+
<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.
−
<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>
+
</div>
−
</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.