|
|
(41 intermediate revisions not shown) |
Line 5: |
Line 5: |
| <center> | | <center> |
| {{:Team:ETH Zurich/tpl/scrollbuttontworows|Our|Project|green}} | | {{:Team:ETH Zurich/tpl/scrollbuttontworows|Our|Project|green}} |
- | {{:Team:ETH Zurich/tpl/scrollbuttontworows|Genetic|Circuits|blue}} | + | {{:Team:ETH Zurich/tpl/scrollbuttontworows|Pattern|Emergence|blue}} |
| + | {{:Team:ETH Zurich/tpl/scrollbuttontworows|Genetic|Circuits|red}} |
| </center> | | </center> |
| | | |
| <html> | | <html> |
- | <div id="Our" class="inner2"> <article class="Our complex" style='margin-bottom:0;'> </html> | + | <div id="Our" style='background-color:#FFFFFF; padding:2%;'> <article class="Our complex" style='margin-bottom:0;'> </html> |
| {{:Team:ETH Zurich/project/overview/summary}} | | {{:Team:ETH Zurich/project/overview/summary}} |
| <html> </article> <article class="Our simple" style="display:none; margin-bottom:0;"> </html> | | <html> </article> <article class="Our simple" style="display:none; margin-bottom:0;"> </html> |
Line 15: |
Line 16: |
| <html> </article> </html> | | <html> </article> </html> |
| {{:Team:ETH Zurich/tpl/simpbutton|Our|green}} | | {{:Team:ETH Zurich/tpl/simpbutton|Our|green}} |
| + | <html></div> |
| <br/> | | <br/> |
| <br/> | | <br/> |
| + | |
| + | <div id="Pattern" style='background-color:#FFFFFF; padding:2%;'> </html> |
| {{:Team:ETH_Zurich/project/overview/grid}} | | {{:Team:ETH_Zurich/project/overview/grid}} |
- | <br/>
| |
| <html> </div> | | <html> </div> |
| <br/> | | <br/> |
| <br/> | | <br/> |
| | | |
- | <div id="Genetic" class="inner2"></html> | + | <div id="Genetic" style='background-color:#FFFFFF; padding:2%;'></html> |
- | == Implementation in ''E. Coli'' == | + | == Implementation in ''E. coli'' == |
| <center> | | <center> |
- | Here you will see our circuit in action. For a detailed inventary of all parts used, you can check our [https://2014.igem.org/Team:ETH_Zurich/data Data page]. | + | Here you can see our circuit in action. More details on how it works are <html> <a class="circled scrolly" href="#implementation"> just below</a></html>. For a comprehensive inventory of all parts used, you can check our [https://2014.igem.org/Team:ETH_Zurich/data Data page]. |
| <html> | | <html> |
- | <div style='width:20%; display:inline;'> | + | <style> |
- | <h3 style='font-weight:800; text-align:center'> Choose the cell type and the inputs:</h3></html> | + | @media |
| + | only screen and (max-width: 760px), |
| + | (min-device-width: 768px) and (max-device-width: 1024px) { |
| + | |
| + | /* Force table to not be like tables anymore */ |
| + | table, thead, tbody, th, td, tr { |
| + | display: block; |
| + | } |
| + | |
| + | /* Hide table headers (but not display: none;, for accessibility) */ |
| + | thead tr { |
| + | border:none; |
| + | position: absolute; |
| + | top: -9999px; |
| + | left: -9999px; |
| + | } |
| + | |
| + | |
| + | td { |
| + | /* Behave like a "row" */ |
| + | border: none;; |
| + | position: relative; |
| + | } |
| + | |
| + | td:before { |
| + | /* Now like a table header */ |
| + | position: absolute; |
| + | /* Top/left values mimic padding */ |
| + | top: 6px; |
| + | left: 6px; |
| + | width: 45%; |
| + | padding-right: 10px; |
| + | white-space: nowrap; |
| + | } |
| + | |
| + | } |
| + | </style> |
| + | </br> |
| + | </br> |
| + | <table style='width:100%; z-index:1;'> |
| + | <tr style='border:2px solid black;'> |
| + | <td> |
| + | <div id="bloc1" style='margin-left:3em;'><h3 style='font-weight:800;'> Choose the cell type and the inputs:</h3></html> |
| <br/> | | <br/> |
| {{:Team:ETH_Zurich/tpl/animbuttonblue}} | | {{:Team:ETH_Zurich/tpl/animbuttonblue}} |
| {{:Team:ETH_Zurich/tpl/animbuttonred}} | | {{:Team:ETH_Zurich/tpl/animbuttonred}} |
| + | <br/> |
| {{:Team:ETH Zurich/tpl/animbuttonnoneblue|<html>width='160px' height='152.78px'</html>}} | | {{:Team:ETH Zurich/tpl/animbuttonnoneblue|<html>width='160px' height='152.78px'</html>}} |
| {{:Team:ETH Zurich/tpl/animbuttonlasblue|<html>width='160px' height='152.78px'</html>}} | | {{:Team:ETH Zurich/tpl/animbuttonlasblue|<html>width='160px' height='152.78px'</html>}} |
| + | <br/> |
| {{:Team:ETH Zurich/tpl/animbuttonluxblue|<html>width='160px' height='152.78px'</html>}} | | {{:Team:ETH Zurich/tpl/animbuttonluxblue|<html>width='160px' height='152.78px'</html>}} |
| {{:Team:ETH Zurich/tpl/animbuttonbothblue|<html>width='160px' height='152.78px'</html>}} | | {{:Team:ETH Zurich/tpl/animbuttonbothblue|<html>width='160px' height='152.78px'</html>}} |
| {{:Team:ETH Zurich/tpl/animbuttonnonered|<html>width='160px' height='152.78px'</html>}} | | {{:Team:ETH Zurich/tpl/animbuttonnonered|<html>width='160px' height='152.78px'</html>}} |
| {{:Team:ETH Zurich/tpl/animbuttonlasred|<html>width='160px' height='152.78px'</html>}} | | {{:Team:ETH Zurich/tpl/animbuttonlasred|<html>width='160px' height='152.78px'</html>}} |
| + | <br/> |
| {{:Team:ETH Zurich/tpl/animbuttonluxred|<html>width='160px' height='152.78px'</html>}} | | {{:Team:ETH Zurich/tpl/animbuttonluxred|<html>width='160px' height='152.78px'</html>}} |
| {{:Team:ETH Zurich/tpl/animbuttonbothred|<html>width='160px' height='152.78px'</html>}} | | {{:Team:ETH Zurich/tpl/animbuttonbothred|<html>width='160px' height='152.78px'</html>}} |
| </center> | | </center> |
| <br/> | | <br/> |
- | <html> | + | <html></div> |
- | </div> | + | </td> |
- | <div style='width:60%; display:inline;'> | + | <td> |
- | <html><h3 style='text-align:center; font-weight:800;'>See how the information is processed to get the right output : </h3> | + | <div id="bloc2"> |
| + | <h3 style='text-align:center; font-weight:800;'>See how the information is processed to get the right output : </h3> |
| <center> | | <center> |
| <img class='animation' id='luxred' src='https://static.igem.org/mediawiki/2014/7/73/ETH_Zurich_Animation_luxred.gif'> | | <img class='animation' id='luxred' src='https://static.igem.org/mediawiki/2014/7/73/ETH_Zurich_Animation_luxred.gif'> |
Line 58: |
Line 107: |
| <img class='animation' id='luxblue' src='https://static.igem.org/mediawiki/2014/c/c4/ETH_Zurich_Animation_luxblue.gif'> | | <img class='animation' id='luxblue' src='https://static.igem.org/mediawiki/2014/c/c4/ETH_Zurich_Animation_luxblue.gif'> |
| <img class='animation' id='lasblue' src='https://static.igem.org/mediawiki/2014/6/64/ETH_Zurich_Animation_lasblue.gif'> | | <img class='animation' id='lasblue' src='https://static.igem.org/mediawiki/2014/6/64/ETH_Zurich_Animation_lasblue.gif'> |
- | </center> | + | </center></div> |
- | <html></div> | + | </td> |
| + | </tr> |
| + | </table> |
| + | </div> |
| | | |
- | <div id="implementation" class="inner2" style='margin-top:-17%; text-align:left;'> | + | <div id="implementation" style='background-color:#FFFFFF; padding:2%; text-align:left;'> |
| <article class="implementation simple" style="display:none; margin-bottom:0; padding-top:0;"> </html> | | <article class="implementation simple" style="display:none; margin-bottom:0; padding-top:0;"> </html> |
| {{:Team:ETH Zurich/project/overview/implementationsimple}} | | {{:Team:ETH Zurich/project/overview/implementationsimple}} |