Team:CIDEB-UANL Mexico

From 2014hs.igem.org

(Difference between revisions)
 
(67 intermediate revisions not shown)
Line 1: Line 1:
{{:Team:CIDEB-UANL_Mexico/style2.css}}
{{:Team:CIDEB-UANL_Mexico/style2.css}}
 +
{{:Team:CIDEB-UANL_Mexico/menu}}
<html xmlns="http://www.w3.org/1999/xhtml">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-
<link href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900|Quicksand:400,700|Questrial" rel="stylesheet" />
+
<link href='http://fonts.googleapis.com/css?family=Oxygen:400,700' rel='stylesheet' type='text/css'>
<title>iGEM CIDEB 2014</title>
<title>iGEM CIDEB 2014</title>
<style>
<style>
Line 12: Line 13:
padding: 0px;
padding: 0px;
background: #2056ac;
background: #2056ac;
-
font-family: 'Questrial', sans-serif;
+
font-family: 'Oxygen', sans-serif;
font-size: 12pt;
font-size: 12pt;
background-image:url(https://static.igem.org/mediawiki/2014hs/3/32/Cideb_Fondo1.gif);
background-image:url(https://static.igem.org/mediawiki/2014hs/3/32/Cideb_Fondo1.gif);
Line 21: Line 22:
{
{
margin: 0;
margin: 0;
-
padding: 0;
+
padding-bottom: 5px;
color: #404040;
color: #404040;
}
}
Line 61: Line 62:
width: 1200px;
width: 1200px;
}
}
-
#header-wrapper
+
 
-
{
+
-
overflow: hidden;
+
-
background-image:url(https://static.igem.org/mediawiki/2014hs/3/32/Cideb_Fondo1.gif);
+
-
}
+
-
#header
+
-
{
+
-
text-align: center;
+
-
}
+
-
#menu
+
-
{
+
-
height: 60px;
+
-
}
+
-
+
-
#menu ul
+
-
{
+
-
display: inline-block;
+
-
padding: 0em 2em;
+
-
text-align: center;
+
-
}
+
-
+
-
#menu li
+
-
{
+
-
display: inline-block;
+
-
}
+
-
+
-
#menu li a, #menu li span
+
-
{
+
-
display: inline-block;
+
-
padding: 0em 1.5em;
+
-
text-decoration: none;
+
-
font-size: 0.70em;
+
-
font-weight: 600;
+
-
text-transform: uppercase;
+
-
line-height: 60px;
+
-
outline: 0;
+
-
color: #000;
+
-
}
+
-
+
-
#menu li:hover a, #menu li.active a, #menu li.active span
+
-
{
+
-
background: #FFF;
+
-
border-radius: 7px 7px 0px 0px;
+
-
color: #2056ac;
+
-
}
+
-
+
-
#menu .current_page_item a
+
-
{
+
-
}
+
.wrapper
.wrapper
{
{
overflow: hidden;
overflow: hidden;
-
padding: 0em 0em 5em 0em;
+
padding: 0em 0em 2em 0em;
background: #FFF;
background: #FFF;
}
}
Line 145: Line 98:
overflow: hidden;
overflow: hidden;
width: 1000px;
width: 1000px;
-
padding: 6em 100px 0em 100px;
+
padding: 3em 100px 1em 100px;
text-align: center;
text-align: center;
}
}
Line 164: Line 117:
.title
.title
{
{
-
margin-bottom: 3em;
+
margin-bottom: .3em;
}
}
Line 180: Line 133:
{
{
overflow: hidden;
overflow: hidden;
-
margin-top: 5em;
+
margin-top: 3em;
padding-top: 1em;
padding-top: 1em;
border-top: 1px solid rgba(0,0,0,0.2);
border-top: 1px solid rgba(0,0,0,0.2);
Line 216: Line 169:
float: left;
float: left;
width: 320px;
width: 320px;
-
padding: 30px 40px 50px 40px;
+
padding: 10px 40px 40px 40px;
}
}
Line 311: Line 264:
{
{
overflow: hidden;
overflow: hidden;
-
padding-top: 5em;
+
padding-top: 3em;
border-top: 1px solid rgba(0,0,0,0.2);
border-top: 1px solid rgba(0,0,0,0.2);
}
}
Line 374: Line 327:
#sliderContainer { width: 1200px; height: 500px; position: relative; border-top: 5px solid #999; border-bottom: 5px solid #999; margin: 0 auto; }
#sliderContainer { width: 1200px; height: 500px; position: relative; border-top: 5px solid #999; border-bottom: 5px solid #999; margin: 0 auto; }
-
.slideContent {  background:url("https://static.igem.org/mediawiki/2014hs/e/e1/ContentBgigemcideb2014.png") repeat scroll 0 0 transparent; position: absolute; bottom:0px; right:0px; padding: 10px; width: 920px; }
+
.slideContent {  background:url("https://static.igem.org/mediawiki/2014hs/e/e1/ContentBgigemcideb2014.png") repeat scroll 0 0 transparent; position: absolute; bottom:0px; right:0px; padding-left: 10px; width: 1200px; }
-
.slide h3 {  font: 26px/1em 'Rokkitt', serif; color: #FFF;  margin: 0 0 5px 0; }
+
.slide h3 {  font: 26px/1em 'Oxygen', sans-serif; color: #FFF;  margin: 0 5px 5px 25px; }
-
.slide p { font-size: 14px; color: #FFF; margin: 0; }
+
.slide p { font-size: 14px; color: #FFF; margin: 0 0 0 25px; }
.jFlowSlideContainer { overflow: hidden; }
.jFlowSlideContainer { overflow: hidden; }
Line 388: Line 341:
.jFlowSlideContainer a:focus { position: relative; top: 1px; }
.jFlowSlideContainer a:focus { position: relative; top: 1px; }
-
.jFlowNext { background:url("https://static.igem.org/mediawiki/2014hs/3/39/Arrows_igemcideb2014.png") no-repeat scroll 0 -35px transparent; height:130px; position:absolute; top:75px; right: -50px; width:50px; cursor:pointer; }
+
.jFlowNext { background:url("https://static.igem.org/mediawiki/2014hs/3/32/Arrows_nextigemcideb2014.png") no-repeat scroll 0 0px transparent; height:130px; position:absolute; top:210px; right: -55px; width:70px; cursor:pointer; }
-
.jFlowPrev { background:url("https://static.igem.org/mediawiki/2014hs/3/39/Arrows_igemcideb2014.png") no-repeat scroll -84px -35px transparent; height:130px; position:absolute; top:75px; left: -50px; width:50px; cursor:pointer; }
+
.jFlowPrev { background:url("https://static.igem.org/mediawiki/2014hs/b/be/Previgemcideb2014.png") no-repeat scroll 0px 0px transparent; height:130px; position:absolute; top:210px; left: -55px; width:70px; cursor:pointer; }
-
.jFlowPrev:hover { background-position: -84px -235px; }
+
.jFlowPrev:hover { background-position: 0px 0px; }
-
.jFlowNext:hover { background-position: 0px -235px; }
+
.jFlowNext:hover { background-position: 0px 0px; }
Line 601: Line 554:
<body>
<body>
-
<div id="header-wrapper">
 
-
<div id="header" class="container">
 
-
<div>
 
-
            <a href="#"><img src="https://static.igem.org/mediawiki/2014hs/0/03/CIDEB_2014-Logo.gif" style="padding-top:20px; padding-bottom:10px"/></a>
 
-
</div>
 
-
<div id="menu">
 
-
<ul>
 
-
<li class="active"><a href="#" accesskey="1" title="">Homepage</a></li>
 
-
<li><a href="#" accesskey="3" title="">Lab</a></li>
 
-
<li><a href="#" accesskey="4" title="">Math Model</a></li>
 
-
<li><a href="#" accesskey="5" title="">Human Practices</a></li>
 
-
                                <li><a href="#" accesskey="5" title="">Safety</a></li>
 
-
                                <li><a href="#" accesskey="5" title="">Software</a></li>
 
-
                                <li><a href="#" accesskey="5" title="">Team</a></li>
 
-
                                <li><a href="https://2014hs.igem.org/Main_Page" accesskey="5" title=""><img src="https://static.igem.org/mediawiki/2014hs/2/2f/IGEM_official_logo-cideb2014.png" style="width:60px; height:58px;"/></a></li>
 
-
</ul>
 
-
</div>
 
-
</div>
 
-
</div>
 
<div class="wrapper">
<div class="wrapper">
<br/><br/>
<br/><br/>
   <div id="sliderContainer">
   <div id="sliderContainer">
     <div id="mySlides">
     <div id="mySlides">
-
       <div id="slide1" class="slide"> <img src="https://static.igem.org/mediawiki/2014hs/8/8b/Cideb_Banner1.jpg" alt="Slide 1 jFlow Plus" />
+
       <div id="slide1" class="slide"> <img src="https://static.igem.org/mediawiki/2014hs/f/f2/Bannernuevocideb2014.jpg" alt="Slide 3 jFlow Plus" />
         <div class="slideContent">
         <div class="slideContent">
-
           <h3>HP1</h3>
+
           <h3>Students</h3>
-
           <p>Human Practices 1</p>
+
           <p><a href="https://2014hs.igem.org/Team:CIDEB-UANL_Mexico/team">Team</a></p>
         </div>
         </div>
       </div>
       </div>
-
       <div id="slide2" class="slide"> <img src="https://static.igem.org/mediawiki/2014hs/c/c5/Bannercideb20142.jpg" alt="Slide 2 jFlow Plus" />
+
       <div id="slide2" class="slide"> <img src="https://static.igem.org/mediawiki/2014hs/e/e4/Bannernuevo4cideb2014.jpg" alt="Slide 2 jFlow Plus" />
         <div class="slideContent">
         <div class="slideContent">
-
           <h3>CIDEB</h3>
+
           <h3>4 modules</h3>
-
           <p>CIDEB high school foto and text</p>
+
           <p><a href="https://2014hs.igem.org/Team:CIDEB-UANL_Mexico/project_abstract">Project</a></p>
         </div>
         </div>
       </div>
       </div>
-
       <div id="slide3" class="slide"> <img src="https://static.igem.org/mediawiki/2014hs/8/83/Bannercideb201433.jpg" alt="Slide 3 jFlow Plus" />
+
       <div id="slide3" class="slide"> <img src="https://static.igem.org/mediawiki/2014hs/c/cd/Bannernuevo2cideb2014.jpg" alt="Slide 1 jFlow Plus" />
         <div class="slideContent">
         <div class="slideContent">
-
           <h3>Safety</h3>
+
           <h3>Race for Science</h3>
-
           <p>Safety Activities and photos</p>
+
           <p><a href="https://2014hs.igem.org/Team:CIDEB-UANL_Mexico/hp">Human Practices</a></p>
         </div>
         </div>
       </div>
       </div>
-
       <div id="slide4" class="slide"> <img src="https://static.igem.org/mediawiki/2014hs/e/ef/Bannercideb20144.jpg" alt="Slide 3 jFlow Plus" />
+
       <div id="slide4" class="slide"> <img src="https://static.igem.org/mediawiki/2014hs/9/94/Bannernuevo3cideb2014.jpg" alt="Slide 3 jFlow Plus" />
         <div class="slideContent">
         <div class="slideContent">
-
           <h3>Lab</h3>
+
           <h3>Posters</h3>
-
           <p>Work at the lab and photos.</p>
+
           <p><a href="https://2014hs.igem.org/Team:CIDEB-UANL_Mexico/safety">Safety</a></p>
         </div>
         </div>
       </div>
       </div>
Line 660: Line 594:
<div id="welcome" class="container">
<div id="welcome" class="container">
         <div class="title">
         <div class="title">
-
      <h2>Welcome to our wiki</h2>
+
      <img src="https://static.igem.org/mediawiki/2014hs/c/c6/Welcomecideb2014.png" style="width: 800px; height: 140px"/>
</div>
</div>
-
<p>We are <strong>iGEM CIDEB 2014</strong> team, from CIDEB high school in Monterrey, Nuevo Leon, Mexico. This year, our proyect is <a href="http://templated.co" rel="nofollow">E. CARU</a>, a bio-filter that captures sodium ions and remove them from water, in order to make a cleaner water. In this wiki, you can learn from our proyect, our activities, and our experiments.</p>
+
<p>We are <strong>iGEM CIDEB 2014</strong> team, from CIDEB high school in Monterrey, Nuevo Leon, Mexico. This year, our proyect is E. CARU, a bio-filter that captures sodium ions and remove them from water, in order to make a cleaner water. In this wiki, you can learn from our proyect, our activities, and our experiments.</p>
</div>
</div>
<div id="three-column" class="container">
<div id="three-column" class="container">
Line 668: Line 602:
<div id="tbox1">
<div id="tbox1">
<div class="title">
<div class="title">
-
<h2>E. CARU</h2>
+
                                <a href="https://2014hs.igem.org/Team:CIDEB-UANL_Mexico/project_abstract"><img src="https://static.igem.org/mediawiki/2014hs/b/b0/Ecarucideb2014.png" style="width: 300px; height: 140px"/></a>
</div>
</div>
-
<p>Learn the four modules from our proyect to understand how E. CARU works. Also, learn the benefits from our biofilter. </p>
+
<p>Learn about the four modules from our proyect to understand how E. CARU works, and learn the benefits from our biofilter. </p>
-
<a href="#" class="button">Learn More</a> </div>
+
<a href="https://2014hs.igem.org/Team:CIDEB-UANL_Mexico/project_abstract" class="button"><font color="#FFFFFF">Learn More</font></a> </div>
<div id="tbox2">
<div id="tbox2">
<div class="title">
<div class="title">
-
<h2>Wet-Lab</h2>
+
                                <a href="https://2014hs.igem.org/Team:CIDEB-UANL_Mexico/labwork"><img src="https://static.igem.org/mediawiki/2014hs/5/59/Labworkiconcideb2014.png" style="width: 300px; height: 140px"/></a>
</div>
</div>
-
<p>See our work inside the lab! Including our construction plan, our lab notebook, our project experiments, and their results.</p>
+
<p>See our work inside the lab! Including our construction plan, lab notebook and project experiments.</p>
-
<a href="#" class="button">Learn More</a> </div>
+
<a href="https://2014hs.igem.org/Team:CIDEB-UANL_Mexico/labwork" class="button"><font color="#FFFFFF">Learn More</font></a> </div>
<div id="tbox3">
<div id="tbox3">
<div class="title">
<div class="title">
-
<h2>Conclusions</h2>
+
                                <a href="https://2014hs.igem.org/Team:CIDEB-UANL_Mexico/labwork_results"><img src="https://static.igem.org/mediawiki/2014hs/c/c0/Resultscideb2014.png" style="width: 300px; height: 140px"/></a>
</div>
</div>
-
<p>See the final conclusion of the wet-lab experiments and the mathematical model. Also, read the future plans of the project. </p>
+
<p>See the results of our biobricks constructions, minipreps, digestions, purifactions, ligations, characterizations and experiments. </p>
-
<a href="#" class="button">Learn More</a> </div>
+
<a href="https://2014hs.igem.org/Team:CIDEB-UANL_Mexico/labwork_results" class="button"><font color="#FFFFFF">Learn More</font></a> </div>
</div>
</div>
<div id="portfolio" class="container">
<div id="portfolio" class="container">
<div class="column1">
<div class="column1">
<div class="box">
<div class="box">
-
  <h3>HP1</h3>
+
                                <a href="https://2014hs.igem.org/Team:CIDEB-UANL_Mexico/hp_race"><img src="https://static.igem.org/mediawiki/2014hs/f/f7/Racecideb2014.png" style="width: 250px; height: 120px"/></a>
-
<p>First HP activity</p>
+
<font color="#000000"><p>More than 600 people, learning about our project and iGEM, while exercising.</p></font>
-
  <a href="#" class="button button-small">Learn More</a> </div>
+
  <a href="https://2014hs.igem.org/Team:CIDEB-UANL_Mexico/hp_race" class="button button-small"><font color="#FFFFFF">Learn More</font></a> </div>
</div>
</div>
<div class="column2">
<div class="column2">
<div class="box">
<div class="box">
-
  <h3>E. CARU Videogame</h3>
+
                                <a href="https://2014hs.igem.org/Team:CIDEB-UANL_Mexico/hp_videogame"><img src="https://static.igem.org/mediawiki/2014hs/b/b6/Ecarugamecideb2014.png" style="width: 250px; height: 120px"/></a>
-
<p>An entertaining way to learn the bases of the modules from our project. </p>
+
<font color="#000000"><p>An entertaining way to learn the basics of our project from your computer. </p></font>
-
  <a href="#" class="button button-small">Download it!</a> </div>
+
  <a href="https://2014hs.igem.org/Team:CIDEB-UANL_Mexico/hp_videogame" class="button button-small"><font color="#FFFFFF">Download it!</font></a> </div>
</div>
</div>
<div class="column3">
<div class="column3">
<div class="box">
<div class="box">
-
  <h3>Math Model</h3>
+
                              <a href="https://2014hs.igem.org/Team:CIDEB-UANL_Mexico/math_overview"><img src="https://static.igem.org/mediawiki/2014hs/0/08/Mathmodelcideb2014.png" style="width: 250px; height: 120px"/></a>
-
<p>Our work in the mathematical model to predict our project behaivor. </p>
+
<font color="#000000"><p>See the work in the mathematical model to predict our project's behavior. </p></font>
-
  <a href="#" class="button button-small">Learn More</a> </div>
+
  <a href="https://2014hs.igem.org/Team:CIDEB-UANL_Mexico/math_overview" class="button button-small"><font color="#FFFFFF">Learn More</font></a> </div>
</div>
</div>
<div class="column4">
<div class="column4">
<div class="box">
<div class="box">
-
  <h3>HP2</h3>
+
                              <a href="https://2014hs.igem.org/Team:CIDEB-UANL_Mexico/safety_riskanalysis"><img src="https://static.igem.org/mediawiki/2014hs/3/3e/Safetyimagenbonitacideb2014.png" style="width: 250px; height: 120px"/></a>
-
<p>HP activity 2 </p>
+
<font color="#000000"><p>Analysis and measurements of the possible risk of our project and its control.</p></font>
-
  <a href="#" class="button button-small">Learn More</a> </div>
+
  <a href="https://2014hs.igem.org/Team:CIDEB-UANL_Mexico/safety_riskanalysis" class="button button-small"><font color="#FFFFFF">Learn More</font></a> </div>
 +
 
 +
</br>
 +
 
 +
 
</div>
</div>
</div>
</div>
 +
 +
<center><div id="clustrmaps-widget"></div><script type="text/javascript">var _clustrmaps = {'url' : 'https://2014hs.igem.org/Team:CIDEB-UANL_Mexico/', 'user' : 1146356, 'server' : '3', 'id' : 'clustrmaps-widget', 'version' : 1, 'date' : '2014-06-15', 'lang' : 'es', 'corners' : 'square' };(function (){ var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = 'http://www3.clustrmaps.com/counter/map.js'; var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x);})();</script><noscript><a href="http://www3.clustrmaps.com/user/b8d117df4"><img src="http://www3.clustrmaps.com/stats/maps-no_clusters/2014hs.igem.org-Team-CIDEB-UANL_Mexico--thumb.jpg" alt="Locations of visitors to this page" /></a></noscript></center>
</div>
</div>
</div>
</div>

Latest revision as of 04:01, 21 June 2014

iGEM CIDEB 2014


Slide 3 jFlow Plus

Students

Team

Slide 2 jFlow Plus

4 modules

Project

Slide 1 jFlow Plus

Race for Science

Human Practices

Slide 3 jFlow Plus

Posters

Safety

We are iGEM CIDEB 2014 team, from CIDEB high school in Monterrey, Nuevo Leon, Mexico. This year, our proyect is E. CARU, a bio-filter that captures sodium ions and remove them from water, in order to make a cleaner water. In this wiki, you can learn from our proyect, our activities, and our experiments.

Learn about the four modules from our proyect to understand how E. CARU works, and learn the benefits from our biofilter.

Learn More

See our work inside the lab! Including our construction plan, lab notebook and project experiments.

Learn More

See the results of our biobricks constructions, minipreps, digestions, purifactions, ligations, characterizations and experiments.

Learn More

More than 600 people, learning about our project and iGEM, while exercising.

Learn More

An entertaining way to learn the basics of our project from your computer.

Download it!

See the work in the mathematical model to predict our project's behavior.

Learn More

Analysis and measurements of the possible risk of our project and its control.

Learn More

iGEM CIDEB 2014 - Footer