Difference between revisions of "Team:Glasgow/Safety"

(Prototype team page)
 
Line 1: Line 1:
−
{{Glasgow}}
+
{{GlasgowNavbar}}
 
<html>
 
<html>
−
<h2>Safety in iGEM</h2>
+
  <head>
 +
    <style>
 +
          .firstHeading {
 +
              display:none;
 +
        }
 +
   
 +
        #content {
 +
    width:auto;
 +
    height:auto;
 +
    padding:0px 0px 0px 0px;
 +
    border:none;
 +
   
 +
   
 +
}
 +
      h1 {
 +
      text-decoration:none;
 +
      border:none;
 +
}
  
−
<p>Please visit <a href="https://2015.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>
+
            * {
 +
                padding:0;
 +
                margin:0;
 +
            }
 +
           
 +
            .banner {
 +
                width:100vw;
 +
                height:45vh;
 +
                background-color: black;
 +
            }
 +
       
 +
            h1 {
 +
                width:20vw;
 +
                margin: 5vh auto;
 +
                text-align: center;
 +
            }
 +
           
 +
            .mainText {
 +
                width:80vw;
 +
                margin:0 auto;
 +
                text-align: justify;
 +
            }
 +
           
 +
            .monster {
 +
                height:50vh;
 +
                width:15vw;
 +
                position:relative;
 +
                display:inline-block;
 +
                margin: 0 auto;
 +
            }
 +
           
 +
            .monsterContainer {
 +
                width:80vw;
 +
                height:50vh;
 +
                margin:10vh auto;
 +
                text-align: justify;
 +
               
 +
            }
 +
           
 +
            .monsterContainer:after {
 +
                content: "";
 +
            width: 100%;
 +
                display: inline-block;
 +
            }
  
−
<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>
+
            .monsterImg {
 +
                height:100%;
 +
                width:100%;
 +
                opacity:0.92;
 +
                box-shadow: 0 0 5px purple;
 +
            }
  
 +
            h3 {
 +
                color: white;
 +
                position:absolute;
 +
                bottom:1%;
 +
                left: 5%;
 +
                width:100%;
 +
                opacity:0.85;
 +
            }
  
−
<h4>Safe Project Design</h4>
+
            monsterSpan {
 +
                letter-spacing: -1px;
 +
                background: rgb(30, 5, 90);
 +
                background: rgba(30, 5, 90, 0.7);
 +
                padding:5%;
 +
            }
  
−
<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>
+
            .dimmer {
 +
                opacity:1;
 +
            }
  
−
<ul>
+
            .dimmer2 {
−
<li>Choosing a non-pathogenic chassis</li>
+
                text-decoration: underline;
−
<li>Choosing parts that will not harm humans / animals / plants</li>
+
                opacity:1
−
<li>Substituting safer materials for dangerous materials in a proof-of-concept experiment</li>
+
            }
−
<li>Including an "induced lethality" or "kill-switch" device</li>
+
#bodybackground {
−
</ul>
+
  background:url(https://static.igem.org/mediawiki/2015/7/7c/GLasgow_7323.jpg) no-repeat center center;
 +
  font-family: 'Nixie One', Helvetica, Arial, sans-serif;
 +
  font-size: 50px;
 +
  height:45vh;
 +
  background-size:cover;
 +
}
 +
@font-face {
 +
  font-family: 'Nixie One';
 +
  font-style: normal;
 +
  font-weight: 400;
 +
  src: local('Nixie One'), local('NixieOne-Regular'), url(http://fonts.gstatic.com/s/nixieone/v7/gQ0PT3rPU_Et2ExNz-ahmpBw1xU1rKptJj_0jans920.woff2) format('woff2');
 +
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
 +
}
 +
@font-face {
 +
  font-family: 'League Script';
 +
  font-style: normal;
 +
  font-weight: 400;
 +
  src: local('League Script'), local('LeagueScript'), url(http://fonts.gstatic.com/s/leaguescript/v7/wnRFLvfabWK_DauqppD6vTLKmjGCnkmx1ziy0T7wKLI.woff2) format('woff2');
 +
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
 +
}
 +
.container3 {
 +
    display: flex;
 +
    flex-direction: row;
 +
    flex-wrap: wrap;
 +
    justify-content: center;
 +
    align-items: center;
 +
    line-height:7vh;
 +
    padding-top:50px;
 +
   
 +
}
 +
.sign {
 +
  -ms-transform: rotate(-3deg);
 +
  -webkit-transform: rotate(-3deg);
 +
  transform: rotate(-3deg);
 +
  margin-top:10vh;
 +
}
 +
#title {
 +
  font-size: 10vh;
 +
}
 +
#trav {
 +
  -webkit-animation: blink 0.01s infinite alternate;
 +
  -moz-animation: blink 0.01s infinite alternate;
 +
  -o-animation: blink 0.01s infinite alternate;
 +
  animation: blink 0.01s infinite alternate;
 +
}
 +
#fade {
 +
  opacity: 0.6;
 +
  color: #ebffff;
 +
  text-shadow: 2px 2px 1px rgba(0,0,0,0.3), 0 0px 15px #fff, 0 0 10px #38eeff, 0 0 50px #38eeff;
 +
  -webkit-animation: fade 3s infinite alternate;
 +
  -moz-animation: fade 3s infinite alternate;
 +
  -o-animation: fade 3s infinite alternate;
 +
  animation: fade 3s infinite alternate;
 +
}
 +
.neon-blue {
 +
  margin: 0 auto;
 +
  text-align: center;
 +
  color: #ebffff;
 +
  text-shadow: 2px 2px 1px rgba(0,0,0,0.3), 0 0px 15px #fff, 0 0 10px #38eeff, 0 0 50px #38eeff;
 +
  font-size:4vw;
 +
}
 +
.neon-purple {
 +
  font-family: 'League Script', Helvetica, Arial, sans-serif;
 +
  font-size: 130px;
 +
  margin: 0 auto;
 +
  text-align: center;
 +
  color: #6CA7FF;
 +
  text-shadow: 2px 2px 1px rgba(0,0,0,0.5), 0 0 5px #fff, 0 0 10px #7d26cd, 0 0 35px #7d26cd;
 +
  font-size:8vh;
 +
}
 +
@-moz-keyframes blink {
 +
  70% {
 +
    opacity: 0.7;
 +
  }
 +
}
 +
@-webkit-keyframes blink {
 +
  45% {
 +
    opacity: 0.5;
 +
  }
 +
}
 +
@-o-keyframes blink {
 +
  70% {
 +
    opacity: 0.7;
 +
  }
 +
}
 +
@keyframes blink {
 +
  70% {
 +
    opacity: 0.7;
 +
  }
 +
}
 +
@-moz-keyframes fade {
 +
  40% {
 +
    opacity: 0.8;
 +
  }
 +
  42% {
 +
    opacity: 0.1;
 +
  }
 +
  43% {
 +
    opacity: 0.8;
 +
  }
 +
  45% {
 +
    opacity: 0.1;
 +
  }
 +
  46% {
 +
    opacity: 0.8;
 +
  }
 +
}
 +
@-webkit-keyframes fade {
 +
  40% {
 +
    opacity: 0.8;
 +
  }
 +
  42% {
 +
    opacity: 0.1;
 +
  }
 +
  43% {
 +
    opacity: 0.8;
 +
  }
 +
  45% {
 +
    opacity: 0.1;
 +
  }
 +
  46% {
 +
    opacity: 0.8;
 +
  }
 +
}
 +
@-o-keyframes fade {
 +
  40% {
 +
    opacity: 0.8;
 +
  }
 +
  42% {
 +
    opacity: 0.1;
 +
  }
 +
  43% {
 +
    opacity: 0.8;
 +
  }
 +
  45% {
 +
    opacity: 0.1;
 +
  }
 +
  46% {
 +
    opacity: 0.8;
 +
  }
 +
}
 +
@keyframes fade {
 +
  40% {
 +
    opacity: 0.8;
 +
  }
 +
  42% {
 +
    opacity: 0.1;
 +
  }
 +
  43% {
 +
    opacity: 0.8;
 +
  }
 +
  45% {
 +
    opacity: 0.1;
 +
  }
 +
  46% {
 +
    opacity: 0.8;
 +
  }
 +
}
 +
</style>
 +
</head>
  
−
<h4>Safe Lab Work</h4>
 
  
−
<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>
+
    <body>
 +
       
  
−
<h4>Safe Shipment</h4>
+
       
 +
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
 +
    <script type="text/javascript">
 +
   
 +
        $(document).ready(function() {
 +
            $('.monster').mouseenter(function() {
 +
                $('img', this).addClass("dimmer");
 +
                $('h3', this).addClass("dimmer2");
 +
            });
 +
            $('.monster').mouseleave(function() {
 +
                $('img').removeClass("dimmer");
 +
                $('h3').removeClass("dimmer2");
 +
            });
 +
        });
 +
       
 +
        </script>  
 +
   
 +
    </body>
  
−
<p>Did you face any safety problems in sending your DNA parts to the Registry? How did you solve those problems?</p>
 
−
 
−
 
−
</div>
 
 
</html>
 
</html>
 +
{{Glasgowfooter}}

Revision as of 17:20, 15 September 2015

Location

Bower Building, Wilkins Teaching Laboratory
University of Glasgow
University Avenue
G12 8QQ

Follow Us On