Difference between revisions of "Team:AQA Unesp"

 
(248 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
{{AQA_Unesp_nav}}.
+
{{AQA_Unesp_nav}}
  
 
<html>
 
<html>
−
<head>
+
<body>
−
<meta charset="utf-8">
+
 
−
<link href="https://fonts.googleapis.com/css?family=Roboto|Muli" rel="stylesheet">
+
<style>
−
<title>Team: AQA_Unesp</title>
+
 
−
<script>
+
.foto-grande {
−
function changeText1() {
+
background: url(https://static.igem.org/mediawiki/2017/6/68/Aqaunesp-main-header.png) no-repeat center center;
−
document.getElementById("text").innerHTML="<img src='images/administration.png' id='man_title1'>Vestibulum feugiat, odio nec gravida fermentum, urna felis rhoncus lorem, in viverra nibh ligula mollis ante. Suspendisse vel magna quis libero mattis dapibus sed dictum dolor.";
+
width: 100%;
 +
height: 100vh;
 +
overflow:hidden;
 +
background-size: cover;
 +
padding: 5% 0;
 
}
 
}
−
function changeText2() {
+
 
−
document.getElementById("text").innerHTML="<img src='images/sensing.png' id='man_title2'>Aliquam mattis venenatis est, vel porttitor quam feugiat at. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur quis ex consectetur tortor dictum hendrerit at quis orci.";
+
@font-face {
 +
    font-family: caviardreams;
 +
    src: url('https://static.igem.org/mediawiki/2017/4/43/Aqaunesp-caviardreams.ttf');
 
}
 
}
−
function changeText3() {
+
 
−
document.getElementById("text").innerHTML="<img src='images/actuating.png' id='man_title3'>Curabitur sodales scelerisque metus efficitur fringilla. In id sollicitudin ante, ac volutpat nulla. Etiam at turpis dui. Praesent mi magna, ultricies quis fermentum vitae, malesuada sed augue.";
+
.insubiota-text { font:12em caviardreams, sans-serif; text-align: center; color:white }
 +
 
 +
.insubiota-subtext {  font:2em caviardreams, sans-serif; text-align: center; color:white; }
 +
 
 +
#titleinsubiota {padding: 10% 0;}
 +
 
 +
#abstract { font:5em caviardreams, sans-serif; text-align: center; color: white; font-weight:bold; padding-top: 2%}
 +
 
 +
#gold-award { float:left; }
 +
 
 +
</style>
 +
 
 +
 
 +
<div class="foto-grande">
 +
 
 +
<div id="titleinsubiota">
 +
<div style="width:950px; margin: 0 auto">
 +
 
 +
<img src="https://static.igem.org/mediawiki/2017/e/ec/Gold-award-aqaunesp.png" width="200px" id="gold-award">
 +
<div class="insubiota-text">INSUBIOTA</div>
 +
<div class="insubiota-subtext">treating diabetes with genetically engineered probiotic</div>
 +
 
 +
</div>
 +
</div>
 +
 
 +
</div>
 +
 
 +
<div style="width:100%; margin: 0 auto; background-color: #44558f">
 +
 
 +
<div id="abstract">ABSTRACT</div>
 +
 
 +
<div style="max-width:1000px; font-size:1.5em; margin: 2% auto; line-height:1.5; text-align:justify; color: white; padding-top:2%; padding-bottom: 2%">
 +
Our project was inspired on the alarming and increasing number of diabetic people, especially diabetes mellitus type 1 patients, who are insulin dependent. The lack of less invasive treatments has motivated us to develop a new treatment based on the probiotic bacteria <i>Lactococcus lactis</i>, that was engineered to produce a single-chain analog insulin in human diabetic’s microbiota. The bacteria will be able to produce the insulin associated with a secretion signal sequence and cell-penetrating peptides, to ensure its uptake. Moreover, the synthesis of the insulin will be controlled by the natural bacteria system of catabolite repression with regulation by a small RNA. At the presence of glucose, the insulin gene expression will be activated, and then, it will be ready to be secreted and absorbed, reaching the blood and performing its biological function. Also, in order to contain the release of our engineered probiotic to the environment, we built a kill switch based on light exposure that uses the CRISPR/Cas9 system to destroy essential genes for the bacterial survival. The final product could be a fermented milk or a lyophilized that could be easily ingested by patients.
 +
 
 +
</div>
 +
</div>
 +
 
 +
<div style="text-align:center">
 +
<video width="1000" controls>
 +
<source src="https://static.igem.org/mediawiki/2017/a/a7/Aqaunesp-video-insubiota.mp4" type="video/mp4">
 +
</video>
 +
</div>
 +
 
 +
<style>
 +
#buttons { max-width:1100px; margin:3% auto; display:table}
 +
 
 +
.botao-link {
 +
position: relative;
 +
width: 150px;
 +
float:left;
 +
margin:5px;
 
}
 
}
−
function cleanText() {
+
 
−
document.getElementById("text").innerHTML="Lorem ipsum dolor sit amet, consectetur adipiscing elit. In sed pellentesque leo, at auctor neque. Maecenas rutrum justo vel tempor dictum. Duis lacus purus, tempor at turpis quis, hendrerit viverra lorem. Aliquam mattis venenatis est, vel porttitor quam feugiat at. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur quis ex consectetur tortor dictum hendrerit at quis orci. Vestibulum feugiat, odio nec gravida fermentum, urna felis rhoncus lorem, in viverra nibh ligula mollis ante. Suspendisse vel magna quis libero mattis dapibus sed dictum dolor. Curabitur sodales scelerisque metus efficitur fringilla. In id sollicitudin ante, ac volutpat nulla. Etiam at turpis dui. Praesent mi magna, ultricies quis fermentum vitae, malesuada sed augue.";
+
 
 +
.image {
 +
  display: block;
 +
  width: 150px;
 +
  height: 150px;
 
}
 
}
−
</script>
 
−
</head>
 
  
−
<body>
+
.overlay {
−
<nav>
+
  position: absolute;
−
<ul class="menu">
+
  top: 0;
−
<li class="logo"><a href="index.html"><img src="https://static.igem.org/mediawiki/2017/3/32/T--AQA_Unesp--logo_sb_small.png"></a></li>
+
  bottom: 0;
−
<li class="item"><a href="#">ENTREPRENEURSHIP</a></li>
+
  left: 0;
−
<li class="item"><a href="#">NOTEBOOK</a></li>
+
  right: 0;
−
<li class="item"><a href="#">INTERLAB</a></li>
+
  height: 100%;
−
<li class="item"><a href="#">TEAM &#9662;</a>
+
  width: 100%;
−
<ul>
+
  opacity: 0;
−
<li><a href="#">Team</a></li>
+
  transition: .5s ease;
−
<li><a href="#">Attributions</a></li>
+
  background-color: #008CBA;
−
<li><a href="#">Collaborations</a></li>
+
border-radius:50%;
−
</ul>
+
}
−
</li>
+
 
−
<li class="item"><a href="hp.html">HUMAN PRACTICES &#9662;</a>
+
#projectdesc {background-color: RGB(255,208,91)}
−
<ul>
+
#design {background-color: RGB(159,159,226)}
−
<li><a href="hp.html">Silver HP</a></li>
+
#hpp {background-color: RGB(50,74,94)}
−
<li><a href="#">Integrated HP</a></li>
+
#team {background-color: RGB(255,76,58)}
−
<li><a href="#">Public Engagement</a></li>
+
 
−
<li><a href="#">Safety</a></li>
+
.botao-link:hover .overlay {
−
</ul>
+
  opacity: 1;
−
</li>
+
}
−
<li class="item"><a href="#">PROJECT &#9662;</a>
+
 
−
<ul>
+
.text {
−
<li><a href="#">Description</a></li>
+
  color: white;
−
<li><a href="#">Design</a></li>
+
  font-size: 20px;
−
<li><a href="#">Model</a></li>
+
  position: absolute;
−
<li><a href="#">Results</a></li>
+
  top: 50%;
−
<li><a href="#">Demonstrate</a></li>
+
  left: 50%;
−
<li><a href="#">Parts</a></li>
+
  transform: translate(-50%, -50%);
−
</ul>
+
  -ms-transform: translate(-50%, -50%);
−
</li>
+
}
−
</ul>
+
 
−
</nav>
+
</style>
−
<div id="content">
+
 
−
<div class="box" id="man">
+
<div id="buttons">
−
<img src="images/man1_t.png" onMouseOver="changeText1(); this.src='images/man1.png'" onMouseOut="cleanText(); this.src='images/man1_t.png'" class="man_img">
+
 
−
<img src="images/man2_t.png" onMouseOver="changeText2(); this.src='images/man2.png'" onMouseOut="cleanText(); this.src='images/man2_t.png'" class="man_img">  
+
<div class="botao-link">
−
<img src="images/man3_t.png" onMouseOver="changeText3(); this.src='images/man3.png'" onMouseOut="cleanText(); this.src='images/man3_t.png'" class="man_img">
+
<a href="https://2017.igem.org/Team:AQA_Unesp/Description">
−
</div>
+
<img src="https://static.igem.org/mediawiki/2017/f/f5/Aqaunesp-projectdescription-icon.png" class="image">
−
<div class="box" id="description">
+
<div class="overlay" id="projectdesc">
−
<img src="https://static.igem.org/mediawiki/2017/6/6a/T--AQA_Unesp--logoInsubiota_index.png">
+
<div class="text">project description</div>
−
<h2>Treating diabetes with probiotics</h2>
+
</div>
−
<br>
+
</a>
−
<p id="text">
+
</div>
−
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In sed pellentesque leo, at auctor neque. Maecenas rutrum justo vel tempor dictum. Duis lacus purus, tempor at turpis quis, hendrerit viverra lorem. Aliquam mattis venenatis est, vel porttitor quam feugiat at. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur quis ex consectetur tortor dictum hendrerit at quis orci. Vestibulum feugiat, odio nec gravida fermentum, urna felis rhoncus lorem, in viverra nibh ligula mollis ante. Suspendisse vel magna quis libero mattis dapibus sed dictum dolor. Curabitur sodales scelerisque metus efficitur fringilla. In id sollicitudin ante, ac volutpat nulla. Etiam at turpis dui. Praesent mi magna, ultricies quis fermentum vitae, malesuada sed augue.
+
 
−
</p>
+
<div class="botao-link">
−
</div>
+
<a href="https://2017.igem.org/Team:AQA_Unesp/Applied_Design">
−
</div>
+
<img src="https://static.igem.org/mediawiki/2017/c/cd/AQAUnesp-design-icon.png" class="image">
−
+
<div class="overlay" id="design">
 +
<div class="text">design</div>
 +
</div>
 +
</a>
 +
</div>
 +
 
 +
<div class="botao-link">
 +
<a href="https://2017.igem.org/Team:AQA_Unesp/Results">
 +
<img src="https://static.igem.org/mediawiki/2017/7/7c/Aqaunesp-results-icon.png" class="image">
 +
<div class="overlay" id="projectdesc">
 +
<div class="text">results</div>
 +
</div>
 +
</a>
 +
</div>
 +
 
 +
<div class="botao-link">
 +
<a href="https://2017.igem.org/Team:AQA_Unesp/HP/Silver">
 +
<img src="https://static.igem.org/mediawiki/2017/0/0a/AQAUnesp-hp-icon.png" class="image">
 +
<div class="overlay" id="hpp">
 +
<div class="text">human practices</div>
 +
</div>
 +
</a>
 +
</div>
 +
 
 +
<div class="botao-link">
 +
<a href="https://2017.igem.org/Team:AQA_Unesp/Team">
 +
<img src="https://static.igem.org/mediawiki/2017/b/bd/AQAUnesp-team-icon.png" class="image">
 +
<div class="overlay" id="team">
 +
<div class="text">team</div>
 +
</div>
 +
</a>
 +
</div>
 +
 
 +
</div>
 +
 
 
</body>
 
</body>
 
</html>
 
</html>
 
{{AQA_Unesp_btm}}
 
{{AQA_Unesp_btm}}

Latest revision as of 18:13, 15 December 2017



iGEM AQA_Unesp

INSUBIOTA
treating diabetes with genetically engineered probiotic
ABSTRACT
Our project was inspired on the alarming and increasing number of diabetic people, especially diabetes mellitus type 1 patients, who are insulin dependent. The lack of less invasive treatments has motivated us to develop a new treatment based on the probiotic bacteria Lactococcus lactis, that was engineered to produce a single-chain analog insulin in human diabetic’s microbiota. The bacteria will be able to produce the insulin associated with a secretion signal sequence and cell-penetrating peptides, to ensure its uptake. Moreover, the synthesis of the insulin will be controlled by the natural bacteria system of catabolite repression with regulation by a small RNA. At the presence of glucose, the insulin gene expression will be activated, and then, it will be ready to be secreted and absorbed, reaching the blood and performing its biological function. Also, in order to contain the release of our engineered probiotic to the environment, we built a kill switch based on light exposure that uses the CRISPR/Cas9 system to destroy essential genes for the bacterial survival. The final product could be a fermented milk or a lyophilized that could be easily ingested by patients.
Team: AQA_Unesp