Difference between revisions of "Team:UFAM-UEA Brazil"

 
(171 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 
{{UFAM-UEA_Brazil/CSS}}
 
{{UFAM-UEA_Brazil/CSS}}
 +
{{UFAM-UEA_Brazil/FPCSS}}
 +
{{UFAM-UEA_Brazil/menu-css}}
  
−
<html xmlns="http://www.w3.org/1999/xhtml">
+
<html>
−
 
+
−
 
+
−
 
+
 
<head>
 
<head>
 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  
−
 
−
 
−
 
−
<style>
 
  
−
/* Style for our header texts
+
<style>
−
* --------------------------------------- */
+
 
−
h1{
+
@font-face {
−
font-size: 5em;
+
    font-family: wikiFontBold;
−
font-family: arial,helvetica;
+
    src: url(https://static.igem.org/mediawiki/2016/1/1a/UFAM-UEA-Brazil_ApexNew-Bold.otf);
−
color: #fff;
+
}
−
margin:0;
+
−
padding:0;
+
−
}
+
  
−
.section{
+
.sectionL{
 
text-align:center;
 
text-align:center;
 
}
 
}
  
−
.section{
+
.sectionL{
 
background-size: cover;
 
background-size: cover;
 
}
 
}
−
.slide{
+
−
background-size: cover;
+
h1{
 +
color: #fff;
 +
margin:0;
 +
padding:0.5em;
 +
 
}
 
}
  
−
#section0{
+
#sectionL0 .intro p{
−
background-image: url(bg1.jpg);
+
font-size:0.8em;
−
padding: 0 0 0 0;
+
}
−
}
+
 
 
−
#section6{
+
#myVideo{
−
background-image: url(team.jpg);
+
position: absolute;
−
padding: 0 0 0 0;
+
right: 0;
 +
bottom: 0;
 +
top:0;
 +
right:0;
 +
width: 100%;
 +
height: 100%;
 +
background-size: 100% 100%;
 +
background-color: black; /* in case the video doesn't fit the whole page*/
 +
  background-image: /* our video */;
 +
  background-position: center center;
 +
  background-size: contain;
 +
  object-fit: cover; /*cover video background */
 +
  z-index:3;
 
}
 
}
−
+
 
−
#slideResultMolecularDesign{
+
 
−
background-color: #64b5f6;
+
 
−
padding: 0 0 0 0;
+
/* Layer with position absolute in order to have it over the video
 +
* --------------------------------------- */
 +
#sectionL0 .layer{
 +
position: absolute;
 +
z-index: 4;
 +
width: 25%;
 +
left: 37%;
 +
top: 65%;
 
}
 
}
−
#slideResultMeasurement{
+
 
−
background-color: #00FFaa;
+
#sectionL0 .layer h1{
−
padding: 0 0 0 0;
+
font-size: 2.3em;
 +
color:#363636;
 +
font-family: wikiFontBold;
 
}
 
}
 +
 +
/*solves problem with overflowing video in Mac with Chrome */
 +
#sectionL0{
 +
overflow: hidden;
 
 
 +
#sectionL0 .layer{
 +
position: absolute;
 +
z-index: 999;
 +
width: 100%;
 +
left: 0;
 +
text-align:center;
 +
}
 +
 +
 
</style>
 
</style>
  
−
<!--[if IE]>
 
−
<script type="text/javascript">
 
−
var console = { log: function() {} };
 
−
</script>
 
−
<![endif]-->
 
  
−
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
+
</head>
−
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script>
+
<body>
 +
<header style="background-color:rgba(0, 0, 0, 0.5);">
 +
<a href="https://www.facebook.com/ManausnoiGEM/" target="blank"><img class="redes" style="margin-left:20px" src="https://static.igem.org/mediawiki/2016/c/cb/Ufam_uea_face.png"/></a>
 +
<a href="https://www.instagram.com/igem.ufam/" target="blank"><img class="redes"  src="https://static.igem.org/mediawiki/2016/b/ba/Ufam_uea_insta.png"/></a>
  
−
<script type="text/javascript" src="jquery.fullPage.js"></script>
+
      <nav class="nav-collapse">
−
<script type="text/javascript" src="examples.js"></script>
+
        <ul>
−
<script type="text/javascript">
+
−
$(document).ready(function() {
+
−
$('#fullpage').fullpage({
+
−
sectionsColor: ['#03a9f4', '#1e88e5', '#388e3c', ' #ffeb3b', '#8e24aa','#673ab7','#ef9a9a','#eeeeee'],
+
−
anchors: ['slidePage', 'projectPage', 'resultsPage', 'partsPage', 'mathModelingPage','outReachPage','teamPage','contactPage'],
+
−
menu: '#menu',
+
  
−
//equivalent to jQuery `easeOutBack` extracted from http://matthewlein.com/ceaser/
+
<li class="menu-item" ><a href="/Team:UFAM-UEA_Brazil/Project"><img id="menu-project-img-en" src="https://static.igem.org/mediawiki/2016/thumb/d/d6/UFAM_UEA_ICON_ENG_1.png/567px-UFAM_UEA_ICON_ENG_1.png" height=4em width=4em/></a></li>
−
easingcss3: 'cubic-bezier(0.175, 0.885, 0.320, 1.275)'
+
−
});
+
  
−
});
 
−
</script>
 
  
−
</head>
+
<li class="menu-item" ><a href="/Team:UFAM-UEA_Brazil/Judging"><img src="https://static.igem.org/mediawiki/2016/6/60/UFAM_UEA_ICON_ENG_2.png"/></a></li>
−
<body>
+
  
−
<ul id="menu">
+
 
−
<li data-menuanchor="slidePage"><a href="#slidePage">Home</a></li>
+
<li class="menu-item" ><a href="/Team:UFAM-UEA_Brazil/Parts"><img src="https://static.igem.org/mediawiki/2016/thumb/9/91/UFAM_UEA_ICON_ENG_3.png/567px-UFAM_UEA_ICON_ENG_3.png"/></a></li>
−
<li data-menuanchor="projectPage"><a href="#projectPage">Project</a></li>
+
 
−
<li data-menuanchor="resultsPage"><a href="#resultsPage">Results</a></li>
+
 
−
<li data-menuanchor="partsPage"><a href="#partsPage">Parts</a></li>
+
<li class="menu-item" ><a href="/Team:UFAM-UEA_Brazil/HumanPractices"><img id ="menu-humanPractices-img-en" src="https://static.igem.org/mediawiki/2016/thumb/c/c8/UFAM_UEA_ICON_ENG_4.png/800px-UFAM_UEA_ICON_ENG_4.png"/></a></li>
−
<li data-menuanchor="mathModelingPage"><a href="#mathModelingPage">Math Modeling</a></li>
+
 
−
<li data-menuanchor="outReachPage"><a href="#outReachPage">Out Reach</a></li>
+
 
−
<li data-menuanchor="teamPage"><a href="#teamPage">Team</a></li>
+
<li class="menu-item"><a href="/Team:UFAM-UEA_Brazil/MathModeling"><img src="https://static.igem.org/mediawiki/2016/thumb/c/cf/UFAM_UEA_ICON_ENG_5.png/800px-UFAM_UEA_ICON_ENG_5.png"/></a></li>
−
<li data-menuanchor="contactPage"><a href="#contactPage">Contact</a></li>
+
 
−
</ul>
+
 
 +
<li class="menu-item"><a href="/Team:UFAM-UEA_Brazil/Team" ><img src="https://static.igem.org/mediawiki/2016/thumb/8/88/UFAM_UEA_ICON_ENG_6.png/567px-UFAM_UEA_ICON_ENG_6.png"/></a></li>
 +
        </ul>
 +
      </nav>
 +
</header>
  
 
<div id="fullpage">
 
<div id="fullpage">
  
−
<div class="section " id="section0">
+
<div class="sectionL " id="sectionL0">
−
<h1>Hydrargium</h1>
+
−
<p>A revolutionary method to Hg bioremediation in E. coli</p>
+
<video autoplay loop muted id="myVideo">
−
</div>
+
<source src="https://static.igem.org/mediawiki/2016/2/28/Ufam_uea_home_movie.mp4" type="video/mp4">
−
+
<source src="https://static.igem.org/mediawiki/2016/7/77/Ufam_uea_homewebm.webm" type="video/webm">
−
<div class="section" id="section1">
+
</video>
−
<div class="intro">
+
<div class="navegationImg"><a id="downArrow" href="#"><img src="https://static.igem.org/mediawiki/2016/c/c5/Ufam_uea_brazil_arrow_down.png" style="width:3em;heigth:3em"/></a></div>
−
<h1>Project</h1>
+
 
−
<p>Synthetic Biology allow us design new biological system for a specific function. We built an innovative system in Escherichia coli for mercury (Hg) bioremediation. Our project consists in two steps: designing a new promoter regulated by Hg and mer operon. To learn more about our project click below.</p>
+
<div class="layer">
−
+
<h1><b>BREAKING</br></br>THEM ALL</b></h1>
−
<p class="readMore"><a href="#">Read more</a></p>
+
 
</div>
 
</div>
 
</div>
 
</div>
 
 
−
<div class="section" id="section2">
+
<div class="sectionL" id="sectionL1">
 
<div class="intro">
 
<div class="intro">
−
+
<h1>ABSTRACT</h1>
−
<div class="slide" id="slideResultMolecularDesign">
+
 
−
<h2>Results</h2>
+
<p style="font-size: 1em;">Mercury is a highly toxic metal which is present in our everyday-life. In Amazon, mercury is widely used in industries and mining. Due to the absence of a strict regulation, it’s estimated that there are about 3000 tons of mercury contaminating Amazon's biodiversity and native populations. Our main goal is to develop revolutionary bioremediation methods, structured as: design and characterization of new promoters regulated by MerR; Mer operon expression improvement; a synthetic phytochelatin and it's expression in the outer membrane; first iGEM genome sequencing of a mercury resistant bacteria from Amazon. As second part of our design we built the first (real!) bioreactor to treat mercury contaminated water using our chassis carrying our synthetic genetic circuits! We achieved the ultimate proof of concept and it was the first step to have this SynBio system working out there in the real world. Beyond the bench, we grounded our efforts on an integrated outreach by raising discussions between governmental entities. We reached stakeholders who had the chance to know more about mercury issues in Amazon! From kids to prosecutors and politicians; from high school grounds to collegiate students; featuring biobricks in genetic engineering subject; we did shake the structures of traditional teaching with our fun and efficient methods spreading the word of synthetic biology! Check this out!  </p>
−
<h1>Molecular Design</h1>
+
−
<p class="readMore"><a href="#">Read more</a></p>
+
<div class="navegationImg"><a id="downArrowTwo" href="#"><img src="https://static.igem.org/mediawiki/2016/c/c5/Ufam_uea_brazil_arrow_down.png" style="width:3em;heigth:3em"/></a></div>
−
</div>
+
 
 
−
<div class="slide" id="slideResultMeasurement">
 
−
<h2>Results</h2>
 
−
<h1>Measurement</h1>
 
−
<p class="readMore"><a href="#">Read more</a></p>
 
−
</div>
 
−
 
 
</div>
 
</div>
 
</div>
 
</div>
 
 
−
<div class="section" id="section3">
+
<div class="sectionL" id="sectionL2">
−
<div class="intro">
+
−
<h1>Parts</h1>
+
−
<p>We built a library of new parts which are essential for the design of new biological circuits for mercury bioremediation, going from regulatory protein gene to structural region of enzymes. To see all the biobricks click below.</p>
+
 
 
−
<p class="readMore"><a href="#">Read more</a></p>
 
−
</div>
 
−
</div>
 
−
 
−
<div class="section" id="section4">
 
 
<div class="intro">
 
<div class="intro">
−
<h1>Math Modeling</h1>
+
<video id="videoAbstract" width="940" height="360" controls>
−
+
<source src="https://static.igem.org/mediawiki/2016/2/21/UFAM_UEA_HOME_%281%29.mp4" type="video/mp4">
 +
</video>
 +
<div class="navegationImg"><a id="downArrowTres" href="#"><img src="https://static.igem.org/mediawiki/2016/c/c5/Ufam_uea_brazil_arrow_down.png" style="width:3em;heigth:3em"/></a></div>
 
</div>
 
</div>
 +
 
</div>
 
</div>
−
+
 
−
<div class="section" id="section5">
+
 
 +
<div class="sectionL" id="sectionL3">
 +
 
<div class="intro">
 
<div class="intro">
−
<h1>Out Reach</h1>
 
−
<p>School lectures seems to be quite stressful sometimes and because students miss the focus quickly. The school evasion is easily noticed. We developed a program of practical classes that get out of that ordinary line. We did a program with funny and interactive lectures related to biological themes, synthetic biology and genetic engineering. We had a huge success. Check this out!</p>
 
 
 
−
<p class="readMore"><a href="#">Read more</a></p>
+
<h1 style="padding:0.5em">SPONSORS</h1>
 +
<div class="c-col-s" style="background:#fff">
 +
 +
<div class="col-s"><div class="img-col-s"><img style="width:7em; heigth:14em" src="https://static.igem.org/mediawiki/2016/2/23/Ufam_uea_ufam.png"></div></div>
 +
 
 +
<div class="col-s"><div class="img-col-s"><img src="https://static.igem.org/mediawiki/2016/thumb/7/7a/Ufam_uea_uea.png/960px-Ufam_uea_uea.png"></div></div>
 +
 +
<div class="col-s"><div class="img-col-s"><img style="width:5em; heigth:10em"  src="https://static.igem.org/mediawiki/2016/e/e3/Ufam_uea_bic.png"></div></div>
 +
 
 +
<div class="col-s"><div class="img-col-s"><img style="width:6em; heigth:12em" src="https://static.igem.org/mediawiki/2016/2/2b/Ufam_uea_bionorte.png"></div></div>
 +
 
 +
<div class="col-s"><div class="img-col-s"><img src="https://static.igem.org/mediawiki/2016/9/93/Ufam_uea_btg.png" style="width:6em"></div></div>
 +
 
 +
<div class="col-s"><div class="img-col-s"><img style="width:7em; heigth:10em" src="https://static.igem.org/mediawiki/2016/thumb/0/0b/Ufam_uea_cprm.png/1200px-Ufam_uea_cprm.png"></div></div>
 +
 
 +
 
 +
</div>
 +
 
 +
<div class="c-col-s" style="background:#fff">
 +
 
 +
<div class="col-s"><div class="img-col-s"><img style="width:5em; heigth:11em" src="https://static.igem.org/mediawiki/2016/thumb/e/ee/Ufam_uea_cristalia.png/900px-Ufam_uea_cristalia.png" style="width:6em"></div></div>
 +
 
 +
<div class="col-s"><div class="img-col-s"><img style="width:7em; heigth:5em" src="https://static.igem.org/mediawiki/2016/thumb/1/13/Ufam_uea_google.png/1200px-Ufam_uea_google.png"  style="width:6em"></div></div>
 +
 
 +
<div class="col-s"><div class="img-col-s"><img style="width:8em; heigth:5em" src="https://static.igem.org/mediawiki/2016/thumb/9/94/Ufam_uea_linax.jpg/1200px-Ufam_uea_linax.jpg"></div></div>
 +
 
 +
<div class="col-s"><div class="img-col-s"><img style="width:5em; heigth:9em" src="https://static.igem.org/mediawiki/2016/thumb/d/d4/Ufam_uea_natura.png/900px-Ufam_uea_natura.png"></div></div>
 +
 
 +
<div class="col-s"><div class="img-col-s"><img style="width:7em; heigth:10em" src="https://static.igem.org/mediawiki/2016/0/00/Ufam_uea_protec.png"></div></div>
 +
 
 +
<div class="col-s"><div class="img-col-s"><img style="width:10em; heigth:6em" src="https://static.igem.org/mediawiki/2016/8/81/Ufam_uea_sofape.png"></div></div>
 +
 
 +
</div><!-- /row -->
 +
 
 +
 
 +
 
 +
 
 +
 
 +
<div class="navegationImg"><a id="backTop" href="#"><img src="https://static.igem.org/mediawiki/2016/5/56/UFAM_UEA_BACKTOTOP.png" style="width:3em;heigth:3em"/></a></div>
 
</div>
 
</div>
 +
 
</div>
 
</div>
 
 
−
<div class="section" id="section6">
 
−
<p class="readMore"><a href="#">View Team</a></p>
 
−
</div>
 
−
 
−
<div class="section" id="section7">
 
−
<h1>Contact</h1>
 
−
</div>
 
−
 
−
 
 
</div>
 
</div>
  
  
 
</body>
 
</body>
 +
 +
<script type="text/javascript" src="https://2016.igem.org/Template:UFAM-UEA_Brazil/js/scroll?action=raw&ctype=text/javascript"></script>
 +
 +
<script type="text/javascript" src="https://2016.igem.org/Template:UFAM-UEA_Brazil/js/jquery.min?action=raw&ctype=text/javascript"></script>
 +
 +
<script type="text/javascript" src="https://2016.igem.org/Template:UFAM-UEA_Brazil/js/jquery-ui.min?action=raw&ctype=text/javascript"></script>
 +
 +
<script type="text/javascript" src="https://2016.igem.org/Template:UFAM-UEA_Brazil/js/fullpage?action=raw&ctype=text/javascript"></script>
 +
 +
<script type="text/javascript" src="https://2016.igem.org/Template:UFAM-UEA_Brazil/js/homeJs?action=raw&ctype=text/javascript"></script>
 +
 +
<script type="text/javascript" src="https://2016.igem.org/Template:UFAM-UEA_Brazil/js/settings_home?action=raw&ctype=text/javascript"></script>
 +
 +
<script type="text/javascript" src="https://2016.igem.org/Template:UFAM-UEA_Brazil/js/fastclick?action=raw&ctype=text/javascript"></script>
 +
 +
<script type="text/javascript" src="https://2016.igem.org/Template:UFAM-UEA_Brazil/js/responsive-nav?action=raw&
 +
ctype=text/javascript"></script>
 +
 +
<script type="text/javascript" src="https://2016.igem.org/Template:UFAM-UEA_Brazil/js/fixed-responsive-nav?action=raw&ctype=text/javascript"></script>
 +
 
</html>
 
</html>

Latest revision as of 02:05, 20 October 2016

BREAKING

THEM ALL

ABSTRACT

Mercury is a highly toxic metal which is present in our everyday-life. In Amazon, mercury is widely used in industries and mining. Due to the absence of a strict regulation, it’s estimated that there are about 3000 tons of mercury contaminating Amazon's biodiversity and native populations. Our main goal is to develop revolutionary bioremediation methods, structured as: design and characterization of new promoters regulated by MerR; Mer operon expression improvement; a synthetic phytochelatin and it's expression in the outer membrane; first iGEM genome sequencing of a mercury resistant bacteria from Amazon. As second part of our design we built the first (real!) bioreactor to treat mercury contaminated water using our chassis carrying our synthetic genetic circuits! We achieved the ultimate proof of concept and it was the first step to have this SynBio system working out there in the real world. Beyond the bench, we grounded our efforts on an integrated outreach by raising discussions between governmental entities. We reached stakeholders who had the chance to know more about mercury issues in Amazon! From kids to prosecutors and politicians; from high school grounds to collegiate students; featuring biobricks in genetic engineering subject; we did shake the structures of traditional teaching with our fun and efficient methods spreading the word of synthetic biology! Check this out!

SPONSORS