Difference between revisions of "Team:Tec-Monterrey/sandboxDavid"

Line 3: Line 3:
  
 
Changes
 
Changes
−
*  
+
* Added sidebar dots navigation files to respective folders
−
 
+
    *css/
 +
        *reset.css
 +
        *style.css
 +
    *js/
 +
        *main.js
 +
        modernizr.js
 +
* Added respective links to the stylesheet in the general format
 +
* Deleted past style cd-nav tags from the style part in the main
  
 
Detailed Changes
 
Detailed Changes
Line 11: Line 18:
  
 
Missing
 
Missing
−
* Change links from team cornell to team tec from sidebarmodernizr
 
  
 
-->
 
-->
Line 24: Line 30:
 
     <link href="https://2018.igem.org/Team:Tec-Monterrey/CSS/bootstrapmin?action=raw&amp;ctype=text/css" rel="stylesheet">
 
     <link href="https://2018.igem.org/Team:Tec-Monterrey/CSS/bootstrapmin?action=raw&amp;ctype=text/css" rel="stylesheet">
 
     <link href="https://2018.igem.org/Team:Tec-Monterrey/CSS/fontawesomemin?action=raw&ctype=text/css" rel="stylesheet" type="text/css">
 
     <link href="https://2018.igem.org/Team:Tec-Monterrey/CSS/fontawesomemin?action=raw&ctype=text/css" rel="stylesheet" type="text/css">
−
 
+
      
−
 
+
−
     <!------- sidebar dots navigation ---->
+
−
    <link href="https://2016.igem.org/Team:Cornell_NY/sidebarstyle?action=raw&ctype=text/css" rel="stylesheet" type="text/css">
+
−
    <script type="text/javascript" src="https://2016.igem.org/Team:Cornell_NY/sidebarmain?action=raw&ctype=text/javascript"></script>
+
−
    <script type="text/javascript" src="https://2016.igem.org/Team:Cornell_NY/sidebarmodernizr?action=raw&ctype=text/javascript"></script>
+
−
    <script type="text/javascript" src="https://2016.igem.org/Team:Cornell_NY/sidebarjquery?action=raw&ctype=text/javascript"></script>
+
  
  
Line 973: Line 973:
 
     </div>
 
     </div>
 
     <!--------------------------------------------------------- TOPBAR MENU ENDS --------------------------------------------->
 
     <!--------------------------------------------------------- TOPBAR MENU ENDS --------------------------------------------->
 +
   
 +
   
 +
    <!------- sidebar dots navigation ---->
 +
    <link href='https://fonts.googleapis.com/css?family=Sintony:400,700' rel='stylesheet' type='text/css'>
  
 +
    <link rel="stylesheet" href="https://2018.igem.org/Team:Tec-Monterrey/T--Tec-Monterrey--reset.css">
 +
    <!-- CSS reset -->
 +
    <link rel="stylesheet" href="https://2018.igem.org/Team:Tec-Monterrey/T--Tec-Monterrey--style.css">
 +
    <!-- Resource style -->
 +
    <script src="https://2018.igem.org/Team:Tec-Monterrey/T--Tec-Monterrey--modernizr.js"></script>
 +
    <!-- Modernizr -->
 +
   
 +
   
 +
    <!------------SideBar dots navigation -------->
 +
 +
    <nav class="cd-vertical-nav" style="z-index: 100">
 +
        <ul>
 +
            <li><a href="#project" class="active"><span class="label">Project</span></a></li>
 +
            <li><a href="#team"><span class="label">Team</span></a></li>
 +
            <li><a href="#HP"><span class="label">Human Practices</span></a></li>
 +
            <li><a href="#section4"><span class="label">Share</span></a></li>
 +
        </ul>
 +
    </nav>
 +
    <!-- .cd-vertical-nav -->
 +
   
 +
    <button class="cd-nav-trigger cd-image-replace" style="z-index: 100">Open navigation<span aria-hidden="true"></span></button>
 +
   
 +
    <script src="https://2018.igem.org/Team:Tec-Monterrey/T--Tec-Monterrey--main.js"></script>
 +
    <!-- Resource jQuery -->
 +
   
 +
   
 
     <!--Scroll to top button-->
 
     <!--Scroll to top button-->
 
     <a class="scroll-to-top rounded" href="#page-top">
 
     <a class="scroll-to-top rounded" href="#page-top">
Line 988: Line 1,018:
  
 
<head>
 
<head>
 +
   
 +
   
 
     <style>
 
     <style>
 
         #globalWrapper {
 
         #globalWrapper {
Line 1,124: Line 1,156:
 
         }
 
         }
 
          
 
          
−
       
 
−
       
 
−
       
 
−
       
 
−
 
−
        .cd-vertical-nav {
 
−
          position: fixed;
 
−
          z-index: 1;
 
−
          right: 5%;
 
−
          bottom: 30px;
 
−
          transform: scale(0);
 
−
          transform-origin: right bottom;
 
−
          transition: transform 0.2s;
 
−
        }
 
−
        .cd-vertical-nav.open {
 
−
          transform: scale(1);
 
−
        }
 
−
       
 
−
        @media only screen and (min-width: 800px) {
 
−
      .cd-vertical-nav {
 
−
        right: 0;
 
−
        top: 0;
 
−
        height: 100vh;
 
−
        width: 90px;
 
−
      }
 
−
      .cd-vertical-nav::before {
 
−
        /* this is the navigation background */
 
−
        content: '';
 
−
        position: absolute;
 
−
        top: 0;
 
−
        left: 0;
 
−
        width: 100%;
 
−
        height: 100%;
 
−
        background: rgba(0, 0, 0, 0.8);
 
−
        transform: translateX(100%);
 
−
        transition: transform 0.4s;
 
−
      }
 
−
      .no-touch .cd-vertical-nav:hover::before,
 
−
      .touch .cd-vertical-nav::before {
 
−
        transform: translateX(0);
 
−
      }
 
−
      .cd-vertical-nav .label {
 
−
        display: block;
 
−
        transform: translateX(100%);
 
−
        transition: transform 0.4s;
 
−
      }
 
−
      .no-touch .cd-vertical-nav:hover .label,
 
−
      .touch .cd-vertical-nav .label {
 
−
        transform: translateX(0);
 
−
      }
 
−
    }
 
−
 
−
    @media only screen and (min-width: 800px) {
 
−
      .cd-vertical-nav a {
 
−
        position: relative;
 
−
        padding: 3em 0 0;
 
−
        margin: 1.4em auto;
 
−
      }
 
−
      .cd-vertical-nav a::before,
 
−
      .cd-vertical-nav a::after {
 
−
        /* used to create the filled circle and the background icon */
 
−
        content: '';
 
−
        position: absolute;
 
−
        left: 50%;
 
−
        transition: transform 0.4s 0s;
 
−
      }
 
−
      .cd-vertical-nav a::before {
 
−
        /* filled circle */
 
−
        top: 0;
 
−
        height: 32px;
 
−
        width: 32px;
 
−
        border-radius: 50%;
 
−
        background: #eaf2e3;
 
−
        transform: translateX(-50%) scale(0.25);
 
−
      }
 
−
      .cd-vertical-nav a::after {
 
−
        /* icon */
 
−
        top: 8px;
 
−
        height: 16px;
 
−
        width: 16px;
 
−
        background: url(../img/cd-nav-icons.svg) no-repeat;
 
−
        transform: translateX(-50%) scale(0);
 
−
      }
 
−
      .no-touch .cd-vertical-nav:hover a::before,
 
−
      .no-touch .cd-vertical-nav:hover a::after,
 
−
      .touch .cd-vertical-nav li:nth-of-type(n) a::before,
 
−
      .touch .cd-vertical-nav li:nth-of-type(n) a::after {
 
−
        transform: translateX(-50%) scale(1);
 
−
      }
 
−
    }
 
−
 
−
            .cd-vertical-nav li:nth-of-type(2) a::after {
 
−
      transform: translateX(-50%) translateY(1.5em) scale(0);
 
−
    }
 
−
    .cd-vertical-nav li:nth-of-type(2) a::before {
 
−
      transform: translateX(-50%) translateY(1.5em) scale(0.25);
 
−
    }
 
−
    .cd-vertical-nav li:nth-of-type(3) a::after {
 
−
      transform: translateX(-50%) translateY(-1.5em) scale(0);
 
−
    }
 
−
    .cd-vertical-nav li:nth-of-type(3) a::before {
 
−
      transform: translateX(-50%) translateY(-1.5em) scale(0.25);
 
−
    }
 
−
 
−
            .cd-vertical-nav li:first-of-type a::after {
 
−
      transform: translateX(-50%) translateY(4.5em) scale(0);
 
−
    }
 
−
    .cd-vertical-nav li:first-of-type a::before {
 
−
      transform: translateX(-50%) translateY(4.5em) scale(0.25);
 
−
    }
 
−
    .cd-vertical-nav li:nth-of-type(4) a::after {
 
−
      transform: translateX(-50%) translateY(-4.5em) scale(0);
 
−
    }
 
−
    .cd-vertical-nav li:nth-of-type(4) a::before {
 
−
      transform: translateX(-50%) translateY(-4.5em) scale(0.25);
 
−
    }
 
 
          
 
          
 
          
 
          
Line 1,246: Line 1,162:
 
     </style>
 
     </style>
 
</head>
 
</head>
−
<body id="page-top">
+
<body id="page-top">  
−
    <!------------SideBar dots navigation -------->
+
−
 
+
−
    <nav class="cd-vertical-nav">
+
−
        <ul>
+
−
            <li><a href="#section1" class="active"><span class="label">Intro</span></a></li>
+
−
            <li><a href="#section2"><span class="label">Events</span></a></li>
+
−
            <li><a href="#section3"><span class="label">Help</span></a></li>
+
−
            <li><a href="#section4"><span class="label">Share</span></a></li>
+
−
        </ul>
+
−
    </nav>
+
−
    <!-- .cd-vertical-nav -->
+
−
   
+
−
    <button class="cd-nav-trigger cd-image-replace">Open navigation<span aria-hidden="true"></span></button>
+
−
   
+
 
      
 
      
 
     <!-- Header -->
 
     <!-- Header -->
Line 1,401: Line 1,303:
 
                             </td>
 
                             </td>
 
                             <td>
 
                             <td>
−
 
+
                                <h6>María Eugenia Reyna <a href="https://www.linkedin.com/in/mar%C3%ADa-eugenia-reyna-fern%C3%A1ndez-775732167/" target="_blank"><i class="fa fa-linkedin-square"></i></a></h6>
 
                                 <p>Wetlab</p>
 
                                 <p>Wetlab</p>
 
                             </td>
 
                             </td>
Line 1,438: Line 1,340:
  
 
<body>
 
<body>
 +
   
 +
   
 
     <!-- Footer -->
 
     <!-- Footer -->
 
     <footer class="footer text-center">
 
     <footer class="footer text-center">

Revision as of 20:44, 24 September 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

Mathematical Model
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 analyze them with several techniques in order to make a valuable overview.


Follow Us

  • Av. Eugenio Garza Sada 2501

    64849 Monterrey, Mexico

Sponsors

  • Waiting for a Miracle

Quote

“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

Copyright © 2018