Team:UCSD Software/Safety

From 2014.igem.org

(Difference between revisions)
 
(10 intermediate revisions not shown)
Line 13: Line 13:
        
        
     <Style>
     <Style>
 +
 +
.neighborhood-guides{
 +
margin-top: -20px;
 +
}
body{
body{
Line 135: Line 139:
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
-
background-color: #383838;
+
background-color: #003D99;//#383838;
border: 0 none;
border: 0 none;
-
height: 14px;
+
height: 1px; // 46 px
z-index: 100;
z-index: 100;
top: 0;
top: 0;
-
position: fixed;
+
        color: #fff;
-
width: 975px;  
+
        //display: none;
 +
position: static;
 +
width: 100%;//1000px;//2975px;  
left: 50%;  
left: 50%;  
-
margin-left: -487px;
+
margin-left: -480px;//-687px;
}
}
#top-section-bar { /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/
#top-section-bar { /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/
-
background-color: #383838;
+
background-color: #333;
-
height: 14px;
+
height: 1px; //DEFAULT 14 PX
-
display: block;
+
display: none;//block;
 +
        color: #fff;
z-index: 10;
z-index: 10;
position: fixed;
position: fixed;
Line 156: Line 163:
}
}
 +
 +
 +
/*#top-section {
 +
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;
 +
}
 +
 +
#top-section-bar {
 +
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.) --*/
#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;  
color: #727272;  
Line 176: Line 208:
width: 100%;  
width: 100%;  
height: 100%;  
height: 100%;  
-
background-color: transparent;
+
background-color: #efefef;//transparent;
}
}
Line 191: Line 223:
}
}
-
.sidemenu, .sidemenu li {
 
-
list-style-type: none;
 
-
list-style-image: none;
 
-
font-family: verdana;
 
-
text-decoration: none;
 
-
color:#000;
 
-
font-size: 14px;
 
-
}
 
-
 
-
.sidemenu li {display: block;}
 
-
 
-
.sidemenu a {
 
-
text-decoration:none;
 
-
color: #000;
 
-
display: block;
 
-
width: 180px;
 
-
height: 100%;
 
-
padding: 3px 5px;
 
-
transition: .25s ease-in-out;
 
-
-moz-transition: .25s ease-in-out;
 
-
-webkit-transition: .25s ease-in-out;
 
-
}
 
-
 
-
.sidemenu a.greyout { color: #909090; }
 
-
 
-
.sidemenu a:hover {
 
-
color:#666;
 
-
background-color: #d9f5aa;
 
-
}
 
-
 
-
.sub-sidemenu {font-size: 10px; margin-bottom: 20px; color: #666; display: none;}
 
-
.sub-sidemenu a {color: #666;}
 
-
 
-
div.underconst
 
-
{
 
-
padding:10px;
 
-
border-radius:5px;
 
-
background-color:pink;
 
-
text-align:center;
 
-
}
 
-
 
-
a.anchor{display: block; position: relative; top: -80px; visibility: hidden;}
 
-
 
-
.contentpara {margin-bottom: 30px;}
 
-
 
-
span.email{font-family: monospace; font-weight: normal;}
 
-
 
-
fieldset {border: 1px solid #337f53;}
 
-
 
-
.greyout {color: #A0A0A0;}
 
-
.highlightme {background-color: #FFFF00;}
 
-
 
-
#alertContainer { margin-bottom: 10px; width: 936px;}
 
-
#annContainer {margin-left: 8px;}
 
-
#newsContainer {border: 1px solid #ccc;}
 
-
 
-
.newsTitle {
 
-
display: block;
 
-
color: #414141;
 
-
font-size: 25px; 
 
-
        font-family: Georgia, Times, "Times New Roman", serif;
 
-
padding: 10px 15px 5px 10px;
 
-
border-bottom: 1px solid #ccc;
 
-
margin-bottom: 0px;
 
-
}
 
-
 
-
.newsItem {
 
-
border-bottom: 1px solid #ccc;
 
-
display: block;
 
-
padding: 5px 15px 0px 10px;
 
-
margin-bottom: 0px;
 
-
}
 
-
 
-
.newsItem h3 {
 
-
width: auto;
 
-
display: inline;
 
-
font-size: 14px;
 
-
font-family: Arial, Helvetica, sans-serif;
 
-
padding: 0px;
 
-
margin: 0px;
 
-
}
 
-
 
-
.newsItem img {
 
-
float: right;
 
-
clear: right;
 
-
width: 80px;
 
-
padding-left: 15px;
 
-
display: inline-block;
 
-
}
 
-
 
-
.newsItem .newsDate {
 
-
font-style: italic;
 
-
font-size: 14px;
 
-
display: inline-block;
 
-
color: #999;
 
-
float: right;
 
-
padding: 0px 0px 10px 15px;
 
-
}
 
-
 
-
.newsItem p, .newsItem ul, .newsItem li {
 
-
padding: 0px;
 
-
margin-left: 20px;
 
-
font-size: 12px;
 
-
line-height: 1.2;
 
-
}
 
-
 
-
.newsItem p {margin-top: 10px;}
 
-
 
-
.annItem {
 
-
border: 2px solid #414141;
 
-
display: block;
 
-
padding: 0px 15px 10px 10px;
 
-
margin-bottom: 18px;
 
-
position: relative;
 
-
height: 160px;
 
-
vertical-align: middle;
 
-
}
 
-
 
-
.annItem .annCentered {
 
-
display: table-cell;
 
-
vertical-align: middle;
 
-
height: 160px;
 
-
}
 
-
 
-
.annCentered h3 {
 
-
padding: 0px;
 
-
display: block;
 
-
margin-left: auto;
 
-
margin-right: auto;
 
-
text-align: center;
 
-
}
 
-
 
-
.annItem ul, .annItem li {padding: 0px; margin: 0px;}
 
-
.annItem li {list-style: none; margin: 5px}
 
</style>
</style>
     </head>
     </head>
Line 330: Line 228:
<body>
<body>
-
<div class="container-fluid" id="allHome">
+
        <nav class="navbar nav-justified" role="navigation" id='nav'>
-
       
+
-
 
+
-
<div class="container-fluid">
+
-
           
+
-
            <!--navbar -->
+
-
       
+
-
            <nav class="navbar navbar-header nav-justified" role="navigation" id='nav'>
+
                 <div class="btn-group  btn-group btn-group-justified">
                 <div class="btn-group  btn-group btn-group-justified">
-
                <ul class="nav navbar-nav">
+
                     <div class="btn btn-lg " id="home">Home</div>
-
                     <li><div class="btn btn-lg" id="home">Home</div></li>
+
                     <div class="btn btn-lg " id="team">Team</div>
-
                     <li><div class="btn btn-lg" id="team">Team</div></li>
+
                     <div class="btn btn-lg " id="project">Project</div>
-
 
+
                    <div class="btn btn-lg " id="doc">Documentation</div>
-
                     <li class="dropdown">
+
                    <div class="btn btn-lg" id="notebook">Notebook</div>
-
              <div class="btn btn-lg dropdown-toggle" data-toggle="dropdown" id="project">Project <span class="caret"></span></div>
+
                    <div class="btn btn-lg" id="safety">Safety</div>
-
              <ul class="dropdown-menu" role="menu">
+
                    <div class="btn btn-lg" id="attributions">Sponsors</div>
-
                <li id = "database"><a href = "#">Database</a></li>
+
                    <div class="btn btn-lg" id="achieve">Achievements</div>
-
                <li id = "traversal"><a href = "#">Traversal algorithms</a></li>
+
                    <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>
-
                <li id = "app"><a href = "#">Web application</a></li>
+
-
                <li id = "parts"><a href = "#">Parts</a></li>
+
-
                <li id = "modeling"><a href = "#">Modeling</a></li>
+
-
              </ul>
+
-
            </li>
+
                      
                      
-
                    <li><div class="btn btn-lg" id="notebook">Notebook</div></li>
 
-
                    <li><div class="btn btn-lg" id="safety">Safety</div></li>
 
-
                    <li><div class="btn btn-lg" id="achieve">Software Achievements</div></li>
 
-
                    <li><div class="btn btn-lg" id="attributions">Attributions</div></li>
 
-
                    </ul>
 
               </div>
               </div>
-
             
 
                  
                  
-
               
+
            </nav>
-
        </nav>
+
-
     
+
-
        </div>
+
-
 
+
-
<!--slider-->
+
-
 
+
-
<!--<div id="thumbnail-preview-indicators" class="carousel slide" data-ride="carousel">
+
-
         
+
-
          <ol class="carousel-indicators">
+
-
            <li data-target="#thumbnail-preview-indicators" data-slide-to="0" class="active">
+
-
              <div class="thumbnail">
+
-
                <img class="img-responsive" src="">
+
-
              </div>
+
-
            </li>
+
-
            <li data-target="#thumbnail-preview-indicators" data-slide-to="1">
+
-
            <div class="thumbnail">
+
-
                <img class="img-responsive" src="">
+
-
              </div>
+
-
            </li>
+
-
            <li data-target="#thumbnail-preview-indicators" data-slide-to="2">
+
-
            <div class="thumbnail">
+
-
                <img class="img-responsive" src="">
+
-
              </div>
+
-
            </li>
+
-
          </ol>
+
-
          <div class="carousel-inner">
+
-
            <div class="item slides active">
+
-
              <div class="slide-1"></div>
+
-
              <div class="container">
+
-
                <div class="carousel-caption">
+
-
                  <h1>SBiDer</h1>
+
-
                  <p>Our site</p>
+
-
               
+
-
                </div>
+
-
              </div>
+
-
            </div>
+
-
            <div class="item slides">
+
-
              <div class="slide-2"></div>
+
-
              <div class="container">
+
-
                <div class="carousel-caption">
+
-
                  <h1>Another example headline.</h1>
+
-
                  <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam.</p>
+
-
                  <p><a class="btn btn-lg btn-primary" href="#" role="button">Learn more</a></p>
+
-
                </div>
+
-
              </div>
+
-
            </div>
+
-
            <div class="item slides">
+
-
              <div class="slide-3"></div>
+
-
              <div class="container">
+
-
                <div class="carousel-caption">
+
-
                  <h1>One more for good measure.</h1>
+
-
                  <p>Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
+
-
                  <p><a class="btn btn-lg btn-primary" href="#" role="button">Browse gallery</a></p>
+
-
                </div>
+
-
              </div>
+
-
            </div>
+
-
          </div>
+
-
          <a class="left carousel-control" href="#thumbnail-preview-indicators" role="button" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
+
-
          <a class="right carousel-control" href="#thumbnail-preview-indicators" role="button" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
+
-
      </div>
+
-
 
+
-
 
+
-
 
+
-
 
+
-
<!--slider end-->
+
-
 
+
-
 
+
-
 
+
<div class = "neighborhood-guides">
<div class = "neighborhood-guides">
Line 472: Line 284:
       window.location.href="https://igem.org/Team.cgi?year=2013&team_name=UCSD_Software";  
       window.location.href="https://igem.org/Team.cgi?year=2013&team_name=UCSD_Software";  
     });
     });
-
     /*$("#project").click(function(){
+
     $("#project").click(function(){
       window.location.href="https://2014.igem.org/Team:UCSD_Software/Project";  
       window.location.href="https://2014.igem.org/Team:UCSD_Software/Project";  
-
     });*/
+
     });
     $("#parts").click(function(){
     $("#parts").click(function(){
       window.location.href="https://2014.igem.org/Team:UCSD_Software/Parts";  
       window.location.href="https://2014.igem.org/Team:UCSD_Software/Parts";  
Line 501: Line 313:
       window.location.href="https://2014.igem.org/Team:UCSD_Software/App";  
       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(){
     $("#parts").click(function(){

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.