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

 
(99 intermediate revisions by 3 users not shown)
Line 10: Line 10:
 
<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{
 
.sectionL{
 
text-align:center;
 
text-align:center;
Line 20: Line 22:
 
background-size: cover;
 
background-size: cover;
 
}
 
}
−
.slide{
+
−
background-size: cover;
+
h1{
 +
color: #fff;
 +
margin:0;
 +
padding:0.5em;
 +
 
}
 
}
  
−
#sectionL0{
+
#sectionL0 .intro p{
−
background-image: url(img/bg1.jpg);
+
font-size:0.8em;
−
padding: 0 0 0 0;
+
}
 +
 +
#myVideo{
 +
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;
 
}
 
}
 +
 +
 +
 +
/* 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%;
 +
}
 +
 +
#sectionL0 .layer h1{
 +
font-size: 2.3em;
 +
color:#363636;
 +
font-family: wikiFontBold;
 +
}
 +
 +
/*solves problem with overflowing video in Mac with Chrome */
 +
#sectionL0{
 +
overflow: hidden;
 
 
−
#sectionL8{
+
#sectionL0 .layer{
−
background-image: url(img/team.jpg);
+
position: absolute;
−
padding: 0 0 0 0;
+
z-index: 999;
 +
width: 100%;
 +
left: 0;
 +
text-align:center;
 
}
 
}
 +
 
 
 
</style>
 
</style>
Line 39: Line 87:
 
</head>
 
</head>
 
<body>
 
<body>
−
<header>
+
<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>
 +
 
 
       <nav class="nav-collapse">
 
       <nav class="nav-collapse">
 
         <ul>
 
         <ul>
−
+
 
−
<li class="menu-item" data-menuanchor="homePage"><a href="#homePage" data-scroll>Home</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 class="menu-item" data-menuanchor="abstractPage"><a href="#abstractPage">Abstract</a></li>
+
 
−
<li class="menu-item" data-menuanchor="projectPage"><a href="#projectPage">Project</a></li>
+
 
−
<li class="menu-item" data-menuanchor="mathModelingPage"><a href="#mathModelingPage" data-scroll>Math Modeling</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 class="menu-item" data-menuanchor="resultsPage"><a href="#resultsPage" data-scroll>Results</a></li>
+
 
−
<li class="menu-item" data-menuanchor="judgingPage"><a href="#judgingPage" data-scroll>Judging</a></li>
+
 
−
<li class="menu-item" data-menuanchor="partsPage"><a href="#partsPage" data-scroll>Parts</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 class="menu-item" data-menuanchor="policyPracticePage"><a href="#policyPracticePage" data-scroll>Policy and Practices</a></li>
+
 
−
<li class="menu-item" data-menuanchor="teamPage"><a href="#teamPage" data-scroll>Team</a></li>
+
 
−
<li class="menu-item" data-menuanchor="sponsorsPage"><a href="#sponsorsPage" data-scroll>Sponsors</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>
 
         </ul>
 
       </nav>
 
       </nav>
Line 60: Line 117:
  
 
<div class="sectionL " id="sectionL0">
 
<div class="sectionL " id="sectionL0">
−
<div class="intro">
+
−
<h1>Lorem ipsum</h1>
+
<video autoplay loop muted id="myVideo">
−
<p>Lorem ipsum dolor sit amet</p>
+
<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">
 +
</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="layer">
 +
<h1><b>BREAKING</br></br>THEM ALL</b></h1>
 
</div>
 
</div>
 
</div>
 
</div>
Line 68: Line 131:
 
<div class="sectionL" id="sectionL1">
 
<div class="sectionL" id="sectionL1">
 
<div class="intro">
 
<div class="intro">
−
<h1>Abstract</h1>
+
<h1>ABSTRACT</h1>
−
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua Ut enim ad minim veniam, quis nostrud exercitation ullamco. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua Ut enim ad minim veniam, quis nostrud exercitation ullamco.
+
 
−
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua Ut enim ad minim veniam, quis nostrud exercitation ullamco. </p>
+
<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>
−
+
 +
<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>
 
</div>
 
</div>
Line 78: Line 143:
 
 
 
<div class="intro">
 
<div class="intro">
−
<h1>Project</h1>
+
<video id="videoAbstract" width="940" height="360" controls>
−
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua Ut enim ad minim veniam, quis nostrud exercitation ullamco. </p>
+
<source src="https://static.igem.org/mediawiki/2016/2/21/UFAM_UEA_HOME_%281%29.mp4" type="video/mp4">
−
+
</video>
−
<a class="readMore" href="#">Read more</a>
+
<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="sectionL" id="sectionL3">
+
 
 +
<div class="sectionL" id="sectionL3">
 +
 
<div class="intro">
 
<div class="intro">
−
<h1>Math Modeling</h1>
+
−
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua Ut enim ad minim veniam, quis nostrud exercitation ullamco. </p>
+
<h1 style="padding:0.5em">SPONSORS</h1>
−
+
<div class="c-col-s" style="background:#fff">  
−
<p class="readMore"><a href="#">Read more</a></p>
+
−
</div>
+
<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>
+
 
−
+
<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="sectionL" id="sectionL4">
+
−
<div class="intro">
+
<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>
−
<h1>Results</h1>
+
 
−
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua Ut enim ad minim veniam, quis nostrud exercitation ullamco. </p>
+
<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>
−
<p class="readMore"><a href="#">Read More</a></p>
+
 
−
</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>
+
 
−
+
<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 class="sectionL" id="sectionL5">
+
 
−
<div class="intro">
+
 
−
<h1>Judging</h1>
+
</div>
−
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua Ut enim ad minim veniam, quis nostrud exercitation ullamco. </p>
+
 
−
<p class="readMore"><a href="#">Read More</a></p>
+
<div class="c-col-s" style="background:#fff">  
−
</div>
+
 
−
</div>
+
<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="sectionL" id="sectionL6">
+
<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="intro">
+
 
−
<h1>Parts</h1>
+
<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>
−
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua Ut enim ad minim veniam, quis nostrud exercitation ullamco. </p>
+
 
−
<p class="readMore"><a href="#">View table</a></p>
+
<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>
+
 
−
</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="sectionL" id="sectionL7">
+
<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 class="intro">
+
 
−
<h1>Policy and Practices</h1>
+
</div><!-- /row -->
−
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua Ut enim ad minim veniam, quis nostrud exercitation ullamco. </p>
+
 
−
+
 
−
<p class="readMore"><a href="#">Read more</a></p>
+
 
−
</div>
+
 
−
</div>
+
 
−
+
<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 class="sectionL" id="sectionL8">
+
−
<p class="readMore"><a href="pages/team.html">View Team</a></p>
+
−
</div>
+
−
+
−
<div class="sectionL" id="sectionL9">
+
−
<div class="intro">
+
−
<h1>Sponsors</h1>
+
−
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua Ut enim ad minim veniam, quis nostrud exercitation ullamco. </p>
+
−
<p class="readMore"><a href="#">View table</a></p>
+
 
</div>
 
</div>
 +
 
</div>
 
</div>
 
 
Line 144: Line 203:
  
 
</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 159: Line 220:
 
<script type="text/javascript" src="https://2016.igem.org/Template:UFAM-UEA_Brazil/js/responsive-nav?action=raw&
 
<script type="text/javascript" src="https://2016.igem.org/Template:UFAM-UEA_Brazil/js/responsive-nav?action=raw&
 
ctype=text/javascript"></script>
 
ctype=text/javascript"></script>
−
 
−
 
−
<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/fixed-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