Team:Gaston Day School/Project

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>
 +
 
 +
</head>
 +
 
 +
 
 +
 
 +
<body onload="init()" background-image=" url("http://images.dailytech.com/nimage/Nyan_Cat_Wide.jpg")">
 +
 
 +
  <!--main content →
 +
 
 +
 
 +
  <!--Tabs(NOT SLIDESHOW!) -->
 +
 
 +
<div style="padding-left: 10px;">
 +
 
 +
  <ul id="tabs">
 +
 
 +
    <li><a href="https://2014.igem.org/Team:Gaston_Day_School#home">Home</a></li>
 +
 
 +
    <li><a href="https://2014.igem.org/Team:Gaston_Day_School/Team#team">Members</a></li>
 +
 
 +
    <li><a href="https://2014.igem.org/Team:Gaston_Day_School/Project#project">Project</a></li>
 +
 
 +
    <li><a href="https://2014.igem.org/Team:Gaston_Day_School/Measurementtrack#measure">Measurement Track</a></li>
 +
 
 +
    <li><a href="https://2014.igem.org/Team:Gaston_Day_School/Parts#parts">Parts</a></li>
 +
 
 +
    <li><a href="https://2014.igem.org/Team:Gaston_Day_School/Modeling#models">Models</a></li>
 +
 
 +
    <li><a href="https://2014.igem.org/Team:Gaston_Day_School/Notebook#notebook">Notebook</a></li>
 +
 
 +
    <li><a href="https://2014.igem.org/Team:Gaston_Day_School/Safety#safety">Safety</a></li>
 +
 
 +
    <li><a href="https://2014.igem.org/Team:Gaston_Day_School/Attributions#attrib">Attributions</a></li>
 +
 
 +
    <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>
 +
 
 +
  </ul>
 +
 
 +
  <!--Tab Content-->
 +
 
 +
  <div class="tabContent" id="home">
 +
 
 +
    <h2>Home</h2>
 +
 
 +
                  <p> in tha hizzle</p>
 +
 
 +
  </div>
 +
 
 +
  <div class="tabContent" id="team">
 +
 
 +
    <h2>Team</h2>
 +
 
 +
    <p>Teem stuff</p>
 +
 
 +
  </div>
-
<!--main content -->
+
  <div class="tabContent" id="project">
-
<table width="70%" align="center">
+
 +
    <h2>Project</h2>
-
<!--welcome box -->
+
    <p>Project things </p>
-
<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/Project&action=edit"style="color:#FFFFFF"> Click here  to edit this page!</a> </p>
+
-
</td>
+
-
</tr>
+
-
<tr> <td colspan="3"  height="5px"> </td></tr>
+
  </div>
-
<!-- end welcome box -->
+
-
<tr>  
+
-
<!--navigation menu -->
+
  <div class="tabContent" id="measure">
-
<td align="center" colspan="3">
+
-
<table  width="100%">
+
    <h2>Measurement Track</h2>
-
<tr heigth="15px"></tr>
+
-
<tr heigth="75px">  
+
 +
    <p>Measurement stuff </p>
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
  </div>
-
<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 class="tabContent" id="parts">
-
<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>  
+
  <h2>Parts</h2>
-
<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>
+
    <p>Parts </p>
-
<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>
+
  </div>
-
<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>
+
  <div class="tabContent" id="models">
-
<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>
+
    <h2>Models</h2>
-
<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>  
+
    <p>Models </p>
-
<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>
+
  </div>
-
<a href="https://2014.igem.org/Team:Gaston_Day_School/Attributions"style="color:#000000"> Attributions </a></td>
+
 +
  <div class="tabContent" id="notebook">
-
<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>
+
    <h2>Notebook</h2>
-
</tr>
+
-
</table>
+
-
</tr>
+
    <p>Notebook writings </p>
-
</tr>
+
-
</td>
+
-
<tr> <td colspan="3"  height="15px"> </td></tr>
+
  </div>
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr>
+
-
<tr> <td colspan="3"  height="5px"> </td></tr>
+
 +
  <div class="tabContent" id="safety">
 +
    <h2>Safety</h2>
-
<!--Project content -->
+
    <p>Safety shloop </p>
-
<tr><td > <h3> Project Description </h3></td>
+
-
<td ></td >
+
-
<td > <h3> Content</h3></td>
+
-
</tr>
+
-
<tr>
+
  </div>
-
<td width="45%"  valign="top">
+
-
<p>Tell us more about your project.  Give us background.  Use this as the abstract of your project.  Be descriptive but concise (1-2 paragraphs) </p>
+
-
<br>
+
-
<h3>References </h3>
+
-
<p>
+
-
iGEM teams are encouraged to record references you use during the course of your research. They should be posted somewhere on your wiki so that judges and other visitors can see how you though about your project and what works inspired you. </p>
+
-
</td>
+
-
<td></td>
+
  <div class="tabContent" id="attrib">
-
<td  width="45%" valign="top">
+
-
<p> You can use these subtopics to further explain your project</p>
+
-
<ol>
+
          <h2>Attributions</h2>
-
<li>Overall project summary</li>
+
-
<li>Project Details</li>
+
-
<li>Materials and Methods</li>
+
-
<li>The Experiments</li>
+
-
<li>Results</li>
+
-
<li>Data analysis</li>
+
-
<li>Conclusions</li>
+
-
</ol>
+
-
<p>
+
    <p>Attributes 'n shiz </p>
-
It's important for teams to describe all the creativity that goes into an iGEM project, along with all the great ideas your team will come up with over the course of your work.
+
-
</p>
+
-
<p>
+
  </div>
-
It's also important to clearly describe your achievements so that judges will know what you tried to do and where you succeeded. Please write your project page such that what you achieved is easy to distinguish from what you attempted.
+
-
</p>
+
-
</td>
+
  <div class="tabContent" id="igem">
-
</tr>
+
          <h2>Homepage</h2>
 +
    <p>Go to, ja!</p>
-
</table>
+
  </div>
 +
 +
<div width="100%" align="center">
 +
<div>
 +
<div class="grid" align="center">
 +
<div class="row1" align="center">
 +
<div class = "column1"><img href="C:\DSC_0725.jpg"></div>
 +
<div class = "column2">col2</div>
 +
<div class = "column3">col3</div>
 +
<div class = "column4">col4</div>
 +
<div class = "column5">col5</div>
 +
</div>
 +
<div class="row2">
 +
<div class = "column1">col1</div>
 +
<div class = "column2">col2</div>
 +
<div class = "column3">col3</div>
 +
<div class = "column4">col4</div>
 +
<div class = "column5">col5</div>
 +
</div>
 +
<div class="row3">
 +
<div class = "column1">col1</div>
 +
<div class = "column2">col2</div>
 +
<div class = "column3">col3</div>
 +
<div class = "column4">col4</div>
 +
<div class = "column5">col5</div>
 +
</div>
 +
<div class="row4">
 +
<div class = "column1">col1</div>
 +
<div class = "column2">col2</div>
 +
<div class = "column3">col3</div>
 +
<div class = "column4">col4</div>
 +
<div class = "column5">col5</div>
 +
</div>
 +
<div class="row5">
 +
<div class = "column1">col1</div>
 +
<div class = "column2">col2</div>
 +
<div class = "column3">col3</div>
 +
<div class = "column4">col4</div>
 +
<div class = "column5">col5</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
</html>
</html>

Revision as of 13:27, 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!

col2
col3
col4
col5
col1
col2
col3
col4
col5
col1
col2
col3
col4
col5
col1
col2
col3
col4
col5
col1
col2
col3
col4
col5

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