Team:Dundee/Notebook

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 *** -->
+
{{:Team:Dundee/Template/header}}
-
 
+
-
 
+
-
{{CSS/Main}}
+
-
 
+
<html>
<html>
-
<!--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:Dundee/Notebook&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 -->
+
-
<td align="center" colspan="3">
+
-
 
+
-
<table  width="100%">
+
-
<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> 
+
-
<a href="https://2014.igem.org/Team:Dundee"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>
+
-
<a href="https://2014.igem.org/Team:Dundee/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>
+
-
<a href="https://igem.org/Team.cgi?year=2014&team_name=Dundee"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> 
+
-
<a href="https://2014.igem.org/Team:Dundee/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>
+
-
<a href="https://2014.igem.org/Team:Dundee/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>
+
-
<a href="https://2014.igem.org/Team:Dundee/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> 
+
-
<a href="https://2014.igem.org/Team:Dundee/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>
+
-
<a href="https://2014.igem.org/Team:Dundee/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>
+
-
<a href="https://2014.igem.org/Team:Dundee/Attributions"style="color:#000000"> Attributions </a></td>
+
-
 
+
-
 
+
-
<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>
+
-
</tr>
+
-
</table>
+
-
 
+
-
 
+
-
</tr>
+
-
 
+
-
 
+
-
</tr>
+
-
+
-
 
+
-
 
+
-
 
+
-
 
+
-
</td>
+
-
<tr> <td colspan="3"  height="15px"> </td></tr>
+
    <title>Dundee 2014</title>
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr>
+
-
<tr> <td colspan="3"  height="5px"> </td></tr>
+
 +
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 +
   
 +
      <link href="https://2014.igem.org/Team:Dundee/bootstrap?action=raw&ctype=text/css" rel="stylesheet"> 
 +
        <!-- <link href="https://2014.igem.org/Team:Dundee/styleshhet?action=raw&ctype=text/css" rel="stylesheet">  -->
 +
        <link href="http://daneden.github.io/animate.css/animate.min.css" rel="stylesheet">         
 +
<link href = "css/notebookStyles.css" rel = "stylesheet">
 +
   
 +
<link href='http://fonts.googleapis.com/css?family=Special+Elite' rel='stylesheet' type='text/css'>
 +
   
 +
</head>
-
<!--requirements section -->
+
<body>
-
<tr><td colspan="3"> <h3>Notebook</h3></td></tr>
+
-
</tr>
+
 +
  <!-- Text Grid -->
 +
     
 +
      <div id="display">
 +
        <!-- Text Grid -->
 +
      <div class="container">
 +
         
 +
        <!--Titile-->
 +
        <div class = "row">
-
<tr>
+
            <!--Used to center "poster" column-->
-
<td width="45%" valign="top">  
+
            <div class=" col-md-3"></div>
-
<p>You should make use of the calendar feature on the wiki and start a lab notebook. This may be looked at by the judges to see how your work progressed throughout the summer. It is a very useful organizational tool as well. </p>
+
            <div class="col-md-6 col-centered" id="title">
-
</td>
+
                <h1 id="t">Notebook</h1>
 +
            </div>   
 +
       
 +
            <!--Used to center "poster" column-->
 +
            <div class="col-md-3"></div>
 +
     
 +
        </div>
 +
    <! -- Image -->
 +
    <div class = "row">
-
<td></td>
+
            <!--Used to center "poster" column-->
-
<td></td>
+
            <div class=" col-md-3"></div>
-
</tr>
+
           
 +
            <div class="col-md-6 col-centered" id="info">
 +
                <img id="page" src="http://placekitten.com/450/600" class="dd animated rollIn pageImage">                                      
 +
        </div>   
 +
           
 +
       
 +
            <!--Used to center "poster" column-->
 +
            <div class="col-md-3"></div>
 +
    </div>
 +
     
 +
    <! -- Directional Buttons-->
 +
    <div class="row">
 +
          <!--Used to center "poster" column-->
 +
            <div class=" col-md-3"></div>
 +
           
 +
            <div class=" col-md-6">
 +
           
 +
                    <ul class="pager">
 +
                        <li class="previous" onclick="changePage(-1)" id="previous" style="visibility:hidden;"><a href="#">&larr; Previous</a></li>
 +
                        <li class="next"  onclick="changePage(1)" id="next"><a href="#">Next &rarr;</a></li>
 +
                    </ul>                                   
 +
            </div>
 +
           
 +
           
 +
            <!--Used to center "poster" column-->
 +
            <div class=" col-md-3"></div>
 +
         
 +
    </div>
 +
   
 +
    <!-- Change notebook page on display -->
 +
    <script>
 +
        var pageImages = ["http://placekitten.com/450/600", "http://placekitten.com/450/600"];
 +
        //Stroes which page os being displayed
 +
        var currPage = 1;
 +
       
 +
       
 +
        //function to add/remove pages
 +
        function changePage(direction) {
 +
            var image = document.getElementById('page');
 +
       
 +
            var checker = document.getElementById('t');
 +
   
 +
            currPage = currPage + direction;
 +
               
 +
            if(currPage == 1)
 +
            {
 +
                document.getElementById("previous").style.visibility ="hidden";
 +
            }
 +
            else
 +
            {
 +
                document.getElementById("previous").style.visibility ="visible";
 +
            }
 +
            if(currPage == 10)
 +
            {
 +
                document.getElementById("next").style.visibility ="hidden";
 +
            }
 +
            else
 +
            {
 +
                document.getElementById("next").style.visibility ="visible";
 +
            }
 +
           
 +
                if(direction == -1)
 +
                {                   
 +
                  var oldPage = document.getElementById((currPage + 1).toString());
 +
                  oldPage.setAttribute("class", "dd animated rollOut pageImage");
 +
                 
 +
                  setTimeout(function(){document.getElementById("info").removeChild(oldPage);}, 1000);
 +
                }
 +
                else
 +
                {           
 +
                    var newPage = document.createElement("img");
 +
                    newPage.setAttribute("id", currPage.toString());
 +
                    newPage.setAttribute("class", "dd animated rollIn  pageImage");
 +
                    document.getElementById("info").appendChild(newPage);
 +
                   
 +
                    if(newPage.id%2 == 0)
 +
                    {
 +
                        newPage.src = pageImages[0];
 +
                        newPage.setAttribute("style", "position: absolute; right:100px;");
 +
                    }
 +
                    else
 +
                    {
 +
                        newPage.src = pageImages[1];
 +
                    newPage.setAttribute("style", "position: absolute; left:100px;");
 +
                    }
 +
                }       
 +
        }
 +
    </script>
 +
</body>
-
</table>
 
</html>
</html>

Revision as of 10:15, 29 May 2014

Dundee 2014

Dundee 2014

Dundee 2014

Notebook

Retrieved from "http://2014.igem.org/Team:Dundee/Notebook"