Team:Groningen/Safety/Safety

From 2014.igem.org

(Difference between revisions)
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 *** -->
 +
 +
 +
{{CSS/Main}}
 +
 +
<html>
<html>
-
<style type="text/css">
 
-
/*style for menu*/
 
-
#main{
 
-
border-left: 10px solid #A40004;
 
-
min-height:600px;
 
-
}
 
-
#header{
+
<!--main content -->
-
width: 100%;
+
<table width="70%" align="center">
-
overflow: hidden;
+
 
-
}
+
 
 +
<td align ="center"> <a href="https://twitter.com//iGEMRUG2014"> <img src="https://static.igem.org/mediawiki/2014/e/e4/Logo_v4_transparent.png" width="780" height="192"></a>
 +
</td>
 +
<tr>
 +
 
 +
<!--navigation menu -->
 +
<td align="center" colspan="3">
 +
 
 +
<table  width="100%">
 +
<tr heigth="15px"></tr>
 +
<tr heigth="75px">
 +
 
 +
 
 +
<td style="border:1px solid black;" border-radius:"10px"; align="center" height ="45px" onMouseOver="this.bgColor='#00FF00'" onMouseOut="this.bgColor='#99FF66'" bgColor=#99FF66> 
 +
<a href="https://2014.igem.org/Team:Groningen"style="color:#000000">Home </a> </td>
-
#team-logo{
+
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#00FF00'" onMouseOut="this.bgColor='#99FF66'" bgColor=#99FF66>
-
}
+
<a href="https://2014.igem.org/Team:Groningen/Team"style="color:#000000"> Team </a> </td>
-
#title-box{
+
<td style="border:1px solid black;" align="center" height ="45px"  onMouseOver="this.bgColor='#00FF00'" onMouseOut="this.bgColor='#99FF66'" bgColor=#99FF66>
-
height: 100%;
+
<a href="https://igem.org/Team.cgi?year=2014&team_name=Groningen"style="color:#000000"> Official Team Profile </a></td>
-
  overflow: hidden;
+
-
border-bottom: 1px solid #ccc;
+
-
}
+
-
#title-bar{
+
<td style="border:1px solid black" align="center" height ="45px" onMouseOver="this.bgColor='#00FF00'" onMouseOut="this.bgColor='#99FF66'" bgColor=#99FF66>  
-
margin-top: 30px;
+
<a href="https://2014.igem.org/Team:Groningen/Project"style="color:#000000"> Project</a></td>
-
  height: 60%;
+
-
  float:right;
+
-
}
+
-
#page-title{
+
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#00FF00'" onMouseOut="this.bgColor='#99FF66'" bgColor=#99FF66>
-
font-size:24px;
+
<a href="https://2014.igem.org/Team:Groningen/Parts"style="color:#000000"> Parts</a></td>
-
font-style: italic;
+
-
bottom: 20px;
+
-
}
+
-
#lefter{
+
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#00FF00'" onMouseOut="this.bgColor='#99FF66'" bgColor=#99FF66>
-
float: left;
+
<a href="https://2014.igem.org/Team:Groningen/Modeling"style="color:#000000"> Modeling</a></td>
-
margin-right: 10px;
+
-
}
+
-
#menu{
+
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#00FF00'" onMouseOut="this.bgColor='#99FF66'" bgColor=#99FF66>  
-
position: relative;
+
<a href="https://2014.igem.org/Team:Groningen/Notebook"style="color:#000000"> Notebook</a></td>
-
  width: 140px;
+
-
margin: 5px 0px 0px 20px;
+
-
float:left;
+
-
}
+
-
#left-three-box{
+
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#00FF00'" onMouseOut="this.bgColor='#99FF66'" bgColor=#99FF66>
-
width: 30px;
+
<a href="https://2014.igem.org/Team:Groningen/Safety"style=" color:#000000"> Safety </a></td>
-
  height: 30px;
+
-
margin-left:10px;
+
-
}
+
-
.menu-item{
+
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='##00FF00'" onMouseOut="this.bgColor='#99FF66'" bgColor=#99FF66>
-
position:relative;
+
<a href="https://2014.igem.org/Team:Groningen/Attributions"style="color:#000000"> Attributions </a></td>
-
border-bottom: 2px solid #ccc;  
+
-
  line-height: 25px;
+
-
font-size: 16px;
+
-
cursor:pointer;
+
-
}
+
-
.sub-menu{
 
-
margin: 0px 0px 5px 20px;
 
-
color: #000;
 
-
font-style: italic;
 
-
}
 
-
.sub-menu-item{
+
<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>
-
font-size: 12px;
+
</tr>
-
position:relative;
+
</table>
-
border-bottom: 2px solid #fff;
+
<!--end navigation menu -->
-
line-height: 25px;
+
</tr>
-
cursor:pointer;
+
</tr>
-
}
+
</td>
-
.menu-item a {
+
<tr> <td colspan="3" height="15px"> </td></tr>
-
  text-decoration: none;
+
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr>
-
  color: black;
+
<tr> <td colspan="3" height="5px"> </td></tr>
-
}
+
-
.menu-selected{
 
-
color:#A40004;
 
-
border-bottom: 2px solid #A40004;
 
-
}
 
-
#top-box {
+
<!--safety content-->
-
position: fixed;
+
<tr><td > <h3> Welcome! </h3></td>
-
right: 30px;
+
<td ></td >
-
top: 200px;
+
<td > <h3> Timeline</h3></td>
-
width: 100px;
+
</tr>
-
height: 80px;
+
-
background-color: #c4fbf8;
+
-
text-align: center;
+
-
}
+
-
#top-box div{
+
<tr>
-
  width: 3em;
+
<td width="45%" valign="top">
-
height: 1em;
+
<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>
-
}
+
-
#mycontent{
 
-
float: left;
 
-
width: 78%;
 
-
font-size: 14px;
 
-
margin: 10px 0px 10px 10px;
 
-
padding: 5px;
 
-
}
 
-
</style>
 
 +
<br>
 +
<h3> Edit this page!</h3>
 +
<p>
 +
Please use this page to write about anything related to safety in your project. <!--Be sure to talk about both
 +
<ul>
 +
<li> <a href=" ">Learn about lab Safety for Today</a></li>
 +
<li> <a href="">Learn about Safety for the future of your project.</a></li>
 +
</ul>
 +
-->
 +
</p>
 +
<h3> Your Lab </h3>
 +
<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>
 +
<!--
 +
<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">
-
<script type="text/javascript">
 
-
function setupMenu(imenuItem, isubmenuItem){
+
<ul>
-
//Initialize data
+
<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>
-
  //Collapse all submenus
+
<li><b>Now - Jamboree:</b> Complete <b>Check-Ins</b> and receive approval before acquiring and using certain materials in your lab</li>
-
$(".sub-menu").data("collapsed", true).hide();
+
<li><b>Now - Wiki Freeze:</b> Edit this Safety page to tell us about what you're doing</li>
-
//Show the selected menu item
+
<li><b>June 9: </b>Submit the About Our Lab form.</li>
-
var menuItem = $($(".menu-item").get(imenuItem));
+
<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>
-
//Select the menu item
+
<li><b>June 30: </b>Submit the Preliminary Version of the <b>Safety Form</b>.</li>
-
menuItem.addClass("menu-selected");
+
<li>Participate in Virtual Open Office Hours to ask questions and discuss safety topics (exact date to be determined).</li>
-
//Select submenu item
+
<li><b>September 1:</b> Submit the Final Version of the Safety Form.</li>
-
var submenu = menuItem.children(".sub-menu");
+
<li><b>October: </b> Wiki freeze (exact date to be determined)</li>
-
var hasSubmenu = (submenu.length > 0);
+
<li><b>October 30 - November 3: </b>GIANT JAMBOREE!</li>
-
if(hasSubmenu){
+
-
  submenu.data("collapsed", false).show();
+
-
  var submenuItem = $(submenu.children(".sub-menu-item").get(isubmenuItem));
+
-
  submenuItem.addClass("menu-selected");
+
-
}
+
-
//Set events
+
-
$(".menu-item span").click(function(){
+
-
  var submenu = $(this).next();
+
-
  var hasSubmenu = (submenu.length > 0);
+
-
  var collapsed = true;
+
-
  if(hasSubmenu){
+
-
  collapsed = submenu.data("collapsed");
+
-
  }
+
-
  //Select and expand this menu item
+
-
  var parentDiv = $(this).parent();
+
-
  //Deselect and collapse all other menu items
+
-
  $("div.menu-item").not(parentDiv)
+
-
  .removeClass("menu-selected")
+
-
  .children(".sub-menu")
+
-
  .data("collapsed", true)
+
-
  .slideUp();
+
-
  parentDiv.addClass("menu-selected");
+
-
  if(hasSubmenu){
+
-
  if(collapsed){
+
-
    submenu.data("collapsed", false).slideDown();
+
-
  }else{
+
-
    submenu.data("collapsed", true).slideUp();
+
-
  }
+
-
  }
+
-
});
+
-
$("div.sub-menu-item").click(function(){
+
-
  //Deselect other submenu items
+
-
  $("div.sub-menu-item").removeClass("menu-selected");
+
-
  //Select this submenu item
+
-
  $(this).addClass("menu-selected");
+
-
});
+
-
}
+
-
function setupSectionNavs(){
+
</ul>
-
$(document).ready(function() {
+
</td>
-
    $("div.section").hide();
+
-
    $("div.section1").show();
+
-
    $("#section-nav li").click(function() {
+
-
    $("div.section").hide();
+
-
    var sectionName = $(this).attr("class");
+
-
    $("div." + sectionName).show();
+
-
    });
+
-
  });
+
-
}
+
-
</script>
+
-
<body>
+
</tr>
-
<div id="main">
+
-
<div id="lefter">
+
-
<div id="menu">
+
-
  <div class="menu-item">
 
-
    <span><a href="https://2013.igem.org/Team:Tsinghua/Main-Page">Main Page</a></span>
 
-
  </div>
 
-
  <div class="menu-item">
 
-
    <span>Introduction</span>
 
-
    <div class="sub-menu">
 
-
      <div class="sub-menu-item">
 
-
        <a href="https://2013.igem.org/Team:Tsinghua/Introduction-Background">Background</a>
 
-
      </div>
 
-
      <div class="sub-menu-item">
 
-
        <a href="https://2013.igem.org/Team:Tsinghua/Introduction-Challenge">Challenge</a>
 
-
      </div>
 
-
      <div class="sub-menu-item">
 
-
        <a href="https://2013.igem.org/Team:Tsinghua/Introduction-Our-Idea">Our Idea</a>
 
-
      </div>
 
-
    </div>
 
-
  </div>
 
-
  <div class="menu-item">
 
-
    <span>Project</span>
 
-
    <div class="sub-menu">
 
-
      <div class="sub-menu-item">
 
-
        <a href="https://2013.igem.org/Team:Tsinghua/Project-Overview">Overview</a>
 
-
      </div>
 
-
      <div class="sub-menu-item">
 
-
        <a href="https://2013.igem.org/Team:Tsinghua/Project-Sensor">Part1: Sensor</a>
 
-
      </div>
 
-
      <div class="sub-menu-item">
 
-
        <a href="https://2013.igem.org/Team:Tsinghua/Project-Reporter">Part2: Reporter</a>
 
-
      </div>
 
-
      <div class="sub-menu-item">
 
-
        <a href="https://2013.igem.org/Team:Tsinghua/Project-Switching-System">Part3: Switching System</a>
 
-
      </div>
 
-
      <div class="sub-menu-item">
 
-
        <a href="https://2013.igem.org/Team:Tsinghua/Project-Product">Product</a>
 
-
      </div>
 
-
      <div class="sub-menu-item">
 
-
        <a href="https://2013.igem.org/Team:Tsinghua/Project-Summary">Summary</a>
 
-
      </div>
 
-
    </div>
 
-
  </div>
 
-
  <div class="menu-item">
+
<tr>
-
    <span><a href="https://2013.igem.org/Team:Tsinghua/Modeling">Modeling</a></span>
+
-
  </div>
+
-
  <div class="menu-item">
 
-
    <span>Outreach</span>
 
-
    <div class="sub-menu">
 
-
      <div class="sub-menu-item">
 
-
        <a href="https://2013.igem.org/Team:Tsinghua/Human-Practice">Human practice</a>
 
-
      </div>
 
-
      <div class="sub-menu-item">
 
-
        <a href="https://2013.igem.org/Team:Tsinghua/OutReach-Satety">Safety</a>
 
-
      </div>
 
-
      <div class="sub-menu-item">
 
-
        <a href="https://2013.igem.org/Team:Tsinghua/OutReach-Collaboration">Collaboration</a>
 
-
      </div>
 
-
    </div>
 
-
  </div>
 
-
  <div class="menu-item">
 
-
    <span>Achievement</span>
 
-
    <div class="sub-menu">
 
-
      <div class="sub-menu-item">
 
-
        <a href="https://2013.igem.org/Team:Tsinghua/BioBricks">BioBricks</a>
 
-
      </div>
 
-
      <div class="sub-menu-item">
 
-
        <a href="https://2013.igem.org/Team:Tsinghua/Achivement-Judging-Criteria">Judging Criteria</a>
 
-
      </div>
 
-
    </div>
 
-
  </div>
 
-
  <div class="menu-item">
 
-
  <span>Notebook</span>
 
-
    <div class="sub-menu">
 
-
      <div class="sub-menu-item">
 
-
        <a href="https://2013.igem.org/Team:Tsinghua/Notebook-Protocol">Protocol</a>
 
-
      </div>
 
-
      <div class="sub-menu-item">
 
-
        <a href="https://2013.igem.org/Team:Tsinghua/Lablog">Lablog</a>
 
-
      </div>
 
-
    </div>
 
-
  </div>
 
-
  <div class="menu-item">
 
-
    <span><a href="https://2013.igem.org/Team:Tsinghua/Team">Team</a><a></a></span>
 
-
  </div>
 
-
  <div class="menu-item">
 
-
    <span><a href="https://2013.igem.org/Team:Tsinghua/Acknowledgement">Acknowledgements</a><a></a></span>
 
-
  </div>
 
-
  <script type="text/javascript">
 
-
    initialize();
 
-
    setupMenu(2, 1);
 
-
  </script>
 
-
</div>
 
-
</div>
 
-
</div>
 
-
<script type="text/javascript">
+
</table>
-
setupSectionNavs();
+
-
</script>
+
-
</body>
+
</html>
</html>

Revision as of 09:04, 23 July 2014



Home Team Official Team Profile Project Parts Modeling Notebook Safety Attributions

Welcome!

Timeline

Visit the Safety Hub 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.


Edit this page!

Please use this page to write about anything related to safety in your project.

Your Lab

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!

  • Now : Read the Safety Hub and learn about safety in iGEM. Ask questions by emailing safety at igem DOT org .
  • Now - Jamboree: Complete Check-Ins and receive approval before acquiring and using certain materials in your lab
  • Now - Wiki Freeze: Edit this Safety page to tell us about what you're doing
  • June 9: Submit the About Our Lab form.
  • Let us know by June 25 if you will need an extension on the Preliminary Version, or your Preliminary Version will be significantly incomplete.
  • June 30: Submit the Preliminary Version of the Safety Form.
  • Participate in Virtual Open Office Hours to ask questions and discuss safety topics (exact date to be determined).
  • September 1: Submit the Final Version of the Safety Form.
  • October: Wiki freeze (exact date to be determined)
  • October 30 - November 3: GIANT JAMBOREE!

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