Team:Valencia/Safety
From 2011.igem.org
(32 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | + | {{Template:Valencia-0-3}} | |
- | + | ||
<html> | <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:900px; | |
- | + | 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>Human practices</b></div><!-- fin clase col_left_top--> | ||
+ | <div class=col_center_center> | ||
+ | |||
+ | <center><IMG SRC="https://static.igem.org/mediawiki/2011/8/82/Valencia_Eticamenufinal.gif" | ||
+ | WIDTH=700 HEIGHT=378 BORDER=0 ALT="Ethics menu" USEMAP="#Valencia_Eticamenufinal"> </center> | ||
+ | |||
+ | <MAP NAME="Valencia_Eticamenufinal"> | ||
+ | <AREA SHAPE=RECT COORDS="24,34,214,176" HREF="https://2011.igem.org/Team:Valencia/Society" ALT="Society" > | ||
+ | <AREA SHAPE=RECT COORDS="252,34,449,176" HREF="https://2011.igem.org/Team:Valencia/Safetycode" ALT="Deontologicalycode" > | ||
+ | <AREA SHAPE=RECT COORDS="486,34,677,176" HREF="https://2011.igem.org/Team:Valencia/Experts" ALT="Experts" > | ||
+ | <AREA SHAPE=RECT COORDS="24,205,218,353" HREF="https://2011.igem.org/Team:Valencia/Survey" ALT="Survey" > | ||
+ | <AREA SHAPE=RECT COORDS="258,205,446,353" HREF="https://2011.igem.org/Team:Valencia/Community" ALT="Community" > | ||
+ | <AREA SHAPE=RECT COORDS="489,205,679,353" HREF="https://2011.igem.org/Team:Valencia/Safetyquestions" ALT="Safety" > | ||
+ | </MAP> | ||
+ | <br><br> | ||
+ | <a href="https://2011.igem.org/Team:Valencia/Society" TARGET="_blank" title="Our project in society"><b>Our project in society</b></a><br/> | ||
+ | <p>We have made an effort to reflect on the consequences that our project will have on society and why we consider it beneficial for all of us</p> | ||
+ | |||
+ | <a href="https://2011.igem.org/Team:Valencia/Safetycode" TARGET="_blank" title="Deontological code"><b>Deontological code</b></a><br/> | ||
+ | <p>Please take your time to read our ethics code that all team members have abided to and feel free to discuss any of it.</p> | ||
+ | |||
+ | <a href="https://2011.igem.org/Team:Valencia/Experts" TARGET="_blank" title="Interviewing the experts"><b>Interviewing the experts</b></a><br/> | ||
+ | <p>We have interviewed relevant people of our society to see what they think of Synthetic Biology and its promises.</p> | ||
+ | |||
+ | <a href="https://2011.igem.org/Team:Valencia/Survey" TARGET="_blank" title="Ethics survey"><b>Ethics survey</b></a><br/> | ||
+ | <p>We have performed a small-scale survey to people attending the World Youth Day at Madrid at the end of August and we have contrasted it with the answers of our friends and family to the same survey. </p> | ||
+ | |||
+ | <a href="https://2011.igem.org/Team:Valencia/Community" TARGET="_blank" title="Community outreach"><b>Community outreach</b></a><br/> | ||
+ | <p>We have also given talks to high school students about Synthetic Biology, its basics and some lab examples. </p> | ||
+ | |||
+ | <a href="https://2011.igem.org/Team:Valencia/Safetyquestions" TARGET="_blank" title="Safety questions"><b>Safety questions</b></a><br/> | ||
+ | <p>Please take a look at our safety questions posed on the <a href="https://2011.igem.org/Safety" TARGET="_blank" title="UPV">safety page</a> and our project-specific questions that expert Piers Millet, from BWC ISU at UN, asked us</p> | ||
+ | |||
+ | |||
+ | |||
+ | </div><!-- fin clase col_center_top--> | ||
+ | <!-- fin clase col_left_top--> | ||
+ | </div><!-- fin clase col_center--> | ||
+ | |||
+ | </div><!-- fin clase center--> | ||
+ | |||
+ | |||
+ | |||
+ | </body> | ||
+ | |||
+ | </html> |
Latest revision as of 23:44, 21 September 2011
![Ethics menu](https://static.igem.org/mediawiki/2011/8/82/Valencia_Eticamenufinal.gif)
Our project in society
We have made an effort to reflect on the consequences that our project will have on society and why we consider it beneficial for all of us
Deontological codePlease take your time to read our ethics code that all team members have abided to and feel free to discuss any of it.
Interviewing the expertsWe have interviewed relevant people of our society to see what they think of Synthetic Biology and its promises.
Ethics surveyWe have performed a small-scale survey to people attending the World Youth Day at Madrid at the end of August and we have contrasted it with the answers of our friends and family to the same survey.
Community outreachWe have also given talks to high school students about Synthetic Biology, its basics and some lab examples.
Safety questionsPlease take a look at our safety questions posed on the safety page and our project-specific questions that expert Piers Millet, from BWC ISU at UN, asked us