Difference between revisions of "Team:Tec-Monterrey/sandboxDavid"
Davidacevedo (Talk | contribs) |
Davidacevedo (Talk | contribs) |
||
| Line 1: | Line 1: | ||
| − | <!-- | + | <!-- |
| + | V3 | ||
| + | Changes | ||
| + | * Menu shrinking | ||
| + | * Side circles for navigation | ||
| + | |||
| + | |||
| + | Detailed Changes | ||
| + | * Changed bootstrap reference at the end of footer (custom js for optional js part), not working on my computer | ||
| + | * Deleted sidebar for navigation when media is small, replaced it with some divs in the topbar | ||
| + | * New dot sidebar goes directly into main, because it's size depends on the page, it's not general. | ||
| + | * Changed media screen min max width in general format style | ||
| + | |||
| + | --> | ||
| + | |||
| + | |||
| + | <!---{{:Team:Tec-Monterrey/Templates/Tec-Monterrey_General_Format}} ------> | ||
<html> | <html> | ||
<head> | <head> | ||
| Line 7: | Line 23: | ||
<link href="https://2018.igem.org/Team:Tec-Monterrey/CSS/bootstrapmin?action=raw&ctype=text/css" rel="stylesheet"> | <link href="https://2018.igem.org/Team:Tec-Monterrey/CSS/bootstrapmin?action=raw&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"> | ||
| + | |||
| + | <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> | ||
| + | |||
| + | |||
<style> | <style> | ||
/**************************************** Clear the default wiki settings *********************************/ | /**************************************** Clear the default wiki settings *********************************/ | ||
| Line 156: | Line 179: | ||
font-family: "Norwester", sans-serif !important; | font-family: "Norwester", sans-serif !important; | ||
text-align: left !important; | text-align: left !important; | ||
| − | font-size: 9vw | + | font-size: 9vw; |
font-weight: 700 !important; | font-weight: 700 !important; | ||
| − | line-height: 1em | + | line-height: 1em; |
padding-bottom: 0; | padding-bottom: 0; | ||
margin-bottom: -5px; | margin-bottom: -5px; | ||
| Line 166: | Line 189: | ||
font-family: "Montserrat", monospace; | font-family: "Montserrat", monospace; | ||
text-align: left !important; | text-align: left !important; | ||
| − | font-size: 3.5vw | + | font-size: 3.5vw; |
font-weight: 600 !important; | font-weight: 600 !important; | ||
| − | line-height: 1em | + | line-height: 1em; |
padding-bottom: 4px; | padding-bottom: 4px; | ||
color: #5da565; | color: #5da565; | ||
| Line 174: | Line 197: | ||
.body-title { | .body-title { | ||
font-family: "Norwester", sans-serif !important; | font-family: "Norwester", sans-serif !important; | ||
| − | font-size: 4vw | + | font-size: 4vw; |
font-weight: 600 !important; | font-weight: 600 !important; | ||
| − | line-height: 1em | + | line-height: 1em; |
padding: 10px 0 10px 0; | padding: 10px 0 10px 0; | ||
text-align: center; | text-align: center; | ||
| Line 185: | Line 208: | ||
.body-subtitle { | .body-subtitle { | ||
font-family: "Montserrat", monospace !important; | font-family: "Montserrat", monospace !important; | ||
| − | font-size: 2.5vw | + | font-size: 2.5vw; |
font-weight: 400 !important; | font-weight: 400 !important; | ||
| − | line-height: 1.2em | + | line-height: 1.2em; |
| + | padding: 3% 0; | ||
} | } | ||
.scroll-to-top { | .scroll-to-top { | ||
| Line 229: | Line 253: | ||
/******************************************************* TOPBAR MENU *********************************************/ | /******************************************************* TOPBAR MENU *********************************************/ | ||
#topBarWrapper { | #topBarWrapper { | ||
| − | |||
} | } | ||
| Line 305: | Line 328: | ||
#navContainer { | #navContainer { | ||
| − | |||
z-index: 2; | z-index: 2; | ||
height: 8vh; | height: 8vh; | ||
| Line 347: | Line 369: | ||
border-radius: 5%; | border-radius: 5%; | ||
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); | box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); | ||
| − | background-color: # | + | background-color: #5da565; |
-webkit-transition: all 0.3s; | -webkit-transition: all 0.3s; | ||
transition: all 0.3s; | transition: all 0.3s; | ||
| Line 385: | Line 407: | ||
float: left; | float: left; | ||
height: 100%; | height: 100%; | ||
| − | width: | + | width: 20%; |
} | } | ||
| Line 473: | Line 495: | ||
/********************************************************* TOPBAR MENU ENDS *********************************************/ | /********************************************************* TOPBAR MENU ENDS *********************************************/ | ||
/********************************** CODE FOR HIDING OR SHOWING THE MENUS DEPENDING ON SCREEN SIZE ***********************/ | /********************************** CODE FOR HIDING OR SHOWING THE MENUS DEPENDING ON SCREEN SIZE ***********************/ | ||
| − | @media screen and (min-width: | + | @media screen and (min-width : 906px){ |
| − | + | #squeezedNavBtn{ | |
| − | + | ||
| − | + | ||
| − | #squeezedNavBtn { | + | |
display: none; | display: none; | ||
} | } | ||
} | } | ||
| + | |||
| + | @media screen and (max-width : 906px){ | ||
| + | #navContainer{ | ||
| + | display: none; | ||
| + | } | ||
| + | } | ||
| + | |||
</style> | </style> | ||
</head> | </head> | ||
| Line 486: | Line 512: | ||
<!-- Navigation Bar--> | <!-- Navigation Bar--> | ||
| − | |||
<!--------------------------------------------------------- TOPBAR MENU STARTS -------------------------------------------> | <!--------------------------------------------------------- TOPBAR MENU STARTS -------------------------------------------> | ||
<div id="squeezedBtnWrapper"> | <div id="squeezedBtnWrapper"> | ||
<div id="squeezedNavBtn"> | <div id="squeezedNavBtn"> | ||
| − | <a href="#squeezedMenuDrop"><i class="fas fa-bars | + | <a href="#squeezedMenuDrop"><i class="fas fa-bars"></i></a> |
</div> | </div> | ||
</div> | </div> | ||
| Line 503: | Line 528: | ||
<a href="#collapseProject"> | <a href="#collapseProject"> | ||
<div class="navbar-linkContainer" id="linkContainer_Project"> | <div class="navbar-linkContainer" id="linkContainer_Project"> | ||
| − | <div class="navbar-linkContainerChild" id="linkContainer_ProjectChild"> | + | <div class="navbar-linkContainerChild" id="linkContainer_ProjectChild">PROJECT</div> |
</div> | </div> | ||
</a> | </a> | ||
<a href="#collapseParts"> | <a href="#collapseParts"> | ||
<div class="navbar-linkContainer" id="linkContainer_Parts"> | <div class="navbar-linkContainer" id="linkContainer_Parts"> | ||
| − | <div class="navbar-linkContainerChild" id="linkContainer_PartsChild"> | + | <div class="navbar-linkContainerChild" id="linkContainer_PartsChild">PARTS</div> |
</div> | </div> | ||
</a> | </a> | ||
<a href="#collapsePeople"> | <a href="#collapsePeople"> | ||
<div class="navbar-linkContainer" id="linkContainer_People"> | <div class="navbar-linkContainer" id="linkContainer_People"> | ||
| − | <div class="navbar-linkContainerChild" id="linkContainer_PeopleChild"> | + | <div class="navbar-linkContainerChild" id="linkContainer_PeopleChild">PEOPLE</div> |
</div> | </div> | ||
</a> | </a> | ||
<a href="#collapseHP"> | <a href="#collapseHP"> | ||
<div class="navbar-linkContainer" id="linkContainer_HP"> | <div class="navbar-linkContainer" id="linkContainer_HP"> | ||
| − | <div class="navbar-linkContainerChild" id="linkContainer_HPChild"> | + | <div class="navbar-linkContainerChild" id="linkContainer_HPChild">HUMAN PRACTICES</div> |
</div> | </div> | ||
</a> | </a> | ||
<a href="#collapseModeling"> | <a href="#collapseModeling"> | ||
<div class="navbar-linkContainer" id="linkContainer_Modeling"> | <div class="navbar-linkContainer" id="linkContainer_Modeling"> | ||
| − | <div class="navbar-linkContainerChild" id="linkContainer_ModelingChild"> | + | <div class="navbar-linkContainerChild" id="linkContainer_ModelingChild">MODELING</div> |
</div> | </div> | ||
</a> | </a> | ||
| Line 536: | Line 561: | ||
<ul class="navbar-nav mr-auto navbarList"> | <ul class="navbar-nav mr-auto navbarList"> | ||
<li class="nav-item navbarItem"> | <li class="nav-item navbarItem"> | ||
| − | <a href=" | + | <a href="" class="navbarItemHeader">Description</a> |
| − | <a class="navbarItemContent">The | + | <br> |
| + | <a class="navbarItemContent">Overview</a> | ||
| + | <br> | ||
| + | <a class="navbarItemContent">Introduction</a> | ||
| + | <br> | ||
| + | <a class="navbarItemContent">The System</a> | ||
| + | <br> | ||
<a class="navbarItemContent">Applications</a> | <a class="navbarItemContent">Applications</a> | ||
| − | < | + | <br> |
| − | <a class="navbarItemContent"> | + | <a class="navbarItemContent">Prototype</a> |
</li> | </li> | ||
</ul> | </ul> | ||
<ul class="navbar-nav mr-auto navbarList"> | <ul class="navbar-nav mr-auto navbarList"> | ||
<li class="nav-item navbarItem"> | <li class="nav-item navbarItem"> | ||
| − | <a class="navbarItemHeader"> | + | <a class="navbarItemHeader">Design</a> |
| − | <a class="navbarItemContent"> | + | <br> |
| − | <a class="navbarItemContent"> | + | <a class="navbarItemContent">Background</a> |
| + | <br> | ||
| + | <a class="navbarItemContent">Module I</a> | ||
| + | <br> | ||
| + | <a class="navbarItemContent">Module II</a> | ||
| + | <br> | ||
| + | <a class="navbarItemContent">Module III</a> | ||
| + | <br> | ||
| + | <a class="navbarItemContent">Module IV</a> | ||
</li> | </li> | ||
</ul> | </ul> | ||
<ul class="navbar-nav mr-auto navbarList"> | <ul class="navbar-nav mr-auto navbarList"> | ||
<li class="nav-item navbarItem"> | <li class="nav-item navbarItem"> | ||
| − | <a class="navbarItemHeader"> | + | <a class="navbarItemHeader">Experiments</a> |
| − | <a class="navbarItemContent"> | + | <br> |
| − | <a class="navbarItemContent"> | + | <a class="navbarItemContent">Protocols</a> |
| + | <br> | ||
| + | <a class="navbarItemContent">Safety</a> | ||
</li> | </li> | ||
</ul> | </ul> | ||
<ul class="navbar-nav mr-auto navbarList"> | <ul class="navbar-nav mr-auto navbarList"> | ||
<li class="nav-item navbarItem"> | <li class="nav-item navbarItem"> | ||
| − | <a class="navbarItemHeader"> | + | <a class="navbarItemHeader">Notebook</a> |
| − | <a class="navbarItemContent"> | + | <br> |
| − | <a class="navbarItemContent"> | + | <a class="navbarItemContent">Calendar</a> |
| + | <br> | ||
| + | <a class="navbarItemContent">Meetings</a> | ||
</li> | </li> | ||
</ul> | </ul> | ||
<ul class="navbar-nav mr-auto navbarList"> | <ul class="navbar-nav mr-auto navbarList"> | ||
<li class="nav-item navbarItem"> | <li class="nav-item navbarItem"> | ||
| − | <a class="navbarItemHeader"> | + | <a class="navbarItemHeader">Results</a> |
| − | < | + | <br> |
| − | <a class="navbarItemContent | + | <a class="navbarItemContent">Overview</a> |
| − | + | <br> | |
| − | + | <a class="navbarItemContent">Introduction</a> | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | < | + | |
| − | <a class="navbarItemContent"> | + | |
</li> | </li> | ||
</ul> | </ul> | ||
| Line 588: | Line 626: | ||
<ul class="navbar-nav mr-auto navbarList"> | <ul class="navbar-nav mr-auto navbarList"> | ||
<li class="nav-item navbarItem"> | <li class="nav-item navbarItem"> | ||
| − | <a href="#page-top" class="navbarItemHeader | + | <a href="#page-top" class="navbarItemHeader">Basic Parts</a> |
| − | + | <br> | |
| − | < | + | <a href="#page-top" class="navbarItemContent">Overview</a> |
| − | <a href="#page-top" class="navbarItemContent"> | + | <br> |
| − | < | + | <a href="#page-top" class="navbarItemContent">Best Basic Part</a> |
| − | <a href="#page-top" class="navbarItemContent"> | + | |
</li> | </li> | ||
</ul> | </ul> | ||
<ul class="navbar-nav mr-auto navbarList"> | <ul class="navbar-nav mr-auto navbarList"> | ||
<li class="nav-item navbarItem"> | <li class="nav-item navbarItem"> | ||
| − | <a href="#page-top" class="navbarItemHeader"> | + | <a href="#page-top" class="navbarItemHeader">Composite Parts</a> |
| − | < | + | <br> |
| − | <a href="#page-top" class="navbarItemContent"> | + | <a href="#page-top" class="navbarItemContent">Overview</a> |
| − | < | + | <br> |
| − | <a href="#page-top" class="navbarItemContent"> | + | <a href="#page-top" class="navbarItemContent">Best Composite Part</a> |
| − | + | ||
</li> | </li> | ||
</ul> | </ul> | ||
<ul class="navbar-nav mr-auto navbarList"> | <ul class="navbar-nav mr-auto navbarList"> | ||
<li class="nav-item navbarItem"> | <li class="nav-item navbarItem"> | ||
| − | <a href="#page-top" class="navbarItemHeader | + | <a href="#page-top" class="navbarItemHeader">Parts Collection</a> |
| − | + | <br> | |
| − | + | <a href="#page-top" class="navbarItemContent">Best Parts</a> | |
| − | + | ||
| − | < | + | |
| − | <a href="#page-top" class="navbarItemContent">Parts | + | |
</li> | </li> | ||
</ul> | </ul> | ||
<ul class="navbar-nav mr-auto navbarList"> | <ul class="navbar-nav mr-auto navbarList"> | ||
<li class="nav-item navbarItem"> | <li class="nav-item navbarItem"> | ||
| − | <a href="#page-top" class="navbarItemHeader"> | + | <a href="#page-top" class="navbarItemHeader">Improved Parts</a> |
| − | < | + | <br> |
| − | <a href="#page-top" class="navbarItemContent"> | + | <a href="#page-top" class="navbarItemContent">Overview</a> |
| − | < | + | <br> |
| − | <a href="#page-top" class="navbarItemContent"> | + | <a href="#page-top" class="navbarItemContent">Part I</a> |
| − | < | + | <br> |
| − | + | <a href="#page-top" class="navbarItemContent">Part II</a> | |
| − | + | <br> | |
| − | + | <a href="#page-top" class="navbarItemContent">Part III</a> | |
| − | + | <br> | |
| − | + | <a href="#page-top" class="navbarItemContent">Part IV</a> | |
| − | <a href="#page-top" class="navbarItemContent"> | + | |
| − | < | + | |
| − | <a href="#page-top" class="navbarItemContent"> | + | |
| − | < | + | |
| − | <a href="#page-top" class="navbarItemContent"> | + | |
</li> | </li> | ||
</ul> | </ul> | ||
<ul class="navbar-nav mr-auto navbarList"> | <ul class="navbar-nav mr-auto navbarList"> | ||
<li class="nav-item navbarItem"> | <li class="nav-item navbarItem"> | ||
| − | <a href="#page-top" class="navbarItemHeader"> | + | <a href="#page-top" class="navbarItemHeader">Parts List</a> |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
</li> | </li> | ||
</ul> | </ul> | ||
| Line 656: | Line 679: | ||
<ul class="navbar-nav mr-auto navbarList"> | <ul class="navbar-nav mr-auto navbarList"> | ||
<li class="nav-item navbarItem"> | <li class="nav-item navbarItem"> | ||
| − | <a href="#page-top" class="navbarItemHeader"> | + | <a href="#page-top" class="navbarItemHeader">Team</a> |
<br> | <br> | ||
| − | <a href="#page-top" class="navbarItemContent"> | + | <a href="#page-top" class="navbarItemContent">Header</a> |
<br> | <br> | ||
| − | <a href="#page-top" class="navbarItemContent"> | + | <a href="#page-top" class="navbarItemContent">Team Members</a> |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
<br> | <br> | ||
| − | <a href="#page-top" class="navbarItemContent"> | + | <a href="#page-top" class="navbarItemContent">Advisors</a> |
<br> | <br> | ||
| − | <a href="#page-top" class="navbarItemContent"> | + | <a href="#page-top" class="navbarItemContent">Instructors</a> |
| − | + | ||
| − | + | ||
</li> | </li> | ||
</ul> | </ul> | ||
<ul class="navbar-nav mr-auto navbarList"> | <ul class="navbar-nav mr-auto navbarList"> | ||
<li class="nav-item navbarItem"> | <li class="nav-item navbarItem"> | ||
| − | <a href="#page-top" class="navbarItemHeader"> | + | <a href="#page-top" class="navbarItemHeader">Collaborations</a> |
<br> | <br> | ||
| − | <a href="#page-top" class="navbarItemContent"> | + | <a href="#page-top" class="navbarItemContent">Collab 1</a> |
<br> | <br> | ||
| − | <a href="#page-top" class="navbarItemContent"> | + | <a href="#page-top" class="navbarItemContent">Collab 2</a> |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
<br> | <br> | ||
| − | <a href="#page-top" class="navbarItemContent"> | + | <a href="#page-top" class="navbarItemContent">Collab 3</a> |
<br> | <br> | ||
| − | <a href="#page-top" class="navbarItemContent"> | + | <a href="#page-top" class="navbarItemContent">Collab 4</a> |
| − | + | ||
| − | + | ||
</li> | </li> | ||
</ul> | </ul> | ||
<ul class="navbar-nav mr-auto navbarList"> | <ul class="navbar-nav mr-auto navbarList"> | ||
<li class="nav-item navbarItem"> | <li class="nav-item navbarItem"> | ||
| − | <a href="#page-top" class="navbarItemHeader"> | + | <a href="#page-top" class="navbarItemHeader">Attributions</a> |
<br> | <br> | ||
| − | <a href="#page-top" class="navbarItemContent">Team</a> | + | <a href="#page-top" class="navbarItemContent">Design Team</a> |
<br> | <br> | ||
| − | <a href="#page-top" class="navbarItemContent"> | + | <a href="#page-top" class="navbarItemContent">Programmers</a> |
| − | <a href="#page-top" class="navbarItemContent"> | + | <br> |
| − | <a href="#page-top" class="navbarItemContent"> | + | <a href="#page-top" class="navbarItemContent">Investigators</a> |
| + | <br> | ||
| + | <a href="#page-top" class="navbarItemContent">Ex-iGEMers</a> | ||
</li> | </li> | ||
</ul> | </ul> | ||
<ul class="navbar-nav mr-auto navbarList"> | <ul class="navbar-nav mr-auto navbarList"> | ||
<li class="nav-item navbarItem"> | <li class="nav-item navbarItem"> | ||
| − | <a href="#page-top" class="navbarItemHeader"> | + | <a href="#page-top" class="navbarItemHeader">Sponsors</a> |
<br> | <br> | ||
| − | <a href="#page-top" class="navbarItemContent"> | + | <a href="#page-top" class="navbarItemContent">Principal</a> |
<br> | <br> | ||
| − | <a href="#page-top" class="navbarItemContent"> | + | <a href="#page-top" class="navbarItemContent">Secondary</a> |
| − | + | ||
| − | + | ||
</li> | </li> | ||
</ul> | </ul> | ||
| Line 730: | Line 735: | ||
<ul class="navbar-nav mr-auto navbarList"> | <ul class="navbar-nav mr-auto navbarList"> | ||
<li class="nav-item navbarItem"> | <li class="nav-item navbarItem"> | ||
| − | <a href="#page-top" class="navbarItemHeader">Overview</a> | + | <a href="#page-top" class="navbarItemHeader">Chiapas</a> |
| − | <a href="#page-top" class="navbarItemContent"> | + | <br> |
| − | <a href="#page-top" class="navbarItemContent"> | + | <a href="#page-top" class="navbarItemContent">Overview</a> |
| − | <a href="#page-top" class="navbarItemContent"> | + | <br> |
| − | <a href="#page-top" class="navbarItemContent"> | + | <a href="#page-top" class="navbarItemContent">Sampling</a> |
| + | <br> | ||
| + | <a href="#page-top" class="navbarItemContent">Analysis</a> | ||
| + | <br> | ||
| + | <a href="#page-top" class="navbarItemContent">Reuslts</a> | ||
| + | <br> | ||
| + | <a href="#page-top" class="navbarItemContent">References</a> | ||
</li> | </li> | ||
</ul> | </ul> | ||
<ul class="navbar-nav mr-auto navbarList"> | <ul class="navbar-nav mr-auto navbarList"> | ||
<li class="nav-item navbarItem"> | <li class="nav-item navbarItem"> | ||
| − | <a href="#page-top" class="navbarItemHeader"> | + | <a href="#page-top" class="navbarItemHeader">Integrated HP</a> |
| − | <a href="#page-top" class="navbarItemContent"> | + | <br> |
| − | <a href="#page-top" class="navbarItemContent"> | + | <a href="#page-top" class="navbarItemContent">Gold HP</a> |
| − | < | + | <br> |
| − | <a href="#page-top" class="navbarItemContent"> | + | <a href="#page-top" class="navbarItemContent">System Usage</a> |
| + | <br> | ||
| + | <a href="#page-top" class="navbarItemContent">References</a> | ||
</li> | </li> | ||
</ul> | </ul> | ||
| − | <ul class="navbar-nav mr-auto navbarList"> | + | <ul class="navbar-nav mr-auto navbarList" style="width: 25%;"> |
<li class="nav-item navbarItem"> | <li class="nav-item navbarItem"> | ||
| − | <a href="#page-top" class="navbarItemHeader"> | + | <a href="#page-top" class="navbarItemHeader">Public Engagement</a> |
| − | <a href="#page-top" class="navbarItemContent"> | + | <br> |
| − | <a href="#page-top" class="navbarItemContent"> | + | <a href="#page-top" class="navbarItemContent">Milenio News</a> |
| − | <a href="#page-top" class="navbarItemContent"> | + | <br> |
| − | <a href="#page-top" class="navbarItemContent"> | + | <a href="#page-top" class="navbarItemContent">Conexion Tec</a> |
| + | <br> | ||
| + | <a href="#page-top" class="navbarItemContent">Genobiotec</a> | ||
| + | <br> | ||
| + | <a href="#page-top" class="navbarItemContent">Curiosamente</a> | ||
| + | <br> | ||
| + | <a href="#page-top" class="navbarItemContent">Tec Review</a> | ||
</li> | </li> | ||
</ul> | </ul> | ||
| − | <ul class="navbar-nav mr-auto navbarList"> | + | <ul class="navbar-nav mr-auto navbarList" style="width: 25%;"> |
<li class="nav-item navbarItem"> | <li class="nav-item navbarItem"> | ||
| − | <a href="#page-top" class="navbarItemHeader"> | + | <a href="#page-top" class="navbarItemHeader">Educational Engagement</a> |
| − | + | <br> | |
| − | + | <a href="#page-top" class="navbarItemContent">Seminar</a> | |
| − | + | <br> | |
| − | + | <a href="#page-top" class="navbarItemContent">Congress</a> | |
| − | + | <br> | |
| − | + | <a href="#page-top" class="navbarItemContent">Talks</a> | |
| − | + | ||
| − | + | ||
| − | < | + | |
| − | <a href="#page-top" class="navbarItemContent"> | + | |
| − | < | + | |
| − | <a href="#page-top" class="navbarItemContent"> | + | |
| − | < | + | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | <a href="#page-top" class="navbarItemContent"> | + | |
| − | + | ||
| − | + | ||
| − | + | ||
</li> | </li> | ||
</ul> | </ul> | ||
| Line 790: | Line 793: | ||
<div class="height-support"> | <div class="height-support"> | ||
</div> | </div> | ||
| − | <ul class="navbar-nav mr-auto navbarList"> | + | <ul class="navbar-nav mr-auto navbarList" style="width: 25%;"> |
<li class="nav-item navbarItem"> | <li class="nav-item navbarItem"> | ||
| − | <a href="#page-top" class="navbarItemHeader">Overview</a> | + | <a href="#page-top" class="navbarItemHeader">Mathematical Model</a> |
| + | <br> | ||
| + | <a href="#page-top" class="navbarItemContent">Overview</a> | ||
<br> | <br> | ||
| − | <a href="#page-top" class="navbarItemContent"> | + | <a href="#page-top" class="navbarItemContent">Growth</a> |
<br> | <br> | ||
| − | <a href="#page-top" class="navbarItemContent"> | + | <a href="#page-top" class="navbarItemContent">Enzimes</a> |
| − | + | ||
</li> | </li> | ||
</ul> | </ul> | ||
<ul class="navbar-nav mr-auto navbarList"> | <ul class="navbar-nav mr-auto navbarList"> | ||
<li class="nav-item navbarItem"> | <li class="nav-item navbarItem"> | ||
| − | <a href="#page-top" class="navbarItemHeader"> | + | <a href="#page-top" class="navbarItemHeader">InterLab</a> |
<br> | <br> | ||
| − | <a href="#page-top" class="navbarItemContent"> | + | <a href="#page-top" class="navbarItemContent">Overview</a> |
<br> | <br> | ||
| − | <a href="#page-top" class="navbarItemContent"> | + | <a href="#page-top" class="navbarItemContent">Protocols</a> |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
<br> | <br> | ||
| − | <a href="#page-top" class="navbarItemContent"> | + | <a href="#page-top" class="navbarItemContent">Absorbance</a> |
<br> | <br> | ||
| − | <a href="#page-top" class="navbarItemContent"> | + | <a href="#page-top" class="navbarItemContent">Fluorescence</a> |
| − | + | ||
| − | + | ||
| − | + | ||
</li> | </li> | ||
</ul> | </ul> | ||
| Line 856: | Line 821: | ||
</div> | </div> | ||
| − | + | <!-- Squeezed collapsed --> | |
<div class="collapse collapsedMenu" id="collapseSqueezed"> | <div class="collapse collapsedMenu" id="collapseSqueezed"> | ||
<div class="containerCollapse"> | <div class="containerCollapse"> | ||
| Line 928: | Line 893: | ||
</html> | </html> | ||
| − | |||
| − | |||
| − | |||
| − | |||
| + | <!---MAIN---> | ||
<html> | <html> | ||
<head> | <head> | ||
| Line 1,065: | Line 1,027: | ||
</head> | </head> | ||
<body id="page-top"> | <body id="page-top"> | ||
| + | <!------------SideBar dots navigation --------> | ||
| + | |||
| + | <a class="cd-nav-trigger cd-img-replace">Open navigation</a> | ||
| + | <nav id="cd-vertical-nav" > | ||
| + | <ul class="list-unstyled"> | ||
| + | <li> | ||
| + | <a href="#page-top" data-number="1"> | ||
| + | <span class="cd-dot"></span> | ||
| + | <span class="cd-label">Item 1</span> | ||
| + | </a> | ||
| + | </li> | ||
| + | <li> | ||
| + | <a href="#project" data-number="2"> | ||
| + | <span class="cd-dot"></span> | ||
| + | <span class="cd-label">Item 2</span> | ||
| + | </a> | ||
| + | </li> | ||
| + | <li> | ||
| + | <a href="#team" data-number="3"> | ||
| + | <span class="cd-dot"></span> | ||
| + | <span class="cd-label">Item 3</span> | ||
| + | </a> | ||
| + | </li> | ||
| + | <li> | ||
| + | <a href="#HP" data-number="4"> | ||
| + | <span class="cd-dot"></span> | ||
| + | <span class="cd-label">Item 4</span> | ||
| + | </a> | ||
| + | </li> | ||
| + | </ul> | ||
| + | </nav> | ||
<!-- Header --> | <!-- Header --> | ||
<header class="masthead" style="border-bottom: 20px solid #2f6361;"> | <header class="masthead" style="border-bottom: 20px solid #2f6361;"> | ||
| Line 1,232: | Line 1,225: | ||
</html> | </html> | ||
| − | |||
| − | <!---- | + | <!--{{:Team:Tec-Monterrey/Templates/Tec-Monterrey_Footer}} --> |
| − | + | ||
<html> | <html> | ||
<body> | <body> | ||
| Line 1,281: | Line 1,272: | ||
</footer> | </footer> | ||
| − | + | <!-- Optional JavaScript --> | |
| − | + | <!-- jQuery first, then Popper.js, then Bootstrap JS --> | |
| − | + | <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script> | |
| − | + | <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script> | |
| − | + | <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js" integrity="sha384-smHYKdLADwkXOn1EmN1qk/HfnUcbVRZyYmZ4qpPea6sjB/pTJ0euyQp0Mk8ck+5T" crossorigin="anonymous"></script> | |
| + | |||
<!-- Script controls collapsedMenus --> | <!-- Script controls collapsedMenus --> | ||
<script> | <script> | ||
| Line 1,298: | Line 1,290: | ||
$("#linkContainer_Project").addClass("active"); | $("#linkContainer_Project").addClass("active"); | ||
$("#linkContainer_ProjectChild").addClass("activeChild"); | $("#linkContainer_ProjectChild").addClass("activeChild"); | ||
| − | openMenu('#collapseProject', '# | + | openMenu('#collapseProject', '#b0e0e4'); |
}, function () { | }, function () { | ||
| Line 1,310: | Line 1,302: | ||
$("#linkContainer_Project").addClass("active"); | $("#linkContainer_Project").addClass("active"); | ||
$("#linkContainer_ProjectChild").addClass("activeChild"); | $("#linkContainer_ProjectChild").addClass("activeChild"); | ||
| − | openMenu('#collapseProject', '# | + | openMenu('#collapseProject', '#b0e0e4'); |
}); | }); | ||
$('#collapseProject').mouseleave(function(){ | $('#collapseProject').mouseleave(function(){ | ||
| Line 1,326: | Line 1,318: | ||
$("#linkContainer_Parts").addClass("active"); | $("#linkContainer_Parts").addClass("active"); | ||
$("#linkContainer_PartsChild").addClass("activeChild"); | $("#linkContainer_PartsChild").addClass("activeChild"); | ||
| − | openMenu('#collapseParts', '# | + | openMenu('#collapseParts', '#bae4e8'); |
}, function () { | }, function () { | ||
colorNavbar(); | colorNavbar(); | ||
| Line 1,337: | Line 1,329: | ||
$("#linkContainer_Parts").addClass("active"); | $("#linkContainer_Parts").addClass("active"); | ||
$("#linkContainer_PartsChild").addClass("activeChild"); | $("#linkContainer_PartsChild").addClass("activeChild"); | ||
| − | openMenu('#collapseParts', '# | + | openMenu('#collapseParts', '#bae4e8'); |
}); | }); | ||
$('#collapseParts').mouseleave(function(){ | $('#collapseParts').mouseleave(function(){ | ||
| Line 1,353: | Line 1,345: | ||
$("#linkContainer_People").addClass("active"); | $("#linkContainer_People").addClass("active"); | ||
$("#linkContainer_PeopleChild").addClass("activeChild"); | $("#linkContainer_PeopleChild").addClass("activeChild"); | ||
| − | openMenu('#collapsePeople', '# | + | openMenu('#collapsePeople', '#caeaed'); |
}, function () { | }, function () { | ||
colorNavbar(); | colorNavbar(); | ||
| Line 1,364: | Line 1,356: | ||
$("#linkContainer_People").addClass("active"); | $("#linkContainer_People").addClass("active"); | ||
$("#linkContainer_PeopleChild").addClass("activeChild"); | $("#linkContainer_PeopleChild").addClass("activeChild"); | ||
| − | openMenu('#collapsePeople', '# | + | openMenu('#collapsePeople', '#caeaed'); |
}); | }); | ||
$('#collapsePeople').mouseleave(function(){ | $('#collapsePeople').mouseleave(function(){ | ||
| Line 1,380: | Line 1,372: | ||
$("#linkContainer_HP").addClass("active"); | $("#linkContainer_HP").addClass("active"); | ||
$("#linkContainer_HPChild").addClass("activeChild"); | $("#linkContainer_HPChild").addClass("activeChild"); | ||
| − | openMenu('#collapseHP', '# | + | openMenu('#collapseHP', '#d8f0f2'); |
}, function () { | }, function () { | ||
colorNavbar(); | colorNavbar(); | ||
| Line 1,391: | Line 1,383: | ||
$("#linkContainer_HP").addClass("active"); | $("#linkContainer_HP").addClass("active"); | ||
$("#linkContainer_HPChild").addClass("activeChild"); | $("#linkContainer_HPChild").addClass("activeChild"); | ||
| − | openMenu('#collapseHP', '# | + | openMenu('#collapseHP', '#d8f0f2'); |
}); | }); | ||
$('#collapseHP').mouseleave(function(){ | $('#collapseHP').mouseleave(function(){ | ||
| Line 1,407: | Line 1,399: | ||
$("#linkContainer_Modeling").addClass("active"); | $("#linkContainer_Modeling").addClass("active"); | ||
$("#linkContainer_ModelingChild").addClass("activeChild"); | $("#linkContainer_ModelingChild").addClass("activeChild"); | ||
| − | openMenu('#collapseModeling', '# | + | openMenu('#collapseModeling', '#e7f6f7'); |
}, function () { | }, function () { | ||
colorNavbar(); | colorNavbar(); | ||
| Line 1,418: | Line 1,410: | ||
$("#linkContainer_Modeling").addClass("active"); | $("#linkContainer_Modeling").addClass("active"); | ||
$("#linkContainer_ModelingChild").addClass("activeChild"); | $("#linkContainer_ModelingChild").addClass("activeChild"); | ||
| − | openMenu('#collapseModeling', '# | + | openMenu('#collapseModeling', '#e7f6f7'); |
}); | }); | ||
$('#collapseModeling').mouseleave(function(){ | $('#collapseModeling').mouseleave(function(){ | ||
| Line 1,465: | Line 1,457: | ||
$(document).ready(colorNavbar); | $(document).ready(colorNavbar); | ||
| − | |||
| − | |||
| − | |||
| − | $("# | + | |
| + | /*--- Squeezed Menu ---*/ | ||
| + | $("#squeezedNavBtn").hover( | ||
function () { | function () { | ||
$('#navbar').css('background','#2A8481'); | $('#navbar').css('background','#2A8481'); | ||
| Line 1,480: | Line 1,471: | ||
/*------------MENU ENDS-----------*/ | /*------------MENU ENDS-----------*/ | ||
| + | |||
| + | |||
| + | |||
</script> | </script> | ||
<!-- Custom JavaScript | <!-- Custom JavaScript | ||
<script src="https://2018.igem.org/Team:Tec-Monterrey/Javascript/StylishPortfolio?action=raw&ctype=text/javascript" type="text/javascript"></script> | <script src="https://2018.igem.org/Team:Tec-Monterrey/Javascript/StylishPortfolio?action=raw&ctype=text/javascript" type="text/javascript"></script> | ||
| − | <script src="https://2018.igem.org/Team:Tec-Monterrey/Javascript/jqueryeasingmin?action=raw&ctype=text/javascript" type="text/javascript"></script> --> | + | <script src="https://2018.igem.org/Team:Tec-Monterrey/Javascript/jqueryeasingmin?action=raw&ctype=text/javascript" type="text/javascript"></script> |
| + | --> | ||
</body> | </body> | ||
</html> | </html> | ||
| − | |||
| − | |||
Revision as of 15:11, 15 August 2018
Home
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.
Baum, 1995
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.
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.