Team:Gaston Day School/Safety

From 2014.igem.org

(Difference between revisions)
(Prototype team page)
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>
 +
<style>
 +
[class*='grid']
 +
{
 +
text-align: center;
 +
                        Width: 100%;
 +
}
 +
[class*='row']
 +
{
 +
width: 100%;
 +
}
-
{{CSS/Main}}
+
[class*='column']
 +
{
 +
float: left;
 +
width: 16%;
 +
                        margin:10px;
 +
                        Border: 1px solid #000000;
 +
                        Background-color: #ffffff;
 +
}
 +
               
 +
                body
 +
                {
 +
                        font-size: 80%;
 +
                        font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
 +
                        background-image: url("http://newevolutiondesigns.com/images/freebies/retro-wallpaper-1.jpg");
 +
                        width:80%;
 +
                        margin-left: 10%;
 +
                        margin-right: 10%;
 +
                }
 +
                ul#tabs
-
<html>
+
                {
 +
                        list-style-type: none; padding: 0 0 0.3em 0;
 +
                }
 +
 
 +
                ul#tabs li
 +
                {
 +
                        display: inline;
 +
                }
 +
             
 +
                ul#tabs li a
 +
                {
 +
                        color: #42454a;
 +
                        background-color: #fefefe;
 +
                        border: 1px solid #000000;
 +
                        border-bottom: none;
 +
                        padding: 0.3em;
 +
                        border-radius: 5px;
 +
                        text-decoration: none;
 +
                }     
 +
 
 +
                ul#tabs li a:hover
 +
                {
 +
                        background-color: #ffffff;
 +
                }
 +
 
 +
                ul#tabs li a.selected
 +
                {
 +
                        color: #000; background-color: #ffffff; font-weight: bold; padding: 0.7em 0.3em 0.38em 0.3em;
 +
                }
 +
 
 +
                div.tabContent
 +
                {
 +
                        border: 1px solid #000000;
 +
                        background-color: #ffffff;
 +
                        float: left;
 +
                        border-radius: 5px;
 +
                        width: 100%;
 +
                        padding: 0.5em;
 +
                }
 +
 
 +
                div.tabContent.hide
 +
                {
 +
                        display: none;
 +
                }
 +
 
 +
        </style>
 +
 
 +
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
 +
 
 +
        <script>
 +
 
 +
<!-- Tabs -->
 +
 
 +
                var tabLinks = new Array();
 +
 
 +
                var contentDivs = new Array();
 +
 
 +
                function init()
 +
                {
 +
 
 +
// Grab the tab links and content divs from the page
 +
 
 +
                        var tabListItems = document.getElementById('tabs').childNodes;
 +
 
 +
                        for ( var i = 0; i < tabListItems.length; i++ )
 +
                        {
 +
                                if ( tabListItems[i].nodeName == "LI" )
 +
                                      {
 +
                                              var tabLink = getFirstChildWithTagName( tabListItems[i], 'A' );                                    var id = getHash( tabLink.getAttribute('href') );
 +
 
 +
                                              tabLinks[id] = tabLink;
 +
 
 +
                                              contentDivs[id] = document.getElementById( id );
 +
                                      }
 +
 
 +
                        }
 +
 
 +
// Assign onclick events to the tab links, and
 +
 
 +
// highlight the first tab
 +
 
 +
                        var i = 0;
 +
 
 +
                        for ( var id in tabLinks )
 +
                        {
 +
                                tabLinks[id].onmouseover = showTab;
 +
                                tabLinks[id].onfocus = function() { this.blur() };
 +
                                if ( i == 0 ) tabLinks[id].className = 'selected';
 +
 
 +
                                i++;
 +
                        }
 +
 
 +
// Hide all content divs except the first
 +
 
 +
                        var i = 0;
 +
 
 +
                        for ( var id in contentDivs )
 +
                        {
 +
                                if ( i != 0 ) contentDivs[id].className = 'tabContent hide'; 
 +
                                i++;
 +
                        }
 +
 
 +
                }
 +
 
 +
  function showTab()
 +
 
 +
  {
 +
 
 +
    var selectedId = getHash( this.getAttribute('href') );
 +
 
 +
    // Highlight the selected tab, and dim all others.
 +
 
 +
    // Also show the selected content div, and hide all others.
 +
 
 +
    for ( var id in contentDivs )
 +
 
 +
    {
 +
 
 +
    if ( id == selectedId )
 +
 
 +
    {
 +
 
 +
      tabLinks[id].className = 'selected';
 +
 
 +
      contentDivs[id].className = 'tabContent';
 +
 
 +
    }
 +
 
 +
    else
 +
 
 +
    {
 +
 
 +
      tabLinks[id].className = '';
 +
 
 +
      contentDivs[id].className = 'tabContent hide';
 +
 
 +
    }
 +
 
 +
    }
 +
 
 +
    // Stop the browser following the link
 +
 
 +
    return false;
 +
 
 +
  }
 +
 
 +
  function getFirstChildWithTagName( element, tagName )
 +
 
 +
  {
 +
 
 +
    for ( var i = 0; i < element.childNodes.length; i++ )
 +
 
 +
    {
 +
 
 +
    if ( element.childNodes[i].nodeName == tagName )
 +
 
 +
    return element.childNodes[i];
 +
 
 +
    }
 +
 
 +
  }
 +
 
 +
  function getHash( url )
 +
 
 +
  {
 +
 
 +
    var hashPos = url.lastIndexOf ( '#' );
 +
 
 +
    return url.substring( hashPos + 1 );
 +
 
 +
  }
 +
 
 +
  </script>
-
<!--main content -->
+
</head>
-
<table width="70%" align="center">
+
-
<!--welcome box -->
 
-
<tr>
 
-
<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>
 
-
<br>
 
-
<p style="color:#E7E7E7"> <a href="https://2014.igem.org/wiki/index.php?title=Team:Gaston_Day_School/Safety&action=edit"style="color:#FFFFFF"> Click here  to edit this page!</a> </p>
 
-
</td>
 
-
</tr>
 
-
<tr> <td colspan="3" height="5px"> </td></tr>
+
<body onload="init()" background-image=" url("http://images.dailytech.com/nimage/Nyan_Cat_Wide.jpg")">
-
<!-- end welcome box -->
+
-
<tr>  
+
-
<!--navigation menu -->
+
  <!--main content →
-
<td align="center" colspan="3">
+
-
<table  width="100%">
 
-
<tr heigth="15px"></tr>
 
-
<tr heigth="75px">
 
 +
  <!--Tabs(NOT SLIDESHOW!) -->
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
<div style="padding-left: 10px;">
-
<a href="https://2014.igem.org/Team:Gaston_Day_School"style="color:#000000">Home </a> </td>
+
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
  <ul id="tabs">
-
<a href="https://2014.igem.org/Team:Gaston_Day_School/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>  
+
    <li><a href="https://2014.igem.org/Team:Gaston_Day_School#home">Home</a></li>
-
<a href="https://igem.org/Team.cgi?year=2014&team_name=Gaston_Day_School"style="color:#000000"> Official Team Profile </a></td>
+
-
<td style="border:1px solid black" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
    <li><a href="https://2014.igem.org/Team:Gaston_Day_School/Team#team">Members</a></li>
-
<a href="https://2014.igem.org/Team:Gaston_Day_School/Project"style="color:#000000"> Project</a></td>
+
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
+
    <li><a href="https://2014.igem.org/Team:Gaston_Day_School/Project#project">Project</a></li>
-
<a href="https://2014.igem.org/Team:Gaston_Day_School/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>  
+
    <li><a href="https://2014.igem.org/Team:Gaston_Day_School/Measurementtrack#measure">Measurement Track</a></li>
-
<a href="https://2014.igem.org/Team:Gaston_Day_School/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>
+
    <li><a href="https://2014.igem.org/Team:Gaston_Day_School/Parts#parts">Parts</a></li>
-
<a href="https://2014.igem.org/Team:Gaston_Day_School/Notebook"style="color:#000000"> Notebook</a></td>
+
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
+
    <li><a href="https://2014.igem.org/Team:Gaston_Day_School/Modeling#models">Models</a></li>
-
<a href="https://2014.igem.org/Team:Gaston_Day_School/Safety"style=" color:#000000"> Safety </a></td>
+
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
+
    <li><a href="https://2014.igem.org/Team:Gaston_Day_School/Notebook#notebook">Notebook</a></li>
-
<a href="https://2014.igem.org/Team:Gaston_Day_School/Attributions"style="color:#000000"> Attributions </a></td>
+
 +
    <li><a href="https://2014.igem.org/Team:Gaston_Day_School/Safety#safety">Safety</a></li>
-
<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>
+
    <li><a href="https://2014.igem.org/Team:Gaston_Day_School/Attributions#attrib">Attributions</a></li>
-
</tr>
+
-
</table>
+
-
<!--end navigation menu -->
+
-
</tr>
+
-
</tr>
+
-
</td>
+
-
<tr> <td colspan="3"  height="15px"> </td></tr>
+
    <li><a href="https://2014.igem.org/Main_Page#igem"><img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px" position="absolute"></a></li>
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr>
+
-
<tr> <td colspan="3" height="5px"> </td></tr>
+
 +
  </ul>
-
<!--safety content-->
+
  <!--Tab Content-->
-
<tr><td > <h3> Welcome! </h3></td>
+
-
<td ></td >
+
-
<td > <h3> Timeline</h3></td>
+
-
</tr>
+
-
<tr>
+
  <div class="tabContent" id="home">
-
<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>
+
 +
    <h2>Home</h2>
 +
                  <p> in tha hizzle</p>
-
<br>
+
  </div>
-
<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>
+
  <div class="tabContent" id="team">
 +
    <h2>Team</h2>
-
<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>Teem stuff</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>
+
  </div>
-
<td></td>
+
 +
  <div class="tabContent" id="project">
-
<td width="45%"  valign="top">  
+
    <h2>Project</h2>
 +
    <p>Project things </p>
-
<ul>
+
  </div>
-
<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>
+
  <div class="tabContent" id="measure">
-
</td>
+
-
</tr>
+
    <h2>Measurement Track</h2>
 +
    <p>Measurement stuff </p>
 +
  </div>
 +
  <div class="tabContent" id="parts">
-
<tr>
+
  <h2>Parts</h2>
 +
    <p>Parts </p>
 +
  </div>
 +
<div class="tabContent" id="models">
 +
<h2>Models</h2>
 +
<p>Models </p>
 +
</div>
 +
<div class="tabContent" id="notebook">
 +
<h2>Notebook</h2>
 +
<p>Notebook writings </p>
 +
</div>
 +
<div class="tabContent" id="safety">
 +
<h2>Safety</h2>
 +
<p>Safety shloop  </p>
 +
</div>
 +
<div class="tabContent" id="attrib">
 +
<h2>Attributions</h2>
 +
<p>Attributes 'n shiz </p>
 +
</div>
-
</table>
+
<div class="tabContent" id="igem">
 +
<h2>Homepage</h2>
 +
<p>Go to, ja!</p>
 +
</div>
 +
</html>
</html>

Revision as of 13:36, 14 July 2014

Home

in tha hizzle

Team

Teem stuff

Project

Project things

Measurement Track

Measurement stuff

Parts

Parts

Models

Models

Notebook

Notebook writings

Safety

Safety shloop

Attributions

Attributes 'n shiz

Homepage

Go to, ja!

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