Difference between revisions of "Team:ColegioFDR Peru/Safety"

(Prototype team page)
 
 
(6 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
{{ColegioFDR_Peru}}
 
−
<html>
 
  
 +
<!DOCTYPE html>
 +
<html lang="en" dir="ltr" class="client-nojs">
 +
<head>
 +
<meta charset="UTF-8" />
 +
<title>https://2017.igem.org/Team:ColegioFDR_Peru</title>
 +
<meta name="generator" content="MediaWiki 1.24.1" />
 +
<link rel="shortcut icon" href="/favicon.ico" />
 +
<link rel="search" type="application/opensearchdescription+xml" href="/wiki/opensearch_desc.php" title="2016.igem.org (en)" />
 +
<link rel="EditURI" type="application/rsd+xml" href="https://2016.igem.org/wiki/api.php?action=rsd" />
 +
<link rel="alternate" hreflang="x-default" href="/Team:ColegioFDR Peru" />
 +
<link rel="copyright" href="http://creativecommons.org/licenses/by/3.0/" />
 +
<link rel="alternate" type="application/atom+xml" title="2016.igem.org Atom feed" href="/wiki/index.php?title=Special:RecentChanges&amp;feed=atom" />
 +
<link rel="stylesheet" href="https://2016.igem.org/wiki/load.php?debug=false&amp;lang=en&amp;modules=mediawiki.legacy.commonPrint%2Cshared%7Cmediawiki.skinning.content.externallinks%7Cmediawiki.skinning.interface%7Cmediawiki.ui.button%7Cskins.igem.styles&amp;only=styles&amp;skin=igem&amp;*" />
 +
<!--[if IE 6]><link rel="stylesheet" href="/wiki/skins/Igem/IE60Fixes.css?303" media="screen" /><![endif]-->
 +
<!--[if IE 7]><link rel="stylesheet" href="/wiki/skins/Igem/IE70Fixes.css?303" media="screen" /><![endif]--><meta name="ResourceLoaderDynamicStyles" content="" />
 +
<style>a:lang(ar),a:lang(kk-arab),a:lang(mzn),a:lang(ps),a:lang(ur){text-decoration:none}
 +
/* cache key: 2016_igem_org:resourceloader:filter:minify-css:7:59593960c20e34faccc09e56269cf4e1 */</style>
 +
<script src="https://2016.igem.org/wiki/load.php?debug=false&amp;lang=en&amp;modules=startup&amp;only=scripts&amp;skin=igem&amp;*"></script>
 +
<script>if(window.mw){
 +
mw.config.set({"wgCanonicalNamespace":"","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":0,"wgPageName":"Team:ColegioFDR Peru","wgTitle":"Team:ColegioFDR Peru","wgCurRevisionId":434064,"wgRevisionId":434064,"wgArticleId":11218,"wgIsArticle":true,"wgIsRedirect":false,"wgAction":"view","wgUserName":"JaredPark","wgUserGroups":["*","user","autoconfirmed"],"wgCategories":[],"wgBreakFrames":false,"wgPageContentLanguage":"en","wgPageContentModel":"wikitext","wgSeparatorTransformTable":["",""],"wgDigitTransformTable":["",""],"wgDefaultDateFormat":"dmy","wgMonthNames":["","January","February","March","April","May","June","July","August","September","October","November","December"],"wgMonthNamesShort":["","Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"wgRelevantPageName":"Team:ColegioFDR Peru","wgUserId":2120,"wgUserEditCount":22,"wgUserRegistration":1470949288000,"wgUserNewMsgRevisionId":null,"wgIsProbablyEditable":false,"wgRestrictionEdit":[],"wgRestrictionMove":[],"wgWikiEditorEnabledModules":{"toolbar":false,"dialogs":false,"hidesig":true,"preview":false,"previewDialog":false,"publish":false}});
 +
}</script><script>if(window.mw){
 +
mw.loader.implement("user.options",function($,jQuery){mw.user.options.set({"ccmeonemails":0,"cols":80,"date":"default","diffonly":0,"disablemail":0,"editfont":"default","editondblclick":0,"editsectiononrightclick":0,"enotifminoredits":0,"enotifrevealaddr":0,"enotifusertalkpages":1,"enotifwatchlistpages":1,"extendwatchlist":0,"fancysig":0,"forceeditsummary":0,"gender":"unknown","hideminor":0,"hidepatrolled":0,"imagesize":2,"math":1,"minordefault":0,"newpageshidepatrolled":0,"nickname":"","norollbackdiff":0,"numberheadings":0,"previewonfirst":0,"previewontop":1,"rcdays":7,"rclimit":50,"rows":25,"showhiddencats":0,"shownumberswatching":1,"showtoolbar":1,"skin":"igem","stubthreshold":0,"thumbsize":5,"underline":2,"uselivepreview":0,"usenewrc":1,"watchcreations":1,"watchdefault":1,"watchdeletion":0,"watchlistdays":3,"watchlisthideanons":0,"watchlisthidebots":0,"watchlisthideliu":0,"watchlisthideminor":0,"watchlisthideown":0,"watchlisthidepatrolled":0,"watchmoves":0,"watchrollback":0,
 +
"wllimit":250,"useeditwarning":1,"prefershttps":1,"language":"en","variant-gan":"gan","variant-iu":"iu","variant-kk":"kk","variant-ku":"ku","variant-shi":"shi","variant-sr":"sr","variant-tg":"tg","variant-uz":"uz","variant-zh":"zh","searchNs0":true,"searchNs1":false,"searchNs2":false,"searchNs3":false,"searchNs4":false,"searchNs5":false,"searchNs6":false,"searchNs7":false,"searchNs8":false,"searchNs9":false,"searchNs10":false,"searchNs11":false,"searchNs12":false,"searchNs13":false,"searchNs14":false,"searchNs15":false});},{},{});mw.loader.implement("user.tokens",function($,jQuery){mw.user.tokens.set({"editToken":"d2b09ea35d83d36f55594278dea3f132+\\","patrolToken":"3ce0ef567ba46dc45629c97f8c94246c+\\","watchToken":"042d765cae2261f498a9a6765e8184c0+\\"});},{},{});
 +
/* cache key: 2016_igem_org:resourceloader:filter:minify-js:7:be398551ccae4f0691c8f453c6313905 */
 +
}</script>
 +
<script>if(window.mw){
 +
mw.loader.load(["mediawiki.page.startup","mediawiki.legacy.wikibits","mediawiki.legacy.ajax"]);
 +
}</script>
 +
</head>
 +
<body class="mediawiki ltr sitedir-ltr ns-0 ns-subject page-Team_ColegioFDR Peru skin-igem action-view">
  
−
<div class="column full_size">
+
        <script type='text/javascript'        src ='/common/tablesorter/jquery.tablesorter.min.js'></script>
 +
        <link rel='stylesheet' type='text/css' href='/common/tablesorter/themes/groupparts/style.css' />
 +
        <link rel='stylesheet' type='text/css' href='/common/table_styles.css' />
  
−
<h1> Safety </h1>
+
        <script type='text/javascript'        src ='/wiki/skins/Igem/resources/2016_skin.js'></script>
−
<p>Please visit <a href="https://2017.igem.org/Safety">the main Safety page</a> to find this year's safety requirements & deadlines, and to learn about safe & responsible research in iGEM.</p>
+
  
−
<p>On this page of your wiki, you should write about how you are addressing any safety issues in your project. The wiki is a place where you can <strong>go beyond the questions on the safety forms</strong>, and write about whatever safety topics are most interesting in your project. (You do not need to copy your safety forms onto this wiki page.)</p>
 
  
−
</div>
+
    <div id='globalWrapper'>
 +
        <div id='top_menu_under' class='noprint'></div>
 +
        <div id='top_menu_14' class='noprint'>Loading menubar.....</div> <!-- Will be replaced with the jQuery.load -->
 +
<script>jQuery('#top_menu_14').load('https://2016.igem.org/cgi/top_menu_14/menubar_reply.cgi',
 +
    {  t:"Team%3AColegioFDR Peru",
 +
a:"View+%2FTeam%3AColegioFDR Peru++View source+%2Fwiki%2Findex.php%3Ftitle%3DTeam%3AColegioFDR Peru%26action%3Dedit++History+%2Fwiki%2Findex.php%3Ftitle%3DTeam%3AColegioFDR Peru%26action%3Dhistory++Watch+%2Fwiki%2Findex.php%3Ftitle%3DTeam%3AColegioFDR Peru%26action%3Dwatch%26token%3D91843749cb0bb699a65844c9f36cc2f8%252B%255C++Page+%2FTeam%3AColegioFDR Peru++Discussion+%2Fwiki%2Findex.php%3Ftitle%3DTalk%3ATeam%3AColegioFDR Peru%26action%3Dedit%26redlink%3D1++" });
 +
</script>
 +
 
 +
        <!-- Content div contains HQ_page for HQ styles, Logo and title div, and USER CONTENT -->
 +
<div id="content" class="mw-body" role="main">
 +
    <a id="top"></a>
 +
 
 +
            <div id="top_title">
 +
                <div class="logo_2016">
 +
                    <a href="https://2016.igem.org">
 +
                    <img src="https://static.igem.org/mediawiki/2016/8/8b/HQ_page_logo.jpg" width="100px">
 +
                    </a>
 +
                </div>
 +
 
 +
        <h1 id="firstHeading" class="firstHeading">
 +
            <span dir="auto">Team:ColegioFDR Peru</span>
 +
        </h1>
 +
            </div>
 +
 
 +
            <div id="HQ_page">
 +
                <div id="bodyContent">
 +
            <div id="mw-content-text" lang="en" dir="ltr" class="mw-content-ltr"><p>
 +
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.0.min.js"></script>
 +
 
 +
 
 +
<!--SPLASH PAGE-->
 +
<script type="text/javascript">
 +
    $(document).ready(function() {
 +
        $('#box1').hover(function(){
 +
            var smallTop = $('#box1').height() - $(".cover", this).height() -10 +"px";
 +
    $(".cover", this).stop().animate({top:smallTop},{queue:false,duration:160});
 +
}, function() {
 +
    $(".cover", this).stop().animate({top:'340px'},{queue:false,duration:160});
 +
});
 +
        $('#box2').hover(function(){
 +
            var smallTop = $('#box2').height() - $(".cover", this).height() -10 +"px";
 +
    $(".cover", this).stop().animate({top:smallTop},{queue:false,duration:160});
 +
}, function() {
 +
    $(".cover", this).stop().animate({top:'340px'},{queue:false,duration:160});
 +
});
 +
                $('#box3').hover(function(){
 +
            var smallTop = $('#box3').height() - $(".cover", this).height() -10 +"px";
 +
    $(".cover", this).stop().animate({top:smallTop},{queue:false,duration:160});
 +
}, function() {
 +
    $(".cover", this).stop().animate({top:'340px'},{queue:false,duration:160});
 +
});
 +
                $('#box4').hover(function(){
 +
            var smallTop = $('#box4').height() - $(".cover", this).height() -10 +"px";
 +
    $(".cover", this).stop().animate({top:smallTop},{queue:false,duration:160});
 +
}, function() {
 +
    $(".cover", this).stop().animate({top:'340px'},{queue:false,duration:160});
 +
});
 +
    });
 +
</script>
 +
 
 +
<!--MAIN PAGE BOXES-->
 +
<script type="text/javascript">
 +
    $(document).ready(function() {
 +
        $('#box5').hover(function(){
 +
            var smallTop = $('#box5').height() - $(".cover", this).height() -10 +"px";
 +
    $(".cover", this).stop().animate({top:smallTop},{queue:false,duration:160});
 +
}, function() {
 +
    $(".cover", this).stop().animate({top:'340px'},{queue:false,duration:160});
 +
});
 +
        $('#box6').hover(function(){
 +
            var smallTop = $('#box6').height() - $(".cover", this).height() -10 +"px";
 +
    $(".cover", this).stop().animate({top:smallTop},{queue:false,duration:160});
 +
}, function() {
 +
    $(".cover", this).stop().animate({top:'340px'},{queue:false,duration:160});
 +
});
 +
                $('#box7').hover(function(){
 +
            var smallTop = $('#box7').height() - $(".cover", this).height() -10 +"px";
 +
    $(".cover", this).stop().animate({top:smallTop},{queue:false,duration:160});
 +
}, function() {
 +
    $(".cover", this).stop().animate({top:'340px'},{queue:false,duration:160});
 +
});
 +
    });
 +
</script>
 +
 
 +
 
 +
<!--SIDE NAVIGATION MENU BAR-->
 +
<script type="text/javascript">
 +
$(document).ready(function(){
 +
  $("#side_menu").mouseenter(function(){
 +
    $("#side_menu").stop(true,false).animate({
 +
      left:'0px',
 +
    });
 +
  }).mouseleave(function(){
 +
    $("#side_menu").stop(true,false).animate({
 +
      left:'-170px',
 +
    });
 +
  });
 +
});
 +
</script>
 +
 
 +
<!--TOP NAVIGATION MENU BAR-->
 +
<script type="text/javascript">
 +
$(document).ready(function() {
 +
$("#menu > li > ul").hide();
 +
$("#menu > li").mouseenter(function() {
 +
$(this).children("li > ul").stop(true,true).slideDown(350);
 +
});
 +
        $("#menu > li").mouseleave(function() {
 +
$(this).children("li > ul").stop(true,true).slideUp(350);
 +
});
 +
});
 +
</script>
 +
 
 +
 
 +
<!--SIDE SPIDER ANIMATION-->
 +
<script type="text/javascript">
 +
//rotator - delay, children
 +
(function( $ ){
 +
$.fn.rotator = function(delay, time, child){
 +
//set curImage val
 +
var currImg = 0;
 +
var currIt = true;
 +
//set array of images
 +
var ss = $(this).children(child);
 +
var ssize = ss.size();
 +
var startTime = new Date().getTime();
 +
var interval = setInterval(function() {
 +
if(currIt){
 +
$(ss[currImg]).css('opacity','1');
 +
currIt = !currIt;
 +
}else if (!currIt){
 +
                $(ss[currImg]).css('opacity','0');
 +
$(ss[currImg+1]).css('opacity','1');
 +
currIt = !currIt;
 +
currImg++;
 +
}
 +
//reset
 +
if(currImg >= ssize){
 +
currImg = 0;
 +
$(ss[currImg]).css('opacity','1');
 +
}
 +
if(new Date().getTime() - startTime > time){
 +
clearInterval(interval);
 +
return;
 +
}
 +
}, delay);
 +
return this;
 +
};
 +
})(jQuery);
 +
 
 +
$(document).ready(function(){
 +
$(document).keydown(function(e) {
 +
if(e.keyCode == 40){
 +
$("#spider").rotator(55, 1000, 'img');
 +
$("#spider").animate({
 +
"top": "+=100px"
 +
}, 1000);
 +
} else if(e.keyCode == 38){
 +
$("#spider").rotator(55, 1000, 'img');
 +
$("#spider").animate({
 +
"top": "-=100px"
 +
}, 1000);
 +
}
 +
});
 +
});
 +
</script>
 +
 
 +
 
 +
 
 +
<!--SLIDER-->
 +
<script type="text/javascript">
 +
  $(document).ready(function() {
 +
    $('.slider_left').mouseenter(function(){
 +
          $('.slider_left').animate({ opacity: '0.8'},1);
 +
    });
 +
    $('.slider_right').mouseenter(function(){
 +
          $('.slider_right').animate({ opacity: '0.8'},1);
 +
    });
 +
    $('.slider_left').mouseleave(function(){
 +
          $('.slider_left').animate({ opacity: '0.5'},1);
 +
    });
 +
    $('.slider_right').mouseleave(function(){
 +
          $('.slider_right').animate({ opacity: '0.5'},1);
 +
    });
 +
 
 +
 
 +
    var total = $('.slider_imgs > td').length;
 +
    var count = 0;
 +
    $('.slider_left').click(function(){
 +
        if(count > 0){
 +
            $('.slider_imgs').stop(true,true).animate({ left: '+=1150px'}, 250);
 +
            count -= 1;
 +
        } else{
 +
            $('.slider_imgs').stop(true,true).animate({ left: '+=20px'}, 100, function(){$('.slider_imgs').stop(true,true).animate({ left: '-=20px'}, 500)});
 +
        }
 +
    });
 +
    $('.slider_right').click(function(){
 +
        if(count < 3){
 +
            $('.slider_imgs').stop(true,true).animate({ left: '-=1150px'}, 250);
 +
            count += 1;
 +
        } else{
 +
            $('.slider_imgs').stop(true,true).animate({ left: '+=3450px'}, 250);
 +
            count = 0;
 +
        }
 +
    });
 +
  });
 +
</script>
 +
 
 +
 
 +
<!--HP SLIDER-->
 +
<script type="text/javascript">
 +
  $(document).ready(function() {
 +
    $('.hpslider_left').mouseenter(function(){
 +
          $('.hpslider_left').animate({ opacity: '0.8'},1);
 +
    });
 +
    $('.hpslider_right').mouseenter(function(){
 +
          $('.hpslider_right').animate({ opacity: '0.8'},1);
 +
    });
 +
    $('.hpslider_left').mouseleave(function(){
 +
          $('.hpslider_left').animate({ opacity: '0.5'},1);
 +
    });
 +
    $('.hpslider_right').mouseleave(function(){
 +
          $('.hpslider_right').animate({ opacity: '0.5'},1);
 +
    });
 +
 
 +
 
 +
    var total = $('.hpslider_imgs > td').length;
 +
    var count = 0;
 +
    $('.hpslider_left').click(function(){
 +
        if(count > 0){
 +
            $('.hpslider_imgs').stop(true,true).animate({ left: '+=1150px'}, 250);
 +
            count -= 1;
 +
        } else{
 +
            $('.hpslider_imgs').stop(true,true).animate({ left: '-=16100px'}, 250);
 +
            count = 14;
 +
//            $('.hpslider_imgs').stop(true,true).animate({ left: '+=20px'}, 100, function(){$('.hpslider_imgs').stop(true,true).animate({ left: '-=20px'}, 500)});
 +
        }
 +
    });
 +
    $('.hpslider_right').click(function(){
 +
        if(count < 14){
 +
            $('.hpslider_imgs').stop(true,true).animate({ left: '-=1150px'}, 250);
 +
            count += 1;
 +
        } else{
 +
            $('.hpslider_imgs').stop(true,true).animate({ left: '+=16100px'}, 250);
 +
            count = 0;
 +
        }
 +
    });
 +
  });
 +
</script>
 +
 
 +
 
 +
 
 +
 
 +
<!--PAGE HEADERS-->
 +
<script type="text/javascript">
 +
$(document).ready(function() {
 +
    $('.page_header_box').mouseenter(function(){
 +
          $(this).animate({ opacity: '0.9'},1);
 +
    });
 +
    $('.page_header_box').mouseleave(function(){
 +
          $(this).animate({ opacity: '0.5'},1);
 +
    });
 +
});
 +
</script>
 +
 
 +
 
 +
 
 +
<link href='http://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'>
 +
<link href='http://fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'>
 +
<link href='http://fonts.googleapis.com/css?family=Bad+Script' rel='stylesheet' type='text/css'>
 +
<link href ='https://2015.igem.org/Template:UCLA/css/nexalight.css?action=raw&amp;ctype=text/css' rel='stylesheet' type='text/css'>
 +
<link red = 'https://2015.igem.org/Template:UCLA/css/hero.css?action=raw&amp;ctype=text/css' rel='stylesheet' type='text/css'>
 +
 
 +
<!--WIKI TEMPLATE FORMATTING-->
 +
<style type="text/css">
 +
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {display: none;} /*-- hides default wiki settings --*/
 +
 
 +
.firstHeading {
 +
width: 975px;
 +
margin: 0px auto;
 +
padding-top: 100px;
 +
margin-bottom: 20px;
 +
font-family: Georgia, Times, "Times New Roman", serif;
 +
display:none;
 +
}
 +
 
 +
.rotate180 {
 +
-webkit-transform: rotate(180deg);
 +
-moz-transform: rotate(180deg);
 +
-o-transform: rotate(180deg);
 +
-ms-transform: rotate(180deg);
 +
transform: rotate(180deg);
 +
}
 +
.rotate90 {
 +
-webkit-transform: rotate(90deg);
 +
-moz-transform: rotate(90deg);
 +
-o-transform: rotate(90deg);
 +
-ms-transform: rotate(90deg);
 +
transform: rotate(90deg);
 +
}
 +
.rotate270 {
 +
-webkit-transform: rotate(270deg);
 +
-moz-transform: rotate(270deg);
 +
-o-transform: rotate(270deg);
 +
-ms-transform: rotate(270deg);
 +
transform: rotate(270deg);
 +
}
 +
 
 +
h1, h2, h3, h4, h5 {
 +
    /*font-family: Helvetica, Georgia, Times, "Times New Roman", serif;*/
 +
    font-family: "Hero", "Nexa Light", 'Roboto', sans-serif;
 +
    border-bottom: 0px solid #aaa;
 +
}
 +
 
 +
 
 +
#centercontainer { margin: auto; text-align: center; width: 100%}/* CENTERING CONTAINER: Used for centering three content boxes */
 +
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
 +
background-color: #383838;
 +
border: 0 none;
 +
height: 14px;
 +
z-index: 100;
 +
top: 0;
 +
position: fixed;
 +
width: 975px;
 +
left: 50%;
 +
margin-left: 87px;
 +
}
 +
 
 +
#top-section-bar { /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/
 +
background-color: #383838;
 +
height: 14px;
 +
display: block;
 +
z-index: 10;
 +
position: fixed;
 +
width: 100%;
 +
top: 0;
 +
}
 +
 
 +
#menubar a:link, #menubar a:active, #menubar a:visited, #menubar a:hover, #menubar:hover { /*-- styling for default menu bar links (edit, page, history, etc.) --*/
 +
color: #727272;
 +
text-decoration: none;
 +
background-color: transparent;
 +
}
 +
 
 +
body {
 +
background-color: #fff;
 +
}
 +
 
 +
#globalWrapper, #content { /*-- changes default wiki settings --*/
 +
width: 90%;
 +
height: 100%;
 +
border: 20px;
 +
background-color: transparent;
 +
margin: 0px;
 +
padding: 0px;
 +
}
 +
 
 +
html, body, .wrapper { /*-- changes default wiki settings --*/
 +
width: 100%;
 +
height: 100%;
 +
margin-left: 50px;
 +
margin-right: 10px;
 +
        /*background-size: cover;*/
 +
}
 +
 
 +
 
 +
 
 +
#contentcontainer { /*-- creates container for all content on page --*/
 +
font-family: Arial, Helvetica, sans-serif;
 +
        font-family: "Hero", "Nexa Light", 'Roboto', sans-serif;
 +
font-weight: normal;
 +
font-size: 14px;
 +
color: #414141;
 +
width: 960px;
 +
margin-left: 50px;
 +
margin-right: 50px;
 +
background-color: #transparent;
 +
margin-top: 0px;
 +
}
 +
 
 +
#ri-image-container {
 +
  height: 120px;
 +
  position: relative;
 +
  width: 200px;
 +
}
 +
 
 +
#ri-image {
 +
  background-color: Gray;
 +
  height: 60px;
 +
  left: 10px;
 +
  padding: 10px;
 +
  position: absolute;
 +
  top: 10px;
 +
  width: 80px;
 +
  -moz-transform: rotate(15deg);
 +
  -webkit-transform: rotate(15deg);
 +
  filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand',
 +
    M11=0.9659258262, M12=-0.2588190451,
 +
    M21=0.2588190451, M22=0.9659258262);
 +
}
 +
 
 +
.sidemenu, .sidemenu li {
 +
list-style-type: none;
 +
list-style-image: none;
 +
font-family: verdana;
 +
text-decoration: none;
 +
color:#000;
 +
font-size: 14px;
 +
}
 +
 
 +
#sponsors {
 +
          height: 100px;
 +
          background-color: #ffffff;
 +
          margin: 20px 0px 20px 0px;
 +
}
 +
 
 +
 
 +
.sidemenu li {display: block;}
 +
 
 +
.sidemenu a {
 +
text-decoration:none;
 +
color: #000;
 +
display: block;
 +
width: 180px;
 +
height: 100%;
 +
padding: 3px 5px;
 +
transition: .25s ease-in-out;
 +
-moz-transition: .25s ease-in-out;
 +
-webkit-transition: .25s ease-in-out;
 +
}
 +
 
 +
.sidemenu a.greyout { color: #909090; }
 +
 
 +
.sidemenu a:hover {
 +
color:#666;
 +
background-color: #d9f5aa;
 +
}
 +
 
 +
.sub-sidemenu {font-size: 10px; margin-bottom: 20px; color: #666; display: none;}
 +
.sub-sidemenu a {color: #666;}
 +
 
 +
div.underconst
 +
{
 +
padding:10px;
 +
border-radius:5px;
 +
background-color:pink;
 +
text-align:center;
 +
}
 +
 
 +
a.anchor{display: block; position: relative; top: -80px; visibility: hidden;}
 +
 
 +
.contentpara {margin-bottom: 30px;}
 +
 
 +
span.email{font-family: monospace; font-weight: normal;}
 +
 
 +
fieldset {border: 1px solid #337f53;}
 +
 
 +
.greyout {color: #A0A0A0;}
 +
.highlightme {background-color: #FFFF00;}
 +
 
 +
#alertContainer {border: 2px solid red; margin-bottom: 10px; width: 936px;}
 +
#annContainer {margin-left: 8px;}
 +
#newsContainer {border: 1px solid #ccc;}
 +
 
 +
.newsTitle {
 +
display: block;
 +
color: #414141;
 +
font-size: 25px; 
 +
        /*font-family: Georgia, Times, "Times New Roman", serif;*/
 +
        font-family: 'Roboto', sans-serif;
 +
padding: 10px 15px 5px 10px;
 +
border-bottom: 1px solid #ccc;
 +
margin-bottom: 0px;
 +
}
 +
 
 +
.newsItem {
 +
border-bottom: 1px solid #ccc;
 +
display: block;
 +
padding: 5px 15px 0px 10px;
 +
margin-bottom: 0px;
 +
}
 +
 
 +
.newsItem h3 {
 +
width: auto;
 +
display: inline;
 +
font-size: 14px;
 +
font-family: Arial, Helvetica, sans-serif;
 +
padding: 0px;
 +
margin: 0px;
 +
}
 +
 
 +
.newsItem img {
 +
float: right;
 +
clear: right;
 +
width: 80px;
 +
padding-left: 15px;
 +
display: inline-block;
 +
}
 +
 
 +
.newsItem .newsDate {
 +
font-style: italic;
 +
font-size: 14px;
 +
display: inline-block;
 +
color: #999;
 +
float: right;
 +
padding: 0px 0px 10px 15px;
 +
}
 +
 
 +
.newsItem p, .newsItem ul, .newsItem li {
 +
padding: 0px;
 +
margin-left: 20px;
 +
font-size: 12px;
 +
line-height: 1.2;
 +
}
 +
 
 +
.newsItem p {margin-top: 10px;}
 +
 
 +
.annItem {
 +
border: 2px solid #49b677;
 +
display: block;
 +
padding: 0px 15px 10px 10px;
 +
margin-bottom: 18px;
 +
position: relative;
 +
height: 160px;
 +
vertical-align: middle;
 +
}
 +
 
 +
.annItem .annCentered {
 +
display: table-cell;
 +
vertical-align: middle;
 +
height: 160px;
 +
}
 +
 
 +
.annCentered h3 {
 +
padding: 0px;
 +
display: block;
 +
margin-left: auto;
 +
margin-right: auto;
 +
text-align: center;
 +
}
 +
 
 +
.annItem ul, .annItem li {padding: 0px; margin: 0px;}
 +
.annItem li {list-style: none; margin: 5px}
 +
 
 +
<!--TEXT STYLING-->
 +
hr.style-one {
 +
    border: 0;
 +
    height: 1px;
 +
    background: #333;
 +
    background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc);
 +
    background-image:    -moz-linear-gradient(left, #ccc, #333, #ccc);
 +
    background-image:    -ms-linear-gradient(left, #ccc, #333, #ccc);
 +
    background-image:      -o-linear-gradient(left, #ccc, #333, #ccc);
 +
}
 +
.style {
 +
    font-size: 30px;
 +
    /*font-family: 'Pacifico', cursive;*/
 +
    /*font-family: "Times New Roman", Times, serif;*/
 +
    font-family: 'Roboto', sans-serif;
 +
}
 +
 
 +
 
 +
 
 +
<!--SPLASH PAGE-->
 +
.contentBorder {
 +
    border: 1px solid #AAAAAA;
 +
    -webkit-border-radius: 7px;
 +
    -moz-border-radius: 7px;
 +
    border-radius: 7px;
 +
    -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.35);
 +
    -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.35);
 +
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.35);
 +
}
 +
.content {
 +
    /*font-family: Tahoma;*/
 +
    font-family: "Nexa Light", 'Roboto', sans-serif;
 +
    font-size: 12px;
 +
    color: #3D3D3D;
 +
    margin-bottom:60px;
 +
    background-color: white;
 +
    padding: 15px 60px;
 +
 
 +
    border: 1px solid #cccccc;
 +
    -webkit-border-radius: 10px;
 +
    -moz-border-radius: 10px;
 +
    border-radius: 10px;
 +
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
 +
    -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
 +
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
 +
}
 +
#box5 {
 +
text-align: left;
 +
}
 +
#box6 { text-align: left;}
 +
#box7 {text-align: left;}
 +
.boxgridMedium {
 +
        width: 298px;
 +
        height: 435px;
 +
        margin: 0px auto;
 +
}
 +
.boxgrid {
 +
overflow: hidden;
 +
position: relative;
 +
}
 +
 
 +
.boxgrid img{
 +
position: absolute;
 +
top: 0;
 +
left: 0;
 +
border: 0;
 +
}
 +
.boxcaption{
 +
float: left;
 +
position: absolute;
 +
background: #000;
 +
width: 100%;
 +
opacity: .65;
 +
        padding: 8px;
 +
/* For IE 5-7 */
 +
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65);
 +
/* For IE 8 */
 +
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
 +
}
 +
.boxcaption:hover {
 +
  text-decoration: none;
 +
}
 +
h2.onBlack {
 +
  font-family: Verdana;
 +
  font-family: 'Roboto', sans-serif;
 +
  color:white;
 +
  margin-top: -5px;
 +
  border: none;
 +
  Font-size: 23px;
 +
  padding-bottom: 0px;
 +
  line-height:1em;
 +
}
 +
p.onBlack {
 +
  color:white;
 +
  margin-right:18px;
 +
  font-size: 12px;
 +
  font-weight: bold;
 +
}
 +
p.onBlackIntro {
 +
  font-size:14px;
 +
  font-style: italic;
 +
  color:white;
 +
  margin-right:20px;
 +
  margin-bottom:20px;
 +
}
 +
</style>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
<!--TOP MENU BAR-->
 +
<style type="text/css">
 +
#top_menu{
 +
    position:fixed;
 +
    padding: 12px 0 0 0;
 +
    width:100%;
 +
    left:0;
 +
    top:0px;
 +
    /*background:#550D00;*/
 +
    background: #49278b;
 +
    z-index:20;
 +
}
 +
#menu li{
 +
    position:relative;
 +
    float:left;
 +
    list-style:none;
 +
    padding: 0 10px 0 10px;
 +
}
 +
#menu a{
 +
    color:white;
 +
    font-family: Helvetica;
 +
 
 +
    padding:18px 5px 15px 5px;
 +
    text-decoration:bold;
 +
    width:98px;
 +
    display:block;
 +
    text-align:center;
 +
    font-size:17px;
 +
    /*border-bottom:thin solid #000000;*/
 +
}
 +
#menu{
 +
    margin-left:auto;
 +
    margin-right:auto;
 +
    width:1200px;
 +
}
 +
#menu a:hover{
 +
    background:#b39ce3;
 +
}
 +
#menu li ul{
 +
        background:#b39ce3;
 +
/* display:none; */
 +
position:absolute;
 +
text-align:left;
 +
top:50px;
 +
        right:0px;
 +
}
 +
#menu li:hover ul{
 +
display:block;
 +
}
 +
#dropdown_menu li ul li{
 +
position:relative;
 +
 
 +
</style>
 +
 
 +
 
 +
 
 +
</style>
 +
 
 +
 
 +
 
 +
 
 +
<!--EDITING-->
 +
<!--CONTENT SECTIONS-->
 +
<style type="text/css">
 +
.content_container{
 +
    position: absolute;
 +
    background-image: url('https://static.igem.org/mediawiki/2014/c/c3/Debut_light.png');
 +
    font-family: 'Roboto', sans-serif;
 +
    top: 550px;
 +
    width: 100%;
 +
    padding: 0 ;
 +
    margin: auto;
 +
    margin-bottom: 50px;
 +
    margin-left: 0px;
 +
    border-radius: 0px;
 +
    z-index: -1;
 +
}
 +
 
 +
.page_content{
 +
    position: relative;
 +
    background-color: #FFEE80;
 +
    width: 99%;
 +
    padding: 0 0 0 0;
 +
    margin: auto;
 +
    margin-bottom: 20px;
 +
    /*border-radius: 25px;*/
 +
    z-index: -1;
 +
}
 +
.content_subsection{
 +
    position: relative;
 +
    width: 85%;
 +
    padding: 10px 10px 10px 10px;
 +
    margin: auto;
 +
}
 +
</style>
 +
 
 +
.MathJax nobr>span.math>span{border-left-width:0 !important};
 +
 
 +
</style>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
</p><p>
 +
<style>
 +
h1 {
 +
    font-size:40px;
 +
    line-height: 150%;
 +
}
 +
h2 {
 +
    font-size:35px;
 +
    line-height: 140%;
 +
}
 +
h4 {
 +
    font-size:25px;
 +
    line-height: 130%;
 +
}
 +
 
 +
h3 {
 +
    font-size:30px;
 +
    line-height: 140%;
 +
}
 +
p1{
 +
    font-size:20px;
 +
    line-height: 140%;
 +
    display: block;
 +
    margin-top: 1em;
 +
    margin-bottom: 1em;
 +
    margin-left: 0;
 +
    margin-right: 0;
 +
 
 +
}
 +
p2{
 +
    font-size:20px;
 +
    line-height: 125%;
 +
    display: block;
 +
    margin-top: 1em;
 +
    margin-bottom: 1em;
 +
    margin-left: 2px;
 +
    margin-right: 0;
 +
 
 +
}
 +
li2{
 +
    font-size: 17px;
 +
    line-height: 125%;
 +
    display: block;
 +
    margin-top: 1em;
 +
    margin-bottom: 1em;
 +
    margin-left: 2px;
 +
    margin-right: 0;
 +
 
 +
}
 +
 
 +
 
 +
}
 +
            #banner {
 +
                position: absolute;
 +
                top: 0px;
 +
                left: 0px;
 +
                right: 0px;
 +
                width: 100%;
 +
                height: 200px;
 +
                z-index: 100;
 +
            }
 +
.logo_2016, #sideMenu { display:none; }
 +
 
 +
.center-img {
 +
    display: block;
 +
    margin: 0 auto;
 +
}
 +
 
 +
.highlightBox {
 +
    width: 500px;
 +
    margin: auto;
 +
    background-color: #1EAAF2;
 +
    margin-bottom: 15px;
 +
    margin-top: 35px;
 +
    padding: 15px;
 +
    padding-top: 20px;
 +
}
 +
 
 +
.navContainer {
 +
    margin: auto;
 +
    background-color: #fff;
 +
}
 +
 
 +
.navBox {
 +
    width: 25%;
 +
float: left;
 +
    background-color: #315981;
 +
    padding: 15px;
 +
    margin-right: 15px;
 +
    margin: 15px 15px auto auto;
 +
    font-color: 1EAAF2;
 +
}
 +
.menubrhs {
 +
width: initial !important;
 +
}
 +
.backgroundbrhs {
 +
background-color: #315981 !important;
 +
}
 +
 
 +
#menu li ul {
 +
background: #315981 !important;
 +
}
 +
 
 +
#menu a:hover {
 +
background: #315981 !important;
 +
}
 +
</style>
 +
 
 +
<!--TOP NAVIGATION MENU BAR-->
 +
<div id = "top_menu" class="backgroundbrhs">
 +
<ul id = "menu" class="menubrhs">
 +
<li><a href="/Team:ColegioFDR Peru" style="border-bottom:0px;"><img src="https://static.igem.org/mediawiki/2017/4/45/T--ColegioFDR_Peru--logo2.png" style="width:80px;height:80px;border-bottom:0px;"></a></li>
 +
 +
 
 +
 +
        <li><a href="/Team:ColegioFDR_Peru/Problem">Project</a>
 +
<ul>
 +
    <li><a href="/Team:ColegioFDR_Peru/Problem">Problem</a></li>
 +
    <li><a href="/Team:ColegioFDR_Peru/Solution">Solution</a></li>
 +
    <li><a href="/Team:ColegioFDR_Peru/Safety">Safety</a></li>
 +
 +
</ul>
 +
</li>
 +
 +
        <li><a href="/Team:ColegioFDR_Peru/Human Practices">Human Practices</a>
 +
<ul>
 +
    <li><a href="/Team:ColegioFDR_Peru/Human Practices"> Human Practices</a></li>
 +
    <li><a href="/Team:ColegioFDR_Peru/Public Engagement">Public Engagement</a></li>
 +
 +
</ul>
 +
</li>
 +
 +
        <li><a href="/Team:ColegioFDR_Peru/Members">Team</a>
 +
<ul>
 +
    <li><a href="/Team:ColegioFDR_Peru/Members">Members & Attributions</a></li>
 +
    <li><a href="/Team:ColegioFDR_Peru/Collaborations">Collaborations</a></li>
 +
 +
</ul>
 +
</li>
 +
 +
        <li><a href="/Team:ColegioFDR_Peru/notebook1">Notebook</a></li>
 +
 
  
  
−
<div class="column full_size">
 
−
<h5>Safe Project Design</h5>
 
  
−
<p>Does your project include any safety features? Have you made certain decisions about the design to reduce risks? Write about them here! For example:</p>
 
  
−
<ul>
 
−
<li>Choosing a non-pathogenic chassis</li>
 
−
<li>Choosing parts that will not harm humans / animals / plants</li>
 
−
<li>Substituting safer materials for dangerous materials in a proof-of-concept experiment</li>
 
−
<li>Including an "induced lethality" or "kill-switch" device</li>
 
 
</ul>
 
</ul>
 +
</div>
  
 +
<div id="bannerContainer">
 +
<br/><br/><br/>
 +
<!-- <img src="http://placehold.it/1024x200" style="width:1024px;height:200px;" class="center-img"> -->
 
</div>
 
</div>
 +
<br/>
 +
 +
 +
<div class="center">
 +
<p><strong><span style="font-size: x-large;">Safety</span></strong></p>
 +
<p>&nbsp;</p>
 +
<p><span style="font-size: small;">Recognising the extreme importance of adhering to proper safety protocols when conducting any lab ur project was comprised of components that had very little safety hazards or dangers involved.</span><br /><span style="font-size: small;">&nbsp;1. E. coli are categorised as a &ldquo;Whitelist&rdquo; organisms, meaning they do not require any permission to be given by iGEM, as they is officially classified as a Risk Level 1 organism</span><br /><span style="font-size: small;">&nbsp;2. Protein coding genes, such as the keratinase we used, are additionally a part of the &ldquo;Whitelist&rdquo;, and are considered to be very low risk</span></p>
 +
<p>&nbsp;</p>
  
−
<div class="column half_size">
 
−
<h5>Safe Lab Work</h5>
 
  
−
<p>What safety procedures do you use every day in the lab? Did you perform any unusual experiments, or face any unusual safety issues? Write about them here!</p>
 
  
 
</div>
 
</div>
  
−
<div class="column half_size">
 
−
<h5>Safe Shipment</h5>
 
  
−
<p>Did you face any safety problems in sending your DNA parts to the Registry? How did you solve those problems?</p>
+
<div class="center">
 
</div>
 
</div>
  
  
 +
</p>
 +
 +
 +
<!-- Saved in parser cache with key 2016_igem_org:pcache:idhash:11218-0!*!*!*!*!*!* and timestamp 20171028140712 and revision id 434064
 +
-->
 +
</div>             <div class="visualClear"></div>
 +
            </div>
 +
    </div>
 +
 +
        </div>
 +
 +
        <!-- Side Menubar -->
 +
        <div id="sideMenu">
 +
            <a href="https://2016.igem.org">
 +
                <div id="home_logo" >
 +
                <img src="https://static.igem.org/mediawiki/2016/b/bf/HQ_menu_logo.jpg">
 +
                </div>
 +
            </a>
 +
 +
            <div style="clear:both; height:5px;"></div>
 +
 +
            <div id="menuDisplay"></div>  <!- Menu will be loaded here ->
 +
        </div>
 +
 +
        <!-- Pop_Why Div is definded here -->
 +
        <div class="pop_why_cover"></div>
 +
 +
        <div class="pop_why_box" >
 +
            <div class="pop_close">× </div>
 +
            <div class="pop_why_content"><h3> Loading ... </h3></div>
 +
        </div>
 +
 +
    </div>
 
</html>
 
</html>

Latest revision as of 19:05, 29 October 2017

<!DOCTYPE html> https://2017.igem.org/Team:ColegioFDR_Peru

Loading menubar.....

Team:ColegioFDR Peru

.MathJax nobr>span.math>span{border-left-width:0 !important};





Safety

 

Recognising the extreme importance of adhering to proper safety protocols when conducting any lab ur project was comprised of components that had very little safety hazards or dangers involved.
 1. E. coli are categorised as a “Whitelist” organisms, meaning they do not require any permission to be given by iGEM, as they is officially classified as a Risk Level 1 organism
 2. Protein coding genes, such as the keratinase we used, are additionally a part of the “Whitelist”, and are considered to be very low risk

 

×

Loading ...