Difference between revisions of "Team:Tec-Monterrey/sandbox"
Davidacevedo (Talk | contribs) |
Davidacevedo (Talk | contribs) |
||
| (32 intermediate revisions by the same user not shown) | |||
| Line 128: | Line 128: | ||
width: 100%; | width: 100%; | ||
height: auto; | height: auto; | ||
| − | margin-top: | + | margin-top: 20vh; |
| − | font-size: | + | text-align: justify; |
| + | font-size: 2.5vw; | ||
font-weight: bold; | font-weight: bold; | ||
| − | |||
color: white; | color: white; | ||
| + | line-height: 3vw; | ||
} | } | ||
| Line 187: | Line 188: | ||
| − | DNA has been called an excellent medium | + | <b style="font-size: 3.5vw; color: rgb(42, 132, 129);">DNA</b> has been called an excellent medium |
| − | for archiving data, interpreting the four base | + | for <b style="font-size: 3.5vw; color: rgb(42, 132, 129);">archiving data</b>, interpreting the four base |
pairs as a new language. | pairs as a new language. | ||
| Line 202: | Line 203: | ||
border-radius: 40px; | border-radius: 40px; | ||
overflow: hidden;" class="gif"> | overflow: hidden;" class="gif"> | ||
| + | <div style="height: 10vh; width: 100%; text-align: center;"> | ||
| + | <table width="100%" style="background:rgba(0,0,0,0.0); border: 0px solid black; color: white;" cellspacing="0" cellpadding="0"> | ||
| + | <tr style=" border: 0px solid black;"> | ||
| + | <td width="50%" style=" border: 0px solid black; font-size: 1.5vw; "> | ||
| + | Original image | ||
| + | </td> | ||
| + | <td width="50%" style=" border: 0px solid black; font-size: 1.5vw;"> | ||
| + | Image reconstructed from bacteria | ||
| + | </td> | ||
| + | </tr> | ||
| + | </table> | ||
| + | </div> | ||
</div> | </div> | ||
<div class="main-info"> | <div class="main-info"> | ||
<!-- Tercero izq --> | <!-- Tercero izq --> | ||
| − | Through gene induction, | + | Through <b style="font-size: 3.5vw; color: #2F6361;">gene induction</b>, |
| − | bacteria could store | + | bacteria could <b style="font-size: 3.5vw; color: #2F6361;" >store</b> |
external information in their DNA. | external information in their DNA. | ||
iGEM Tec-Monterrey 2018 attempts to create | iGEM Tec-Monterrey 2018 attempts to create | ||
| − | a new system, which saves information regarding | + | a new system, which <b style="font-size: 3.5vw; color: #2F6361;">saves information</b> regarding |
its surroundings. | its surroundings. | ||
| Line 215: | Line 228: | ||
</div> | </div> | ||
<div class="main-info-container-right"> | <div class="main-info-container-right"> | ||
| − | <div class="main-info"> | + | <div class="main-info" style="margin-top: 10vh"> |
<!-- Primero der--> | <!-- Primero der--> | ||
| − | <img src="https://static.igem.org/mediawiki/2018/ | + | <img style="height: 40vh "src="https://static.igem.org/mediawiki/2018/8/82/T--Tec-Monterrey--adn_Video2.gif"> |
</div> | </div> | ||
| − | <div class="main-info"> | + | <div class="main-info" style="margin-top: 10vh"> |
<!-- Segundo der --> | <!-- Segundo der --> | ||
Information storage in DNA has | Information storage in DNA has | ||
been demonstrated by recent efforts, | been demonstrated by recent efforts, | ||
| − | saving anything | + | <b style="font-size: 3.5vw; color: rgb(42, 132, 129);"> saving </b> anything |
| − | from messages to animations. | + | from <b style="font-size: 3.5vw; color: rgb(42, 132, 129);">messages</b> to animations. |
</div> | </div> | ||
<div class="main-info"> | <div class="main-info"> | ||
| Line 265: | Line 278: | ||
</div> <!-- scroll section ends --> | </div> <!-- scroll section ends --> | ||
| − | <section style="height: | + | <section style="height: 65vw"> |
<style> | <style> | ||
#dropzoneWrapper { | #dropzoneWrapper { | ||
| Line 416: | Line 429: | ||
<br> | <br> | ||
<br> | <br> | ||
| − | <div id="alan" class="drag-drop"> <img src="https://static.igem.org/mediawiki/2018/9/9d/T--Tec-Monterrey--plomo.png"> </div> | + | <div id="alan" class="drag-drop" style="margin: auto; z-index: 50;"> <img src="https://static.igem.org/mediawiki/2018/9/9d/T--Tec-Monterrey--plomo.png"> </div> |
<p style="font-family: 'Norwester'; text-align: center; font-size: 50px; color: white;"> Pb</p> | <p style="font-family: 'Norwester'; text-align: center; font-size: 50px; color: white;"> Pb</p> | ||
</div> | </div> | ||
<div style="background-color: black; height: 50%; text-align: center;"> | <div style="background-color: black; height: 50%; text-align: center;"> | ||
| − | <div id="esteban" class="drag-drop" style="margin: auto;"> <img src="https://static.igem.org/mediawiki/2018/4/4b/T--Tec-Monterrey--nitrato.png"> </div> | + | <div id="esteban" class="drag-drop" style="margin: auto; z-index: 50;"> <img src="https://static.igem.org/mediawiki/2018/4/4b/T--Tec-Monterrey--nitrato.png"> </div> |
<p style="font-family: 'Norwester'; text-align: center; font-size: 50px; color: white;"> NO3</p> | <p style="font-family: 'Norwester'; text-align: center; font-size: 50px; color: white;"> NO3</p> | ||
</div> | </div> | ||
| Line 429: | Line 442: | ||
<br> | <br> | ||
<br> | <br> | ||
| − | <div id="acebae" class="drag-drop" style="margin: auto"> <img src="https://static.igem.org/mediawiki/2018/4/49/T--Tec-Monterrey--fosfato.png"> </div> | + | <div id="acebae" class="drag-drop" style="margin: auto; z-index: 50;"> <img src="https://static.igem.org/mediawiki/2018/4/49/T--Tec-Monterrey--fosfato.png"> </div> |
<p style="font-family: 'Norwester'; text-align: center; font-size: 50px; color: white;"> PO4</p> | <p style="font-family: 'Norwester'; text-align: center; font-size: 50px; color: white;"> PO4</p> | ||
</div> | </div> | ||
<div style="background-color: black; height: 50%; text-align: center;"> | <div style="background-color: black; height: 50%; text-align: center;"> | ||
| − | <div id="sofi" class="drag-drop" style="margin:auto"> <img src="https://static.igem.org/mediawiki/2018/4/43/T--Tec-Monterrey--arsenico.png"> </div> | + | <div id="sofi" class="drag-drop" style="margin: auto; z-index: 50;"> <img src="https://static.igem.org/mediawiki/2018/4/43/T--Tec-Monterrey--arsenico.png"> </div> |
<p style="font-family: 'Norwester'; text-align: center; font-size: 50px; color: white;"> As</p> | <p style="font-family: 'Norwester'; text-align: center; font-size: 50px; color: white;"> As</p> | ||
</div> | </div> | ||
| Line 452: | Line 465: | ||
</div> | </div> | ||
</div> | </div> | ||
| + | <div style:"height: 10vw; width: 100%; background-color: black; position: relative;"> <a src="https://2018.igem.org/Team:Tec-Monterrey/Description">LEARN MORE</a></div> | ||
<script> | <script> | ||
Latest revision as of 03:43, 18 October 2018
Home
DNA has been called an excellent medium
for archiving data, interpreting the four base
pairs as a new language.
| Original image | Image reconstructed from bacteria |
Through gene induction,
bacteria could store
external information in their DNA.
iGEM Tec-Monterrey 2018 attempts to create
a new system, which saves information regarding
its surroundings.
Information storage in DNA has
been demonstrated by recent efforts,
saving anything
from messages to animations.
E. coding composes a new mechanism for information storage.
E. coding
Scroll to know more
Tec-Monterrey
Storing the world one base at a time
Scroll to know more
DRAG AND DROP!
Pb
NO3
PO4
As