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

 
(119 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/FPCSS}}
 +
{{UFAM-UEA_Brazil/menu-css}}
  
 
<html>
 
<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>
  
−
/* Style for our header texts
+
@font-face {
−
* --------------------------------------- */
+
    font-family: wikiFontBold;
 +
    src: url(https://static.igem.org/mediawiki/2016/1/1a/UFAM-UEA-Brazil_ApexNew-Bold.otf);
 +
}
 +
 
 +
.sectionL{
 +
text-align:center;
 +
}
 +
 
 +
.sectionL{
 +
background-size: cover;
 +
}
 +
 +
h1{
 +
color: #fff;
 +
margin:0;
 +
padding:0.5em;
 
 
−
h1{
+
}
−
font-size: 5em;
+
−
font-family: arial,helvetica;
+
−
color: #fff;
+
−
margin:0;
+
−
padding:30px;
+
−
}
+
  
−
h2{
+
#sectionL0 .intro p{
−
font-size: 2em;
+
font-size:0.8em;
−
font-family: arial,helvetica;
+
}
−
color: #fff;
+
−
margin:0;
+
#myVideo{
−
padding:30px;
+
position: absolute;
−
+
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;
 +
}
  
−
.section{
 
−
text-align:center;
 
−
}
 
  
−
.section{
 
−
background-size: cover;
 
−
}
 
−
.slide{
 
−
background-size: cover;
 
−
}
 
  
−
#section0{
+
/* Layer with position absolute in order to have it over the video
−
background-image: url("http://images.123hdwallpapers.com/20150531/leaf-water-drop-wallpaper-1600x1200.jpg");
+
* --------------------------------------- */
−
padding: 0 0 0 0;
+
#sectionL0 .layer{
 +
position: absolute;
 +
z-index: 4;
 +
width: 25%;
 +
left: 37%;
 +
top: 65%;
 +
}
 +
 
 +
#sectionL0 .layer h1{
 +
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;
 +
}
  
−
}
 
−
 
−
#section6{
 
−
background-image: url(team.jpg);
 
−
padding: 0 0 0 0;
 
−
}
 
−
 
−
#slideResultMolecularDesign{
 
−
background-color: #64b5f6;
 
−
padding: 0 0 0 0;
 
−
}
 
−
#slideResultMeasurement{
 
−
background-color: #00FFaa;
 
−
padding: 0 0 0 0;
 
−
}
 
 
 
 
</style>
 
</style>
−
+
 
−
+
 
−
+
 
</head>
 
</head>
 
<body>
 
<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>
  
−
<ul id="menu">
+
      <nav class="nav-collapse">
−
<li data-menuanchor="slidePage"><a href="#slidePage">Home</a></li>
+
        <ul>
−
<li data-menuanchor="projectPage"><a href="#projectPage">Project</a></li>
+
 
−
<li data-menuanchor="resultsPage"><a href="#resultsPage">Results</a></li>
+
<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>
−
<li data-menuanchor="partsPage"><a href="#partsPage">Parts</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 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>
−
<li data-menuanchor="teamPage"><a href="#teamPage">Team</a></li>
+
 
−
<li data-menuanchor="contactPage"><a href="#contactPage">Contact</a></li>
+
 
−
</ul>
+
<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 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 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 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">
−
<div class="intro">
+
−
<h1>Hydrargium</h1>
+
<video autoplay loop muted id="myVideo">
−
<h2>A revolutionary method to Hg bioremediation in E. coli</h2>
+
<source src="https://static.igem.org/mediawiki/2016/2/28/Ufam_uea_home_movie.mp4" type="video/mp4">
−
</div>
+
<source src="https://static.igem.org/mediawiki/2016/7/77/Ufam_uea_homewebm.webm" type="video/webm">
−
</div>
+
</video>
−
+
<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>
−
<div class="section" id="section1">
+
 
−
<div class="intro">
+
<div class="layer">
−
<h1>Project</h1>
+
<h1><b>BREAKING</br></br>THEM ALL</b></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>
+
−
+
−
<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.min?action=raw&ctype=text/javascript"></script>
Line 161: Line 214:
 
<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/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/settings_home?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