Team:UCSD Software/Safety

From 2014.igem.org

(Difference between revisions)
(Prototype team page)
 
(45 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 *** -->
+
{{Team:UCSD Software/CSS}}
-
 
+
-
 
+
-
{{CSS/Main}}
+
<html>
<html>
 +
<head>
 +
     
 +
        <meta charset="UTF-8">
 +
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
 +
        <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
 +
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
 +
        <script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
 +
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
 +
     
 +
    <Style>
-
<!--main content -->
+
.neighborhood-guides{
-
<table width="70%" align="center">
+
margin-top: -20px;
 +
}
 +
body{
 +
    background-color: #0174DF;
 +
   
 +
}
-
<!--welcome box -->
+
#nav .btn{
-
<tr>
+
    //border-right: 2px solid grey;
-
<td style="border:1px solid black;" colspan="3" align="center" height="150px" bgColor=#FF404B>
+
   
-
<h1 >WELCOME TO iGEM 2014! </h1>
+
   
-
<p>Your team has been approved and you are ready to start the iGEM season!
+
}
-
<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>
+
p{
-
<br>
+
color: black;
-
<p style="color:#E7E7E7"> <a href="https://2014.igem.org/wiki/index.php?title=Team:UCSD_Software/Safety&action=edit"style="color:#FFFFFF"> Click here  to edit this page!</a> </p>
+
}
-
</td>
+
-
</tr>
+
-
<tr> <td colspan="3"  height="5px"> </td></tr>
 
-
<!-- end welcome box -->
 
-
<tr>
 
-
<!--navigation menu -->
 
-
<td align="center" colspan="3">
 
-
<table  width="100%">
 
-
<tr heigth="15px"></tr>
 
-
<tr heigth="75px">
 
 +
#thumbnail-preview-indicators {
 +
  position: relative;
 +
  overflow: hidden;
 +
}
 +
#thumbnail-preview-indicators .slides .slide-1,
 +
#thumbnail-preview-indicators .slides .slide-2,
 +
#thumbnail-preview-indicators .slides .slide-3 {
 +
  background-size: cover;
 +
  background-position: center center;
 +
  background-repeat: no-repeat;
 +
}
 +
    #thumbnail-preview-indicators,
 +
    #thumbnail-preview-indicators .slides,
 +
    #thumbnail-preview-indicators .slides .slide-1,
 +
    #thumbnail-preview-indicators .slides .slide-2,
 +
    #thumbnail-preview-indicators .slides .slide-3 {
 +
      height: 480px;
 +
    }
 +
#thumbnail-preview-indicators .slides .slide-1 {
 +
  background-image: url(https://s3.amazonaws.com/ooomf-com-files/wdXqHcTwSTmLuKOGz92L_Landscape.jpg);
 +
}
 +
#thumbnail-preview-indicators .slides .slide-2 {
 +
  background-image: url(https://s3.amazonaws.com/ooomf-com-files/tU3ptNgGSP6U2fE67Gvy_SYDNEY-162.jpg);
 +
}
 +
#thumbnail-preview-indicators .slides .slide-3 {
 +
  background-image: url(https://s3.amazonaws.com/ooomf-com-files/mtNrf7oxS4uSxTzMBWfQ_DSC_0043.jpg);
 +
}
 +
#thumbnail-preview-indicators .carousel-inner .item .carousel-caption {
 +
  top: 20%;
 +
  bottom: inherit;
 +
}
 +
#thumbnail-preview-indicators .carousel-indicators li,
 +
#thumbnail-preview-indicators .carousel-indicators li.active {
 +
  position: relative;
 +
  width: 100px;
 +
  height: 8px; 
 +
}
 +
#thumbnail-preview-indicators .carousel-indicators li > .thumbnail {
 +
  position: absolute;
 +
  top: 0;
 +
  width: 100px;
 +
  display: none;
 +
  opacity: 0;
 +
  left: 50%;
 +
  margin-top: -80px;
 +
  margin-left: -50px;
 +
}
 +
#thumbnail-preview-indicators .carousel-indicators li:hover > .thumbnail,
 +
#thumbnail-preview-indicators .carousel-indicators li.active > .thumbnail {
 +
  display: block;
 +
  opacity: .8;
 +
}
 +
#thumbnail-preview-indicators .carousel-indicators li.active > .thumbnail:hover{
 +
  opacity: 1;
 +
}
 +
@media screen and (max-width : 480px) {   
 +
    #thumbnail-preview-indicators .carousel-indicators li,
 +
    #thumbnail-preview-indicators .carousel-indicators li.active {
 +
      width: 50px;
 +
      height: 8px;
 +
      position: relative;
 +
    }
 +
    #thumbnail-preview-indicators .carousel-indicators li > .thumbnail {
 +
      width: 50px;
 +
      left: 50%;
 +
      margin-top: -50px;
 +
      margin-left: -25px;
 +
    }
 +
}
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
/******************************DEFAULT WIKI SETTINGS CSS: CHANGING IT TO REFLECT OUR OWN PAGE********************
-
<a href="https://2014.igem.org/Team:UCSD_Software"style="color:#000000">Home </a> </td>
+
*******************************
 +
*******************************
 +
*******************************
 +
*******************************
 +
*******************************
 +
*******************************
 +
*******************************
 +
*******************************
 +
*******************************
 +
*******************************
 +
******************************* THIS IS TO MAKE THE DISTINCTION CLEAR *******************************************
 +
*******************************
 +
*******************************
 +
*******************************
 +
*******************************
 +
*******************************
 +
*******************************
 +
*******************************
 +
*******************************
 +
*******************************
 +
*******************************
 +
*******************************/
 +
.firstHeading {
 +
width: 975px;
 +
margin: 0px auto;
 +
padding-top: 100px;
 +
margin-bottom: 20px;
 +
font-family: Georgia, Times, "Times New Roman", serif;
 +
}
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
h1, h2, h3, h4, h5 { font-family: Georgia, Times, "Times New Roman", serif;}
-
<a href="https://2014.igem.org/Team:UCSD_Software/Team"style="color:#000000"> Team </a> </td>
+
-
<td style="border:1px solid black;" align="center"  height ="45px"  onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
-
<a href="https://igem.org/Team.cgi?year=2014&team_name=UCSD_Software"style="color:#000000"> Official Team Profile </a></td>
+
background-color: #003D99;//#383838;
 +
border: 0 none;
 +
height: 1px; // 46 px
 +
z-index: 100;
 +
top: 0;
 +
        color: #fff;
 +
        //display: none;
 +
position: static;
 +
width: 100%;//1000px;//2975px;
 +
left: 50%;
 +
margin-left: -480px;//-687px;
 +
}
-
<td style="border:1px solid black" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
#top-section-bar { /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/
-
<a href="https://2014.igem.org/Team:UCSD_Software/Project"style="color:#000000"> Project</a></td>
+
background-color: #333;
 +
height: 1px; //DEFAULT 14 PX
 +
display: none;//block;
 +
        color: #fff;
 +
z-index: 10;
 +
position: fixed;
 +
width: 100%;
 +
top: 0;
 +
}
-
<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:UCSD_Software/Parts"style="color:#000000"> Parts</a></td>
 
-
<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:UCSD_Software/Modeling"style="color:#000000"> Modeling</a></td>
 
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
/*#top-section {
-
<a href="https://2014.igem.org/Team:UCSD_Software/Notebook"style="color:#000000"> Notebook</a></td>
+
background-color: #333;//#383838;
 +
border: 0 none;
 +
height: 46px; // DEFAULT 14 px
 +
z-index: 100;
 +
top: 0;
 +
        //display: none;
 +
position: fixed;
 +
width: 2975px;
 +
left: 50%;
 +
margin-left: -687px;
 +
}
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
#top-section-bar {
-
<a href="https://2014.igem.org/Team:UCSD_Software/Safety"style=" color:#000000"> Safety </a></td>
+
background-color: #333;
 +
height: 1px; //DEFAULT 14 PX
 +
display: none;//block;
 +
       
 +
z-index: 10;
 +
position: fixed;
 +
width: 100%;
 +
top: 0;
 +
}*/
 +
#menubar a:link, #menubar a:active, #menubar a:visited, #menubar a:hover, #menubar:hover { /*-- styling for default menu bar links (edit, page, history, etc.) --*/
 +
color: #727272;
 +
text-decoration: none;
 +
background-color: transparent;
 +
}
-
<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:UCSD_Software/Attributions"style="color:#000000"> Attributions </a></td>
 
-
<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>
+
#globalWrapper, #content { /*-- changes default wiki settings --*/
-
</tr>
+
width: 100%;
-
</table>
+
height: 100%;
-
<!--end navigation menu -->
+
border: 0px;
-
</tr>
+
background-color: transparent;
-
</tr>
+
margin: 0px;
-
</td>
+
padding: 0px;
 +
}
-
<tr> <td colspan="3"  height="15px"> </td></tr>
+
html, body, .wrapper { /*-- changes default wiki settings --*/
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr>
+
width: 100%;
-
<tr> <td colspan="3"  height="5px"> </td></tr>
+
height: 100%;
 +
background-color: #efefef;//transparent;
 +
}
 +
#contentcontainer { /*-- creates container for all content on page --*/
 +
font-family: Arial, Helvetica, sans-serif;
 +
font-weight: normal;
 +
font-size: 14px;
 +
color: #414141;
 +
width: 960px;
 +
margin-left: auto;
 +
margin-right: auto;
 +
background-color: #transparent;
 +
margin-top: 0px;
 +
}
-
<!--safety content-->
+
</style>
-
<tr><td > <h3> Welcome! </h3></td>
+
    </head>
-
<td ></td >
+
-
<td > <h3> Timeline</h3></td>
+
-
</tr>
+
-
<tr>
 
-
<td width="45%"  valign="top">
 
-
<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>
 
 +
<body>
 +
        <nav class="navbar nav-justified" role="navigation" id='nav'>
 +
                <div class="btn-group  btn-group btn-group-justified">
 +
                    <div class="btn btn-lg " id="home">Home</div>
 +
                    <div class="btn btn-lg " id="team">Team</div>
 +
                    <div class="btn btn-lg " id="project">Project</div>
 +
                    <div class="btn btn-lg " id="doc">Documentation</div>
 +
                    <div class="btn btn-lg" id="notebook">Notebook</div>
 +
                    <div class="btn btn-lg" id="safety">Safety</div>
 +
                    <div class="btn btn-lg" id="attributions">Sponsors</div>
 +
                    <div class="btn btn-lg" id="achieve">Achievements</div>
 +
                    <div class="btn btn-lg" id="logo"><a href = "https://igem.org/Main_Page"><img src = "http://i.imgur.com/mGHw11P.png?1"></a></div>
 +
                   
 +
              </div>
 +
               
 +
            </nav>
 +
<div class = "neighborhood-guides">
 +
        <div class = "container">
 +
<h1>Safety</h1>
 +
<h3>Safety Training</h3>
 +
<p>
 +
Safety is an important aspect of the iGEM project requirements; we understand that and take safety training seriously. As a software team, we do no work in any wet lab capacity, but just as safety training teaches best practices and behaviours in lab, we have used our safety training to employ best practices and behaviours in developing software. We have covered topics including but not limited to: using GitHub, commenting/documenting code, and how to abstract/re-factor code. </p>
 +
<p> As a team, we were really interested in Wet Lab testing (and validation) of our work. Unfortunately, given that this is our first year at iGEM and hence we received limited funding and resources, we had to prioritize certain other tasks over wet lab work. We'll still likely be involved in UCSD's iGEM team next year, and will push for additional funding and resources to make wet lab testing possible. </p>
 +
<p>
 +
We did not use formal lab safety materials as we did not work in any lab at all.
 +
</p>
-
<br>
+
<h3>Who is responsible for biological safety at our institution?</h3>
-
<h3> Edit this page!</h3>
+
<p>
<p>
-
Please use this page to write about anything related to safety in your project. <!--Be sure to talk about both
+
Department of Environment, Health & Safety at UCSD. The project has not been discussed with the department as we anticipate no safety hazards. You can find the biosafety guidelines of our institution <a href = "http://blink.ucsd.edu/safety/research-lab/biosafety/">here.</a>  
-
<ul>
+
</p>
-
<li> <a href=" ">Learn about lab Safety for Today</a></li>  
+
<p>
-
<li> <a href="">Learn about Safety for the future of your project.</a></li>  
+
Also, you may find the regulations that govern biosafety in general in research laboratories in the United States <a href = "http://sis.nlm.nih.gov/enviro/labsafety.html">here.</a>  
-
</ul>
+
-
-->
+
</p>
</p>
-
<h3> Your Lab </h3>
+
<h3>Risks of our projects in the future</h3>
-
 
+
<p>
-
 
+
This project has been constructed exclusively in silico. Therefore, we anticipate no risk or safety issues for our team from any wetlab experiments. However, as we are only developing software and not interacting at all with any biological components, we cannot foresee any new safety risks in combining pathogens in any new and novel way. Working and constructing new and novel biological circuits are at the risk of the experimenter. We cannot accept responsibility for any kind of hazards or risk arising from the results returned from our work. The safety of our fellow scientists is one of our utmost priorities, hence, any lab that wishes to use SBiDer for their own research purposes must, at all times, keep the biosafety regulations of their own institution and country in mind.  
-
<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>
+
</p>  
-
<!--
+
<p><a href = "https://igem.org/Safety/Safety_Form?team_id=1353">Click here</a> to view our completed safety form.</p>
-
<gallery>
+
-
Image:Example2_Lab_1.png|The building our lab is in!
+
-
Image:Example2_Lab_2.png|The inside of our lab!
+
-
Image:Example2_Lab_3.png|Team Member 3 doing an experiment
+
-
Image:Example2_Lab_4.png|Working in biosafety cabinets
+
-
Image:Example2_Lab_5.png|Team all gloved up and ready for work!
+
-
Image:Example2_Lab_6.png|Equipment that we use to do SCIENCE!
+
-
Image:Example2_Lab_7.png|We decorated this part of our lab
+
-
Image:Example2_Lab_8.png|Whatever else you want
+
-
</gallery>-->
+
-
 
+
-
</td>
+
-
<td></td>
+
-
 
+
-
 
+
-
<td width="45%"  valign="top">
+
-
 
+
-
 
+
-
<ul>
+
-
<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><b>Now - Jamboree:</b> Complete <b>Check-Ins</b> and receive approval before acquiring and using certain materials in your lab</li>
+
-
<li><b>Now - Wiki Freeze:</b> Edit this Safety page to tell us about what you're doing</li>
+
-
<li><b>June 9: </b>Submit the About Our Lab form.</li>
+
-
<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>
+
-
<li><b>June 30: </b>Submit the Preliminary Version of the <b>Safety Form</b>.</li>
+
-
<li>Participate in Virtual Open Office Hours to ask questions and discuss safety topics (exact date to be determined).</li>
+
-
<li><b>September 1:</b> Submit the Final Version of the Safety Form.</li>
+
-
<li><b>October: </b> Wiki freeze (exact date to be determined)</li>
+
-
<li><b>October 30 - November 3: </b>GIANT JAMBOREE!</li>
+
-
 
+
-
</ul>
+
-
</td>
+
-
 
+
-
</tr>
+
-
 
+
-
 
+
-
 
+
-
 
+
-
<tr>
+
-
 
+
-
 
+
-
 
+
 +
</div>
 +
</div>
 +
<script>
 +
$(document).ready(function(){
 +
    //redirecting to other pages
 +
    $('h1.firstHeading').remove();
 +
    $("#home").click(function(){
 +
      window.location.href="https://2014.igem.org/Team:UCSD_Software";
 +
    });
 +
    $("#team").click(function(){
 +
      window.location.href="https://2014.igem.org/Team:UCSD_Software/Teaml";
 +
    });
 +
    $("#officialTeam").click(function(){
 +
      window.location.href="https://igem.org/Team.cgi?year=2013&team_name=UCSD_Software";
 +
    });
 +
    $("#project").click(function(){
 +
      window.location.href="https://2014.igem.org/Team:UCSD_Software/Project";
 +
    });
 +
    $("#parts").click(function(){
 +
      window.location.href="https://2014.igem.org/Team:UCSD_Software/Parts";
 +
    });
 +
    $("#modeling").click(function(){
 +
      window.location.href="https://2014.igem.org/Team:UCSD_Software/Modelingl";
 +
    });
 +
    $("#notebook").click(function(){
 +
      window.location.href="https://2014.igem.org/Team:UCSD_Software/Notebook";
 +
    });
 +
    $("#achieve").click(function(){
 +
      window.location.href="https://2014.igem.org/Team:UCSD_Software/SoftwareAchievements";
 +
    });
 +
    $("#safety").click(function(){
 +
      window.location.href="https://2014.igem.org/Team:UCSD_Software/Safety";
 +
    });
 +
    $("#attributions").click(function(){
 +
      window.location.href="https://2014.igem.org/Team:UCSD_Software/Attributions";
 +
    });
 +
   
 +
    $("#database").click(function(){
 +
      window.location.href="https://2014.igem.org/Team:UCSD_Software/Database";
 +
    }); 
 +
 
 +
    $("#app").click(function(){
 +
      window.location.href="https://2014.igem.org/Team:UCSD_Software/App";
 +
    }); 
 +
 
 +
    $("#doc").click(function(){
 +
      window.location.href="https://2014.igem.org/Team:UCSD_Software/Documentation";
 +
    });
 +
    $("#parts").click(function(){
 +
      window.location.href="https://2014.igem.org/Team:UCSD_Software/Parts";
 +
    }); 
 +
    $("#modeling").click(function(){
 +
      window.location.href="https://2014.igem.org/Team:UCSD_Software/Modeling";
 +
    }); 
-
</table>
+
    $("#traversal").click(function(){
-
</html>
+
      window.location.href="https://2014.igem.org/Team:UCSD_Software/Traversal";
 +
    }); 
 +
   
 +
    });
 +
</script>
 +
</body>

Latest revision as of 02:46, 18 October 2014


Safety

Safety Training

Safety is an important aspect of the iGEM project requirements; we understand that and take safety training seriously. As a software team, we do no work in any wet lab capacity, but just as safety training teaches best practices and behaviours in lab, we have used our safety training to employ best practices and behaviours in developing software. We have covered topics including but not limited to: using GitHub, commenting/documenting code, and how to abstract/re-factor code.

As a team, we were really interested in Wet Lab testing (and validation) of our work. Unfortunately, given that this is our first year at iGEM and hence we received limited funding and resources, we had to prioritize certain other tasks over wet lab work. We'll still likely be involved in UCSD's iGEM team next year, and will push for additional funding and resources to make wet lab testing possible.

We did not use formal lab safety materials as we did not work in any lab at all.

Who is responsible for biological safety at our institution?

Department of Environment, Health & Safety at UCSD. The project has not been discussed with the department as we anticipate no safety hazards. You can find the biosafety guidelines of our institution here.

Also, you may find the regulations that govern biosafety in general in research laboratories in the United States here.

Risks of our projects in the future

This project has been constructed exclusively in silico. Therefore, we anticipate no risk or safety issues for our team from any wetlab experiments. However, as we are only developing software and not interacting at all with any biological components, we cannot foresee any new safety risks in combining pathogens in any new and novel way. Working and constructing new and novel biological circuits are at the risk of the experimenter. We cannot accept responsibility for any kind of hazards or risk arising from the results returned from our work. The safety of our fellow scientists is one of our utmost priorities, hence, any lab that wishes to use SBiDer for their own research purposes must, at all times, keep the biosafety regulations of their own institution and country in mind.

Click here to view our completed safety form.

Retrieved from "http://2014.igem.org/Team:UCSD_Software/Safety"