Team:Gaston Day School/Notebook

From 2014.igem.org

(Difference between revisions)
 
(130 intermediate revisions not shown)
Line 1: Line 1:
{{CSS/Main}}
{{CSS/Main}}
<html>
<html>
-
<style>
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
-
[class*='grid']
+
<head>
-
{
+
        <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
-
text-align: center;
+
        <link href='http://fonts.googleapis.com/css?family=Ubuntu:500' rel='stylesheet' type='text/css'>
-
                        Width: 100%;
+
<style>
-
}
+
.firstHeading {
 +
display:none;
 +
}
-
[class*='row']
+
body {
-
{
+
padding: 0px;
-
width: 100%;
+
margin: 0px;
-
}
+
-
[class*='column']
+
}
-
{
+
 
 +
[class*='col-'] {
float: left;
float: left;
-
width: 16%;
+
padding-right: 20px;
-
                        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
+
.grid-pad {
 +
padding: 20px 0px 20px 20px;
 +
}
-
                {
+
.sub-grid-pad {
-
                        list-style-type: none; padding: 0 0 0.3em 0;
+
padding: 20px 0px 20px 0px;
-
                }
+
}
-
                ul#tabs li
+
.grid-pad > .row > [class*='col-']:last-of-type, .grid-pad > [class*='col-']:last-of-type {
-
                {
+
padding-right: 20px;
-
                        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
+
.col-1-1 {
-
                {
+
width: 100%;
-
                        background-color: #ffffff;
+
}
-
                }
+
-
                ul#tabs li a.selected
+
.col-1-2, .col-2-4, .col-3-6, .col-5-10 {
-
                {
+
width: 50%;
-
                        color: #000; background-color: #ffffff; font-weight: bold; padding: 0.7em 0.3em 0.38em 0.3em;
+
}
-
                }
+
-
                div.tabContent
+
.col-1-3, .col-2-6, .col-3-9 {
-
                {
+
width: 33.33%;
-
                        border: 1px solid #000000;
+
}
-
                        background-color: #ffffff;
+
-
                        float: left;
+
-
                        border-radius: 5px;
+
-
                        width: 100%;  
+
-
                        padding: 0.5em;
+
-
                }
+
-
                div.tabContent.hide
+
.col-2-3, .col-4-6, .col-6-9 {
-
                {
+
width: 66.66%;
-
                        display: none;
+
}
-
                }
+
-
        </style>
+
.col-1-4, .col-2-8 {
 +
width: 25%;
 +
}
-
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
+
.col-3-4 {
 +
width: 75%;
 +
}
-
        <script>
+
.col-1-5, .col-2-10 {
 +
width: 20%;
 +
}
-
<!-- Tabs -->
+
.col-2-5, .col-4-10 {
 +
width: 40%;
 +
}
-
                var tabLinks = new Array();
+
.col-3-5, .col-6-10 {
 +
width: 60%;
 +
}
-
                var contentDivs = new Array();
+
.col-4-5, .col-8-10 {
 +
width: 80%;
 +
}
-
                function init()
+
.col-1-6 {
-
                {
+
width: 16.66%;
 +
}
-
// Grab the tab links and content divs from the page
+
.col-5-6 {
 +
width: 83.33%;
 +
}
-
                        var tabListItems = document.getElementById('tabs').childNodes;
+
.col-1-7 {
 +
width: 14.28%;
 +
}
-
                        for ( var i = 0; i < tabListItems.length; i++ )
+
.col-2-7 {
-
                        {
+
width: 28.57%;
-
                                if ( tabListItems[i].nodeName == "LI" )
+
}
-
                                      {
+
-
                                              var tabLink = getFirstChildWithTagName( tabListItems[i], 'A' );                                    var id = getHash( tabLink.getAttribute('href') );
+
-
                                              tabLinks[id] = tabLink;
+
.col-3-7 {
 +
width: 42.85%;
 +
}
-
                                              contentDivs[id] = document.getElementById( id );
+
.col-4-7 {
-
                                      }
+
width: 57.14%;
 +
}
-
                        }
+
.col-5-7 {
 +
width: 71.42%;
 +
}
-
// Assign onclick events to the tab links, and
+
.col-6-7 {
 +
width: 85.71%;
 +
}
-
// highlight the first tab
+
.col-1-8 {
 +
width: 12.5%;
 +
}
-
                        var i = 0;
+
.col-2-8 {
 +
width: 25%;
 +
}
-
                        for ( var id in tabLinks )
+
.col-3-8 {
-
                        {
+
width: 37.5%;
-
                                tabLinks[id].onmouseover = showTab;
+
}
-
                                tabLinks[id].onfocus = function() { this.blur() };
+
-
                                if ( i == 0 ) tabLinks[id].className = 'selected';
+
-
                                i++;
+
.col-4-8 {
-
                        }
+
width: 50%;
 +
}
-
// Hide all content divs except the first
+
.col-5-8 {
 +
width: 62.5%;
 +
}
-
                        var i = 0;
+
.col-6-8 {
 +
width: 75%;
 +
}
-
                        for ( var id in contentDivs )
+
.col-7-8 {
-
                        {
+
width: 87.5%;
-
                                if ( i != 0 ) contentDivs[id].className = 'tabContent hide'; 
+
}
-
                                i++;
+
-
                        }
+
-
                }
+
.col-1-9 {
 +
width: 11.11%;
 +
}
-
  function showTab()
+
.col-2-9 {
 +
width: 22.22%;
 +
}
-
  {
+
.col-4-9 {
 +
width: 44.44%;
 +
}
-
    var selectedId = getHash( this.getAttribute('href') );
+
.col-5-9 {
 +
width: 55.55%;
 +
}
-
    // Highlight the selected tab, and dim all others.
+
.col-7-9 {
 +
width: 77.77%;
 +
}
-
    // Also show the selected content div, and hide all others.
+
.col-8-9 {
 +
width: 88.88%;
 +
}
-
    for ( var id in contentDivs )
+
.col-1-10 {
 +
width: 10%;
 +
}
-
    {
+
.col-3-10 {
 +
width: 30%;
 +
}
-
    if ( id == selectedId )
+
.col-7-10 {
 +
width: 70%;
 +
}
-
    {
+
.col-9-10 {
 +
width: 90%;
 +
}
-
      tabLinks[id].className = 'selected';
+
.grid:after {
 +
content: "";
 +
display: table;
 +
clear: both;
 +
}
-
      contentDivs[id].className = 'tabContent';
+
*, *:after, *:before {
 +
-webkit-box-sizing: border-box;
 +
-moz-box-sizing: border-box;
 +
box-sizing: border-box;
 +
}
-
    }
+
[class*='col-']:last-of-type {
 +
padding-right: 0;
 +
}
-
    else
+
.show {
 +
background-color:#FFFFFF;
 +
color: #081D38;
 +
box-shadow: 0px 0px 25px #888888;
 +
}
-
    {
 
-
      tabLinks[id].className = '';
+
.hide {
 +
background-color: auto;
 +
}
-
      contentDivs[id].className = 'tabContent hide';
+
#pad {
 +
padding: 5px;
 +
}
-
    }
+
body {
 +
background-color:#DFEDFF;
 +
}
-
    }
+
#head {
 +
font-family: 'Open Sans', sans-serif;
 +
}
-
    // Stop the browser following the link
+
#mainhead {
 +
font-family:'Ubuntu', sans-serif;
 +
font-size: 50px;
 +
}
-
    return false;
+
a{text-decoration:none;}
-
  }
+
#navbar > div > a > p.show {
 +
box-shadow: 10px 10px 5px #888888;
 +
}
-
  function getFirstChildWithTagName( element, tagName )
+
.currentpage {
 +
background-color:#FFFFFF;
 +
color: #081D38;
 +
box-shadow: 0px 0px 25px #888888;
 +
}
-
  {
+
#navbar > div > a :hover{
 +
background-color: #C1CDCd;
 +
color: #081D38;
 +
}
-
    for ( var i = 0; i < element.childNodes.length; i++ )
+
#navbar > div > a:active > p.show {
 +
box-shadow: 0px 0px 25px #888888;
 +
}
 +
 +
.image-wrapper
 +
{
 +
position: relative;
 +
}
-
    {
+
.scale-image
-
 
+
{
-
    if ( element.childNodes[i].nodeName == tagName )
+
height: 100%;
-
 
+
width: 100%;
-
    return element.childNodes[i];
+
}
-
 
+
/* Styling for the title (Month and Year) of the calendar */
-
    }
+
div.title
-
 
+
            {
-
  }
+
    font: x-large Verdana, Arial, Helvetica, sans-serif;
-
 
+
        text-align: center;
-
  function getHash( url )
+
    height: 40px;
-
 
+
    background-color: white;
-
  {
+
    color: black;
-
 
+
    }
-
    var hashPos = url.lastIndexOf ( '#' );
+
/* Styling for the footer */
-
 
+
div.footer
-
    return url.substring( hashPos + 1 );
+
            {
-
 
+
  font: small Verdana, Arial, Helvetica, sans-serif;
-
  }
+
                text-align: center;
-
 
+
    }
-
  </script>
+
/* Styling for the overall table */
-
 
+
table
-
</head>
+
            {
-
 
+
    font: 100% Verdana, Arial, Helvetica, sans-serif;
-
 
+
    table-layout: fixed;
-
 
+
    border-collapse: collapse;
-
<body onload="init()" background-image=" url("http://images.dailytech.com/nimage/Nyan_Cat_Wide.jpg")">
+
    width: 100%;
-
 
+
    }
-
  <!--main content →
+
/* Styling for the column headers (days of the week) */
-
 
+
th
-
 
+
            {
-
  <!--Tabs(NOT SLIDESHOW!) -->
+
    padding: 0 0.5em;
-
 
+
    text-align: center;
-
<div style="padding-left: 10px;">
+
    background-color:gray;
-
 
+
    color:white;
-
  <ul id="tabs">
+
    }
-
 
+
/* Styling for the individual cells (days) */
-
    <li><a href="https://2014.igem.org/Team:Gaston_Day_School#home">Home</a></li>
+
td 
-
 
+
            {      
-
     <li><a href="https://2014.igem.org/Team:Gaston_Day_School/Team#team">Members</a></li>
+
    font-size: medium;
-
 
+
    padding: 0.25em 0.25em; 
-
    <li><a href="https://2014.igem.org/Team:Gaston_Day_School/Project#project">Project</a></li>
+
    width: 14%;
-
 
+
    height: 80px;
-
     <li><a href="https://2014.igem.org/Team:Gaston_Day_School/Measurementtrack#measure">Measurement Track</a></li>
+
    text-align: left;
-
 
+
    vertical-align: top;
-
    <li><a href="https://2014.igem.org/Team:Gaston_Day_School/Parts#parts">Parts</a></li>
+
    }
-
 
+
/* Styling for the date numbers */
-
    <li><a href="https://2014.igem.org/Team:Gaston_Day_School/Modeling#models">Models</a></li>
+
.date 
-
 
+
            {      
-
    <li><a href="https://2014.igem.org/Team:Gaston_Day_School/Notebook#notebook">Notebook</a></li>
+
    font-size: large;
-
 
+
    padding: 0.25em 0.25em; 
-
    <li><a href="https://2014.igem.org/Team:Gaston_Day_School/Safety#safety">Safety</a></li>
+
    text-align: left;
-
 
+
    vertical-align: top;
-
    <li><a href="https://2014.igem.org/Team:Gaston_Day_School/Attributions#attrib">Attributions</a></li>
+
    }
-
 
+
</style>
-
    <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>
+
        <script>
-
 
+
            var monthSelector = 0;
-
  </ul>
+
function count(direction)
-
 
+
            {
-
  <!--Tab Content-->
+
                if (direction == "up")
-
 
+
                {
-
  <div class="tabContent" id="home">
+
                    monthSelector++;
-
 
+
                }
-
    <h2>Home</h2>
+
                else if (direction == "down")
-
 
+
                {
-
                  <p> in tha hizzle</p>
+
                    monthSelector--;
-
 
+
                }
-
  </div>
+
               
-
 
+
                if (monthSelector > 6)
-
  <div class="tabContent" id="team">
+
                {
-
 
+
                    monthSelector = 0;
-
    <h2>Team</h2>
+
                }
-
 
+
                else if (monthSelector < 0)
-
    <p>Teem stuff</p>
+
                {
-
 
+
                    monthSelector = 6;
-
  </div>
+
                }
-
 
+
                console.log(monthSelector);
-
  <div class="tabContent" id="project">
+
                refresh();
 +
            };
 +
           
 +
            window.onload = function() {refresh()};
 +
           
 +
            function refresh()
 +
            {
 +
                var calendar = new Array(7);
 +
                for (var y = 0; y < 7; y++)
 +
                {
 +
                    calendar[y] = document.getElementById("month" + y.toString());
 +
                    if (monthSelector == y)
 +
                    {
 +
                        calendar[y].style.display = "table-row";
 +
                    }
 +
                    else
 +
                    {
 +
                        calendar[y].style.display = "none";
 +
}
 +
                }
 +
            };
 +
    </script>
 +
</head>
-
    <h2>Project</h2>
+
<body>
 +
<div class="row">
 +
<h1 id="mainhead" style="color:#072751" class="show" align="center">2014 GDS iGEM Notebook Page</p>
 +
            <h2 style="color:#072751">>Notebook</h2>
 +
</div>
 +
<div class="grid-pad" align="center" id="navbar">
 +
<div class="col-1-9">
 +
<a href="https://2014.igem.org/Team:Gaston_Day_School#home"><p class="show" id="pad">Home<p></a>
 +
</div>
 +
<div class="col-1-9">
 +
                <a href="https://2014.igem.org/Team:Gaston_Day_School/Team#team">
 +
<p class="show" id="pad">Members<p>
 +
                </a>
 +
</div>
 +
<div class="col-1-9">
 +
<a href="https://2014.igem.org/Team:Gaston_Day_School/Project#project">
 +
<p class="show" id="pad">Project<p>
 +
                </a>
 +
</div>
 +
<div class="col-1-9">
 +
<a href="https://2014.igem.org/Team:Gaston_Day_School/Parts#parts">
 +
<p class="show" id="pad">Parts<p>
 +
                </a>
 +
</div>
 +
<div class="col-1-9">
 +
<a href="https://2014.igem.org/Team:Gaston_Day_School/Modeling#models">
 +
<p class="show" id="pad">Models<p>
 +
                </a>
 +
</div>
 +
<div class="col-1-9">
 +
<a href="https://2014.igem.org/Team:Gaston_Day_School/Notebook#notebook">
 +
<p class="currentpage" id="pad">Notebook<p>
 +
                </a>
 +
</div>
 +
<div class="col-1-9">
 +
<a href="https://2014.igem.org/Team:Gaston_Day_School/Safety#safety">
 +
<p class="show" id="pad">Safety<p>
 +
                </a>
 +
</div>
 +
<div class="col-1-9">
 +
                <a href="https://2014.igem.org/Team:Gaston_Day_School/Attributions#attrib">
 +
<p class="show" id="pad">Attributions<p>
 +
                </a>
 +
</div>
 +
<div class="col-1-9">
 +
                <a href="https://2014.igem.org/Main_Page#igem">
 +
<p class="show" id="pad"><img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="19px" position="absolute"><p>
 +
                </a>
 +
</div>
 +
</div>
 +
       
 +
<!--Start Content-->
 +
<div class="col-1-10">
 +
<p class="hide" id="pad"></p>
 +
</div>
 +
 +
<div class="col-8-10">
 +
            <div class="grid-pad">
 +
<div class="col-1-1">
 +
<h2 class="show" id="pad" id="head" style="margin-top: 20px;">Calendar (Click on the Number to Link to Notebook Page)</h2>
 +
                </div>
 +
            </div>
-
    <p>Project things </p>
+
<div class="grid-pad">
 +
<div class="col-1-10">
 +
<p class="hide" id="pad"></p>
 +
</div>
-
  </div>
+
<div class="col-8-10" class="show" id="pad">
 +
                    <div>
 +
                        <button onclick="count('down')"><--</button>
 +
                        <button onclick="count('up')">--></button>
 +
                    </div>
 +
                    <div id="month6">
 +
<div class="title">October 2014</div>
 +
<table border="1">
 +
<tr>
 +
                                <th>Sun</th>
 +
                                <th>Mon</th>
 +
                                <th>Tue</th>
 +
                                <th>Wed</th>
 +
                                <th>Thu</th>
 +
                                <th>Fri</th>
 +
                                <th>Sat</th>
 +
                            </tr>
 +
<tr>
 +
                                <td>
 +
                                    <span class="date">&nbsp;</span>
 +
                                </td>
 +
                                <td>
 +
                                    <span class="date">&nbsp;</span>
 +
                                </td>
 +
                                <td>
 +
                                    <span class="date">&nbsp;</span>
 +
                                </td>
 +
                                <td style="background-color:#66cccc">
 +
                                <span class="date">
 +
                                        <a href="10.1.14cad">1</a>
 +
                              </span>
 +
                            </td>
 +
                                <td style="background-color:#66cccc">
 +
                                <span class="date">
 +
                                        <a href="10.2.14cad">2</a>
 +
                              </span>
 +
                            </td>
 +
                                <td>
 +
                                    <span class="date">3</span>
 +
                                </td>
 +
                                <td>
 +
                                    <span class="date">4</span>
 +
                                </td>
 +
                            </tr>
 +
<tr>
 +
                                <td>
 +
                                    <span class="date">5</span>
 +
                                </td>
 +
                                <td>
 +
                                    <span class="date">6</span>
 +
                                </td>
 +
                                <td>
 +
                                    <span class="date">7</span>
 +
                                </td>
 +
                                <td>
 +
                                    <span class="date">8</span>
 +
                                </td>
 +
                                <td>
 +
                                    <span class="date">9</span>
 +
                                </td>
 +
                                <td>
 +
                                    <span class="date">10</span>
 +
                                </td>
 +
                                <td>
 +
                                    <span class="date">11</span>
 +
                                </td>
 +
                            </tr>
 +
<tr>
 +
                                <td>
 +
                                    <span class="date">12</span>
 +
                                </td>
 +
                                <td>
 +
                                    <span class="date">13</span>
 +
                                </td>
 +
                                <td>
 +
                                    <span class="date">14</span>
 +
                                </td>
 +
                                <td>
 +
                                    <span class="date">15</span>
 +
                                </td>
 +
                                <td>
 +
                                    <span class="date">16</span>
 +
                                </td>
 +
                                <td>
 +
                                    <span class="date">17</span>
 +
                                </td>
 +
                                <td>
 +
                                    <span class="date">18</span>
 +
                                </td>
 +
                            </tr>
 +
<tr>
 +
                                <td>
 +
                                    <span class="date">19</span>
 +
                                </td>
 +
                                <td>
 +
                                    <span class="date">20</span>
 +
                                </td>
 +
                                <td>
 +
                                    <span class="date">21</span>
 +
                                </td>
 +
                                <td>
 +
                                    <span class="date">22</span>
 +
                                </td>
 +
                                <td>
 +
                                    <span class="date">23</span>
 +
                                </td>
 +
                                <td>
 +
                                    <span class="date">24</span>
 +
                                </td>
 +
                                <td>
 +
                                    <span class="date">25</span>
 +
                                </td>
 +
                            </tr>
 +
<tr>
 +
                                <td>
 +
                                    <span class="date">26</span>
 +
                                </td>
 +
                                <td>
 +
                                    <span class="date">27</span>
 +
                                </td>
 +
                                <td>
 +
                                    <span class="date">28</span>
 +
                                </td>
 +
                                <td>
 +
                                    <span class="date">29</span>
 +
                                </td>
 +
                                <td>
 +
                                    <span class="date">30</span>
 +
                                </td>
 +
                                <td>
 +
                                    <span class="date">31</span>
 +
                                </td>
 +
                                <td>
 +
                                    <span class="date">&nbsp;</span>
 +
                                </td>
 +
                            </tr>
 +
</table>
 +
                    </div>
 +
 +
                    <div id="month0">
 +
<div class="title">April 2014</div>
 +
<table border="1">
 +
<tr>
 +
                                <th>Sun</th>
 +
                                <th>Mon</th>
 +
                                <th>Tue</th>
 +
                                <th>Wed</th>
 +
                                <th>Thu</th>
 +
                                <th>Fri</th>
 +
                                <th>Sat</th>
 +
                            </tr>
 +
<tr>
 +
                                <td>
 +
                                    <span class="date">&nbsp;</span>
 +
                                </td>
 +
                                <td>
 +
                                    <span class="date">&nbsp;</span>
 +
                                </td>
 +
                                <td>
 +
                                    <span class="date">1</span>
 +
                                </td>
 +
                                <td>
 +
                                    <span class="date">2</span>
 +
                                </td>
 +
                                <td>
 +
                                    <span class="date">3</span>
 +
                                </td>
 +
                                <td>
 +
                                    <span class="date">4</span>
 +
                                </td>
 +
                                <td>
 +
                                    <span class="date">5</span>
 +
                                </td>
 +
                            </tr>
 +
<tr>
 +
                                <td>
 +
                                    <span class="date">6</span>
 +
                                </td>
 +
                                <td>
 +
                                    <span class="date">7</span>
 +
                                </td>
 +
                                <td>
 +
                                    <span class="date">8</span>
 +
                                </td>
 +
                                <td>
 +
                                    <span class="date">9</span>
 +
                                </td>
 +
                                <td>
 +
                                    <span class="date">10</span>
 +
                                </td>
 +
                                <td>
 +
                                    <span class="date">11</span>
 +
                                </td>
 +
                                <td>
 +
                                    <span class="date">12</span>
 +
                                </td>
 +
                            </tr>
 +
<tr>
 +
                                <td>
 +
                                    <span class="date">13</span>
 +
                                </td>
 +
                                <td>
 +
                                    <span class="date">14</span>
 +
                                </td>
 +
                                <td>
 +
                                    <span class="date">15</span>
 +
                                </td>
 +
                                <td>
 +
                                    <span class="date">16</span>
 +
                                </td>
 +
                                <td>
 +
                                    <span class="date">17</span>
 +
                                </td>
 +
                                <td>
 +
                                    <span class="date">18</span>
 +
                                </td>
 +
                                <td>
 +
                                    <span class="date">19</span>
 +
                                </td>
 +
                            </tr>
 +
<tr>
 +
                                <td>
 +
                                    <span class="date">20</span>
 +
                                </td>
 +
                                <td>
 +
                                    <span class="date">21</span>
 +
                                </td>
 +
                                <td>
 +
                                    <span class="date">22</span>
 +
                                </td>
 +
                                <td>
 +
                                    <span class="date">23</span>
 +
                                </td>
 +
                                <td>
 +
                                    <span class="date">24</span>
 +
                                </td>
 +
                                <td>
 +
                                    <span class="date">25</span>
 +
                                </td>
 +
                                <td>
 +
                                    <span class="date">26</span>
 +
                                </td>
 +
                          </tr>
 +
                          <tr>
 +
                                <td>
 +
                                    <span class="date">27</span>
 +
                              </td>
 +
                              <td>
 +
                              <span class="date">28</span>
 +
                              </td>
 +
                              <td>
 +
                                    <span class="date">29</span>
 +
                              </td>
 +
                              <td>
 +
                                    <span class="date">30</span>
 +
                              </td>
 +
                              <td>
 +
                                    <span class="date">&nbsp;</span>
 +
                              </td>
 +
                              <td>
 +
                                    <span class="date">&nbsp;</span>
 +
                              </td>
 +
                              <td>
 +
                                    <span class="date">&nbsp;</span>
 +
                              </td>
 +
                            </tr>
 +
</table>
 +
                    </div>
-
  <div class="tabContent" id="measure">
+
                    <div id="month1">
 +
<div class="title">May 2014</div>
 +
<table border="1">
 +
<tr>
 +
                            <th>Sun</th>
 +
                            <th>Mon</th>
 +
                            <th>Tue</th>
 +
                                <th>Wed</th>
 +
                                <th>Thu</th>
 +
                                <th>Fri</th>
 +
                                <th>Sat</th>
 +
                            </tr>
 +
<tr>
 +
                                <td>
 +
                                    <span class="date">&nbsp;</span>
 +
                                </td>
 +
                                <td>
 +
                                    <span class="date">&nbsp;</span>
 +
                                </td>
 +
                                <td>
 +
                                    <span class="date">&nbsp;</span>
 +
                                </td>
 +
                                <td>
 +
                                    <span class="date">&nbsp;</span>
 +
                                </td>
 +
                                <td>
 +
                                    <span class="date">1</span>
 +
                                </td>
 +
                                <td>
 +
                                    <span class="date">2</span>
 +
                                </td>
 +
                                <td>
 +
                                    <span class="date">3</span>
 +
                                </td>
 +
                            </tr>
 +
<tr>
 +
                                <td>
 +
                                    <span class="date">4</span>
 +
                                </td>
 +
                                <td>
 +
                                    <span class="date">5</span>
 +
                                </td>
 +
                                <td>
 +
                                    <span class="date">6</span>
 +
                                </td>
 +
                                <td>
 +
                                    <span class="date">7</span>
 +
                                </td>
 +
                                <td>
 +
                                    <span class="date">8</span>
 +
                                </td>
 +
                                <td>
 +
                                    <span class="date">9</span>
 +
                                </td>
 +
                                <td>
 +
                                    <span class="date">10</span>
 +
                                </td>
 +
                            </tr>
 +
<tr>
 +
                                <td>
 +
                                    <span class="date">11</span>
 +
                                </td>
 +
                                <td>
 +
                                    <span class="date">12</span>
 +
                                </td>
 +
                                <td>
 +
                                    <span class="date">13</span>
 +
                                </td>
 +
                                <td>
 +
                                    <span class="date">14</span>
 +
                                </td>
 +
                                <td>
 +
                                    <span class="date">15</span>
 +
                                </td>
 +
                                <td>
 +
                                    <span class="date">16</span>
 +
                                </td>
 +
                                <td>
 +
                                    <span class="date">17</span>
 +
                                </td>
 +
                            </tr>
 +
<tr>
 +
                                <td>
 +
                                    <span class="date">18</span>
 +
                                </td>
 +
                                <td>
 +
                                    <span class="date">19</span>
 +
                                </td>
 +
                                <td>
 +
                                    <span class="date">20</span>
 +
                                </td>
 +
                                <td>
 +
                                    <span class="date">21</span>
 +
                                </td>
 +
                                <td>
 +
                                    <span class="date">22</span>
 +
                                </td>
 +
                                <td>
 +
                                    <span class="date">23</span>
 +
                                </td>
 +
                                <td>
 +
                                    <span class="date">24</span>
 +
                                </td>
 +
                            </tr>
 +
<tr>
 +
                                <td>
 +
                                    <span class="date">25</span>
 +
                                </td>
 +
<td>
 +
                                    <span class="date">26</span>
 +
                                </td>
 +
                                <td>
 +
                                    <span class="date">27</span>
 +
                                </td>
 +
                                <td>
 +
                                    <span class="date">28</span>
 +
                                </td>
 +
                                <td>
 +
                                    <span class="date">29</span>
 +
                                </td>
 +
                                <td>
 +
                                    <span class="date">30</span>
 +
                                </td>
 +
                                <td>
 +
                                    <span class="date">31</span>
 +
                                </td>
 +
                            </tr>
 +
</table>
 +
                    </div>
 +
<div id="month2">
 +
<div class="title">June 2014</div>
 +
<table border="1">
 +
        <tr>
 +
                                <th>Sun</th>
 +
                                <th>Mon</th>
 +
                                <th>Tue</th>
 +
                                <th>Wed</th>
 +
                                <th>Thu</th>
 +
                                <th>Fri</th>
 +
                                <th>Sat</th>
 +
                            </tr>
 +
                            <tr>
 +
                                <td>
 +
                                    <span class="date">1</span>
 +
                                </td>
 +
                                <td>
 +
                                    <span class="date">2</span>
 +
                                </td>
 +
                                <td>
 +
                                    <span class="date">3</span>
 +
                                </td>
 +
                                <td>
 +
                                    <span class="date">4</span>
 +
                                </td>
 +
                                <td style="background-color:#66cccc">
 +
                                <span class="date">
 +
                                        <a href="6.5.14cad">5</a>
 +
                              </span>
 +
                            </td>
 +
                                <td style="background-color:#66cccc">
 +
                                    <span class="date">
 +
                                        <a href="6.6.14cad">6</a>
 +
                                    </span>
 +
                                </td>
 +
                                <td>
 +
                                    <span class="date">7</span>
 +
                                </td>
 +
                            </tr>
 +
<tr>
 +
                                <td>
 +
                                    <span class="date">8</span>
 +
                                </td>
 +
                                <td style="background-color:#66cccc">
 +
                                    <span class="date">
 +
                                        <a href="6.9.14cad">9</a>
 +
                                    </span>
 +
                                </td>
 +
                                <td style="background-color:#66cccc">
 +
                                <span class="date">
 +
                                        <a href="6.10.14cad">10</a>
 +
                              </span>
 +
                            </td>                                <td style="background-color:#66cccc">
 +
                                    <span class="date">
 +
                                        <a href="6.11.14cad">11</a>
 +
                                    </span>
 +
                                </td>
 +
                                <td style="background-color:#66cccc">
 +
                                    <span class="date">
 +
                                        <a href="6.12.14cad">12</a>
 +
                                    </span>
 +
                                </td>
 +
                                <td style="background-color:#66cccc">
 +
                                    <span class="date"><a href="6.13.14cad">13</a></span>
 +
                                </td>
 +
                                <td>
 +
                                    <span class="date">14</span>
 +
                                </td>
 +
                            </tr>
 +
                            <tr>
 +
                                <td>
 +
                                    <span class="date">15</span>
 +
                                </td>
 +
                                <td style="background-color:#66cccc">
 +
                                <span class="date">
 +
                                        <a href="6.16.14cad">16</a>
 +
                              </span>
 +
                            </td>
 +
                                <td style="background-color:#66cccc">
 +
                                    <span class="date"><a href="6.17.14cad">17</a></span>
 +
                                </td>
 +
                                <td style="background-color:#66cccc">
 +
                                    <span class="date"><a href="6.18.14cad">18</a></span>
 +
                                </td>
 +
                                <td style="background-color:#66cccc">
 +
                                    <span class="date"><a href="6.19.14cad">19</a></span>
 +
                                </td>
 +
                                <td style="background-color:#66cccc">
 +
                                    <span class="date"><a href="6.20.14cad">20</a></span>
 +
                                </td>
 +
                                <td>
 +
                                    <span class="date">21</span>
 +
                                </td>
 +
                            </tr>
-
    <h2>Measurement Track</h2>
+
                            <tr>
 +
                                <td>
 +
                                    <span class="date">22</span>
 +
                                </td>
 +
                                <td>
 +
                                    <span class="date">23</span>
 +
                                </td>
 +
                                <td>
 +
                                    <span class="date">24</span>
 +
                                </td>
 +
                                <td>
 +
                                    <span class="date">25</span>
 +
                                </td>
 +
                                <td>
 +
                                    <span class="date">26</span>
 +
                                </td>
 +
                                <td>
 +
                                    <span class="date">27</span>
 +
                                </td>
 +
                                <td>
 +
                                    <span class="date">28</span>
 +
                                </td>
 +
                            </tr>
-
    <p>Measurement stuff </p>
+
                            <tr>
 +
                                <td>
 +
                                    <span class="date">29</span>
 +
                                </td>
 +
                                <td>
 +
                                    <span class="date">30</span>
 +
                                </td>
 +
                                <td>
 +
                                    <span class="date">&nbsp;</span>
 +
                                </td>
 +
                                <td>
 +
                                    <span class="date">&nbsp;</span>
 +
                                </td>
 +
                                <td>
 +
                                    <span class="date">&nbsp;</span>
 +
                                </td>
 +
                                <td>
 +
                                    <span class="date">&nbsp;</span>
 +
                                </td>
 +
                                <td>
 +
                                    <span class="date">&nbsp;</span>
 +
                                </td>
 +
                            </tr>
 +
</table>
 +
                    </div>
 +
                    <div id="month3">
 +
<div class="title">July 2014</div>
 +
<table border="1">
-
  </div>
+
                            <tr>
 +
                                <th>Sun</th>
 +
                                <th>Mon</th>
 +
                                <th>Tue</th>
 +
                                <th>Wed</th>
 +
                                <th>Thu</th>
 +
                                <th>Fri</th>
 +
                                <th>Sat</th>
 +
                            </tr>
-
  <div class="tabContent" id="parts">
+
                            <tr>
 +
                                <td>
 +
                                    <span class="date">&nbsp;</span>
 +
                                </td>
 +
                                <td>
 +
                                    <span class="date">&nbsp;</span>
 +
                                </td>
 +
                                <td>
 +
                                    <span class="date">1</span>
 +
                                </td>
 +
                                <td>
 +
                                    <span class="date">2</span>
 +
                                </td>
 +
                                <td>
 +
                                    <span class="date">3</span>
 +
                                </td>
 +
                                <td>
 +
                                    <span class="date">4</span>
 +
                                </td>
 +
                                <td>
 +
                                    <span class="date">5</span>
 +
                                </td>
 +
                            </tr>
-
  <h2>Parts</h2>
+
                            <tr>
 +
                                <td>
 +
                                    <span class="date">6</span>
 +
                                </td>
 +
                                <td>
 +
                                    <span class="date">7</span>
 +
                                </td>
 +
                                <td>
 +
                                    <span class="date">8</span>
 +
                                </td>
 +
                                <td>
 +
                                    <span class="date">9</span>
 +
                                </td>
 +
                                <td>
 +
                                    <span class="date">10</span>
 +
                                </td>
 +
                                <td>
 +
                                    <span class="date">11</span>
 +
                                </td>
 +
                                <td>
 +
                                    <span class="date">12</span>
 +
                                </td>
 +
                            </tr>
-
    <p>Parts </p>
+
                            <tr>
 +
                                <td>
 +
                                    <span class="date">13</span>
 +
                                </td>
 +
                                <td>
 +
                                    <span class="date">14</span>
 +
                                </td>
 +
                                <td style="background-color:#66cccc">
 +
                                    <span class="date"><a href="7.15.14cad">15</a></span>
 +
                                </td>
 +
                                <td style="background-color:#66cccc">
 +
                                    <span class="date"><a href="7.16.14cad">16</a></span>
 +
                                </td>
 +
                                <td>
 +
                                    <span class="date">17</span>
 +
                                </td>
 +
                              <td style="background-color:#66cccc">
 +
                                    <span class="date"><a href="7.18.14cad">18</a></span>
 +
                                </td>
 +
                              <td style="background-color:#66cccc">
 +
                                <span class="date">
 +
                                        <a href="7.19.14cad">19</a>
 +
                              </span>
 +
                            </td>
 +
                            </tr>
-
  </div>
+
                            <tr>
 +
                                <td>
 +
                                    <span class="date">20</span>
 +
                                </td>
 +
                                <td style="background-color:#66cccc">
 +
                                    <span class="date"><a href="7.21.14cad">21</a></span>
 +
                                </td>
 +
                                <td style="background-color:#66cccc">
 +
                                    <span class="date"><a href="7.22.14cad">22</a></span>
 +
                                </td>
 +
                                <td style="background-color:#66cccc">
 +
                                <span class="date">
 +
                                        <a href="7.23.14cad">23</a>
 +
                              </span>
 +
                            </td>
 +
                                <td style="background-color:#66cccc">
 +
                                    <span class="date"><a href="7.24.14cad">24</a></span>
 +
                                </td>
-
<div class="tabContent" id="models">
+
                                <td style="background-color:#66cccc">
 +
                                    <span class="date"><a href="7.25.14cad">25</a></span>
 +
                                </td>
-
<h2>Models</h2>
+
                                <td>
-
<p>Models </p>
+
                                    <span class="date">26</span>
-
</div>
+
                                </td>
 +
                            </tr>
-
<div class="tabContent" id="notebook">
+
                            <tr>
-
<h2>Notebook</h2>
+
                                <td>
-
<p>Notebook writings </p>
+
                                    <span class="date">27</span>
-
</div>
+
                                </td>
 +
                                <td>
 +
                                    <span class="date">28</span>
 +
                                </td>
 +
                                <td style="background-color:#66cccc">
 +
                                    <span class="date"><a href="7.29.14cad">29</a></span>
 +
                                </td>
-
<div class="tabContent" id="safety">
+
                                <td style="background-color:#66cccc">
-
<h2>Safety</h2>
+
                                    <span class="date"><a href="7.30.14cad">30</a></span>
-
<p>Safety shloop  </p>
+
                                </td>
-
</div>
+
-
<div class="tabContent" id="attrib">
+
                                <td>
-
<h2>Attributions</h2>
+
                                    <span class="date">31</span>
-
<p>Attributes 'n shiz </p>
+
                                </td>
-
</div>
+
                                <td>
 +
                                    <span class="date">&nbsp;</span>
 +
                                </td>
 +
                                <td>
 +
                                    <span class="date">&nbsp;</span>
 +
                                </td>
 +
                            </tr>
 +
                    </table>
 +
                </div>
 +
<div id="month4">
 +
<div class="title">August 2014</div>
 +
<table border="1">
 +
                        <tr>
 +
                            <th>Sun</th>
 +
                            <th>Mon</th>
 +
                            <th>Tue</th>
 +
                            <th>Wed</th>
 +
                            <th>Thu</th>
 +
                            <th>Fri</th>
 +
                            <th>Sat</th>
 +
                        </tr>
 +
                        <tr>
 +
                            <td>
 +
                                <span class="date">&nbsp;</span></td><td><span class="date">&nbsp;</span>
 +
                            </td>
 +
                            <td>
 +
                                <span class="date">&nbsp;</span></td><td><span class="date">&nbsp;</span>
 +
                            </td>
 +
                            <td>
 +
                                <span class="date">&nbsp;</span>
 +
                            </td>
 +
                            <td>
 +
                                <span class="date">1</span>
 +
                            </td>
 +
                            <td>
 +
                                <span class="date">2</span>
 +
                            </td>
 +
                        </tr>
 +
                        <tr>
 +
                            <td style="background-color:#66cccc">
 +
                                    <span class="date"><a href="8.3.14cad">3</a></span>
 +
                            </td>
 +
                            <td style="background-color:#66cccc">
 +
                                    <span class="date"><a href="8.4.14cad">4</a></span>
 +
                            </td>
 +
                            <td style="background-color:#66cccc">
 +
                                <span class="date">
 +
                                    <a href="8.5.14cad">5</a>
 +
                                </span>
 +
                            </td>
 +
                            <td>
 +
                                <span class="date">6</span>
 +
                            </td>
 +
                            <td>
 +
                                <span class="date">7</span>
 +
                            </td>
 +
                            <td>
 +
                                <span class="date">8</span>
 +
                            </td>
 +
                            <td>
 +
                                <span class="date">9</span>
 +
                            </td>
 +
                        </tr>
 +
                        <tr>
 +
                            <td>
 +
                                <span class="date">10</span>
 +
                            </td>
 +
                            <td>
 +
                                <span class="date">11</span>
 +
                            </td>
 +
                            <td style="background-color:#66cccc">
 +
                                <span class="date">
 +
                                    <a href="8.12.14cad">12</a>
 +
                                </span>
 +
                            </td>
 +
                            <td>
 +
                                <span class="date">13</span>
 +
                            </td>
 +
                            <td>
 +
                                <span class="date">14</span>
 +
                            </td>
 +
                            <td>
 +
                                <span class="date">15</span>
 +
                            </td>
 +
                            <td>
 +
                                <span class="date">16</span>
 +
                            </td>
 +
                        </tr>
 +
                        <tr>
 +
                            <td>
 +
                                <span class="date">17</span>
 +
                            </td>
 +
                            <td>
 +
                                <span class="date">18</span>
 +
                            </td>
 +
                            <td>
 +
                                <span class="date">19</span>
 +
                            </td>
 +
                            <td>
 +
                                <span class="date">20</span>
 +
                            </td>
 +
                            <td style="background-color:#66cccc">
 +
                                <span class="date">
 +
                                    <a href="8.21.14cad">21</a>
 +
                                </span>
 +
                            </td>
 +
                            <td>
 +
                                <span class="date">22</span>
 +
                            </td>
 +
                            <td>
 +
                                <span class="date">23</span>
 +
                            </td>
 +
                        </tr>
 +
                        <tr>
 +
                            <td>
 +
                                <span class="date">24</span>
 +
                            </td>
 +
                            <td>
 +
                                <span class="date">25</span>
 +
                            </td>
 +
                            <td>
 +
                                <span class="date">26</span>
 +
                            </td>
 +
                            <td>
 +
                                <span class="date">27</span>
 +
                            </td>
 +
                            <td style="background-color:#66cccc">
 +
                                <span class="date">
 +
                                    <a href="8.28.14cad">28</a>
 +
                                </span>
 +
                            </td>
 +
                            <td>
 +
                                <span class="date">29</span>
 +
                            </td>
 +
                            <td>
 +
                                <span class="date">30</span>
 +
                            </td>
 +
                        </tr>
 +
                        <tr>
 +
                            <td>
 +
                                <span class="date">31</span>
 +
                            </td>
 +
                            <td>
 +
                                <span class="date">&nbsp;</span>
 +
                            </td>
 +
                            <td>
 +
                                <span class="date">&nbsp;</span>
 +
                            </td>
 +
                            <td>
 +
                                <span class="date">&nbsp;</span>
 +
                            </td>
 +
                            <td>
 +
                                <span class="date">&nbsp;</span>
 +
                            </td>
 +
                            <td>
 +
                                <span class="date">&nbsp;</span>
 +
                            </td>
 +
                            <td>
 +
                                <span class="date">&nbsp;</span>
 +
                            </td>
 +
                        </tr>
 +
                    </table>
 +
                </div>
 +
                <div id="month5">
 +
                <div class="title">September 2014</div>
 +
                <table border="1">
 +
                    <tr>
 +
                        <th>Sun</th>
 +
                        <th>Mon</th>
 +
                        <th>Tue</th>
 +
                        <th>Wed</th>
 +
                        <th>Thu</th>
 +
                        <th>Fri</th>
 +
                        <th>Sat</th>
 +
                    </tr>
 +
                    <tr>
 +
                        <td>
 +
                            <span class="date">&nbsp;</span>
 +
                        </td>
 +
                        <td>
 +
                            <span class="date">1</span>
 +
                        </td>
 +
                        <td>
 +
                            <span class="date">2</span>
 +
                        </td>
 +
                        <td>
 +
                            <span class="date">3</span>
 +
                        </td>
 +
                        <td style="background-color:#66cccc">
 +
                                <span class="date">
 +
                                    <a href="9.4.14cad">4</a>
 +
                                </span>
 +
                            </td>
 +
                        <td>
 +
                            <span class="date">5</span>
 +
                        </td>
 +
                        <td>
 +
                            <span class="date">6</span>
 +
                        </td>
 +
                    </tr>
 +
                    <tr>
 +
                        <td>
 +
                            <span class="date">7</span>
 +
                        </td>
 +
                        <td>
 +
                            <span class="date">8</span>
 +
                        </td>
 +
                        <td>
 +
                            <span class="date">9</span>
 +
                        </td>
 +
                        <td>
 +
                            <span class="date">10</span>
 +
                        </td>
 +
                        <td style="background-color:#66cccc">
 +
                                <span class="date">
 +
                                    <a href="9.11.14cad">11</a>
 +
                                </span>
 +
                            </td>
 +
                      <td>
 +
                            <span class="date">12</span>
 +
                        </td>
 +
                        <td>
 +
                            <span class="date">13</span>
 +
                        </td>
 +
                    </tr>
 +
                    <tr>
 +
                        <td style="background-color:#66cccc">
 +
                                <span class="date">
 +
                                    <a href="9.14.14cad">14</a>
 +
                                </span>
 +
                            </td>
 +
                        <td>
 +
                            <span class="date">15</span>
 +
                        </td>
 +
                        <td>
 +
                            <span class="date">16</span>
 +
                        </td>
 +
                        <td>
 +
                            <span class="date">17</span>
 +
                        </td>
 +
                        <td style="background-color:#66cccc">
 +
                                <span class="date">
 +
                                    <a href="9.18.14cad">18</a>
 +
                                </span>
 +
                            </td>
 +
                        <td>
 +
                            <span class="date">19</span>
 +
                        </td>
 +
                        <td>
 +
                            <span class="date">20</span>
 +
                        </td>
 +
                    </tr>
 +
                    <tr>
 +
                        <td>
 +
                            <span class="date">21</span>
 +
                        </td>
 +
                        <td>
 +
                            <span class="date">22</span>
 +
                        </td>
 +
                        <td>
 +
                            <span class="date">23</span>
 +
                        </td>
 +
                        <td>
 +
                            <span class="date">24</span>
 +
                        </td>
 +
                        <td style="background-color:#66cccc">
 +
                                <span class="date">
 +
                                    <a href="9.25.14cad">25</a>
 +
                                </span>
 +
                            </td>
 +
                        <td>
 +
                            <span class="date">26</span>
 +
                        </td>
 +
                        <td>
 +
                            <span class="date">27</span>
 +
                        </td>
 +
                    </tr>
 +
                    <tr>
 +
                        <td>
 +
                            <span class="date">28</span>
 +
                        </td>
 +
                        <td>
 +
                            <span class="date">29</span>
 +
                        </td>
 +
                        <td style="background-color:#66cccc">
 +
                                <span class="date">
 +
                                    <a href="9.30.14cad">30</a>
 +
                                </span>
 +
                            </td>
 +
                        <td>
 +
                            <span class="date">&nbsp;</span>
 +
                        </td>
 +
                        <td>
 +
                            <span class="date">&nbsp;</span>
 +
                        </td>
 +
                        <td>
 +
                            <span class="date">&nbsp;</span>
 +
                        </td>
 +
                        <td>
 +
                            <span class="date">&nbsp;</span>
 +
                        </td>
 +
                    </tr>
 +
                    </table>
 +
                </div>
 +
                           
 +
<div class="footer">Generated by <a href="http://freehtmlcalendar.com">FreeHTMLCalendar.com</a> Copyright &copy; 2011 John Dalbey.</div>
-
<div class="tabContent" id="igem">
+
                <div class="col-1-10">
-
<h2>Homepage</h2>
+
                        <p class="hide" id="pad"></p>
-
<p>Go to, ja!</p>
+
                </div>
-
</div>
+
        <div class="col-1-10">
-
+
<p class="hide" id="pad"></p>
 +
</div>
 +
</body>
</html>
</html>

Latest revision as of 03:40, 18 October 2014

2014 GDS iGEM Notebook Page

>Notebook

Calendar (Click on the Number to Link to Notebook Page)

October 2014
Sun Mon Tue Wed Thu Fri Sat
      1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31  
April 2014
Sun Mon Tue Wed Thu Fri Sat
    1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30      
May 2014
Sun Mon Tue Wed Thu Fri Sat
        1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31
June 2014
Sun Mon Tue Wed Thu Fri Sat
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30          
July 2014
Sun Mon Tue Wed Thu Fri Sat
    1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31    
August 2014
Sun Mon Tue Wed Thu Fri Sat
        1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31            
September 2014
Sun Mon Tue Wed Thu Fri Sat
  1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30