Team:Valencia/Community
From 2011.igem.org
Line 1: | Line 1: | ||
- | |||
{{Template:Valencia-0-3}} | {{Template:Valencia-0-3}} | ||
+ | <html> | ||
+ | <body> | ||
+ | <style type="text/css"> | ||
+ | .center { | ||
+ | width:980px; | ||
+ | height:auto; | ||
+ | margin-left:px; | ||
+ | margin-right:px; | ||
+ | margin-top:20px; | ||
+ | margin-bottom:0px; | ||
+ | } | ||
- | + | .col_center{ | |
+ | width:970px; | ||
+ | height:auto; | ||
+ | float:left; | ||
+ | background-color:transparent; | ||
+ | |||
+ | } | ||
- | + | .col_center_top{ | |
+ | width:908px; | ||
+ | background-color:#0087ba; | ||
+ | height:20px; | ||
+ | font-family:Verdana, Arial, Helvetica, sans-serif; | ||
+ | font-size:20px; | ||
+ | color:#fff; | ||
+ | padding:20px; | ||
+ | float:center; | ||
+ | margin-right:15px; | ||
- | + | } | |
- | + | .col_center_center{ | |
+ | width:850px; | ||
+ | text-align:justify; | ||
+ | height: auto; | ||
+ | font-family:Verdana, Arial, Helvetica, sans-serif; | ||
+ | font-size:14px; | ||
+ | color:black; | ||
+ | padding:20px; | ||
+ | } | ||
- | + | .col_center_bottom{ | |
- | + | width:900px; | |
+ | text-align:center; | ||
+ | height: auto; | ||
+ | font-family:Verdana, Arial, Helvetica, sans-serif; | ||
+ | font-size:14px; | ||
+ | color:#fff; | ||
+ | padding:20px; | ||
+ | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | + | ||
+ | |||
+ | html, body { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | body { | ||
+ | background:darkblue url(https://static.igem.org/mediawiki/2011/6/65/Valencia_Aguamitadinferior1500x800.jpg) repeat-x top fixed; | ||
+ | |||
+ | } | ||
+ | |||
+ | #globalWrapper { background-color: transparent; border: none; margin: 0; padding: 0;} | ||
+ | #content{ | ||
+ | background:transparent url("https://static.igem.org/mediawiki/2011/f/fd/Valencia_Transpa30a.png") center fixed repeat-y; | ||
+ | padding: 0px; | ||
+ | margin:0 auto; | ||
+ | border: none; | ||
+ | |||
+ | |||
+ | } | ||
+ | |||
+ | </style> | ||
+ | <script type="text/javascript" | ||
+ | src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script> | ||
+ | <script type="text/javascript"> | ||
+ | $(document).ready(function() { | ||
+ | $("ul#topnav li").hover(function() { | ||
+ | $(this).css({ 'background' : 'transparent url(https://static.igem.org/mediawiki/2010/0/03/Valencia_navbar_active.gif) repeat-x'}); | ||
+ | $(this).find("span").show(); | ||
+ | } , function() { //on hover out... | ||
+ | $(this).css({ 'background' : 'none'}); | ||
+ | $(this).find("span").hide(); | ||
+ | }); | ||
+ | |||
+ | }); | ||
+ | </script> | ||
+ | |||
+ | <style type="text/css"> | ||
+ | |||
+ | #headerlinks{ | ||
+ | margin-left: -12px; | ||
+ | } | ||
+ | |||
+ | #nav, #nav ul { | ||
+ | padding: 0; | ||
+ | list-style: none; | ||
+ | } | ||
+ | |||
+ | .abstractext{ | ||
+ | float:right; | ||
+ | width="400px" | ||
+ | } | ||
+ | |||
+ | #nav a { | ||
+ | display: block; | ||
+ | width: 149px; | ||
+ | height: 40px; | ||
+ | font-family:Verdana, Arial, Helvetica, sans-serif; | ||
+ | } | ||
+ | |||
+ | #nav li { | ||
+ | float: left; | ||
+ | width: 149px; | ||
+ | margin-right: 41px; | ||
+ | } | ||
+ | |||
+ | #nav li ul { | ||
+ | position: absolute; | ||
+ | width: 130px; | ||
+ | left: -999em; | ||
+ | |||
+ | } | ||
+ | |||
+ | #nav li:hover ul { | ||
+ | left: auto; | ||
+ | text-decoration: none; | ||
+ | color: white !important; | ||
+ | |||
+ | } | ||
+ | |||
+ | #nav li:hover ul, #nav li.sfhover ul { | ||
+ | left: auto; | ||
+ | text-decoration: none; | ||
+ | color: white !important; | ||
+ | } | ||
+ | |||
+ | sfHover = function() { | ||
+ | var sfEls = document.getElementById("nav").getElementsByTagName("LI"); | ||
+ | for (var i=0; i<sfEls.length; i++) { | ||
+ | sfEls[i].onmouseover=function() { | ||
+ | this.className+=" sfhover"; | ||
+ | } | ||
+ | sfEls[i].onmouseout=function() { | ||
+ | this.className=this.className.replace(new RegExp(" sfhover\\b"), ""); | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | if (window.attachEvent) window.attachEvent("onload", sfHover); | ||
+ | |||
+ | |||
+ | body { | ||
+ | font: 10px normal Verdana, Arial, Helvetica, sans-serif; | ||
+ | |||
+ | padding: 0; | ||
+ | } | ||
+ | h1 { | ||
+ | font: 3em normal Verdana, 'Times New Roman', Times, serif; | ||
+ | color: #333; | ||
+ | margin: 0; | ||
+ | padding: 5px 0; | ||
+ | } | ||
+ | h3 { | ||
+ | font: 17px normal Verdana, 'Times New Roman', Times, serif; | ||
+ | color: #0000; | ||
+ | margin: 0; | ||
+ | padding: 5px 0; | ||
+ | margin: 10px; | ||
+ | text-align:justify; | ||
+ | margin-top: 8px; | ||
+ | margin-bottom: 20px; | ||
+ | margin-left: 20px; | ||
+ | margin-right: 20px; | ||
+ | } | ||
+ | h1 small{ | ||
+ | font: 0.2em normal Verdana, Arial, Helvetica, sans-serif; | ||
+ | text-transform:uppercase; | ||
+ | letter-spacing: 1.5em; | ||
+ | display: block; | ||
+ | color: #fff; | ||
+ | } | ||
+ | .container {width: 970px; margin: 0 auto;} | ||
+ | |||
+ | .curved { | ||
+ | -moz-border-radius: 10px; | ||
+ | -webkit-border-radius: 10px; | ||
+ | behavior:url(border-radius.htc); | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | ul#topnav { | ||
+ | margin: 0; padding: 0; | ||
+ | float: left; | ||
+ | width: 970px; | ||
+ | list-style: none; | ||
+ | position: relative; | ||
+ | font-size: 18.8px; | ||
+ | background: url(topnav_stretch.gif) repeat-x; | ||
+ | } | ||
+ | ul#topnav li { | ||
+ | float: left; | ||
+ | margin: 0; padding: 0; | ||
+ | border-right: 1px solid #555; | ||
+ | } | ||
+ | ul#topnav li a { | ||
+ | padding: 10px 15px; | ||
+ | display: block; | ||
+ | color: darkblue; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | li span { | ||
+ | float: left; | ||
+ | padding: 15px 0; | ||
+ | position: absolute; | ||
+ | left: 0; top:40px; | ||
+ | display: none; | ||
+ | width: 965px; | ||
+ | background: lightblue; | ||
+ | color: white; | ||
+ | -moz-border-radius-bottomright: 5px; | ||
+ | -khtml-border-radius-bottomright: 5px; | ||
+ | -webkit-border-bottom-right-radius: 5px; | ||
+ | -moz-border-radius-bottomleft: 5px; | ||
+ | -khtml-border-radius-bottomleft: 5px; | ||
+ | -webkit-border-bottom-left-radius: 5px; | ||
+ | } | ||
+ | ul#topnav li:hover span { display: block; } | ||
+ | ul#topnav li span a { display: inline; } | ||
+ | ul#topnav li span a:hover {text-decoration: underline;} | ||
+ | </style> | ||
+ | <script type="text/javascript" | ||
+ | src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script> | ||
+ | <script type="text/javascript"> | ||
+ | $(document).ready(function() { | ||
+ | |||
+ | $("ul#topnav li").hover(function() { //Hover over event on list item | ||
+ | $(this).css({ 'background' : '#1376c9 url(topnav_active.gif) repeat-x'}); //Add background color + image on hovered list item | ||
+ | $(this).find("span").show(); //Show the subnav | ||
+ | } , function() { //on hover out... | ||
+ | $(this).css({ 'background' : 'none'}); //Ditch the background | ||
+ | $(this).find("span").hide(); //Hide the subnav | ||
+ | }); | ||
+ | |||
+ | }); | ||
+ | </script> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <div class=center> | ||
+ | |||
+ | <div class=col_center> | ||
+ | <div class=col_center_top><b>Interview with Engineering Without Borders </b></div><!-- fin clase col_left_top--> | ||
+ | <div class=col_center_center> | ||
+ | |||
+ | <br> | ||
+ | |||
+ | <p>Making the Synthetic Biology known…<p> | ||
+ | |||
+ | <p>After analysing the results of our surveys, we discovered that the field of the synthetic biology is widely unknown. Thus, we gave a class to students with ages between 13 and 15, in order to introduce them to the basis of this science.</p> | ||
+ | |||
+ | <center><img src="https://static.igem.org/mediawiki/2011/5/55/P9151902.JPG" width="450" /></center><br><br> | ||
+ | |||
+ | <center><img src="https://static.igem.org/mediawiki/2011/d/d7/P9151909.JPG" width="450" /></center><br><br> | ||
+ | |||
+ | <p>Our starting point was telling them that the synthetic biology is an emerging field of investigation which gathers different scientific traditions around the objective of designing and manufacturing new biologic systems with an industrial interest.</p> | ||
+ | <p>We introduced them to the world of genetics, explaining them the structure of DNA, a sequence of nitrogenous bases which form the genetic information of every living being. Then we explained them how this new science –synthetic biology- started to emerge because of the discovering of mechanisms with which to manipulate and to modify this information.</p> | ||
+ | |||
+ | <center><img src="https://static.igem.org/mediawiki/2011/1/1a/P9151932.JPG" width="450" /></center><br><br> | ||
+ | |||
+ | <center><img src="https://static.igem.org/mediawiki/2011/4/45/P9151933_bis.JPG" width="450" /></center><br><br> | ||
+ | |||
+ | <p>The students told us how unknown it was to them this field of science. They also told us that they knew subtly the existence of the DNA, but they didn’t know exactly what it was. They were unaware of its use and its possible modifications, as well as the implications of all the advances carried out in the field.</p> | ||
+ | <p>We made them understand how, with new technologies, it is getting feasible to design and manufacture new devices and systems which don’t exist in the natural world, as well as to redesign existing ones so that they can perform specific tasks. They also learnt that, through investigation, scientists are finding new fields where synthetic biology can become very useful.</p> | ||
+ | <p>Concerning its applications, it was curious to verify that they associated it very rapidly with the environment, and how it might help us to preserve it. So, we spoke about its applications, as a possible technical remedy for energy, agriculture and medicine.</p> | ||
+ | |||
+ | <center><img src="https://static.igem.org/mediawiki/2011/a/aa/P9151944.JPG" width="450" /></center><br><br> | ||
+ | |||
+ | <p>We also talked about the social debate that it causes because of its implications concerning socioeconomics, environment, safety, health and human rights.</p> | ||
+ | <p>After this theoretic introduction, we went into the laboratory, showing them the different used devices, and some of the means that we were culturing, while we told them our project and what we were working at. They showed a great interest, getting interested in its possibilities, knowing thus more closely this science, synthetic biology.</p> | ||
+ | |||
+ | <center><img src="https://static.igem.org/mediawiki/2011/0/06/P9151956.JPG" width="450" /></center><br><br> | ||
+ | |||
+ | |||
+ | |||
+ | </div><!-- fin clase col_center_top--> | ||
+ | <!-- fin clase col_left_top--> | ||
+ | </div><!-- fin clase col_center--> | ||
+ | |||
+ | </div><!-- fin clase center--> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | </body> | ||
+ | |||
+ | </html> |
Revision as of 15:44, 21 September 2011
Making the Synthetic Biology known…
After analysing the results of our surveys, we discovered that the field of the synthetic biology is widely unknown. Thus, we gave a class to students with ages between 13 and 15, in order to introduce them to the basis of this science.
Our starting point was telling them that the synthetic biology is an emerging field of investigation which gathers different scientific traditions around the objective of designing and manufacturing new biologic systems with an industrial interest.
We introduced them to the world of genetics, explaining them the structure of DNA, a sequence of nitrogenous bases which form the genetic information of every living being. Then we explained them how this new science –synthetic biology- started to emerge because of the discovering of mechanisms with which to manipulate and to modify this information.
The students told us how unknown it was to them this field of science. They also told us that they knew subtly the existence of the DNA, but they didn’t know exactly what it was. They were unaware of its use and its possible modifications, as well as the implications of all the advances carried out in the field.
We made them understand how, with new technologies, it is getting feasible to design and manufacture new devices and systems which don’t exist in the natural world, as well as to redesign existing ones so that they can perform specific tasks. They also learnt that, through investigation, scientists are finding new fields where synthetic biology can become very useful.
Concerning its applications, it was curious to verify that they associated it very rapidly with the environment, and how it might help us to preserve it. So, we spoke about its applications, as a possible technical remedy for energy, agriculture and medicine.
We also talked about the social debate that it causes because of its implications concerning socioeconomics, environment, safety, health and human rights.
After this theoretic introduction, we went into the laboratory, showing them the different used devices, and some of the means that we were culturing, while we told them our project and what we were working at. They showed a great interest, getting interested in its possibilities, knowing thus more closely this science, synthetic biology.