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

 
(48 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">
+
.synbiothon .concept {
+
display: block;
+
text-align: center;
+
margin: 0 auto 0 auto;
+
width: 80%
+
}
+
.synbiothon .synbiothon-details {
+
margin-top: 10px;
+
}
+
.synbiothon .marketing {
+
margin-top: 20px;
+
}
+
.synbiothon .marketing .col-lg-4 {
+
margin-bottom: 20px;
+
text-align: center;
+
}
+
.synbiothon .marketing h2 { font-weight: normal; }
+
.synbiothon .marketing .col-lg-4 p {
+
margin-right: 10px;
+
margin-left: 10px;
+
}
+
.synbiothon .img-thumbnail {
+
width: 300px;
+
height: 200px;
+
}
+
.synbiothon .winners { display: block; }
+
.synbiothon .carousel {
+
height: 350px;
+
width: 400px;
+
}
+
.slideanim {visibility:hidden;}
+
.slide {
+
    animation-name: slide;
+
    -webkit-animation-name: slide;
+
    animation-duration: 1s;
+
    -webkit-animation-duration: 1s;
+
    visibility: visible;
+
}
+
@keyframes slide {
+
  0% {
+
    opacity: 0;
+
    transform: translateY(70%);
+
  }
+
  100% {
+
    opacity: 1;
+
    transform: translateY(0%);
+
  }
+
}
+
</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">
+
<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 active">
+
<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="synbiothon well">
+
<main class="project-safety well">
<div class="jumbotron text-center">    
+
<div class="jumbotron text-center parallax">    
<h1>SynBioThon 2016: rewriting the code</h1>
+
<h1 style="font-size: 50px;">Project<br><span>Safety</span></h1>
 +
</div>
 +
<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>
 
</div>
 
</div>
<div class="concept">
+
<h1>Lab work</h1>
<p style="text-align: center;">SynBioThon 2016 (SBT16) is a Synthetic Biology tournament, in which teams of students work for a weekend to create a genetic device that can solve some kind of problem.</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-elements" class="container-fluid text-center">
 +
  <div class="row">
 +
    <div class="col-sm-3">
 +
    <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>
 +
    </div>
 +
    <div class="col-sm-3">
 +
    <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>
 +
    </div>
 +
    <div class="col-sm-3">
 +
    <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>
 +
    </div>
 +
    <div class="col-sm-3">
 +
    <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>
 +
    </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>
<h2>Reach</h2>
+
<div id="project-safety" class="container-fluid slideanim">
<p>For SBT16, we had diverse talks in different classes and universities, trying to reach the most diverse participants. In our college (TEC), we spoke with people of different majors (Biotechnology Engineering, Material Science, Agricultural Engineering, and others). We also went to two other public universities: University of Costa Rica (UCR), where we spoke with people of Biology, Microbiology and Pharmacy, and the National University (UNA), where wetalked to students of Biology. We also gave talks in private universities such as UCIMED (Medical School), LEAD University (Business Management), and others.</p>
+
<p><br>Prior to the event, we had preparatory workshops with students so they could get a grasp of genetics, molecular biology, and bioinformatics if they weren’t familiar with them. We had three workshops at UCR, one at UNA, and four at TEC. We had obout 80 students overall in a full-day session. We had a theoric section where we explained the basics of genetics and molecular biology, and then an activity to test the concepts, and after lunch a demonstrative session of bioinformatics, centered in databases and benchling, which was followed by work.</p>
+
<div class="container marketing">
+
  <!-- Three columns of text below the carousel -->
+
 
  <div class="row">
 
  <div class="row">
    <div class="col-lg-4">
+
    <div class="col-sm-4">
      <img class="img-thumbnail slideanim" src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Generic placeholder image" width="140" height="140">
+
      <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">
      <h2>Projects</h2>
+
    </div>
      <p>Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna.</p>
+
    <div class="col-sm-8">
      <p style="text-align: center;"><a style="color: black;" class="btn btn-default synbiothon-details" href="https://2016.igem.org/Team:TEC-Costa_Rica/Human_Practice/Synbiothon/Projects" role="button">View details &raquo;</a></p>
+
        <h1>Project safety</h1>
    </div><!-- /.col-lg-4 -->
+
    <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 class="col-lg-4">
+
    </div>
      <img class="img-thumbnail slideanim" src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Generic placeholder image" width="140" height="140">
+
  </div>
      <h2>Mentors and Judges</h2>
+
</div>
      <p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh.</p>
+
</main>
      <p style="text-align: center;"><a style="color: black;" class="btn btn-default synbiothon-details" href="https://2016.igem.org/Team:TEC-Costa_Rica/Human_Practice/Synbiothon/Mentors_Judges" role="button">View details &raquo;</a></p>
+
<script type="text/javascript">
    </div><!-- /.col-lg-4 -->
+
var navs = document.getElementsByClassName('dropdown');
    <div class="col-lg-4">
+
Array.prototype.forEach.call(navs, function(nav) {
      <img class="img-thumbnail slideanim" src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Generic placeholder image" width="140" height="140">
+
navs.className = "";
      <h2>Evaluation</h2>
+
navs.className = "dropdown";
      <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
+
});
      <p style="text-align: center;"><a style="color: black;" class="btn btn-default synbiothon-details" href="https://2016.igem.org/Team:TEC-Costa_Rica/Human_Practice/Synbiothon/Evaluation" role="button">View details &raquo;</a></p>
+
var nav = document.getElementById('nav-project');
    </div><!-- /.col-lg-4 -->
+
nav.className += " active";
  </div><!-- /.row -->
+
</script>
</div>
+
<div class="row">
+
<h2>The winners</h2>
+
<div class="col-sm-4">
+
<h2>Carrrrousel</h2>
+
</div>
+
<div class="col-sm-8">
+
<p id="winners-description">ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
+
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
+
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
+
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
+
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+
</div>
+
</div>
+
<script type="text/javascript">
+
$(window).scroll(function() {
+
  $(".slideanim").each(function() {
+
    var pos = $(this).offset().top;
+
    var winTop = $(window).scrollTop();
+
      if (pos < winTop + 600) {
+
        $(this).addClass("slide");
+
      }
+
  });
+
});
+
</script>
+
</main>
+
 
</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.