Team:NRP-UEA-Norwich/Safety

From 2014.igem.org

(Difference between revisions)
(Prototype team page)
 
(16 intermediate revisions not shown)
Line 1: Line 1:
-
<!-- *** What falls between these lines is the Alert Box!  You can remove it from your pages once you have read and understood the alert *** -->
+
<html lang="en">
 +
  <head>
 +
    <meta charset="utf-8">
 +
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
 +
    <meta name="viewport" content="width=device-width, initial-scale=1">
 +
    <title>NRP UEA Norwich iGEM 2014</title>
 +
    <!-- Bootstrap -->
 +
    <link href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet">
-
{{CSS/Main}}
+
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
-
 
+
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
-
 
+
    <!--[if lt IE 9]>
-
<html>
+
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
-
 
+
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-
<!--main content -->
+
    <![endif]-->
-
<table width="70%" align="center">
+
    <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
-
 
+
    <style type="text/css">
-
 
+
      body{font-family:'Open Sans',sans-serif;font-size:13px}header{box-shadow:0 6px 6px rgba(0,0,0,.3)}header .container{height:80px}header .logo{padding:10px 0 10px 80px}header .igem{position:absolute;top:20px;right:-50px;z-index:100}header .igem img{width:40px;height:40px}header ul{float:right;list-style:none}header ul li{display:inline-block;white-space:nowrap}header ul li a{display:block;padding:0 15px;height:80px;line-height:80px;color:#000;text-decoration:none!important;transition:background-color .2s linear}header ul li a:active,header ul li a:hover,header ul li a:visited{background-color:#ecffeb;text-decoration:none!important;color:#000}header ul.dropdown-menu li{display:block}header ul.dropdown-menu li a{height:auto;padding:6px 20px;text-decoration:none}section{padding:50px 0}section h1{font-weight:300;font-size:48px;padding:0 0 50px}.dropdown-menu{margin:0}ul.menu li.dropdown:hover>ul.dropdown-menu{display:block}.bx-wrapper img{display:block;max-width:100%;min-width:970px;margin:0 auto}.welcome{padding:80px 0;background:url(https://static.igem.org/mediawiki/2014/0/06/Uea_header-bg.png)}.about{background:url(https://static.igem.org/mediawiki/2014/d/d7/Uea_body-bg.png)}.about h2{font-size:18px;font-weight:700}.about p.project{font-size:14px;padding:10px}.about p.project:last-of-type{padding-bottom:40px}.about .row:first-of-type{margin-bottom:40px}.about .col-md-4 i{transition:color .2s linear}.about .col-md-4:hover i{color:#2ECC71}.team{background:url(https://static.igem.org/mediawiki/2014/d/d7/Uea_body-bg.png);transition:all .3s linear;padding:0 0 40px}.team .img-responsive{border-radius:20em;-webkit-border-radius:20em;-moz-border-radius:20em;-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);filter:grayscale(100%);filter:gray;transition:all .3s linear;max-width:200px;margin:0 auto}.team .col-md-4:hover .img-responsive{-webkit-filter:none;-moz-filter:none;-ms-filter:none;filter:none}.team .row:first-of-type{margin-bottom:40px}.team h2{font-size:18px;font-weight:700;color:#019875}.team h3{font-size:13px;font-weight:700;color:#019875}.team .col-md-3{padding:0 30px}.team .meetourteam{margin-bottom:60px}.social{background:url(https://static.igem.org/mediawiki/2014/d/d7/Uea_body-bg.png)}.sponsors .col-md-2{display:table;height:90px}.sponsors .middle{display:table-cell;vertical-align:middle}.sponsors .row:first-of-type{margin-bottom:40px}.general{padding-top:0;background:url(https://static.igem.org/mediawiki/2014/d/d7/Uea_body-bg.png)}.title{background:url(https://static.igem.org/mediawiki/2014/0/06/Uea_header-bg.png)}.title h1,.title h2{text-align:center}.title h1{margin-top:0;padding:40px 0;margin-bottom:40px}.title h2{font-size:18px;color:#999;margin:0 0 50px;padding-bottom:40px}.general p{margin:0 0 40px}.fa-8x{font-size:8em;color:#019875}.row .boxed-headline{width:100%;height:200px;background-color:#90C695}.container .overview{padding-bottom:40px}footer{color:#444;background-color:#FFFFF;padding:50px 0}footer ul.sponsors{float:left;width:100%;padding:0;margin:20px 0 0;list-style-type:none}footer ul.sponsors li{display:inline;padding:0 20px}footer ul.sponsors li img{width:90px}#top-section{border:0;height:14px;z-index:100;top:0;position:fixed;width:975px;left:50%;margin-left:-487px;background-color:transparent}#content,#globalWrapper{width:100%;height:100%;border:0;background-color:transparent;margin:0;padding:0;font-size:100%}#catlinks,#contentSub,#footer-box,#p-logo,#search-controls,#sitesub,.firstHeading,.printfooter,.visualClear{display:none}h1,h2,h3,h4,h5,h6{border-bottom:none}#bodyContent h1,#bodyContent h2{margin-bottom:40px}.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.container{min-width:970px}ul.bxslider{margin:0 !important}
-
<!--welcome box -->
+
    </style>
-
<tr>
+
  </head>
-
<td style="border:1px solid black;" colspan="3" align="center" height="150px" bgColor=#FF404B>
+
  <body>
-
<h1 >WELCOME TO iGEM 2014! </h1>
+
    <div id="fb-root"></div>
-
<p>Your team has been approved and you are ready to start the iGEM season!
+
    <script>(function(d, s, id) {
-
<br>On this page you can document your project, introduce your team members, document your progress <br> and share your iGEM experience with the rest of the world! </p>
+
      var js, fjs = d.getElementsByTagName(s)[0];
-
<br>
+
      if (d.getElementById(id)) return;
-
<p style="color:#E7E7E7"> <a href="https://2014.igem.org/wiki/index.php?title=Team:NRP-UEA-Norwich/Safety&action=edit"style="color:#FFFFFF"> Click here  to edit this page!</a> </p>
+
      js = d.createElement(s); js.id = id;
-
</td>
+
      js.src = "//connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.0";
-
</tr>
+
      fjs.parentNode.insertBefore(js, fjs);
-
 
+
    }(document, 'script', 'facebook-jssdk'));</script>
-
<tr> <td colspan="3"  height="5px"> </td></tr>
+
    <header>
-
<!-- end welcome box -->
+
      <div class="container">
-
<tr>  
+
        <div class="row">
-
 
+
          <div class="col-md-2">
-
<!--navigation menu -->
+
          <a href="https://2014.igem.org/Team:NRP-UEA-Norwich"/><img src="https://static.igem.org/mediawiki/2014/e/e0/Uea_logo.png" class="logo"/></a>
-
<td align="center" colspan="3">
+
            <div class="igem">
-
 
+
              <a href="https://2014.igem.org/Main_Page"/ target="_blank"><img src="https://static.igem.org/mediawiki/2014/a/a3/Uea_igem-logo.png"/></a>
-
<table  width="100%">
+
            </div>
-
<tr heigth="15px"></tr>
+
          </div>
-
<tr heigth="75px">  
+
          <div class="col-md-10">
-
 
+
            <ul class="menu">
-
 
+
              <li>
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
                <a href="https://2014.igem.org/Team:NRP-UEA-Norwich">Home</a>
-
<a href="https://2014.igem.org/Team:NRP-UEA-Norwich"style="color:#000000">Home </a> </td>
+
              </li>
-
 
+
              <li class="dropdown">
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
+
                <a data-toggle="dropdown" class="dropdown-toggle" href="#">Team <span class="caret"></span></a>
-
<a href="https://2014.igem.org/Team:NRP-UEA-Norwich/Team"style="color:#000000"> Team </a> </td>
+
                <ul class="dropdown-menu">
-
 
+
                  <li><a href="https://2014.igem.org/Team:NRP-UEA-Norwich/Team">Meet our team</a></li>
-
<td style="border:1px solid black;" align="center"  height ="45px"  onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
+
                  <li><a href="https://igem.org/Team.cgi?year=2014&team_name=NRP-UEA-Norwich">Official team profile</a></li>
-
<a href="https://igem.org/Team.cgi?year=2014&team_name=NRP-UEA-Norwich"style="color:#000000"> Official Team Profile </a></td>
+
                </ul>
-
 
+
              </li>
-
<td style="border:1px solid black" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
              <li class="dropdown">
-
<a href="https://2014.igem.org/Team:NRP-UEA-Norwich/Project"style="color:#000000"> Project</a></td>
+
                <a data-toggle="dropdown" class="dropdown-toggle" href="#">Project <span class="caret"></span></a>
-
 
+
                <ul class="dropdown-menu">
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
+
                  <li><a href="https://2014.igem.org/Team:NRP-UEA-Norwich/Project">Overview</a></li>
-
<a href="https://2014.igem.org/Team:NRP-UEA-Norwich/Parts"style="color:#000000"> Parts</a></td>
+
                  <li><a href="https://2014.igem.org/Team:NRP-UEA-Norwich/Project_System">System</a></li>
-
 
+
                  <li><a href="https://2014.igem.org/Team:NRP-UEA-Norwich/Project_Parts">Parts</a></li>
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
+
                  <li><a href="https://2014.igem.org/Team:NRP-UEA-Norwich/Project_GG-Cloning">Golden Gate cloning</a></li>
-
<a href="https://2014.igem.org/Team:NRP-UEA-Norwich/Modeling"style="color:#000000"> Modeling</a></td>
+
                  <li><a href="https://2014.igem.org/Team:NRP-UEA-Norwich/Project_Mo-Flipper">Golden Gate Modular Flipper</a></li>
-
 
+
                  <li><a href="https://2014.igem.org/Team:NRP-UEA-Norwich/HP_Collaborations">Collaborations</a></li>
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
                  <li><a href="https://2014.igem.org/Team:NRP-UEA-Norwich/Judging_Criteria">Judging Criteria</a></li>
-
<a href="https://2014.igem.org/Team:NRP-UEA-Norwich/Notebook"style="color:#000000"> Notebook</a></td>
+
                </ul>
-
 
+
              </li>
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
+
              <li class="dropdown">
-
<a href="https://2014.igem.org/Team:NRP-UEA-Norwich/Safety"style=" color:#000000"> Safety </a></td>
+
                <a data-toggle="dropdown" class="dropdown-toggle" href="#">Lab Notebook <span class="caret"></span></a>
-
 
+
                <ul class="dropdown-menu">
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
+
                  <li><a href="https://2014.igem.org/Team:NRP-UEA-Norwich/Notebook">Notebook</a></li>
-
<a href="https://2014.igem.org/Team:NRP-UEA-Norwich/Attributions"style="color:#000000"> Attributions </a></td>
+
                  <li><a href="https://2014.igem.org/Team:NRP-UEA-Norwich/Notebook_Protocols">Protocols</a></li>
-
 
+
                </ul>
-
 
+
              </li>
-
<td align ="center"> <a href="https://2014.igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px"></a> </td>
+
              <li class="dropdown">
-
</tr>
+
                <a data-toggle="dropdown" class="dropdown-toggle" href="#">Policy and Practices<span class="caret"></span></a>
-
</table>
+
                <ul class="dropdown-menu">
-
<!--end navigation menu -->
+
                  <li><a href="https://2014.igem.org/Team:NRP-UEA-Norwich/HP">Overview</a></li>
-
</tr>
+
                  <li><a href="https://2014.igem.org/Team:NRP-UEA-Norwich/HP_CUT">The CUT event</a></li>
-
</tr>
+
                  <li><a href="https://2014.igem.org/Team:NRP-UEA-Norwich/HP_School-Events">The Hewett School</a></li>
-
</td>
+
                  <li><a href="https://2014.igem.org/Team:NRP-UEA-Norwich/HP_Science-Cafe">Science Café</a></li>
-
 
+
                  <li><a href="https://2014.igem.org/Team:NRP-UEA-Norwich/HP_Ethics">Ethics of Public Consultation</a></li>
-
<tr> <td colspan="3"  height="15px"> </td></tr>
+
                </ul>
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr>
+
              </li>
-
<tr> <td colspan="3" height="5px"> </td></tr>
+
              <li class="dropdown">
-
 
+
                <a data-toggle="dropdown" class="dropdown-toggle" href="#">Safety <span class="caret"></span></a>
-
 
+
                <ul class="dropdown-menu">
-
<!--safety content-->
+
                  <li><a href="https://2014.igem.org/Team:NRP-UEA-Norwich/Safety">Safety Overview</a></li>
-
<tr><td > <h3> Welcome! </h3></td>
+
                  <li><a href="https://2014.igem.org/Team:NRP-UEA-Norwich/Safety_RA">Risk Assessments</a></li>
-
<td ></td >
+
                  <li><a href="https://2014.igem.org/Team:NRP-UEA-Norwich/Safety_UEA">UEA Safety</a></li>
-
<td > <h3> Timeline</h3></td>
+
                </ul>
-
</tr>
+
              </li>
-
 
+
              <li class="dropdown">
-
<tr>
+
                <a data-toggle="dropdown" class="dropdown-toggle" href="#">Attributions <span class="caret"></span></a>
-
<td width="45%"  valign="top">
+
                <ul class="dropdown-menu">
-
<p> Visit the <a href="https://2014.igem.org/Safety" >Safety Hub</a> to see this year's safety requirements. The Safety Hub is the central page for everything related to safety in iGEM. You can also go there to learn about general biosafety topics, and how to think about the future implications of your project.</p>
+
                  <li><a href="https://2014.igem.org/Team:NRP-UEA-Norwich/Attributions_AH">Advisors and helpers</a></li>
-
 
+
                  <li><a href="https://2014.igem.org/Team:NRP-UEA-Norwich/Attributions_Sponsors">Sponsors</a></li>
-
 
+
                </ul>
-
 
+
              </li>
-
<br>
+
            <ul>
-
<h3> Edit this page!</h3>
+
          </div>
-
<p>
+
        </div>
-
Please use this page to write about anything related to safety in your project. <!--Be sure to talk about both
+
      </div>
-
<ul>
+
    </header>
-
<li> <a href=" ">Learn about lab Safety for Today</a></li>  
+
    <section class="general">
-
<li> <a href="">Learn about Safety for the future of your project.</a></li>  
+
      <div class="title">
-
</ul>
+
        <h1 style="padding-bottom:10px;margin-bottom:0;">Safety Overview</h1>
-
-->
+
        <h2></h2>
-
</p>
+
      </div>
-
 
+
      <div class="container">
-
<h3> Your Lab </h3>
+
      <center><p>Safety must be considered in a very serious manner. In doing so, many aspects were discussed (from personal safety to public safety) and action was taken upon each point. We believe that we have statisfied the iGEM criteria for safety including the <a href="https://igem.org/Safety/Safety_Form?team_id=1467" target="_blank">safety form</a> and the check-ins. We have also satisfied the safety criteria for the University of East Anglia by creating and filling out relevant COSHH forms and Risk Assessments as well as adhering to more general laboratory safety practices.</p></center>
-
 
+
        <div class="row">
-
 
+
          <div class="col-md-6"><a href="https://2014.igem.org/Team:NRP-UEA-Norwich/Safety_RA"><img class="img-responsive" src="https://static.igem.org/mediawiki/2014/8/86/Uea_safety-risk-assessment.jpg"/></a></div>
-
<p> Use this section to tell us about your laboratory. Where is it located? What sort of equipment do you use every day? Have you decorated it for the summer? How do you look wearing a lab coat? Take pictures! Show off your space! </p>  
+
          <div class="col-md-6"><a href="https://2014.igem.org/Team:NRP-UEA-Norwich/Safety_UEA"><img class="img-responsive" src="https://static.igem.org/mediawiki/2014/d/d2/Uea_safety-uea.jpg"/></a></div>
-
<!--
+
        </div>
-
<gallery>
+
      </div>
-
Image:Example2_Lab_1.png|The building our lab is in!
+
    </section>
-
Image:Example2_Lab_2.png|The inside of our lab!
+
    <footer class="text-center">
-
Image:Example2_Lab_3.png|Team Member 3 doing an experiment
+
      <div class="container">
-
Image:Example2_Lab_4.png|Working in biosafety cabinets
+
        <div class="row">
-
Image:Example2_Lab_5.png|Team all gloved up and ready for work!
+
          <div class="col-md-12">A big thank you to our sponsors</div>
-
Image:Example2_Lab_6.png|Equipment that we use to do SCIENCE!
+
          <ul class="sponsors">
-
Image:Example2_Lab_7.png|We decorated this part of our lab
+
            <li><img src="https://static.igem.org/mediawiki/2014/f/ff/Uea_bbsrc.png"/></li>
-
Image:Example2_Lab_8.png|Whatever else you want
+
            <li><img src="https://static.igem.org/mediawiki/2014/4/4a/Uea_biochemsoc.png"/></li>
-
</gallery>-->
+
            <li><img src="https://static.igem.org/mediawiki/2014/0/03/Uea_dna2.png"/></li>
-
 
+
            <li><img src="https://static.igem.org/mediawiki/2014/6/6d/Uea_erasynbio.png"/></li>
-
</td>
+
            <li><img src="https://static.igem.org/mediawiki/2014/e/e6/Uea_nrp.png"/></li>
-
<td></td>
+
            <li><img src="https://static.igem.org/mediawiki/2014/c/cd/Uea_sfgm.png"/></li>
-
 
+
          </ul>
-
 
+
          <ul class="sponsors">
-
<td width="45%" valign="top">  
+
            <li><img src="https://static.igem.org/mediawiki/2014/1/13/Uea_tsl.png"/></li>
-
 
+
            <li><img src="https://static.igem.org/mediawiki/2014/0/0f/Uea_uea.png"/></li>
-
 
+
            <li><img src="https://static.igem.org/mediawiki/2014/f/f2/Uea_eppendorf.png"/></li>
-
<ul>
+
            <li><img src="https://static.igem.org/mediawiki/2014/3/36/Uea_welcometrust.png"/></li>
-
<li> <b>Now :</b> Read the <a href="https://2014.igem.org/Safety">Safety Hub </a> and learn about safety in iGEM. Ask questions by emailing safety at <i> igem DOT org </i>. </li>
+
            <li><img src="https://static.igem.org/mediawiki/2014/c/c7/Uea_john-innes-centre.png"/></li>
-
<li><b>Now - Jamboree:</b> Complete <b>Check-Ins</b> and receive approval before acquiring and using certain materials in your lab</li>
+
            <li><img src="https://static.igem.org/mediawiki/2014/a/a3/Uea_transglobal.png"/></li>
-
<li><b>Now - Wiki Freeze:</b> Edit this Safety page to tell us about what you're doing</li>
+
          </ul>
-
<li><b>June 9: </b>Submit the About Our Lab form.</li>
+
        </div>
-
<li><b>Let us know by June 25 </b>if you will need an extension on the Preliminary Version, or your Preliminary Version will be significantly incomplete.</li>
+
      </div>
-
<li><b>June 30: </b>Submit the Preliminary Version of the <b>Safety Form</b>.</li>
+
    </footer>
-
<li>Participate in Virtual Open Office Hours to ask questions and discuss safety topics (exact date to be determined).</li>
+
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
-
<li><b>September 1:</b> Submit the Final Version of the Safety Form.</li>
+
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
-
<li><b>October: </b> Wiki freeze (exact date to be determined)</li>
+
    <!-- Include all compiled plugins (below), or include individual files as needed -->
-
<li><b>October 30 - November 3: </b>GIANT JAMBOREE!</li>
+
    <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
-
 
+
    <script type="text/javascript">
-
</ul>
+
      WebFontConfig = {
-
</td>
+
        google: { families: [ 'Open+Sans:400italic,400,300,700:latin' ] }
-
 
+
      };
-
</tr>
+
      (function() {
-
 
+
        var wf = document.createElement('script');
-
 
+
        wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
-
 
+
          '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
-
 
+
        wf.type = 'text/javascript';
-
<tr>
+
        wf.async = 'true';
-
 
+
        var s = document.getElementsByTagName('script')[0];
-
 
+
        s.parentNode.insertBefore(wf, s);
-
 
+
      })();
-
 
+
    </script>
-
 
+
  </body>
-
 
+
-
 
+
-
 
+
-
</table>
+
-
</html>
+

Latest revision as of 15:22, 17 October 2014

NRP UEA Norwich iGEM 2014

Safety Overview

Safety must be considered in a very serious manner. In doing so, many aspects were discussed (from personal safety to public safety) and action was taken upon each point. We believe that we have statisfied the iGEM criteria for safety including the safety form and the check-ins. We have also satisfied the safety criteria for the University of East Anglia by creating and filling out relevant COSHH forms and Risk Assessments as well as adhering to more general laboratory safety practices.

A big thank you to our sponsors