Difference between revisions of "Team:TEC-Costa Rica/Project/Safety"

 
(34 intermediate revisions by the same user not shown)
Line 1: Line 1:
<html>
+
{{:Team:TEC-Costa_Rica/Template:Header}}
<head>
+
    <meta charset="utf-8">
+
<meta name="viewport" content="initial-scale=1.0,width=device-width"/>
+
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
+
<link rel="stylesheet" href="https://2016.igem.org/Team:TEC-Costa_Rica/css/stylesheet.css">
+
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
+
<style type="text/css">
+
.jumbotron {
+
height: 350px;
+
margin-bottom: 0;
+
color: #47302f;
+
background-image: url('https://static.igem.org/mediawiki/2016/1/17/T--TEC-Costa_Rica--prostal_project_safety_bg.jpg');
+
background-size: cover;
+
background-position: top;
+
background-attachment: fixed;
+
background-repeat: no-repeat;
+
color: white;
+
display: table;
+
width: 100%;
+
}
+
.jumbotron h1 {
+
display: table-cell;
+
vertical-align: middle;
+
}
+
.parallax {
+
perspective: 1px;
+
overflow-x: hidden;
+
overflow-y: auto;
+
}
+
.concept {
+
display: block;
+
text-align: center;
+
margin: 10px auto 0 auto;
+
width: 80%
+
}
+
#safety {
+
margin-top: 30px;
+
margin-bottom: 25px;
+
}
+
#safety p {
+
text-align: center;
+
}
+
.logo-small {
+
    color: #f4511e;
+
    font-size: 80px;
+
}
+
.slideanim {visibility:hidden;}
+
.slide {
+
    animation-name: slide;
+
    -webkit-animation-name: slide;
+
    animation-duration: 1s;
+
    -webkit-animation-duration: 1s;
+
    visibility: visible;
+
}
+
.col-sm-3 {
+
margin-bottom: 40px;
+
}
+
@keyframes slide {
+
  0% {
+
    opacity: 0;
+
    transform: translateY(70%);
+
  }
+
  100% {
+
    opacity: 1;
+
    transform: translateY(0%);
+
  }
+
}
+
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
+
.jumbotron { background-attachment: scroll; }
+
}
+
@media screen and (max-width: 1280px) {
+
.jumbotron { padding: 10em 2em 8em 2em; }
+
}
+
@media screen and (max-width: 980px) {
+
.jumbotron { background-attachment: scroll; }
+
}
+
@media screen and (max-width: 736px) {
+
.jumbotron { padding: 8em 1.5em 6em 1.5em; }
+
.jumbotron h1 { font-size: 2.5em; }
+
.jumbotron p { font-size: .9em; }
+
}
+
@media screen and (max-width: 480px) {
+
.jumbotron { padding: 6em 1.5em 4em 1.5em; }
+
}
+
</style>
+
</head>
+
<body>
+
<header>
+
  <div class="container">
+
<navbar class="navbar navbar-inverse navbar-fixed-top" role="navigation">
+
<div class="container-fluid">
+
<div class="navbar-header">
+
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
+
<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" href="https://2016.igem.org/Team:TEC-Costa_Rica">
+
<img id="prostal-logo" alt="Prostal Brand" class="featurette-image img-responsive center-block" src="https://static.igem.org/mediawiki/2016/0/0e/T--TEC-Costa_Rica--prostal_logo.png"></a>
+
</div>
+
 
+
<div id="navbar" class="collapse navbar-collapse pull-right">
+
<ul class="nav navbar-nav">
+
<li class="dropdown"><a style="color: #e0e0d1;" href="https://2016.igem.org/Team:TEC-Costa_Rica">Home</a></li>
+
<li class="dropdown">
+
<a style="color: #e0e0d1;" href="https://2016.igem.org/Team:TEC-Costa_Rica/Team">Team</a>
+
<ul class="dropdown-menu">
+
<li><a href="https://2016.igem.org/Team:TEC-Costa_Rica/Team/Members">Members</a></li>
+
<li><a href="https://2016.igem.org/Team:TEC-Costa_Rica/Team/Instructors">Instructors</a></li>
+
<li><a href="https://2016.igem.org/Team:TEC-Costa_Rica/Team/Advisors">Advisors</a></li>
+
</ul>
+
</li>
+
<li class="dropdown active">
+
<a style="color: #e0e0d1;" href="https://2016.igem.org/Team:TEC-Costa_Rica/Project">Project</a>
+
<ul class="dropdown-menu">
+
<li><a href="https://2016.igem.org/Team:TEC-Costa_Rica/Project/System">System</a></li>
+
<li><a href="https://2016.igem.org/Team:TEC-Costa_Rica/Project/Modelling_Simulations">Modelling & Simulations</a></li>
+
<li><a href="https://2016.igem.org/Team:TEC-Costa_Rica/Project/Parts">Parts</a></li>
+
<li><a href="https://2016.igem.org/Team:TEC-Costa_Rica/Project/Collaborations">Collaborations</a></li>
+
<li><a href="https://2016.igem.org/Team:TEC-Costa_Rica/Project/Safety">Safety</a></li>
+
</ul>
+
</li>
+
<li class="dropdown">
+
<a style="color: #e0e0d1;" href="https://2016.igem.org/Team:TEC-Costa_Rica/Judging">Judging</a>
+
<ul class="dropdown-menu">
+
<li><a href="https://2016.igem.org/Team:TEC-Costa_Rica/Judging/Golden_Medals">Golden Medals</a></li>
+
<li><a href="https://2016.igem.org/Team:TEC-Costa_Rica/Judging/Silver_Medals">Silver Medals</a></li>
+
<li><a href="https://2016.igem.org/Team:TEC-Costa_Rica/Judging/Bronze_Medals">Bronze Medals</a></li>
+
</ul>
+
</li>
+
<li class="dropdown">
+
<a style="color: #e0e0d1;" href="https://2016.igem.org/Team:TEC-Costa_Rica/Human_Practice">Human Practice</a>
+
<ul class="dropdown-menu">
+
<li><a href="https://2016.igem.org/Team:TEC-Costa_Rica/Human_Practice/Synbiothon">Synbiothon</a></li>
+
</ul>
+
</li>
+
<li class="dropdown">
+
<a style="color: #e0e0d1;" href="https://2016.igem.org/Team:TEC-Costa_Rica/Notebook">Notebook</a>
+
<ul class="dropdown-menu">
+
<li><a href="https://2016.igem.org/Team:TEC-Costa_Rica/Notebook/Laboratory">Laboratory</a></li>
+
<li><a href="https://2016.igem.org/Team:TEC-Costa_Rica/Notebook/Protocols">Protocols</a></li>
+
</ul>
+
</li>
+
<li class="dropdown"><a style="color: #e0e0d1;" href="https://2016.igem.org/Team:TEC-Costa_Rica/Interlab">Interlab</a></li>
+
</ul>
+
</div>
+
</div>
+
</navbar>
+
</div>
+
</header>
+
</body>
+
</html>
+
 
{{:Team:TEC-Costa_Rica/Template:Stylesheet}}
 
{{:Team:TEC-Costa_Rica/Template:Stylesheet}}
 
<html>
 
<html>
 +
<style type="text/css">
 +
.jumbotron {
 +
height: 350px;
 +
width: 100%;
 +
margin-bottom: 0;
 +
display: table;
 +
color: white;
 +
background-image: url('https://static.igem.org/mediawiki/2016/1/17/T--TEC-Costa_Rica--prostal_project_safety_bg.jpg');
 +
background-size: cover;
 +
background-position: top;
 +
background-attachment: fixed;
 +
background-repeat: no-repeat;
 +
}
 +
.jumbotron h1 {
 +
display: table-cell;
 +
vertical-align: middle;
 +
}
 +
.jumbotron span { font-size: 40px; }
 +
.parallax {
 +
perspective: 1px;
 +
overflow-x: hidden;
 +
overflow-y: auto;
 +
}
 +
.concept {
 +
display: block;
 +
text-align: center;
 +
margin: 10px auto 0 auto;
 +
width: 80%
 +
}
 +
#safety-elements {
 +
margin-top: 30px;
 +
margin-bottom: 25px;
 +
}
 +
#safety-elements p { text-align: center; }
 +
.col-sm-3 { margin-bottom: 40px; }
 +
.col-sm-3 img {
 +
width: 150px;
 +
height: 150px;
 +
}
 +
#project-safety .container-fluid {
 +
    padding: 30px 25px;
 +
}
 +
#project-safety .container-fluid .row .col-sm-4 {
 +
padding: 20px;
 +
 +
#project-safety img {
 +
margin: 0 auto;
 +
width: 200px;
 +
}
 +
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
 +
}
 +
@media screen and (max-width: 1280px) {
 +
}
 +
@media screen and (max-width: 980px) {
 +
}
 +
@media screen and (max-width: 736px) {
 +
}
 +
@media screen and (max-width: 480px) {
 +
}
 +
</style>
 
<body>
 
<body>
 
<main class="project-safety well">
 
<main class="project-safety well">
 
<div class="jumbotron text-center parallax">    
 
<div class="jumbotron text-center parallax">    
<h1 style="font-size: 60px;">Safety</h1>
+
<h1 style="font-size: 50px;">Project<br><span>Safety</span></h1>
 
</div>
 
</div>
 
<div class="concept">
 
<div class="concept">
 
<p style="text-align: center;">Our project is related to the detection of a human disease via a biomarker molecule found in the urine of patients with prostate cancer. Since local regulation does not allow us to work with human samples, we designed our project in a way that it can work as a proof-of-concept of a detection system and pose no risk to human health.</p>
 
<p style="text-align: center;">Our project is related to the detection of a human disease via a biomarker molecule found in the urine of patients with prostate cancer. Since local regulation does not allow us to work with human samples, we designed our project in a way that it can work as a proof-of-concept of a detection system and pose no risk to human health.</p>
 
</div>
 
</div>
<h2>Lab work</h2>
+
<h1>Lab work</h1>
 
<p>During our work in the lab, we followed a series of rules to ascertain that no risks were undertaken.</p>
 
<p>During our work in the lab, we followed a series of rules to ascertain that no risks were undertaken.</p>
<div id="safety" class="container-fluid text-center">
+
<div id="safety-elements" class="container-fluid text-center">
  <div class="row">
+
  <div class="row">
    <div class="col-sm-3 slideanim">
+
    <div class="col-sm-3">
      <span class="glyphicon glyphicon-off logo-small"></span>
+
    <img src="https://static.igem.org/mediawiki/2016/4/44/T--TEC-Costa_Rica--prostal_project_safety_labcoat.png">
      <p>Use of lab coat</p>
+
      <p>Use of lab coat</p>
    </div>
+
    </div>
    <div class="col-sm-3 slideanim">
+
    <div class="col-sm-3">
      <span class="glyphicon glyphicon-heart logo-small"></span>
+
    <img src="https://static.igem.org/mediawiki/2016/1/19/T--TEC-Costa_Rica--prostal_project_safety_gloves.png">
      <p>Use of nitrile gloves</p>
+
      <p>Use of nitrile gloves</p>
    </div>
+
    </div>
    <div class="col-sm-3 slideanim">
+
    <div class="col-sm-3">
      <span class="glyphicon glyphicon-lock logo-small"></span>
+
    <img src="https://static.igem.org/mediawiki/2016/4/47/T--TEC-Costa_Rica--prostal_project_safety_goggles.png">
      <p>Use of safety goggles</p>
+
      <p>Use of safety goggles</p>
    </div>
+
    </div>
    <div class="col-sm-3 slideanim">
+
    <div class="col-sm-3">
      <span class="glyphicon glyphicon-leaf logo-small"></span>
+
    <img src="https://static.igem.org/mediawiki/2016/6/66/T--TEC-Costa_Rica--prostal_project_safety_bacteria.png">
      <p>Management of bacteria in biosafety cabinet</p>
+
      <p>Management of bacteria in biosafety cabinet</p>
 +
    </div>
 
    </div>
 
    </div>
 +
    <div class="row slideanim" style="border-bottom: 1px solid #d3d3d3;">
 +
        <div class="col-sm-3">
 +
          <img src="https://static.igem.org/mediawiki/2016/1/18/T--TEC-Costa_Rica--prostal_project_safety_volatil.png">
 +
          <p>Usage of volatile chemicals in fume hood</p>
 +
        </div>
 +
        <div class="col-sm-3">
 +
        <img src="https://static.igem.org/mediawiki/2016/f/fe/T--TEC-Costa_Rica--prostal_project_safety_cleaning.png">
 +
          <p>Cleaning and Sterilization of the Lab</p>
 +
        </div>
 +
        <div class="col-sm-3">
 +
        <img src="https://static.igem.org/mediawiki/2016/f/f6/T--TEC-Costa_Rica--prostal_project_safety_biohazard.png">
 +
          <p>Correct disposal of bio-hazardous residues</p>
 +
        </div>
 +
        <div class="col-sm-3">
 +
          <img src="https://static.igem.org/mediawiki/2016/8/8e/T--TEC-Costa_Rica--prostal_project_safety_areas.png">
 +
          <p>Separate areas for work with bacteria, DNA and electrophoresis</p>
 +
        </div>
 +
    </div>
 
</div>
 
</div>
<div class="row slideanim">
+
<div id="project-safety" class="container-fluid slideanim">
    <div class="col-sm-3 slideanim">
+
  <div class="row">
      <span class="glyphicon glyphicon-certificate logo-small"></span>
+
    <div class="col-sm-4">
      <p>Usage of volatile chemicals in fume hood</p>
+
      <img class="img-responsive" src="https://static.igem.org/mediawiki/2016/7/78/T--TEC-Costa_Rica--prostal_project_project-safety.png" alt="Project Safety">
 
    </div>
 
    </div>
    <div class="col-sm-3 slideanim">
+
    <div class="col-sm-8">
      <span class="glyphicon glyphicon-wrench logo-small"></span>
+
        <h1>Project safety</h1>
      <p>Cleaning and Sterilization of the Lab</p>
+
    <p>In order to have a functional system without having to use human samples, we decided to synthesize a DNA fragment of the gene we are going to detect, so we can express it in the bacteria. Then, we are working with dCas9, inteins, TEV protease, and GFP proteins, which are not from pathogenic organisms and were obtained from the Distribution or as gBlocks. All the experiments and cloning is made in Escherichia coli strains DH5alpha, TOP10 and BL21. No pathogenic organisms are used in the lab.</p>
 
    </div>
 
    </div>
    <div class="col-sm-3 slideanim">
+
  </div>
      <span class="glyphicon glyphicon-leaf logo-small"></span>
+
</div>
      <p>Correct disposal of bio-hazardous residues</p>
+
</main>
    </div>
+
    <div class="col-sm-3 slideanim">
+
      <span class="glyphicon glyphicon-certificate logo-small"></span>
+
      <p>Separate areas for work with bacteria, DNA and electrophoresis</p>
+
    </div>
+
  </div>  
+
</div>
+
 
+
<h2>Project safety</h2>
+
<p>In order to have a functional system without having to use human samples, we decided to synthesize a DNA fragment of the gene we are going to detect, so we can express it in the bacteria. Then, we are working with dCas9, inteins, TEV protease, and GFP proteins, which are not from pathogenic organisms and were obtained from the Distribution or as gBlocks. All the experiments and cloning is made in Escherichia coli strains DH5alpha, TOP10 and BL21. No pathogenic organisms are used in the lab.</p>
+
</main>
+
 
<script type="text/javascript">
 
<script type="text/javascript">
$(window).scroll(function() {
+
var navs = document.getElementsByClassName('dropdown');
  $(".slideanim").each(function() {
+
Array.prototype.forEach.call(navs, function(nav) {
    var pos = $(this).offset().top;
+
navs.className = "";
    var winTop = $(window).scrollTop();
+
navs.className = "dropdown";
      if (pos < winTop + 600) {
+
        $(this).addClass("slide");
+
      }
+
  });
+
 
});
 
});
</script>
+
var nav = document.getElementById('nav-project');
 +
nav.className += " active";
 +
</script>
 
</body>
 
</body>
 
</html>
 
</html>
 
{{:Team:TEC-Costa_Rica/Template:Scripts}}
 
{{:Team:TEC-Costa_Rica/Template:Scripts}}
 
{{:Team:TEC-Costa_Rica/Template:Footer}}
 
{{:Team:TEC-Costa_Rica/Template:Footer}}

Latest revision as of 02:49, 16 October 2016

Project
Safety

Our project is related to the detection of a human disease via a biomarker molecule found in the urine of patients with prostate cancer. Since local regulation does not allow us to work with human samples, we designed our project in a way that it can work as a proof-of-concept of a detection system and pose no risk to human health.

Lab work

During our work in the lab, we followed a series of rules to ascertain that no risks were undertaken.

Use of lab coat

Use of nitrile gloves

Use of safety goggles

Management of bacteria in biosafety cabinet

Usage of volatile chemicals in fume hood

Cleaning and Sterilization of the Lab

Correct disposal of bio-hazardous residues

Separate areas for work with bacteria, DNA and electrophoresis

Project Safety

Project safety

In order to have a functional system without having to use human samples, we decided to synthesize a DNA fragment of the gene we are going to detect, so we can express it in the bacteria. Then, we are working with dCas9, inteins, TEV protease, and GFP proteins, which are not from pathogenic organisms and were obtained from the Distribution or as gBlocks. All the experiments and cloning is made in Escherichia coli strains DH5alpha, TOP10 and BL21. No pathogenic organisms are used in the lab.