Difference between revisions of "Team:Leicester/Safety"

 
(15 intermediate revisions by 2 users not shown)
Line 1: Line 1:
<!DOCTYPE html>
+
{{Leicester}}
 
<html lang="en">
 
<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">
 
    <meta name="description" content="">
 
    <meta name="author" content="">
 
 
    <title>Landing Page - Start Bootstrap Theme</title>
 
 
    <!-- Bootstrap Core CSS -->
 
    <link href="css/bootstrap.min.css" rel="stylesheet">
 
 
    <!-- Custom CSS -->
 
    <link href="css/landing-page.css" rel="stylesheet">
 
 
    <!-- Custom Fonts -->
 
    <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
 
    <link href="http://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic" rel="stylesheet" type="text/css">
 
 
    <!-- 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]>
 
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
 
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
 
    <![endif]-->
 
 
</head>
 
 
 
<body>
 
<body>
 
+
      
     <!-- Navigation -->
+
<div class="container" style="padding-bottom: 50px; padding-top:2px;">
    <nav class="navbar navbar-default navbar-fixed-top topnav" role="navigation">
+
<div class="row">
        <div class="container topnav">
+
    <div class="col-sm-2" style="padding-left:0px; padding right:30px;">
            <!-- Brand and toggle get grouped for better mobile display -->
+
<ul class="nav nav-pills nav-stacked" style="margin-left:0px;">
            <div class="navbar-header">
+
         <li class="active"><a href="https://2015.igem.org/Team:Leicester/Safety">Safety</a></li>
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
+
                    <span class="sr-only">Toggle navigation</span>
+
                    <span class="icon-bar"></span>
+
                    <span class="icon-bar"></span>
+
                    <span class="icon-bar"></span>
+
                </button>
+
                <a class="navbar-brand topnav" href="#">Start Bootstrap</a>
+
            </div>
+
            <!-- Collect the nav links, forms, and other content for toggling -->
+
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
+
                <ul class="nav navbar-nav navbar-right">
+
                    <li>
+
                        <a href="#about">About</a>
+
                    </li>
+
                    <li>
+
                        <a href="#services">Services</a>
+
                    </li>
+
                    <li>
+
                        <a href="#contact">Contact</a>
+
                    </li>
+
                </ul>
+
            </div>
+
            <!-- /.navbar-collapse -->
+
        </div>
+
        <!-- /.container -->
+
    </nav>
+
 
+
 
+
    <!-- Header -->
+
    <a name="about"></a>
+
    <div class="intro-header">
+
         <div class="container">
+
 
+
            <div class="row">
+
                <div class="col-lg-12">
+
                    <div class="intro-message">
+
                        <h1>Landing Page</h1>
+
                        <h3>A Template by Start Bootstrap</h3>
+
                        <hr class="intro-divider">
+
                        <ul class="list-inline intro-social-buttons">
+
                            <li>
+
                                <a href="https://twitter.com/SBootstrap" class="btn btn-default btn-lg"><i class="fa fa-twitter fa-fw"></i> <span class="network-name">Twitter</span></a>
+
                            </li>
+
                            <li>
+
                                <a href="https://github.com/IronSummitMedia/startbootstrap" class="btn btn-default btn-lg"><i class="fa fa-github fa-fw"></i> <span class="network-name">Github</span></a>
+
                            </li>
+
                            <li>
+
                                <a href="#" class="btn btn-default btn-lg"><i class="fa fa-linkedin fa-fw"></i> <span class="network-name">Linkedin</span></a>
+
                            </li>
+
                        </ul>
+
                    </div>
+
                </div>
+
            </div>
+
 
+
        </div>
+
        <!-- /.container -->
+
 
+
 
     </div>
 
     </div>
     <!-- /.intro-header -->
+
     <div class="col-sm-8" style="color:#fff; background-color: #3498db; border-radius: 50px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; padding-left:30px; padding-right:30px; padding-top:30px; padding-bottom:20px; box-shadow: 10px 10px 50px #000000;">
  
    <!-- Page Content -->
+
<h1> Safety </h1>
 +
         
 +
<p><b>Lab Safety</b></p>
 +
<p> During our time doing the iGEM project we adhered to rules set by the University on safety procedures, this is mainly to protect ourselves, when we do certain procedures. One way is being inducted into the lab that we were working in such that we were aware what to do in an emergency but also ensure the safety of everyone around us. Ways in which we did this:
 +
<p>When handling enzymes such as nucleases we used gloves to prevent cross contamination from our fingertips.</p>
 +
<p> In addition when handling mutagenic chemicals such as ethidium bromide, we ensured that it was placed in a fume  cupboard and kept there and when used in gels, the temperature of the liquid agarose is below the boiling point of the ethidium bromide.There was a biohazard safety bucket to place any gels, tips or gloves which ethidium bromide was in contact with. </p>
 +
<p> During both our Interlab study and actual iGEM project required ensuring that parts were present within our given constructs, so we used agarose gels to do this. One of the major safety issues with this was during the production of the gels as we had to heat it up in the microwave.The agarose heats up to about 120<sup>o</sup>C so to protect ourselves we ensured we wore heat protective gloves. 
 +
<p> Using chlorine tablets to make precept, to safely dispose of the supernatant from bacteria that were spun down. </p>
  
<a  name="services"></a>
+
<p><b>Project Safety</b></p>  
    <div class="content-section-a">
+
<p> In respect to our project, even though our project has a major theoretical element to it, we had considered the idea that our genetically modified bacteria may not fully colonise the gut as we expect it to. To ensure that safety is maintained for the person who has our bacteria in their system and for the environment it may release to, we considered the addition of a kill switch. More details are present in the <a href="https://2015.igem.org/Team:Leicester/Description#kswitch">Kill Switch</a> section of the Project.
  
        <div class="container">
+
<p> As the iGEM project itself requires inevitably genetically modifying a bacteria, an application to carry out work on genetically modified organisms was made to the University of Leicester Genetic Modification sub-committee on behalf of the iGEM by our supervisor Dr Richard Badge. In addition to this a risk assessment was made of what our project. The applications were approved by the sub committee and have been attached on the links below:
            <div class="row">
+
                <div class="col-lg-5 col-sm-6">
+
                    <hr class="section-heading-spacer">
+
                    <div class="clearfix"></div>
+
                    <h2 class="section-heading">Death to the Stock Photo:<br>Special Thanks</h2>
+
                    <p class="lead">A special thanks to <a target="_blank" href="http://join.deathtothestockphoto.com/">Death to the Stock Photo</a> for providing the photographs that you see in this template. Visit their website to become a member.</p>
+
                </div>
+
                <div class="col-lg-5 col-lg-offset-2 col-sm-6">
+
                    <img class="img-responsive" src="img/ipad.png" alt="">
+
                </div>
+
            </div>
+
  
        </div>
+
<p><a href="https://static.igem.org/mediawiki/2015/a/af/Leicester_iGEM_2015_gm-applic-micro-org_140915.pdf">Application</a></p>
        <!-- /.container -->
+
  
    </div>
+
<p><a href="https://static.igem.org/mediawiki/2015/3/30/Leicester_iGEM_2015_gm-riskassess-microorg_140915.pdf">Risk Assessment</a></p>
    <!-- /.content-section-a -->
+
  
    <div class="content-section-b">
 
  
        <div class="container">
+
<p><i>To note this is a draft copy, however since 14/09/2015 the application has been approved</i></p>  
 
+
            <div class="row">
+
                <div class="col-lg-5 col-lg-offset-1 col-sm-push-6  col-sm-6">
+
                    <hr class="section-heading-spacer">
+
                    <div class="clearfix"></div>
+
                    <h2 class="section-heading">3D Device Mockups<br>by PSDCovers</h2>
+
                    <p class="lead">Turn your 2D designs into high quality, 3D product shots in seconds using free Photoshop actions by <a target="_blank" href="http://www.psdcovers.com/">PSDCovers</a>! Visit their website to download some of their awesome, free photoshop actions!</p>
+
                </div>
+
                <div class="col-lg-5 col-sm-pull-6  col-sm-6">
+
                    <img class="img-responsive" src="img/dog.png" alt="">
+
                </div>
+
            </div>
+
  
 +
    </div>
 +
    <div class="col-sm-2">
 +
        <a class="twitter-timeline" 
 +
data-widget-id="327381807010025474"
 +
href="https://twitter.com/iGEMLeicester"
 +
width="80"
 +
height="300">
 +
Tweets by @iGEMLeicester
 +
</a>
 +
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs"); </script>
 
         </div>
 
         </div>
        <!-- /.container -->
+
     
 
+
 
     </div>
 
     </div>
     <!-- /.content-section-b -->
+
      
 
+
      
     <div class="content-section-a">
+
     </div>  
 
+
</div>
        <div class="container">
+
<p></p>
 
+
            <div class="row">
+
                <div class="col-lg-5 col-sm-6">
+
                    <hr class="section-heading-spacer">
+
                    <div class="clearfix"></div>
+
                    <h2 class="section-heading">Google Web Fonts and<br>Font Awesome Icons</h2>
+
                    <p class="lead">This template features the 'Lato' font, part of the <a target="_blank" href="http://www.google.com/fonts">Google Web Font library</a>, as well as <a target="_blank" href="http://fontawesome.io">icons from Font Awesome</a>.</p>
+
                </div>
+
                <div class="col-lg-5 col-lg-offset-2 col-sm-6">
+
                    <img class="img-responsive" src="img/phones.png" alt="">
+
                </div>
+
            </div>
+
 
+
        </div>
+
        <!-- /.container -->
+
 
+
     </div>
+
    <!-- /.content-section-a -->
+
 
+
<a  name="contact"></a>
+
    <div class="banner">
+
 
+
        <div class="container">
+
 
+
            <div class="row">
+
                <div class="col-lg-6">
+
                    <h2>Connect to Start Bootstrap:</h2>
+
                </div>
+
                <div class="col-lg-6">
+
                    <ul class="list-inline banner-social-buttons">
+
                        <li>
+
                            <a href="https://twitter.com/SBootstrap" class="btn btn-default btn-lg"><i class="fa fa-twitter fa-fw"></i> <span class="network-name">Twitter</span></a>
+
                        </li>
+
                        <li>
+
                            <a href="https://github.com/IronSummitMedia/startbootstrap" class="btn btn-default btn-lg"><i class="fa fa-github fa-fw"></i> <span class="network-name">Github</span></a>
+
                        </li>
+
                        <li>
+
                            <a href="#" class="btn btn-default btn-lg"><i class="fa fa-linkedin fa-fw"></i> <span class="network-name">Linkedin</span></a>
+
                        </li>
+
                    </ul>
+
                </div>
+
            </div>
+
 
+
        </div>
+
        <!-- /.container -->
+
 
+
    </div>
+
    <!-- /.banner -->
+
 
+
    <!-- Footer -->
+
    <footer>
+
        <div class="container">
+
            <div class="row">
+
                <div class="col-lg-12">
+
                    <ul class="list-inline">
+
                        <li>
+
                            <a href="#">Home</a>
+
                        </li>
+
                        <li class="footer-menu-divider">&sdot;</li>
+
                        <li>
+
                            <a href="#about">About</a>
+
                        </li>
+
                        <li class="footer-menu-divider">&sdot;</li>
+
                        <li>
+
                            <a href="#services">Services</a>
+
                        </li>
+
                        <li class="footer-menu-divider">&sdot;</li>
+
                        <li>
+
                            <a href="#contact">Contact</a>
+
                        </li>
+
                    </ul>
+
                    <p class="copyright text-muted small">Copyright &copy; Your Company 2014. All Rights Reserved</p>
+
                </div>
+
            </div>
+
        </div>
+
    </footer>
+
 
+
    <!-- jQuery -->
+
    <script src="js/jquery.js"></script>
+
 
+
    <!-- Bootstrap Core JavaScript -->
+
    <script src="js/bootstrap.min.js"></script>
+
 
+
 
</body>
 
</body>
 
 
</html>
 
</html>

Latest revision as of 23:32, 16 September 2015

Live Preview

Safety

Lab Safety

During our time doing the iGEM project we adhered to rules set by the University on safety procedures, this is mainly to protect ourselves, when we do certain procedures. One way is being inducted into the lab that we were working in such that we were aware what to do in an emergency but also ensure the safety of everyone around us. Ways in which we did this:

When handling enzymes such as nucleases we used gloves to prevent cross contamination from our fingertips.

In addition when handling mutagenic chemicals such as ethidium bromide, we ensured that it was placed in a fume cupboard and kept there and when used in gels, the temperature of the liquid agarose is below the boiling point of the ethidium bromide.There was a biohazard safety bucket to place any gels, tips or gloves which ethidium bromide was in contact with.

During both our Interlab study and actual iGEM project required ensuring that parts were present within our given constructs, so we used agarose gels to do this. One of the major safety issues with this was during the production of the gels as we had to heat it up in the microwave.The agarose heats up to about 120oC so to protect ourselves we ensured we wore heat protective gloves.

Using chlorine tablets to make precept, to safely dispose of the supernatant from bacteria that were spun down.

Project Safety

In respect to our project, even though our project has a major theoretical element to it, we had considered the idea that our genetically modified bacteria may not fully colonise the gut as we expect it to. To ensure that safety is maintained for the person who has our bacteria in their system and for the environment it may release to, we considered the addition of a kill switch. More details are present in the Kill Switch section of the Project.

As the iGEM project itself requires inevitably genetically modifying a bacteria, an application to carry out work on genetically modified organisms was made to the University of Leicester Genetic Modification sub-committee on behalf of the iGEM by our supervisor Dr Richard Badge. In addition to this a risk assessment was made of what our project. The applications were approved by the sub committee and have been attached on the links below:

Application

Risk Assessment

To note this is a draft copy, however since 14/09/2015 the application has been approved