Difference between revisions of "Team:Tec-Monterrey"

Line 1: Line 1:
−
{{Tec-Monterrey}}
+
{{:Team:Tec-Monterrey/Templates/Tec-Monterrey_General_Format}}
 
<html>
 
<html>
 +
<head>
 +
<style>
 +
#globalWrapper {
 +
  background: rgb(248,247,246);   
 +
}
 +
#myImage {
 +
    position:absolute;
 +
    top: 0;
 +
    right: 0;
 +
    max-width: 100%;
 +
}
 +
.masthead {
 +
  min-height: 30rem;
 +
  position: relative;
 +
  width: 100%;
 +
  padding-top: 8rem;
 +
  padding-bottom: 8rem;
 +
  background: rgb(248,247,246);
 +
}
 +
.masthead h1 {
 +
  font-size: 4rem;
 +
  margin: 0;
 +
  padding: 0;
 +
}
 +
@media (min-width: 992px) {
 +
  .masthead {
 +
    height: 100vh;
 +
  }
 +
  .masthead h1 {
 +
    font-size: 5.5rem;
 +
  }
 +
}
 +
#project {
 +
    -webkit-transition: height 4s;
 +
  -moz-transition: height 4s;
 +
  -ms-transition: height 4s;
 +
  -o-transition: height 4s;
 +
    transition: height 4s;
 +
    height: auto;
 +
    background-image: url('/img/logoOficialCirculos.png');
 +
    background-repeat: no-repeat;
 +
    background-position: center;
 +
    background-size: contain;
 +
    text-align: center;
 +
}
 +
#team {
 +
  text-align: center;
 +
}
 +
#myTable{
 +
    width: 95%;
 +
    margin: 0px auto !important;
 +
    padding: 10px;
 +
    border: 2px solid rgb(1,99,60) !important;
 +
    border-collapse: collapse;
 +
    vertical-align: middle !important;
 +
    table-layout: fixed;
 +
}
 +
#myTable td{
 +
width: 33%;
 +
border: 2px solid rgb(1,99,60) !important;
 +
border-collapse: collapse;
 +
text-align: center;
 +
padding: 5px;
 +
}
  
−
<div style="background:#eeeeee;padding:10px;text-align:center;">
+
#myTable p {
−
<h1 style="font-size:44px; padding:50px;">iGEM:Tec de Monterrey</h1>
+
text-align:center;
−
<p style="text-align:center;">Thank you for visiting us, the wiki is under construction, just wait for it!</p>
+
font-size: 14px;
−
<br>
+
}
−
<h1 style="color:54d454;">We stand on the shoulders of giants!</h1>
+
−
<h3>Please visit the projects of past years:</h2>
+
−
<div style="text-align:center;">
+
−
<ul style="list-style-position:inside;">
+
−
<li> <a href="https://2016.igem.org/Team:Tec-Monterrey" target="_blank">2016's Team</a></li>
+
−
<li> <a href="https://2015.igem.org/Team:Tec-Monterrey"target="_blank">2015's Team</a></li>
+
−
<li> <a href="https://2014.igem.org/Team:Tec-Monterrey"target="_blank">2014's Team</a></li>
+
−
<li> <a href="https://2013.igem.org/Team:TecMonterrey"target="_blank">2013's Team</a></li>
+
−
<li> <a href="https://2012.igem.org/Team:Tec-Monterrey"target="_blank">2012's Team</a></li>
+
−
<li> <a href="https://2011.igem.org/Team:Tec-Monterrey"target="_blank">2011's Team</a></li>
+
−
<li> <a href="https://2010.igem.org/Team:Tec-Monterrey"target="_blank">2010's Team</a></li>
+
−
</ul>
+
−
</div>
+
−
</div>
+
  
−
<div style="background:#11dd11; padding: 10px;">
+
#HP{
−
<h2>Team Members</h2>
+
background: rgb(248,247,246);
−
<div style="background:#dddddd; padding: 15px;">
+
}
  
−
<!-- Aquí escriban sus nombres y lo que hacen en el grupo, no se les olvide encerrar en <li></li> -->
+
.service-icon {
 +
  background-color: #fff;
 +
  color: #1D809F;
 +
  height: 7rem;
 +
  width: 7rem;
 +
  display: block;
 +
  line-height: 7.5rem;
 +
  font-size: 2.25rem;
 +
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
 +
}
  
−
<ul style="font-size: 12px;">
+
.callout {
−
<li>
+
  padding: 15rem 0;
−
<h6><a href="https://www.linkedin.com/in/esteban-de-la-pe%C3%B1a-th%C3%A9venet/" target="_blank">Esteban de la Peña</a></h6>
+
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%), url("../img/bg-callout.jpg");
−
<p>In charge of making the wiki</p>
+
  background-position: center center;
 +
  background-repeat: no-repeat;
 +
  background-size: cover;
 +
}
  
−
<li>
+
.callout h2 {
−
<h6><a href="https://www.linkedin.com/in/alanavilarmz/" target="_blank">Alan Ávila</a></h6>
+
  font-size: 3.5rem;
−
<p>Tim lhidher</p>
+
  font-weight: 700;
−
</li>
+
  display: block;
 +
  max-width: 30rem;
 +
}
  
−
<li>
+
.portfolio-item {
−
<h6><a href= "https://www.linkedin.com/in/adri%C3%A1n-hern%C3%A1ndez-mendoza-0184ba14b/" target="_blank">Adrián Hernández</a></h6>
+
  display: block;
−
<p>Interlab managment & Dry Lab</p>
+
  position: relative;
−
</li>
+
  overflow: hidden;
 +
  max-width: 530px;
 +
  margin: auto auto 1rem;
 +
}
  
−
<li>
+
.portfolio-item .caption {
−
<h6>Nufito Papito</h6>
+
  display: flex;
−
<p>CRISPR Cas God</p>
+
  height: 100%;
−
</li>
+
  width: 100%;
 +
  background-color: rgba(33, 37, 41, 0.2);
 +
  position: absolute;
 +
  top: 0;
 +
  bottom: 0;
 +
  z-index: 1;
 +
}
  
−
<li>
+
.portfolio-item .caption .caption-content {
−
<h6>Ana Elizabeth Lasso de la Vega</h6>
+
  color: #fff;
−
<p> Team Management </p>
+
  margin: auto 2rem 2rem;
−
</li>
+
}
  
−
<li>
+
.portfolio-item .caption .caption-content h2 {
−
<h6>José Arnulfo Juárez Figueroa</h6>
+
  font-size: 0.8rem;
−
<p> Team Management </p>
+
  text-transform: uppercase;
−
</li>
+
}
 +
</style>
 +
</head>
 +
  <body id="page-top">
 +
    <!-- Header -->
 +
      <header class="masthead" style="border-bottom: 20px solid #2f6361;">
 +
        <img id="myImage" src="https://static.igem.org/mediawiki/2018/8/82/T--Tec-Monterrey--Tec_ECoding_background.jpeg">
 +
        <div class="container text-center my-auto" style="position: relative; top: 60%; left: 9%; max-width: 50%;">
 +
        <a class="btn btn-primary btn-xl" href="#project">Learn about the project</a>
 +
          </div>
 +
      <div class="overlay"></div>
 +
    </header>
  
−
<li>
+
    <!-- Project -->
−
<h6>Miriam Salas Ramírez</h6>
+
    <section id="project" style="background: #d3edf2; text-align: center;">
−
<p>Congress of Sciences iGEM</p>
+
    <div style="width: 80%; margin: auto; text-align: justify; background: #f2fafc;">
−
</li>
+
    <div style="width: 96%; margin: auto; text-align: justify; background: #fdfdfd; padding-top: 10px;">
 +
<div style="border-left: 5px solid #2f6361; padding: 20px 0px 20px 20px; margin: 0px 0px 0px 10px;">
 +
      <div class="header-title" style="color: #3582d2;">
 +
          E-Coding
 +
      </div>
 +
      <div class="header-subtitle" style="color: #5da565;">
 +
          Storing the world one base at a time
 +
      </div>
 +
    </div>
 +
    <div style="border-top: 5px solid #397471; border-right: 5px solid #2a8481; padding: 20px 20px 20px 20px; margin: 0px 10px 0px 10px; color: #2f6361;">
 +
      The research for storing vast amounts of information in smaller devices has been an attention seeking topic in multidisciplinary areas of knowledge all around the world.
 +
    <br>
 +
    <br>
 +
    <q>DNA is an attractive target for information storage because of its capacity for high-density information encoding, longevity under easily achieved conditions, and proven track record as an information bearer</q> <br> Baum, 1995
 +
    </div>
 +
    <div style="padding: 0px 20px 20px 20px; margin: 0px 10px 0px 10px; color: #2f6361;">
 +
      Nevertheless, this potential has been limited due to the lack of efficient editing tools. CRISPR-Cas has become popular as an editing tool for its high specificity, low cost, and easy handling, compared to other editing techniques. In our work, we use Cas1-Cas2, proteins in charge of new protospacer adquisition in the CRISPR array. Predesigned sequences (-70pb aprox) in the form of ssDNA are produced in E.coli by induction of a promoter, and adquired by the complex Cas1-Cas2 to be integrated into the array. To produce this oligonucleotides, we use the retrotranscriptase EC86. A subsequent sequencing of the array will confirm the integration of the oligos in the CRISPR locus. We measure the integration rate in terms of stimuli intensity, and time. We hypothise that this system can store ordered data in vivo of many stimuli, just by changing the promoter.
 +
    </div>
 +
    </div>
 +
    </div>
 +
    </section>
  
−
<li>
+
    <!-- Team-->
−
<h6>Sofi Lara</h6>
+
    <section id="team" style="border-bottom: 20px solid #2f6361; background:#d3edf2;">
 +
    <div style="width: 80%; margin: 0 auto; text-align: justify; background: #f2fafc;">
 +
    <div style="width: 96%; margin: 0 auto; text-align: justify; background: #fdfdfd; padding-top: 20px; padding-bottom: 20px;">
 +
      <div>
 +
      <table align="center" id="myTable">
 +
      <tr>
 +
        <th colspan="3" style="text-align:center;"><h5>Team Members</h5></th>
 +
      </tr>
 +
      <tr>
 +
      <td>
 +
<h6>Esteban de la Peña <a href="https://www.linkedin.com/in/esteban-de-la-pe%C3%B1a-th%C3%A9venet/" target="_blank"><i class="fa fa-linkedin-square"></i></a></h6>
 +
<p>In charge of making the wiki</p>
 +
      </td>
 +
      <td>
 +
<h6>Alan Ávila <a href="https://www.linkedin.com/in/alanavilarmz/" target="_blank"><i class="fa fa-linkedin-square"></i></a></h6>
 +
<p>Team Management/Wet Lab</p>
 +
      </td>
 +
      <td>
 +
<h6>Adrián Hernández <a href= "https://www.linkedin.com/in/adri%C3%A1n-hern%C3%A1ndez-mendoza-0184ba14b/" target="_blank"><i class="fa fa-linkedin-square"></i></a></h6>
 +
<p>Interlab managment & Dry Lab</p>
 +
      </td>
 +
      </tr>
 +
      <tr>
 +
      <td>
 +
<h6>Sofia Lara <a href= "https://www.linkedin.com/in/sof%C3%ADa-lara-507773123" target="_blank"><i class="fa fa-linkedin-square"></i></a></h6>
 
<p>In charge of Human Practices</p>
 
<p>In charge of Human Practices</p>
−
</li>
+
</td>
−
 
+
      <td>
−
<li>
+
<h6>José Arnulfo Juárez Figueroa <a href= "https://www.linkedin.com/in/jos%C3%A9-arnulfo-ju%C3%A1rez-figueroa-1478a1159/" target="_blank"><i class="fa fa-linkedin-square"></i></a></h6>
 +
<p>Team Management</p>
 +
</td>
 +
      <td>
 +
<h6>Ana E. Lasso de la Vega</h6>
 +
<p>Team Management</p>
 +
</td>
 +
      </tr>
 +
      <tr>
 +
      <td>
 
<h6>Miranda Iriarte</h6>
 
<h6>Miranda Iriarte</h6>
 
<p>Congress of Sciences iGEM</p>
 
<p>Congress of Sciences iGEM</p>
−
</li>
+
</td>
−
 
+
      <td>
−
<li>
+
 
<h6>Valeria Fuentes</h6>
 
<h6>Valeria Fuentes</h6>
 
<p>Congress of Sciences iGEM</p>
 
<p>Congress of Sciences iGEM</p>
−
</li>
+
</td>
−
 
+
      <td>
−
<li>
+
<h6>Juan Fernández <a href= "https://www.linkedin.com/in/juanfernandezdelagarza/" target="_blank"><i class="fa fa-linkedin-square"></i></a></h6>
 +
<p>Mathematical Model</p>
 +
      </td>
 +
      </tr>
 +
      <tr>
 +
      <td>
 
<h6>Norma Garza</h6>
 
<h6>Norma Garza</h6>
 
<p>Interlab managment/Drylab</p>
 
<p>Interlab managment/Drylab</p>
−
</li>
+
</td>
−
 
+
      <td>
−
<li>
+
<h6>Miriam Salas Ramírez</h6>
 +
<p>Congress of Sciences iGEM</p>
 +
</td>
 +
      <td>
 
<h6>Victor Robledo</h6>
 
<h6>Victor Robledo</h6>
 
<p>Wetlab/Drylab</p>
 
<p>Wetlab/Drylab</p>
−
</li>
+
</td>
−
</ul>
+
      </tr>
 +
<tr>
 +
      <td>
 +
<h6>Carlos Javier Cordero <a href= "https://www.linkedin.com/in/carlos-javier-cordero-oropeza-386593a9/" target="_blank"><i class="fa fa-linkedin-square"></i></a></h6>
 +
<p>Drylab</p>
 +
</td>
 +
      <td>
 +
<h6>Nora Torres</h6>
 +
<p>Team Management</p>
 +
</td>
 +
      <td>
 +
<h6>Roberto Vásquez</h6>
 +
<p>Mathematical Model</p>
 +
</td>
 +
      </tr>
 +
<tr>
 +
      <td>
 +
<h6>Samantha Peña</h6>
 +
<p>Human Practices, and design</p>
 +
</td>
 +
      <td>
 +
<h6>Andrés Sánchez <a href= "http://linkedin.com/in/andresbsanchez" target="_blank"><i class="fa fa-linkedin-square"></i></a></h6>
 +
<p>Mathematical Model</p>
 +
</td>
 +
      <td>
 +
<h6>Diego Valadez</h6>
 +
<p>Wiki/Dry Lab</p>
 +
</td>
 +
      </tr>
 +
<tr>
 +
      <td>
 +
<h6>Jesús Héctor López <a href= "https://www.linkedin.com/in/jesushectorlopezgrajeda" target="_blank"><i class="fa fa-linkedin-square"></i></a></h6>
 +
<p>Dry Lab</p>
 +
</td>
 +
      <td>
 +
<h6>Adriana Lizeth Rubio</h6>
 +
<p>Dry Lab</p>
 +
</td>
 +
      <td>
 +
<h6>María Eugenia Reyna</h6>
 +
<p>Wetlab</p>
 +
</td>
 +
      </tr>
 +
      </table>
 
</div>
 
</div>
−
 
 
</div>
 
</div>
−
 
−
<div class="column full_size" >
 
−
 
−
<h3>Before you start</h3>
 
−
<p> Please read the following pages:</p>
 
−
<ul>
 
−
<li>  <a href="https://2018.igem.org/Competition">Competition Hub</a> </li>
 
−
<li> <a href="https://2018.igem.org/Competition/Deliverables/Wiki">Wiki Requirements page</a></li>
 
−
<li> <a href="https://2018.igem.org/Resources/Template_Documentation">Template documentation</a></li>
 
−
</ul>
 
 
</div>
 
</div>
 +
    </section>
  
−
 
+
    <!-- Human Practices -->
−
<div class="clear extra_space"></div>
+
    <section id="HP" style="text-align: center;">
−
<div class="line_divider"></div>
+
      <div style="width: 80%; display: inline-block; margin: 20px auto 10px auto;">
−
<div class="clear extra_space"></div>
+
      <div style="width: 40%; float: left; padding-right: 20px;">
−
 
+
        <img src="https://static.igem.org/mediawiki/2018/5/53/T--Tec-Monterrey--Imagen_Memo_Pensante.jpeg">
−
 
+
      </div>
−
 
+
      <div style="width: 60%; float: right; padding-top: 60px">
−
<div class="column full_size" >
+
        <div class="header-title" style="color: #3582d2;">
−
<h3> Styling your wiki </h3>
+
        Human Practices
−
<p>You may style this page as you like or you can simply leave the style as it is. You can easily keep the styling and edit the content of these default wiki pages with your project information and completely fulfill the requirement to document your project.</p>
+
        </div>
−
<p>While you may not win Best Wiki with this styling, your team is still eligible for all other awards. This default wiki meets the requirements, it improves navigability and ease of use for visitors, and you should not feel it is necessary to style beyond what has been provided.</p>
+
        <div class="header-subtitle" style="color: #5da565;">
−
 
+
        Pollutants in Chiapas and Mexico
−
</div>
+
        </div>
−
 
+
        <p style="font-size: 18px; color: #2f6361;">Our project has many applications, but we decided to face a critical environmental problem in one southern state of Mexico: Chiapas. Chiapas is a beautiful state with megadiverse ecosystems, but it also has a severe water pollution problem that affects many communities close to the natural and polluted water sources.  With the help of Cecropia and CONANP we will obtain water samples from the polluted sources and analyse them with several techniques in order to make a valuable overview.</p>
−
 
+
      </div>
−
 
+
      </div>
−
 
+
    </section>
−
<div class="clear extra_space"></div>
+
</body>
−
 
+
−
 
+
−
 
+
−
<div class="column third_size" >
+
−
 
+
−
<h3> Uploading pictures and files </h3>
+
−
<p> You must upload any pictures and files to the iGEM 2018 server. Remember to keep all your pictures and files within your team's namespace or at least include your team's name in the file name. </p>
+
−
 
+
−
 
+
−
<p>When you upload, set the "Destination Filename" to <b> T--YourOfficialTeamName--NameOfFile.jpg</b>. (If you don't do this, someone else might upload a different file with the same "Destination Filename", and your file would be erased!)</p>
+
−
 
+
−
<div class="button_link">
+
−
<a href="https://2018.igem.org/Special:Upload">
+
−
UPLOAD FILES
+
−
</a>
+
−
</div>
+
−
 
+
−
</div>
+
−
 
+
−
<div class="column third_size" >
+
−
<h3> Wiki template information </h3>
+
−
<p>We have created these wiki template pages to help you get started and to help you think about how your team will be evaluated. You can find a list of all the pages tied to awards here at the <a href="https://2018.igem.org/Judging/Pages_for_Awards">Pages for awards</a> link. You must edit these pages to be evaluated for medals and awards, but ultimately the design, layout, style and all other elements of your team wiki is up to you!</p>
+
−
 
+
−
</div>  
+
−
 
+
−
 
+
−
 
+
−
<div class="column third_size" >
+
−
<div class="highlight decoration_B_full">
+
−
<h3> Editing your wiki </h3>
+
−
<p>On this page you can document your project, introduce your team members, document your progress and share your iGEM experience with the rest of the world! </p>
+
−
<p>Use WikiTools - Edit in the black menu bar to edit this page</p>
+
−
 
+
−
<div class="button_link">
+
−
<a href="https://2018.igem.org/wiki/index.php?title=Team:Tec-Monterrey&action=edit">  
+
−
EDIT PAGE
+
−
</a>
+
−
</div>
+
−
 
+
−
 
+
−
</div>
+
−
</div>
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
<div class="clear extra_space"></div>
+
−
<div class="line_divider"></div>
+
−
<div class="clear extra_space"></div>
+
−
 
+
−
 
+
−
 
+
−
<div class="column two_thirds_size" >
+
−
<h3>Tips</h3>
+
−
<p>This wiki will be your team’s first interaction with the rest of the world, so here are a few tips to help you get started: </p>
+
−
<ul>
+
−
<li>State your accomplishments! Tell people what you have achieved from the start. </li>
+
−
<li>Be clear about what you are doing and how you plan to do this.</li>
+
−
<li>You have a global audience! Consider the different backgrounds that your users come from.</li>
+
−
<li>Make sure information is easy to find; nothing should be more than 3 clicks away.  </li>
+
−
<li>Avoid using very small fonts and low contrast colors; information should be easy to read.  </li>
+
−
<li>Start documenting your project as early as possible; don’t leave anything to the last minute before the Wiki Freeze. For a complete list of deadlines visit the <a href="https://2018.igem.org/Calendar">iGEM 2018 calendar</a> </li>
+
−
<li>Have lots of fun! </li>
+
−
</ul>  
+
−
</div>
+
−
 
+
−
 
+
−
<div class="column third_size">
+
−
<div class="highlight decoration_A_full">
+
−
<h3>Inspiration</h3>
+
−
<p> You can also view other team wikis for inspiration! Here are some examples:</p>
+
−
<ul>
+
−
<li> <a href="https://2014.igem.org/Team:SDU-Denmark/"> 2014 SDU Denmark </a> </li>
+
−
<li> <a href="https://2014.igem.org/Team:Aalto-Helsinki">2014 Aalto-Helsinki</a> </li>
+
−
<li> <a href="https://2014.igem.org/Team:LMU-Munich">2014 LMU-Munich</a> </li>
+
−
<li> <a href="https://2014.igem.org/Team:Michigan"> 2014 Michigan</a></li>
+
−
<li> <a href="https://2014.igem.org/Team:ITESM-Guadalajara">2014 ITESM-Guadalajara </a></li>
+
−
<li> <a href="https://2014.igem.org/Team:SCU-China"> 2014 SCU-China </a></li>
+
−
</ul>
+
−
</div>
+
−
</div>
+
−
 
+
−
 
+
−
 
+
−
 
+
 
</html>
 
</html>
 +
{{:Team:Tec-Monterrey/Templates/Tec-Monterrey_Footer}}

Revision as of 15:05, 26 June 2018

Learn about the project
E-Coding
Storing the world one base at a time
The research for storing vast amounts of information in smaller devices has been an attention seeking topic in multidisciplinary areas of knowledge all around the world.

DNA is an attractive target for information storage because of its capacity for high-density information encoding, longevity under easily achieved conditions, and proven track record as an information bearer
Baum, 1995
Nevertheless, this potential has been limited due to the lack of efficient editing tools. CRISPR-Cas has become popular as an editing tool for its high specificity, low cost, and easy handling, compared to other editing techniques. In our work, we use Cas1-Cas2, proteins in charge of new protospacer adquisition in the CRISPR array. Predesigned sequences (-70pb aprox) in the form of ssDNA are produced in E.coli by induction of a promoter, and adquired by the complex Cas1-Cas2 to be integrated into the array. To produce this oligonucleotides, we use the retrotranscriptase EC86. A subsequent sequencing of the array will confirm the integration of the oligos in the CRISPR locus. We measure the integration rate in terms of stimuli intensity, and time. We hypothise that this system can store ordered data in vivo of many stimuli, just by changing the promoter.
Team Members
Esteban de la Peña

In charge of making the wiki
Alan Ávila

Team Management/Wet Lab
Adrián Hernández

Interlab managment & Dry Lab
Sofia Lara

In charge of Human Practices
José Arnulfo Juárez Figueroa

Team Management
Ana E. Lasso de la Vega

Team Management
Miranda Iriarte

Congress of Sciences iGEM
Valeria Fuentes

Congress of Sciences iGEM
Juan Fernández

Mathematical Model
Norma Garza

Interlab managment/Drylab
Miriam Salas Ramírez

Congress of Sciences iGEM
Victor Robledo

Wetlab/Drylab
Carlos Javier Cordero

Drylab
Nora Torres

Team Management
Roberto Vásquez

Mathematical Model
Samantha Peña

Human Practices, and design
Andrés Sánchez

Mathematical Model
Diego Valadez

Wiki/Dry Lab
Jesús Héctor López

Dry Lab
Adriana Lizeth Rubio

Dry Lab
María Eugenia Reyna

Wetlab
Human Practices
Pollutants in Chiapas and Mexico

Our project has many applications, but we decided to face a critical environmental problem in one southern state of Mexico: Chiapas. Chiapas is a beautiful state with megadiverse ecosystems, but it also has a severe water pollution problem that affects many communities close to the natural and polluted water sources. With the help of Cecropia and CONANP we will obtain water samples from the polluted sources and analyse them with several techniques in order to make a valuable overview.

Contact Us

Av. Eugenio Garza Sada 2501

64849 Monterrey, Mexico

Sponsors