Team:Gaston Day School/Attributions

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 );
 +
 
 +
  }
-
<!--main content -->
+
  </script>
-
<table width="70%" align="center">
+
 +
</head>
-
<!--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/Attributions&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 -->
+
<body onload="init()" background-image=" url("http://images.dailytech.com/nimage/Nyan_Cat_Wide.jpg")">
-
<td align="center" colspan="3">
+
-
<table  width="100%">
+
  <!--main content →
-
<tr heigth="15px"></tr>
+
-
<tr heigth="75px">
+
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
  <!--Tabs(NOT SLIDESHOW!) -->
-
<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>
+
<div style="padding-left: 10px;">
-
<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>
+
  <ul id="tabs">
-
<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#home">Home</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/Team#team">Members</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/Project#project">Project</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/Measurementtrack#measure">Measurement Track</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/Parts#parts">Parts</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/Modeling#models">Models</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/Notebook#notebook">Notebook</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/Safety#safety">Safety</a></li>
-
</tr>
+
-
</table>
+
-
</tr>
+
 +
    <li><a href="https://2014.igem.org/Team:Gaston_Day_School/Attributions#attrib">Attributions</a></li>
-
</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>
-
+
-
</td>
+
  </ul>
-
<tr> <td colspan="3"  height="15px"> </td></tr>
+
  <!--Tab Content-->
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr>
+
-
<tr> <td colspan="3"  height="5px"> </td></tr>
+
-
<!--Attributions content -->
+
  <div class="tabContent" id="home">
-
<tr><td > <h3> iGEM Team attributions page</h3></td>
+
-
<td ></td >
+
-
<td > <h3> </h3></td>
+
-
</tr>
+
-
<tr>
+
    <h2>Home</h2>
-
<td width="45%"  valign="top" colspan="3">  
+
-
<p>
+
                  <p> in tha hizzle</p>
-
Each team must clearly attribute work done by the student team members on this page.  The team must distinguish work done by the students from work done by others, including the host labs, advisors, instructors, and individuals not on the team roster.
+
-
</p>
+
-
</td>
+
  </div>
 +
  <div class="tabContent" id="team">
 +
    <h2>Team</h2>
-
<tr>
+
    <p>Teem stuff</p>
-
<td > <h3> Why do we have this requirement?</h3></td>
+
-
<td></td>
+
-
<td > <h3>Attribution Template </h3></td>
+
-
  </tr>
+
-
<tr>
+
  </div>
-
<td width="45%" valign="top">
+
  <div class="tabContent" id="project">
-
<p>
+
    <h2>Project</h2>
-
We have this requirement to help the judges know what you did yourselves and what you had help with. We don't mind if you get help with difficult or complex techniques, just be sure to report the work your team did and the work that was done by others.
+
-
</p>
+
-
<p>
+
    <p>Project things </p>
-
For example, you might choose to work with an animal model during your project. Working with animals requires getting a license and applying far in advance to conduct certain experiments in many countries. This is something that is difficult to achieve during the course of a summer, but much easier if you can work with a postdoc or PI who has the right licenses.
+
-
</p>
+
-
<p>
+
  </div>
-
A great example of complete attribution comes from the <a href="https://2011.igem.org/Team:Imperial_College_London/Team">Imperial College London 2011 team</a> (scroll down to the bottom of their team page to see attributions).
+
-
</p>
+
-
</td>
+
  <div class="tabContent" id="measure">
-
<td></td>
+
-
<td width="45%" valign="top">
+
-
<p>
+
-
Here are some of the fields we recommend you have on this page. If there are other areas not listed below, but applicable to your team/project, please feel free to also list them on your attributions page. Please feel free to remove any areas not applicable to your project.
+
-
</p>
+
-
<ol>
+
    <h2>Measurement Track</h2>
-
<li>General Support</li>
+
-
<li>Project support and advice</li>
+
    <p>Measurement stuff </p>
-
<li>Fundraising help and advice</li>
+
  </div>
-
<li>Lab support</li>
+
  <div class="tabContent" id="parts">
-
<li>Difficult technique support</li>
+
  <h2>Parts</h2>
-
<li>Project advisor support</li>
+
    <p>Parts </p>
-
<li>Wiki support</li>
+
  </div>
-
<li>Presentation coaching</li>
+
<div class="tabContent" id="models">
-
<li>Policy & Practices support</li>
+
<h2>Models</h2>
 +
<p>Models </p>
 +
</div>
-
<li> Thanks and acknowledgements for all other people involved in helping make a successful iGEM team.</li>
+
<div class="tabContent" id="notebook">
 +
<h2>Notebook</h2>
 +
<p>Notebook writings </p>
 +
</div>
-
</ol>
+
<div class="tabContent" id="safety">
-
</td>
+
<h2>Safety</h2>
 +
<p>Safety shloop  </p>
 +
</div>
 +
<div class="tabContent" id="attrib">
 +
<h2>Attributions</h2>
 +
<p>Attributes 'n shiz </p>
 +
</div>
-
</tr>
+
<div class="tabContent" id="igem">
-
</table>
+
<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!