Team:Gothenburg/Calendar

From 2014.igem.org

(Difference between revisions)
m (Styling)
(More fixing)
Line 48: Line 48:
/* Table styling ends here */
/* Table styling ends here */
-
         #content1 {
+
         #contentDialog {
             min-height: 100px;
             min-height: 100px;
             width: 500px;
             width: 500px;
 +
            background-color: white;
 +
            border: 2px solid green;
             margin: 2em;
             margin: 2em;
-
             border: 2px solid #008000;
+
            display: none;
 +
            position: fixed;
 +
            top: 5%;
 +
            left: 25%;
 +
            width: 50%;
 +
            height: 75%;
 +
            padding: 16px;
 +
             border: 16px solid #ED6D22;
 +
            background-color: white;
 +
            z-index:1002;
 +
            overflow: auto;
         }
         }
-
</style>
+
        /*
 +
        * Hide from both screenreaders and browsers: h5bp.com/u
 +
        */
-
<script type="text/javascript">
+
        .hidden {
 +
            display: none !important;
 +
            visibility: hidden;
 +
        }
-
$( ".date" ).click(function() {
+
</style>
-
showContentOf(this.id);
+
</head>
-
});
 
-
 
-
 
-
function showContentOf(dateId) { //pass parameter with quotes like '2014-06-28'
 
-
 
-
var selectedContent = $( "#" + dateId + ">span").html();
 
-
 
-
$( "#content1" ).html( selectedContent );
 
-
}
 
-
 
-
</script>
 
-
 
-
</head>
 
<body>
<body>
-
     <article id="content1">
+
     <article id="contentDialog" title="Content">
-
 
+
        Click a date with posts to show the content, or click outside this box to close it!
     </article>
     </article>
-
<section id="calendar">
+
    <section id="calendar">
-
    <table id="june">
+
        <table id="june">
-
        <tr class="week">
+
            <tr class="week">
-
            <td id="2014-05-26" class="date last-month">
+
                <td id="2014-05-26" class="date last-month">
-
                <h1>26</h1>
+
                    <h1>26</h1>
-
                 <ul class="titles">
+
                    <ul class="titles">
-
                     <li>Title one</li>
+
                        <li>Title one</li>
-
                     <li>Title two</li>
+
                        <li>Title two</li>
-
                 </ul>
+
                    </ul>
-
                 <span class="hidden">This is where all the information goes!</span>
+
                    <span class="hidden">This is where all the information goes!</span>
-
            </td>
+
                 </td>
 +
               
 +
                <td id="2014-05-27" class="date last-month">
 +
                    <h1>27</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                     </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                </td>
 +
               
 +
                <td id="2014-05-28" class="date last-month">
 +
                    <h1>28</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                     </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                </td>
 +
               
 +
                <td id="2014-05-29" class="date last-month">
 +
                    <h1>29</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                    </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                 </td>
 +
               
 +
                <td id="2014-05-30" class="date last-month">
 +
                    <h1>30</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                    </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                 </td>
 +
               
 +
                <td id="2014-05-31" class="date last-month">
 +
                    <h1>31</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                    </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                </td>
 +
               
 +
                <td id="2014-06-01" class="date">
 +
                    <h1>1</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                    </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                </td>
 +
            </tr>
              
              
-
             <td id="2014-05-27" class="date last-month">
+
             <tr class="week">
-
                 <h1>27</h1>
+
                <td id="2014-06-02" class="date">
-
                 <ul class="titles">
+
                    <h1>2</h1>
-
                     <li>Title one</li>
+
                    <ul class="titles">
-
                     <li>Title two</li>
+
                        <li>Title one</li>
-
                 </ul>
+
                        <li>Title two</li>
-
                 <span class="hidden">This is where all the information goes!</span>
+
                    </ul>
-
            </td>
+
                    <span class="hidden">This is where all the information goes 2!</span>
 +
                 </td>
 +
               
 +
                <td id="2014-06-03" class="date">
 +
                    <h1>3</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                    </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                 </td>
 +
               
 +
                <td id="2014-06-04" class="date">
 +
                    <h1>4</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                     </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                </td>
 +
               
 +
                <td id="2014-06-05" class="date">
 +
                    <h1>5</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                     </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                </td>
 +
               
 +
                <td id="2014-06-06" class="date">
 +
                    <h1>6</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                    </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                 </td>
 +
               
 +
                <td id="2014-06-07" class="date">
 +
                    <h1>7</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                    </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                 </td>
 +
               
 +
                <td id="2014-06-08" class="date">
 +
                    <h1>8</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                    </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                </td>
 +
            </tr>
              
              
-
             <td id="2014-05-28" class="date last-month">
+
             <tr class="week">
-
                 <h1>28</h1>
+
                <td id="2014-06-09" class="date">
-
                 <ul class="titles">
+
                    <h1>9</h1>
-
                     <li>Title one</li>
+
                    <ul class="titles">
-
                     <li>Title two</li>
+
                        <li>Title one</li>
-
                 </ul>
+
                        <li>Title two</li>
-
                 <span class="hidden">This is where all the information goes!</span>
+
                    </ul>
-
            </td>
+
                    <span class="hidden">This is where all the information goes 2!</span>
 +
                 </td>
 +
               
 +
                <td id="2014-06-10" class="date">
 +
                    <h1>10</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                    </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                 </td>
 +
               
 +
                <td id="2014-06-11" class="date">
 +
                    <h1>11</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                     </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                </td>
 +
               
 +
                <td id="2014-06-12" class="date">
 +
                    <h1>12</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                     </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                </td>
 +
               
 +
                <td id="2014-06-13" class="date">
 +
                    <h1>13</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                    </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                 </td>
 +
               
 +
                <td id="2014-06-14" class="date">
 +
                    <h1>14</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                    </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                 </td>
 +
               
 +
                <td id="2014-06-15" class="date">
 +
                    <h1>15</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                    </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                </td>
 +
            </tr>
              
              
-
             <td id="2014-05-29" class="date last-month">
+
             <tr class="week">
-
                 <h1>29</h1>
+
                <td id="2014-06-16" class="date">
-
                 <ul class="titles">
+
                    <h1>16</h1>
-
                     <li>Title one</li>
+
                    <ul class="titles">
-
                     <li>Title two</li>
+
                        <li>Title one</li>
-
                 </ul>
+
                        <li>Title two</li>
-
                 <span class="hidden">This is where all the information goes!</span>
+
                    </ul>
-
            </td>
+
                    <span class="hidden">This is where all the information goes 2!</span>
 +
                 </td>
 +
               
 +
                <td id="2014-06-17" class="date">
 +
                    <h1>17</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                    </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                 </td>
 +
               
 +
                <td id="2014-06-18" class="date">
 +
                    <h1>18</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                     </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                </td>
 +
               
 +
                <td id="2014-06-19" class="date">
 +
                    <h1>19</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                     </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                </td>
 +
               
 +
                <td id="2014-06-20" class="date">
 +
                    <h1>20</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                    </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                 </td>
 +
               
 +
                <td id="2014-06-21" class="date">
 +
                    <h1>21</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                    </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                 </td>
 +
               
 +
                <td id="2014-06-22" class="date">
 +
                    <h1>22</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                    </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                </td>
 +
            </tr>
              
              
-
             <td id="2014-05-30" class="date last-month">
+
             <tr class="week">
-
                 <h1>30</h1>
+
                <td id="2014-06-23" class="date">
-
                 <ul class="titles">
+
                    <h1>23</h1>
-
                     <li>Title one</li>
+
                    <ul class="titles">
-
                     <li>Title two</li>
+
                        <li>Title one</li>
-
                 </ul>
+
                        <li>Title two</li>
-
                 <span class="hidden">This is where all the information goes!</span>
+
                    </ul>
-
            </td>
+
                    <span class="hidden">This is where all the information goes 2!</span>
 +
                 </td>
 +
               
 +
                <td id="2014-06-24" class="date">
 +
                    <h1>24</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                    </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                 </td>
 +
               
 +
                <td id="2014-06-25" class="date">
 +
                    <h1>25</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                     </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                </td>
 +
               
 +
                <td id="2014-06-26" class="date">
 +
                    <h1>26</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                     </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                </td>
 +
               
 +
                <td id="2014-06-27" class="date">
 +
                    <h1>27</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                    </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                 </td>
 +
               
 +
                <td id="2014-06-28" class="date">
 +
                    <h1>28</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                    </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                 </td>
 +
               
 +
                <td id="2014-06-29" class="date">
 +
                    <h1>29</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                    </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                </td>
 +
            </tr>
              
              
-
             <td id="2014-05-31" class="date last-month">
+
             <tr class="week">
-
                <h1>31</h1>
+
                <td id="2014-06-30" class="date">
-
                 <ul class="titles">
+
                    <h1>30</h1>
-
                     <li>Title one</li>
+
                    <ul class="titles">
-
                     <li>Title two</li>
+
                        <li>Title one</li>
-
                 </ul>
+
                        <li>Title two</li>
-
                 <span class="hidden">This is where all the information goes!</span>
+
                    </ul>
-
            </td>
+
                    <span class="hidden">This is where all the information goes!</span>
 +
                </td>
 +
               
 +
                <td id="2014-07-01" class="date next-month"> <!-- My birthday -->
 +
                    <h1>1</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                    </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                 </td>
 +
               
 +
                <td id="2014-07-02" class="date next-month">
 +
                    <h1>2</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                     </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                </td>
 +
               
 +
                <td id="2014-07-03" class="date next-month">
 +
                    <h1>3</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                     </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                </td>
 +
               
 +
                <td id="2014-07-04" class="date next-month">
 +
                    <h1>4</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                    </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                 </td>
 +
               
 +
                <td id="2014-07-05" class="date next-month">
 +
                    <h1>5</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                    </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                 </td>
 +
               
 +
                <td id="2014-07-06" class="date next-month">
 +
                    <h1>6</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                    </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                </td>
 +
            </tr>
 +
        </table>
              
              
-
             <td id="2014-06-01" class="date">
+
        <table id="july">
-
                <h1>1</h1>
+
             <tr class="week">
-
                <ul class="titles">
+
                <td id="2014-06-30" class="date last-month">
-
                    <li>Title one</li>
+
                    <h1>30</h1>
-
                    <li>Title two</li>
+
                    <ul class="titles">
-
                </ul>
+
                        <li>Title one</li>
-
                <span class="hidden">This is where all the information goes!</span>
+
                        <li>Title two</li>
-
            </td>
+
                    </ul>
-
        </tr>
+
                    <span class="hidden">This is where all the information goes!</span>
-
       
+
                </td>
-
        <tr class="week">
+
               
-
            <td id="2014-06-02" class="date">
+
                <td id="2014-07-01" class="date"> <!-- My birthday -->
-
                <h1>2</h1>
+
                    <h1>1</h1>
-
                <ul class="titles">
+
                    <ul class="titles">
-
                     <li>Title one</li>
+
                        <li>Title one</li>
-
                     <li>Title two</li>
+
                        <li>Title two</li>
-
                 </ul>
+
                    </ul>
-
                 <span class="hidden">This is where all the information goes 2!</span>
+
                    <span class="hidden">This is where all the information goes!</span>
-
            </td>
+
                </td>
 +
               
 +
                <td id="2014-07-02" class="date">
 +
                    <h1>2</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                     </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                </td>
 +
               
 +
                <td id="2014-07-03" class="date">
 +
                    <h1>3</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                     </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                </td>
 +
               
 +
                <td id="2014-07-04" class="date">
 +
                    <h1>4</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                    </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                 </td>
 +
               
 +
                <td id="2014-07-05" class="date">
 +
                    <h1>5</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                    </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                 </td>
 +
               
 +
                <td id="2014-07-06" class="date">
 +
                    <h1>6</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                    </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                </td>
 +
            </tr>
              
              
-
             <td id="2014-06-03" class="date">
+
             <tr class="week">
-
                 <h1>3</h1>
+
                <td id="2014-07-07" class="date">
-
                 <ul class="titles">
+
                    <h1>7</h1>
-
                     <li>Title one</li>
+
                    <ul class="titles">
-
                     <li>Title two</li>
+
                        <li>Title one</li>
-
                 </ul>
+
                        <li>Title two</li>
-
                 <span class="hidden">This is where all the information goes!</span>
+
                    </ul>
-
            </td>
+
                    <span class="hidden">This is where all the information goes!</span>
 +
                 </td>
 +
               
 +
                <td id="2014-07-08" class="date">
 +
                    <h1>8</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                    </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                 </td>
 +
               
 +
                <td id="2014-07-09" class="date">
 +
                    <h1>9</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                     </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                </td>
 +
               
 +
                <td id="2014-07-10" class="date">
 +
                    <h1>10</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                     </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                </td>
 +
               
 +
                <td id="2014-07-11" class="date">
 +
                    <h1>11</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                    </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                 </td>
 +
               
 +
                <td id="2014-07-12" class="date">
 +
                    <h1>12</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                    </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                 </td>
 +
               
 +
                <td id="2014-07-13" class="date">
 +
                    <h1>13</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                    </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                </td>
 +
            </tr>
              
              
-
             <td id="2014-06-04" class="date">
+
             <tr class="week">
-
                 <h1>4</h1>
+
                <td id="2014-07-14" class="date">
-
                 <ul class="titles">
+
                    <h1>14</h1>
-
                     <li>Title one</li>
+
                    <ul class="titles">
-
                     <li>Title two</li>
+
                        <li>Title one</li>
-
                 </ul>
+
                        <li>Title two</li>
-
                 <span class="hidden">This is where all the information goes!</span>
+
                    </ul>
-
            </td>
+
                    <span class="hidden">This is where all the information goes!</span>
 +
                 </td>
 +
               
 +
                <td id="2014-07-15" class="date">
 +
                    <h1>15</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                    </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                 </td>
 +
               
 +
                <td id="2014-07-16" class="date">
 +
                    <h1>16</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                     </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                </td>
 +
               
 +
                <td id="2014-07-17" class="date">
 +
                    <h1>17</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                     </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                </td>
 +
               
 +
                <td id="2014-07-18" class="date">
 +
                    <h1>18</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                    </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                 </td>
 +
               
 +
                <td id="2014-07-19" class="date">
 +
                    <h1>19</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                    </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                 </td>
 +
               
 +
                <td id="2014-07-20" class="date">
 +
                    <h1>20</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                    </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                </td>
 +
            </tr>
              
              
-
             <td id="2014-06-05" class="date">
+
             <tr class="week">
-
                 <h1>5</h1>
+
                <td id="2014-07-21" class="date">
-
                 <ul class="titles">
+
                    <h1>21</h1>
-
                     <li>Title one</li>
+
                    <ul class="titles">
-
                     <li>Title two</li>
+
                        <li>Title one</li>
-
                 </ul>
+
                        <li>Title two</li>
-
                 <span class="hidden">This is where all the information goes!</span>
+
                    </ul>
-
            </td>
+
                    <span class="hidden">This is where all the information goes!</span>
 +
                 </td>
 +
               
 +
                <td id="2014-07-22" class="date">
 +
                    <h1>22</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                    </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                 </td>
 +
               
 +
                <td id="2014-07-23" class="date">
 +
                    <h1>23</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                     </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                </td>
 +
               
 +
                <td id="2014-07-24" class="date">
 +
                    <h1>24</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                     </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                </td>
 +
               
 +
                <td id="2014-07-25" class="date">
 +
                    <h1>25</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                    </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                 </td>
 +
               
 +
                <td id="2014-07-26" class="date">
 +
                    <h1>26</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                    </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                 </td>
 +
               
 +
                <td id="2014-07-27" class="date">
 +
                    <h1>27</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                    </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                </td>
 +
            </tr>
              
              
-
             <td id="2014-06-06" class="date">
+
             <tr class="week">
-
                <h1>6</h1>
+
                <td id="2014-07-28" class="date">
-
                <ul class="titles">
+
                    <h1>28</h1>
-
                    <li>Title one</li>
+
                    <ul class="titles">
-
                    <li>Title two</li>
+
                        <li>Title one</li>
-
                </ul>
+
                        <li>Title two</li>
-
                <span class="hidden">This is where all the information goes!</span>
+
                    </ul>
-
            </td>
+
                    <span class="hidden">This is where all the information goes!</span>
-
           
+
                </td>
-
            <td id="2014-06-07" class="date">
+
               
-
                <h1>7</h1>
+
                <td id="2014-07-29" class="date">
-
                <ul class="titles">
+
                    <h1>29</h1>
-
                    <li>Title one</li>
+
                    <ul class="titles">
-
                    <li>Title two</li>
+
                        <li>Title one</li>
-
                </ul>
+
                        <li>Title two</li>
-
                <span class="hidden">This is where all the information goes!</span>
+
                    </ul>
-
            </td>
+
                    <span class="hidden">This is where all the information goes!</span>
-
           
+
                </td>
-
            <td id="2014-06-08" class="date">
+
               
-
                <h1>8</h1>
+
                <td id="2014-07-30" class="date">
-
                <ul class="titles">
+
                    <h1>30</h1>
-
                     <li>Title one</li>
+
                    <ul class="titles">
-
                     <li>Title two</li>
+
                        <li>Title one</li>
-
                 </ul>
+
                        <li>Title two</li>
-
                 <span class="hidden">This is where all the information goes!</span>
+
                     </ul>
-
            </td>
+
                    <span class="hidden">This is where all the information goes!</span>
-
        </tr>
+
                </td>
 +
               
 +
                <td id="2014-07-31" class="date">
 +
                    <h1>31</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                     </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                </td>
 +
               
 +
                <td id="2014-08-01" class="date next-month">
 +
                    <h1>1</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                    </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                 </td>
 +
               
 +
                <td id="2014-08-02" class="date next-month">
 +
                    <h1>2</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                    </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                 </td>
 +
               
 +
                <td id="2014-08-03" class="date next-month">
 +
                    <h1>3</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                    </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                </td>
 +
            </tr>
 +
        </table>
          
          
-
         <tr class="week">
+
         <table id="august">
-
            <td id="2014-06-09" class="date">
+
            <tr class="week">
-
                 <h1>9</h1>
+
                <td id="2014-07-28" class="date last-month">
-
                 <ul class="titles">
+
                    <h1>28</h1>
-
                     <li>Title one</li>
+
                    <ul class="titles">
-
                     <li>Title two</li>
+
                        <li>Title one</li>
-
                 </ul>
+
                        <li>Title two</li>
-
                 <span class="hidden">This is where all the information goes 2!</span>
+
                    </ul>
-
            </td>
+
                    <span class="hidden">This is where all the information goes!</span>
 +
                 </td>
 +
               
 +
                <td id="2014-07-29" class="date last-month">
 +
                    <h1>29</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                    </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                 </td>
 +
               
 +
                <td id="2014-07-30" class="date last-month">
 +
                    <h1>30</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                     </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                </td>
 +
               
 +
                <td id="2014-07-31" class="date last-month">
 +
                    <h1>31</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                     </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                </td>
 +
               
 +
                <td id="2014-08-01" class="date">
 +
                    <h1>1</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                    </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                 </td>
 +
               
 +
                <td id="2014-08-02" class="date">
 +
                    <h1>2</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                    </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                 </td>
 +
               
 +
                <td id="2014-08-03" class="date">
 +
                    <h1>3</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                    </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                </td>
 +
            </tr>
              
              
-
             <td id="2014-06-10" class="date">
+
             <tr class="week">
-
                 <h1>10</h1>
+
                <td id="2014-08-04" class="date">
-
                 <ul class="titles">
+
                    <h1>4</h1>
-
                     <li>Title one</li>
+
                    <ul class="titles">
-
                     <li>Title two</li>
+
                        <li>Title one</li>
-
                 </ul>
+
                        <li>Title two</li>
-
                 <span class="hidden">This is where all the information goes!</span>
+
                    </ul>
-
            </td>
+
                    <span class="hidden">This is where all the information goes!</span>
 +
                 </td>
 +
               
 +
                <td id="2014-08-05" class="date">
 +
                    <h1>5</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                    </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                 </td>
 +
               
 +
                <td id="2014-08-06" class="date">
 +
                    <h1>6</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                     </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                </td>
 +
               
 +
                <td id="2014-08-07" class="date">
 +
                    <h1>7</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                     </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                </td>
 +
               
 +
                <td id="2014-08-08" class="date">
 +
                    <h1>8</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                    </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                 </td>
 +
               
 +
                <td id="2014-08-09" class="date">
 +
                    <h1>9</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                    </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                 </td>
 +
               
 +
                <td id="2014-08-10" class="date">
 +
                    <h1>10</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                    </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                </td>
 +
            </tr>
              
              
-
             <td id="2014-06-11" class="date">
+
             <tr class="week">
-
                <h1>11</h1>
+
                <td id="2014-08-11" class="date">
-
                 <ul class="titles">
+
                    <h1>11</h1>
-
                     <li>Title one</li>
+
                    <ul class="titles">
-
                     <li>Title two</li>
+
                        <li>Title one</li>
-
                 </ul>
+
                        <li>Title two</li>
-
                 <span class="hidden">This is where all the information goes!</span>
+
                    </ul>
-
            </td>
+
                    <span class="hidden">This is where all the information goes!</span>
 +
                 </td>
 +
               
 +
                <td id="2014-08-12" class="date">
 +
                    <h1>12</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                     </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                </td>
 +
               
 +
                <td id="2014-08-13" class="date">
 +
                    <h1>13</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                     </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                </td>
 +
               
 +
                <td id="2014-08-14" class="date">
 +
                    <h1>14</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                    </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                 </td>
 +
               
 +
                <td id="2014-08-15" class="date">
 +
                    <h1>15</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                    </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                 </td>
 +
               
 +
                <td id="2014-08-16" class="date">
 +
                    <h1>16</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                    </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                </td>
 +
               
 +
                <td id="2014-08-17" class="date">
 +
                    <h1>17</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                    </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                </td>
 +
            </tr>
              
              
-
             <td id="2014-06-12" class="date">
+
             <tr class="week">
-
                 <h1>12</h1>
+
                <td id="2014-08-18" class="date">
-
                 <ul class="titles">
+
                    <h1>18</h1>
-
                     <li>Title one</li>
+
                    <ul class="titles">
-
                     <li>Title two</li>
+
                        <li>Title one</li>
-
                 </ul>
+
                        <li>Title two</li>
-
                 <span class="hidden">This is where all the information goes!</span>
+
                    </ul>
-
            </td>
+
                    <span class="hidden">This is where all the information goes!</span>
 +
                 </td>
 +
               
 +
                <td id="2014-08-19" class="date">
 +
                    <h1>19</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                    </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                 </td>
 +
               
 +
                <td id="2014-08-20" class="date">
 +
                    <h1>20</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                     </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                </td>
 +
               
 +
                <td id="2014-08-21" class="date">
 +
                    <h1>21</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                     </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                </td>
 +
               
 +
                <td id="2014-08-22" class="date">
 +
                    <h1>22</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                    </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                 </td>
 +
               
 +
                <td id="2014-08-23" class="date">
 +
                    <h1>23</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                    </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                 </td>
 +
               
 +
                <td id="2014-08-24" class="date">
 +
                    <h1>24</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                    </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                </td>
 +
            </tr>
              
              
-
             <td id="2014-06-13" class="date">
+
             <tr class="week">
-
                <h1>13</h1>
+
                <td id="2014-08-25" class="date">
-
                <ul class="titles">
+
                    <h1>25</h1>
-
                    <li>Title one</li>
+
                    <ul class="titles">
-
                    <li>Title two</li>
+
                        <li>Title one</li>
-
                </ul>
+
                        <li>Title two</li>
-
                <span class="hidden">This is where all the information goes!</span>
+
                    </ul>
-
            </td>
+
                    <span class="hidden">This is where all the information goes!</span>
-
           
+
                </td>
-
            <td id="2014-06-14" class="date">
+
               
-
                <h1>14</h1>
+
                <td id="2014-08-26" class="date">
-
                <ul class="titles">
+
                    <h1>26</h1>
-
                    <li>Title one</li>
+
                    <ul class="titles">
-
                    <li>Title two</li>
+
                        <li>Title one</li>
-
                </ul>
+
                        <li>Title two</li>
-
                <span class="hidden">This is where all the information goes!</span>
+
                    </ul>
-
            </td>
+
                    <span class="hidden">This is where all the information goes!</span>
-
           
+
                </td>
-
            <td id="2014-06-15" class="date">
+
               
-
                <h1>15</h1>
+
                <td id="2014-08-27" class="date">
-
                <ul class="titles">
+
                    <h1>27</h1>
-
                     <li>Title one</li>
+
                    <ul class="titles">
-
                     <li>Title two</li>
+
                        <li>Title one</li>
-
                 </ul>
+
                        <li>Title two</li>
-
                 <span class="hidden">This is where all the information goes!</span>
+
                     </ul>
-
            </td>
+
                    <span class="hidden">This is where all the information goes!</span>
-
        </tr>
+
                </td>
 +
               
 +
                <td id="2014-08-28" class="date">
 +
                    <h1>28</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                     </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                </td>
 +
               
 +
                <td id="2014-08-29" class="date">
 +
                    <h1>29</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                    </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                 </td>
 +
               
 +
                <td id="2014-08-30" class="date">
 +
                    <h1>30</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                    </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                 </td>
 +
               
 +
                <td id="2014-08-31" class="date">
 +
                    <h1>31</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                    </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                </td>
 +
            </tr>
 +
        </table>
          
          
-
         <tr class="week">
+
         <table id="september">
-
            <td id="2014-06-16" class="date">
+
            <tr class="week">
-
                 <h1>16</h1>
+
                <td id="2014-09-01" class="date">
-
                 <ul class="titles">
+
                    <h1>1</h1>
-
                     <li>Title one</li>
+
                    <ul class="titles">
-
                     <li>Title two</li>
+
                        <li>Title one</li>
-
                 </ul>
+
                        <li>Title two</li>
-
                 <span class="hidden">This is where all the information goes 2!</span>
+
                    </ul>
-
            </td>
+
                    <span class="hidden">This is where all the information goes!</span>
 +
                 </td>
 +
               
 +
                <td id="2014-09-02" class="date">
 +
                    <h1>2</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                    </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                 </td>
 +
               
 +
                <td id="2014-09-03" class="date">
 +
                    <h1>3</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                     </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                </td>
 +
               
 +
                <td id="2014-09-04" class="date">
 +
                    <h1>4</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                     </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                </td>
 +
               
 +
                <td id="2014-09-05" class="date">
 +
                    <h1>5</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                    </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                 </td>
 +
               
 +
                <td id="2014-09-06" class="date">
 +
                    <h1>6</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                    </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                 </td>
 +
               
 +
                <td id="2014-09-07" class="date">
 +
                    <h1>7</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                    </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                </td>
 +
            </tr>
              
              
-
             <td id="2014-06-17" class="date">
+
             <tr class="week">
-
                 <h1>17</h1>
+
                <td id="2014-09-08" class="date">
-
                 <ul class="titles">
+
                    <h1>8</h1>
-
                     <li>Title one</li>
+
                    <ul class="titles">
-
                     <li>Title two</li>
+
                        <li>Title one</li>
-
                 </ul>
+
                        <li>Title two</li>
-
                 <span class="hidden">This is where all the information goes!</span>
+
                    </ul>
-
            </td>
+
                    <span class="hidden">This is where all the information goes!</span>
 +
                 </td>
 +
               
 +
                <td id="2014-09-09" class="date">
 +
                    <h1>9</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                    </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                 </td>
 +
               
 +
                <td id="2014-09-10" class="date">
 +
                    <h1>10</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                     </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                </td>
 +
               
 +
                <td id="2014-09-11" class="date">
 +
                    <h1>11</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                     </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                </td>
 +
               
 +
                <td id="2014-09-12" class="date">
 +
                    <h1>12</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                    </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                 </td>
 +
               
 +
                <td id="2014-09-13" class="date">
 +
                    <h1>13</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                    </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                 </td>
 +
               
 +
                <td id="2014-09-14" class="date">
 +
                    <h1>14</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                    </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                </td>
 +
            </tr>
              
              
-
             <td id="2014-06-18" class="date">
+
             <tr class="week">
-
                 <h1>18</h1>
+
                <td id="2014-09-15" class="date">
-
                 <ul class="titles">
+
                    <h1>15</h1>
-
                     <li>Title one</li>
+
                    <ul class="titles">
-
                     <li>Title two</li>
+
                        <li>Title one</li>
-
                 </ul>
+
                        <li>Title two</li>
-
                 <span class="hidden">This is where all the information goes!</span>
+
                    </ul>
-
            </td>
+
                    <span class="hidden">This is where all the information goes!</span>
 +
                 </td>
 +
               
 +
                <td id="2014-09-16" class="date">
 +
                    <h1>16</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                    </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                 </td>
 +
               
 +
                <td id="2014-09-17" class="date">
 +
                    <h1>17</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                     </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                </td>
 +
               
 +
                <td id="2014-09-18" class="date">
 +
                    <h1>18</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                     </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                </td>
 +
               
 +
                <td id="2014-09-19" class="date">
 +
                    <h1>19</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                    </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                 </td>
 +
               
 +
                <td id="2014-09-20" class="date">
 +
                    <h1>20</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                    </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                 </td>
 +
               
 +
                <td id="2014-09-21" class="date">
 +
                    <h1>21</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                    </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                </td>
 +
            </tr>
              
              
-
             <td id="2014-06-19" class="date">
+
             <tr class="week">
-
                 <h1>19</h1>
+
                <td id="2014-09-22" class="date">
-
                 <ul class="titles">
+
                    <h1>22</h1>
-
                     <li>Title one</li>
+
                    <ul class="titles">
-
                     <li>Title two</li>
+
                        <li>Title one</li>
-
                 </ul>
+
                        <li>Title two</li>
-
                 <span class="hidden">This is where all the information goes!</span>
+
                    </ul>
-
            </td>
+
                    <span class="hidden">This is where all the information goes!</span>
 +
                 </td>
 +
               
 +
                <td id="2014-09-23" class="date">
 +
                    <h1>23</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                    </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                 </td>
 +
               
 +
                <td id="2014-09-24" class="date">
 +
                    <h1>24</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                     </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                </td>
 +
               
 +
                <td id="2014-09-25" class="date">
 +
                    <h1>25</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                     </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                </td>
 +
               
 +
                <td id="2014-09-26" class="date">
 +
                    <h1>26</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                    </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                 </td>
 +
               
 +
                <td id="2014-09-27" class="date">
 +
                    <h1>27</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                    </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                 </td>
 +
               
 +
                <td id="2014-09-28" class="date">
 +
                    <h1>28</h1>
 +
                    <ul class="titles">
 +
                        <li>Title one</li>
 +
                        <li>Title two</li>
 +
                    </ul>
 +
                    <span class="hidden">This is where all the information goes!</span>
 +
                </td>
 +
            </tr>
              
              
-
             <td id="2014-06-20" class="date">
+
             <tr class="week">
-
                <h1>20</h1>
+
                <td id="2014-09-29" class="date">
-
                <ul class="titles">
+
                     <h1>29</h1>
-
                    <li>Title one</li>
+
                     <ul class="titles">
-
                    <li>Title two</li>
+
                        <li>Title one</li>
-
                </ul>
+
                        <li>Title two</li>
-
                <span class="hidden">This is where all the information goes!</span>
+
                     </ul>
-
            </td>
+
                     <span class="hidden">This is where all the information goes!</span>
-
           
+
                 </td>
-
            <td id="2014-06-21" class="date">
+
                  
-
                <h1>21</h1>
+
                 <td id="2014-09-30" class="date">
-
                <ul class="titles">
+
                    <h1>30</h1>
-
                    <li>Title one</li>
+
                     <ul class="titles">
-
                    <li>Title two</li>
+
                        <li>Title one</li>
-
                </ul>
+
                        <li>Title two</li>
-
                <span class="hidden">This is where all the information goes!</span>
+
                     </ul>
-
            </td>
+
                     <span class="hidden">This is where all the information goes!</span>
-
           
+
                 </td>
-
            <td id="2014-06-22" class="date">
+
                  
-
                <h1>22</h1>
+
                 <td id="2014-10-01" class="date next-month">
-
                <ul class="titles">
+
                     <h1>1</h1>
-
                    <li>Title one</li>
+
                     <ul class="titles">
-
                    <li>Title two</li>
+
                        <li>Title one</li>
-
                </ul>
+
                        <li>Title two</li>
-
                <span class="hidden">This is where all the information goes!</span>
+
                     </ul>
-
            </td>
+
                     <span class="hidden">This is where all the information goes!</span>
-
        </tr>
+
                 </td>
-
       
+
                  
-
        <tr class="week">
+
                 <td id="2014-10-02" class="date next-month">
-
            <td id="2014-06-23" class="date">
+
                     <h1>2</h1>
-
                <h1>23</h1>
+
                     <ul class="titles">
-
                <ul class="titles">
+
                        <li>Title one</li>
-
                     <li>Title one</li>
+
                        <li>Title two</li>
-
                    <li>Title two</li>
+
                     </ul>
-
                </ul>
+
                     <span class="hidden">This is where all the information goes!</span>
-
                <span class="hidden">This is where all the information goes 2!</span>
+
                 </td>
-
            </td>
+
                  
-
           
+
                 <td id="2014-10-03" class="date next-month">
-
            <td id="2014-06-24" class="date">
+
                     <h1>3</h1>
-
                <h1>24</h1>
+
                     <ul class="titles">
-
                <ul class="titles">
+
                        <li>Title one</li>
-
                     <li>Title one</li>
+
                        <li>Title two</li>
-
                    <li>Title two</li>
+
                     </ul>
-
                </ul>
+
                     <span class="hidden">This is where all the information goes!</span>
-
                <span class="hidden">This is where all the information goes!</span>
+
                 </td>
-
            </td>
+
                  
-
           
+
                 <td id="2014-10-04" class="date next-month">
-
            <td id="2014-06-25" class="date">
+
                     <h1>4</h1>
-
                <h1>25</h1>
+
                     <ul class="titles">
-
                <ul class="titles">
+
                        <li>Title one</li>
-
                    <li>Title one</li>
+
                        <li>Title two</li>
-
                    <li>Title two</li>
+
                     </ul>
-
                </ul>
+
                     <span class="hidden">This is where all the information goes!</span>
-
                <span class="hidden">This is where all the information goes!</span>
+
                 </td>
-
            </td>
+
                  
-
           
+
                 <td id="2014-10-05" class="date next-month">
-
            <td id="2014-06-26" class="date">
+
                    <h1>5</h1>
-
                <h1>26</h1>
+
                    <ul class="titles">
-
                <ul class="titles">
+
                        <li>Title one</li>
-
                     <li>Title one</li>
+
                        <li>Title two</li>
-
                    <li>Title two</li>
+
                    </ul>
-
                </ul>
+
                    <span class="hidden">This is where all the information goes!</span>
-
                <span class="hidden">This is where all the information goes!</span>
+
                 </td>
-
            </td>
+
             </tr>
-
           
+
        </table>
-
            <td id="2014-06-27" class="date">
+
    </section>
-
                <h1>27</h1>
+
 
-
                <ul class="titles">
+
 
-
                     <li>Title one</li>
+
-
                    <li>Title two</li>
+
-
                </ul>
+
-
                <span class="hidden">This is where all the information goes!</span>
+
-
            </td>
+
-
           
+
-
            <td id="2014-06-28" class="date">
+
-
                 <h1>28</h1>
+
-
                <ul class="titles">
+
-
                    <li>Title one</li>
+
-
                    <li>Title two</li>
+
-
                </ul>
+
-
                <span class="hidden">This is where all the information goes!</span>
+
-
            </td>
+
-
           
+
-
            <td id="2014-06-29" class="date">
+
-
                 <h1>29</h1>
+
-
                 <ul class="titles">
+
-
                    <li>Title one</li>
+
-
                    <li>Title two</li>
+
-
                </ul>
+
-
                <span class="hidden">This is where all the information goes!</span>
+
-
            </td>
+
-
        </tr>
+
-
       
+
-
        <tr class="week">
+
-
            <td id="2014-06-30" class="date">
+
-
                <h1>30</h1>
+
-
                <ul class="titles">
+
-
                     <li>Title one</li>
+
-
                    <li>Title two</li>
+
-
                </ul>
+
-
                <span class="hidden">This is where all the information goes!</span>
+
-
            </td>
+
-
           
+
-
            <td id="2014-07-01" class="date next-month"> <!-- My birthday -->
+
-
                <h1>1</h1>
+
-
                <ul class="titles">
+
-
                    <li>Title one</li>
+
-
                    <li>Title two</li>
+
-
                </ul>
+
-
                <span class="hidden">This is where all the information goes!</span>
+
-
            </td>
+
-
           
+
-
            <td id="2014-07-02" class="date next-month">
+
-
                <h1>2</h1>
+
-
                <ul class="titles">
+
-
                     <li>Title one</li>
+
-
                    <li>Title two</li>
+
-
                </ul>
+
-
                <span class="hidden">This is where all the information goes!</span>
+
-
            </td>
+
-
           
+
-
            <td id="2014-07-03" class="date next-month">
+
-
                <h1>3</h1>
+
-
                <ul class="titles">
+
-
                     <li>Title one</li>
+
-
                    <li>Title two</li>
+
-
                </ul>
+
-
                <span class="hidden">This is where all the information goes!</span>
+
-
            </td>
+
-
           
+
-
            <td id="2014-07-04" class="date next-month">
+
-
                 <h1>4</h1>
+
-
                <ul class="titles">
+
-
                    <li>Title one</li>
+
-
                    <li>Title two</li>
+
-
                </ul>
+
-
                <span class="hidden">This is where all the information goes!</span>
+
-
            </td>
+
-
           
+
-
            <td id="2014-07-05" class="date next-month">
+
-
                 <h1>5</h1>
+
-
                 <ul class="titles">
+
-
                    <li>Title one</li>
+
-
                    <li>Title two</li>
+
-
                </ul>
+
-
                <span class="hidden">This is where all the information goes!</span>
+
-
            </td>
+
-
           
+
-
            <td id="2014-07-06" class="date next-month">
+
-
                <h1>6</h1>
+
-
                <ul class="titles">
+
-
                     <li>Title one</li>
+
-
                    <li>Title two</li>
+
-
                </ul>
+
-
                <span class="hidden">This is where all the information goes!</span>
+
-
            </td>
+
-
        </tr>
+
-
    </table>
+
-
       
+
-
    <table id="july">
+
-
        <tr class="week">
+
-
            <td id="2014-06-30" class="date last-month">
+
-
                <h1>30</h1>
+
-
                <ul class="titles">
+
-
                    <li>Title one</li>
+
-
                    <li>Title two</li>
+
-
                </ul>
+
-
                <span class="hidden">This is where all the information goes!</span>
+
-
            </td>
+
-
           
+
-
            <td id="2014-07-01" class="date"> <!-- My birthday -->
+
-
                <h1>1</h1>
+
-
                <ul class="titles">
+
-
                     <li>Title one</li>
+
-
                    <li>Title two</li>
+
-
                </ul>
+
-
                <span class="hidden">This is where all the information goes!</span>
+
-
            </td>
+
-
           
+
-
            <td id="2014-07-02" class="date">
+
-
                <h1>2</h1>
+
-
                <ul class="titles">
+
-
                    <li>Title one</li>
+
-
                    <li>Title two</li>
+
-
                </ul>
+
-
                <span class="hidden">This is where all the information goes!</span>
+
-
            </td>
+
-
           
+
-
            <td id="2014-07-03" class="date">
+
-
                <h1>3</h1>
+
-
                <ul class="titles">
+
-
                     <li>Title one</li>
+
-
                    <li>Title two</li>
+
-
                </ul>
+
-
                <span class="hidden">This is where all the information goes!</span>
+
-
            </td>
+
-
           
+
-
            <td id="2014-07-04" class="date">
+
-
                <h1>4</h1>
+
-
                <ul class="titles">
+
-
                     <li>Title one</li>
+
-
                    <li>Title two</li>
+
-
                </ul>
+
-
                <span class="hidden">This is where all the information goes!</span>
+
-
            </td>
+
-
           
+
-
            <td id="2014-07-05" class="date">
+
-
                 <h1>5</h1>
+
-
                <ul class="titles">
+
-
                    <li>Title one</li>
+
-
                    <li>Title two</li>
+
-
                </ul>
+
-
                <span class="hidden">This is where all the information goes!</span>
+
-
            </td>
+
-
           
+
-
            <td id="2014-07-06" class="date">
+
-
                 <h1>6</h1>
+
-
                 <ul class="titles">
+
-
                    <li>Title one</li>
+
-
                    <li>Title two</li>
+
-
                </ul>
+
-
                <span class="hidden">This is where all the information goes!</span>
+
-
            </td>
+
-
        </tr>
+
-
       
+
-
        <tr class="week">
+
-
            <td id="2014-07-07" class="date">
+
-
                <h1>7</h1>
+
-
                <ul class="titles">
+
-
                    <li>Title one</li>
+
-
                    <li>Title two</li>
+
-
                </ul>
+
-
                <span class="hidden">This is where all the information goes!</span>
+
-
            </td>
+
-
           
+
-
            <td id="2014-07-08" class="date">
+
-
                <h1>8</h1>
+
-
                <ul class="titles">
+
-
                     <li>Title one</li>
+
-
                    <li>Title two</li>
+
-
                </ul>
+
-
                <span class="hidden">This is where all the information goes!</span>
+
-
            </td>
+
-
           
+
-
            <td id="2014-07-09" class="date">
+
-
                <h1>9</h1>
+
-
                <ul class="titles">
+
-
                     <li>Title one</li>
+
-
                    <li>Title two</li>
+
-
                </ul>
+
-
                <span class="hidden">This is where all the information goes!</span>
+
-
            </td>
+
-
           
+
-
            <td id="2014-07-10" class="date">
+
-
                <h1>10</h1>
+
-
                <ul class="titles">
+
-
                    <li>Title one</li>
+
-
                    <li>Title two</li>
+
-
                </ul>
+
-
                <span class="hidden">This is where all the information goes!</span>
+
-
            </td>
+
-
           
+
-
            <td id="2014-07-11" class="date">
+
-
                <h1>11</h1>
+
-
                <ul class="titles">
+
-
                     <li>Title one</li>
+
-
                    <li>Title two</li>
+
-
                </ul>
+
-
                <span class="hidden">This is where all the information goes!</span>
+
-
            </td>
+
-
           
+
-
            <td id="2014-07-12" class="date">
+
-
                <h1>12</h1>
+
-
                <ul class="titles">
+
-
                     <li>Title one</li>
+
-
                    <li>Title two</li>
+
-
                </ul>
+
-
                <span class="hidden">This is where all the information goes!</span>
+
-
            </td>
+
-
           
+
-
            <td id="2014-07-13" class="date">
+
-
                 <h1>13</h1>
+
-
                <ul class="titles">
+
-
                    <li>Title one</li>
+
-
                    <li>Title two</li>
+
-
                </ul>
+
-
                <span class="hidden">This is where all the information goes!</span>
+
-
            </td>
+
-
        </tr>
+
-
       
+
-
        <tr class="week">
+
-
            <td id="2014-07-14" class="date">
+
-
                 <h1>14</h1>
+
-
                 <ul class="titles">
+
-
                    <li>Title one</li>
+
-
                    <li>Title two</li>
+
-
                </ul>
+
-
                <span class="hidden">This is where all the information goes!</span>
+
-
            </td>
+
-
           
+
-
            <td id="2014-07-15" class="date">
+
-
                <h1>15</h1>
+
-
                <ul class="titles">
+
-
                    <li>Title one</li>
+
-
                    <li>Title two</li>
+
-
                </ul>
+
-
                <span class="hidden">This is where all the information goes!</span>
+
-
            </td>
+
-
           
+
-
            <td id="2014-07-16" class="date">
+
-
                <h1>16</h1>
+
-
                <ul class="titles">
+
-
                     <li>Title one</li>
+
-
                    <li>Title two</li>
+
-
                </ul>
+
-
                <span class="hidden">This is where all the information goes!</span>
+
-
            </td>
+
-
           
+
-
            <td id="2014-07-17" class="date">
+
-
                <h1>17</h1>
+
-
                <ul class="titles">
+
-
                     <li>Title one</li>
+
-
                    <li>Title two</li>
+
-
                </ul>
+
-
                <span class="hidden">This is where all the information goes!</span>
+
-
            </td>
+
-
           
+
-
            <td id="2014-07-18" class="date">
+
-
                <h1>18</h1>
+
-
                <ul class="titles">
+
-
                    <li>Title one</li>
+
-
                    <li>Title two</li>
+
-
                </ul>
+
-
                <span class="hidden">This is where all the information goes!</span>
+
-
            </td>
+
-
           
+
-
            <td id="2014-07-19" class="date">
+
-
                <h1>19</h1>
+
-
                <ul class="titles">
+
-
                     <li>Title one</li>
+
-
                    <li>Title two</li>
+
-
                </ul>
+
-
                <span class="hidden">This is where all the information goes!</span>
+
-
            </td>
+
-
           
+
-
            <td id="2014-07-20" class="date">
+
-
                <h1>20</h1>
+
-
                <ul class="titles">
+
-
                     <li>Title one</li>
+
-
                    <li>Title two</li>
+
-
                </ul>
+
-
                <span class="hidden">This is where all the information goes!</span>
+
-
            </td>
+
-
        </tr>
+
-
       
+
-
        <tr class="week">
+
-
            <td id="2014-07-21" class="date">
+
-
                 <h1>21</h1>
+
-
                <ul class="titles">
+
-
                    <li>Title one</li>
+
-
                    <li>Title two</li>
+
-
                </ul>
+
-
                <span class="hidden">This is where all the information goes!</span>
+
-
            </td>
+
-
           
+
-
            <td id="2014-07-22" class="date">
+
-
                 <h1>22</h1>
+
-
                 <ul class="titles">
+
-
                    <li>Title one</li>
+
-
                    <li>Title two</li>
+
-
                </ul>
+
-
                <span class="hidden">This is where all the information goes!</span>
+
-
            </td>
+
-
           
+
-
            <td id="2014-07-23" class="date">
+
-
                <h1>23</h1>
+
-
                <ul class="titles">
+
-
                    <li>Title one</li>
+
-
                    <li>Title two</li>
+
-
                </ul>
+
-
                <span class="hidden">This is where all the information goes!</span>
+
-
            </td>
+
-
           
+
-
            <td id="2014-07-24" class="date">
+
-
                <h1>24</h1>
+
-
                <ul class="titles">
+
-
                     <li>Title one</li>
+
-
                    <li>Title two</li>
+
-
                </ul>
+
-
                <span class="hidden">This is where all the information goes!</span>
+
-
            </td>
+
-
           
+
-
            <td id="2014-07-25" class="date">
+
-
                <h1>25</h1>
+
-
                <ul class="titles">
+
-
                     <li>Title one</li>
+
-
                    <li>Title two</li>
+
-
                </ul>
+
-
                <span class="hidden">This is where all the information goes!</span>
+
-
            </td>
+
-
           
+
-
            <td id="2014-07-26" class="date">
+
-
                <h1>26</h1>
+
-
                <ul class="titles">
+
-
                    <li>Title one</li>
+
-
                    <li>Title two</li>
+
-
                </ul>
+
-
                <span class="hidden">This is where all the information goes!</span>
+
-
            </td>
+
-
           
+
-
            <td id="2014-07-27" class="date">
+
-
                <h1>27</h1>
+
-
                <ul class="titles">
+
-
                     <li>Title one</li>
+
-
                    <li>Title two</li>
+
-
                </ul>
+
-
                <span class="hidden">This is where all the information goes!</span>
+
-
            </td>
+
-
        </tr>
+
-
       
+
-
        <tr class="week">
+
-
            <td id="2014-07-28" class="date">
+
-
                <h1>28</h1>
+
-
                <ul class="titles">
+
-
                     <li>Title one</li>
+
-
                    <li>Title two</li>
+
-
                </ul>
+
-
                <span class="hidden">This is where all the information goes!</span>
+
-
            </td>
+
-
           
+
-
            <td id="2014-07-29" class="date">
+
-
                 <h1>29</h1>
+
-
                <ul class="titles">
+
-
                    <li>Title one</li>
+
-
                    <li>Title two</li>
+
-
                </ul>
+
-
                <span class="hidden">This is where all the information goes!</span>
+
-
            </td>
+
-
           
+
-
            <td id="2014-07-30" class="date">
+
-
                 <h1>30</h1>
+
-
                 <ul class="titles">
+
-
                    <li>Title one</li>
+
-
                    <li>Title two</li>
+
-
                </ul>
+
-
                <span class="hidden">This is where all the information goes!</span>
+
-
            </td>
+
-
           
+
-
            <td id="2014-07-31" class="date">
+
-
                <h1>31</h1>
+
-
                <ul class="titles">
+
-
                    <li>Title one</li>
+
-
                    <li>Title two</li>
+
-
                </ul>
+
-
                <span class="hidden">This is where all the information goes!</span>
+
-
            </td>
+
-
           
+
-
            <td id="2014-08-01" class="date next-month">
+
-
                <h1>1</h1>
+
-
                <ul class="titles">
+
-
                    <li>Title one</li>
+
-
                    <li>Title two</li>
+
-
                </ul>
+
-
                <span class="hidden">This is where all the information goes!</span>
+
-
            </td>
+
-
           
+
-
            <td id="2014-08-02" class="date next-month">
+
-
                 <h1>2</h1>
+
-
                <ul class="titles">
+
-
                    <li>Title one</li>
+
-
                    <li>Title two</li>
+
-
                </ul>
+
-
                <span class="hidden">This is where all the information goes!</span>
+
-
            </td>
+
-
           
+
-
             <td id="2014-08-03" class="date next-month">
+
-
                <h1>3</h1>
+
-
                <ul class="titles">
+
-
                    <li>Title one</li>
+
-
                    <li>Title two</li>
+
-
                </ul>
+
-
                <span class="hidden">This is where all the information goes!</span>
+
-
            </td>
+
-
        </tr>
+
-
    </table>
+
      
      
-
     <table id="august">
+
     <!-- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
-
        <tr class="week">
+
    <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.2.min.js"><\/script>')</script> -->
-
            <td id="2014-07-28" class="date last-month">
+
    <script type="text/javascript">
-
                <h1>28</h1>
+
 
-
                <ul class="titles">
+
        var box = $( "#contentDialog" );
-
                    <li>Title one</li>
+
 
-
                    <li>Title two</li>
+
        //hide popup
-
                </ul>
+
        $(document).on('click', function(event) {
-
                <span class="hidden">This is where all the information goes!</span>
+
         
-
             </td>
+
          if (!$(event.target).closest('.date').length &&
 +
             !$(event.target).closest('#contentDialog').length &&
 +
            !$(event.target).closest('#closeContentDialog').length) {
 +
            box.fadeOut();
 +
          }
 +
 
 +
        });
 +
 
 +
        $( ".date" ).click(function() {
              
              
-
             <td id="2014-07-29" class="date last-month">
+
             showContentOf(this.id);
-
                <h1>29</h1>
+
 
-
                <ul class="titles">
+
        });
-
                    <li>Title one</li>
+
 
-
                    <li>Title two</li>
+
 
-
                </ul>
+
         function showContentOf(dateId) { //pass parameter with quotes like '2014-06-28'
-
                <span class="hidden">This is where all the information goes!</span>
+
 
-
            </td>
+
             var selectedContent = $( "#" + dateId + ">span").html();
-
           
+
 
-
            <td id="2014-07-30" class="date last-month">
+
             box.html( selectedContent );
-
                <h1>30</h1>
+
             box.attr('title', dateId);
-
                <ul class="titles">
+
             box.fadeIn();
-
                    <li>Title one</li>
+
 
-
                    <li>Title two</li>
+
         }
-
                </ul>
+
 
-
                <span class="hidden">This is where all the information goes!</span>
+
     </script>
-
            </td>
+
-
           
+
-
            <td id="2014-07-31" class="date last-month">
+
-
                <h1>31</h1>
+
-
                <ul class="titles">
+
-
                    <li>Title one</li>
+
-
                    <li>Title two</li>
+
-
                </ul>
+
-
                <span class="hidden">This is where all the information goes!</span>
+
-
            </td>
+
-
           
+
-
            <td id="2014-08-01" class="date">
+
-
                <h1>1</h1>
+
-
                <ul class="titles">
+
-
                    <li>Title one</li>
+
-
                    <li>Title two</li>
+
-
                </ul>
+
-
                <span class="hidden">This is where all the information goes!</span>
+
-
            </td>
+
-
           
+
-
            <td id="2014-08-02" class="date">
+
-
                <h1>2</h1>
+
-
                <ul class="titles">
+
-
                    <li>Title one</li>
+
-
                    <li>Title two</li>
+
-
                </ul>
+
-
                <span class="hidden">This is where all the information goes!</span>
+
-
            </td>
+
-
           
+
-
            <td id="2014-08-03" class="date">
+
-
                <h1>3</h1>
+
-
                <ul class="titles">
+
-
                    <li>Title one</li>
+
-
                    <li>Title two</li>
+
-
                </ul>
+
-
                <span class="hidden">This is where all the information goes!</span>
+
-
            </td>
+
-
         </tr>
+
-
       
+
-
        <tr class="week">
+
-
            <td id="2014-08-04" class="date">
+
-
                <h1>4</h1>
+
-
                <ul class="titles">
+
-
                    <li>Title one</li>
+
-
                    <li>Title two</li>
+
-
                </ul>
+
-
                <span class="hidden">This is where all the information goes!</span>
+
-
            </td>
+
-
           
+
-
            <td id="2014-08-05" class="date">
+
-
                <h1>5</h1>
+
-
                <ul class="titles">
+
-
                    <li>Title one</li>
+
-
                    <li>Title two</li>
+
-
                </ul>
+
-
                <span class="hidden">This is where all the information goes!</span>
+
-
            </td>
+
-
           
+
-
            <td id="2014-08-06" class="date">
+
-
                <h1>6</h1>
+
-
                <ul class="titles">
+
-
                    <li>Title one</li>
+
-
                    <li>Title two</li>
+
-
                </ul>
+
-
                <span class="hidden">This is where all the information goes!</span>
+
-
            </td>
+
-
           
+
-
            <td id="2014-08-07" class="date">
+
-
                <h1>7</h1>
+
-
                <ul class="titles">
+
-
                    <li>Title one</li>
+
-
                    <li>Title two</li>
+
-
                </ul>
+
-
                <span class="hidden">This is where all the information goes!</span>
+
-
            </td>
+
-
           
+
-
            <td id="2014-08-08" class="date">
+
-
                <h1>8</h1>
+
-
                <ul class="titles">
+
-
                    <li>Title one</li>
+
-
                    <li>Title two</li>
+
-
                </ul>
+
-
                <span class="hidden">This is where all the information goes!</span>
+
-
            </td>
+
-
           
+
-
            <td id="2014-08-09" class="date">
+
-
                <h1>9</h1>
+
-
                <ul class="titles">
+
-
                    <li>Title one</li>
+
-
                    <li>Title two</li>
+
-
                </ul>
+
-
                <span class="hidden">This is where all the information goes!</span>
+
-
            </td>
+
-
           
+
-
            <td id="2014-08-10" class="date">
+
-
                <h1>10</h1>
+
-
                <ul class="titles">
+
-
                    <li>Title one</li>
+
-
                    <li>Title two</li>
+
-
                </ul>
+
-
                <span class="hidden">This is where all the information goes!</span>
+
-
            </td>
+
-
        </tr>
+
-
       
+
-
        <tr class="week">
+
-
            <td id="2014-08-11" class="date">
+
-
                <h1>11</h1>
+
-
                <ul class="titles">
+
-
                    <li>Title one</li>
+
-
                    <li>Title two</li>
+
-
                </ul>
+
-
                <span class="hidden">This is where all the information goes!</span>
+
-
            </td>
+
-
           
+
-
            <td id="2014-08-12" class="date">
+
-
                <h1>12</h1>
+
-
                <ul class="titles">
+
-
                    <li>Title one</li>
+
-
                    <li>Title two</li>
+
-
                </ul>
+
-
                <span class="hidden">This is where all the information goes!</span>
+
-
            </td>
+
-
           
+
-
            <td id="2014-08-13" class="date">
+
-
                <h1>13</h1>
+
-
                <ul class="titles">
+
-
                    <li>Title one</li>
+
-
                    <li>Title two</li>
+
-
                </ul>
+
-
                <span class="hidden">This is where all the information goes!</span>
+
-
            </td>
+
-
           
+
-
            <td id="2014-08-14" class="date">
+
-
                <h1>14</h1>
+
-
                <ul class="titles">
+
-
                    <li>Title one</li>
+
-
                    <li>Title two</li>
+
-
                </ul>
+
-
                <span class="hidden">This is where all the information goes!</span>
+
-
            </td>
+
-
           
+
-
            <td id="2014-08-15" class="date">
+
-
                <h1>15</h1>
+
-
                <ul class="titles">
+
-
                    <li>Title one</li>
+
-
                    <li>Title two</li>
+
-
                </ul>
+
-
                <span class="hidden">This is where all the information goes!</span>
+
-
            </td>
+
-
           
+
-
            <td id="2014-08-16" class="date">
+
-
                <h1>16</h1>
+
-
                <ul class="titles">
+
-
                    <li>Title one</li>
+
-
                    <li>Title two</li>
+
-
                </ul>
+
-
                <span class="hidden">This is where all the information goes!</span>
+
-
            </td>
+
-
           
+
-
            <td id="2014-08-17" class="date">
+
-
                <h1>17</h1>
+
-
                <ul class="titles">
+
-
                    <li>Title one</li>
+
-
                    <li>Title two</li>
+
-
                </ul>
+
-
                <span class="hidden">This is where all the information goes!</span>
+
-
            </td>
+
-
        </tr>
+
-
       
+
-
        <tr class="week">
+
-
            <td id="2014-08-18" class="date">
+
-
                <h1>18</h1>
+
-
                <ul class="titles">
+
-
                    <li>Title one</li>
+
-
                    <li>Title two</li>
+
-
                </ul>
+
-
                <span class="hidden">This is where all the information goes!</span>
+
-
            </td>
+
-
           
+
-
            <td id="2014-08-19" class="date">
+
-
                <h1>19</h1>
+
-
                <ul class="titles">
+
-
                    <li>Title one</li>
+
-
                    <li>Title two</li>
+
-
                </ul>
+
-
                <span class="hidden">This is where all the information goes!</span>
+
-
            </td>
+
-
           
+
-
            <td id="2014-08-20" class="date">
+
-
                <h1>20</h1>
+
-
                <ul class="titles">
+
-
                    <li>Title one</li>
+
-
                    <li>Title two</li>
+
-
                </ul>
+
-
                <span class="hidden">This is where all the information goes!</span>
+
-
            </td>
+
-
           
+
-
            <td id="2014-08-21" class="date">
+
-
                <h1>21</h1>
+
-
                <ul class="titles">
+
-
                    <li>Title one</li>
+
-
                    <li>Title two</li>
+
-
                </ul>
+
-
                <span class="hidden">This is where all the information goes!</span>
+
-
            </td>
+
-
           
+
-
            <td id="2014-08-22" class="date">
+
-
                <h1>22</h1>
+
-
                <ul class="titles">
+
-
                    <li>Title one</li>
+
-
                    <li>Title two</li>
+
-
                </ul>
+
-
                <span class="hidden">This is where all the information goes!</span>
+
-
            </td>
+
-
           
+
-
            <td id="2014-08-23" class="date">
+
-
                <h1>23</h1>
+
-
                <ul class="titles">
+
-
                    <li>Title one</li>
+
-
                    <li>Title two</li>
+
-
                </ul>
+
-
                <span class="hidden">This is where all the information goes!</span>
+
-
            </td>
+
-
           
+
-
            <td id="2014-08-24" class="date">
+
-
                <h1>24</h1>
+
-
                <ul class="titles">
+
-
                    <li>Title one</li>
+
-
                    <li>Title two</li>
+
-
                </ul>
+
-
                <span class="hidden">This is where all the information goes!</span>
+
-
            </td>
+
-
        </tr>
+
-
       
+
-
        <tr class="week">
+
-
            <td id="2014-08-25" class="date">
+
-
                <h1>25</h1>
+
-
                <ul class="titles">
+
-
                    <li>Title one</li>
+
-
                    <li>Title two</li>
+
-
                </ul>
+
-
                <span class="hidden">This is where all the information goes!</span>
+
-
            </td>
+
-
           
+
-
            <td id="2014-08-26" class="date">
+
-
                <h1>26</h1>
+
-
                <ul class="titles">
+
-
                    <li>Title one</li>
+
-
                    <li>Title two</li>
+
-
                </ul>
+
-
                <span class="hidden">This is where all the information goes!</span>
+
-
            </td>
+
-
           
+
-
            <td id="2014-08-27" class="date">
+
-
                <h1>27</h1>
+
-
                <ul class="titles">
+
-
                    <li>Title one</li>
+
-
                    <li>Title two</li>
+
-
                </ul>
+
-
                <span class="hidden">This is where all the information goes!</span>
+
-
            </td>
+
-
           
+
-
            <td id="2014-08-28" class="date">
+
-
                <h1>28</h1>
+
-
                <ul class="titles">
+
-
                    <li>Title one</li>
+
-
                    <li>Title two</li>
+
-
                </ul>
+
-
                <span class="hidden">This is where all the information goes!</span>
+
-
             </td>
+
-
           
+
-
            <td id="2014-08-29" class="date">
+
-
                <h1>29</h1>
+
-
                <ul class="titles">
+
-
                    <li>Title one</li>
+
-
                    <li>Title two</li>
+
-
                </ul>
+
-
                <span class="hidden">This is where all the information goes!</span>
+
-
            </td>
+
-
              
+
-
             <td id="2014-08-30" class="date">
+
-
                <h1>30</h1>
+
-
                <ul class="titles">
+
-
                    <li>Title one</li>
+
-
                    <li>Title two</li>
+
-
                </ul>
+
-
                <span class="hidden">This is where all the information goes!</span>
+
-
             </td>
+
-
           
+
-
            <td id="2014-08-31" class="date">
+
-
                <h1>31</h1>
+
-
                <ul class="titles">
+
-
                    <li>Title one</li>
+
-
                    <li>Title two</li>
+
-
                </ul>
+
-
                <span class="hidden">This is where all the information goes!</span>
+
-
            </td>
+
-
         </tr>
+
-
    </table>
+
-
      
+
-
    <table id="september">
+
-
        <tr class="week">
+
-
            <td id="2014-09-01" class="date">
+
-
                <h1>1</h1>
+
-
                <ul class="titles">
+
-
                    <li>Title one</li>
+
-
                    <li>Title two</li>
+
-
                </ul>
+
-
                <span class="hidden">This is where all the information goes!</span>
+
-
            </td>
+
-
           
+
-
            <td id="2014-09-02" class="date">
+
-
                <h1>2</h1>
+
-
                <ul class="titles">
+
-
                    <li>Title one</li>
+
-
                    <li>Title two</li>
+
-
                </ul>
+
-
                <span class="hidden">This is where all the information goes!</span>
+
-
            </td>
+
-
           
+
-
            <td id="2014-09-03" class="date">
+
-
                <h1>3</h1>
+
-
                <ul class="titles">
+
-
                    <li>Title one</li>
+
-
                    <li>Title two</li>
+
-
                </ul>
+
-
                <span class="hidden">This is where all the information goes!</span>
+
-
            </td>
+
-
           
+
-
            <td id="2014-09-04" class="date">
+
-
                <h1>4</h1>
+
-
                <ul class="titles">
+
-
                    <li>Title one</li>
+
-
                    <li>Title two</li>
+
-
                </ul>
+
-
                <span class="hidden">This is where all the information goes!</span>
+
-
            </td>
+
-
           
+
-
            <td id="2014-09-05" class="date">
+
-
                <h1>5</h1>
+
-
                <ul class="titles">
+
-
                    <li>Title one</li>
+
-
                    <li>Title two</li>
+
-
                </ul>
+
-
                <span class="hidden">This is where all the information goes!</span>
+
-
            </td>
+
-
           
+
-
            <td id="2014-09-06" class="date">
+
-
                <h1>6</h1>
+
-
                <ul class="titles">
+
-
                    <li>Title one</li>
+
-
                    <li>Title two</li>
+
-
                </ul>
+
-
                <span class="hidden">This is where all the information goes!</span>
+
-
            </td>
+
-
           
+
-
            <td id="2014-09-07" class="date">
+
-
                <h1>7</h1>
+
-
                <ul class="titles">
+
-
                    <li>Title one</li>
+
-
                    <li>Title two</li>
+
-
                </ul>
+
-
                <span class="hidden">This is where all the information goes!</span>
+
-
            </td>
+
-
        </tr>
+
-
       
+
-
        <tr class="week">
+
-
            <td id="2014-09-08" class="date">
+
-
                <h1>8</h1>
+
-
                <ul class="titles">
+
-
                    <li>Title one</li>
+
-
                    <li>Title two</li>
+
-
                </ul>
+
-
                <span class="hidden">This is where all the information goes!</span>
+
-
            </td>
+
-
           
+
-
            <td id="2014-09-09" class="date">
+
-
                <h1>9</h1>
+
-
                <ul class="titles">
+
-
                    <li>Title one</li>
+
-
                    <li>Title two</li>
+
-
                </ul>
+
-
                <span class="hidden">This is where all the information goes!</span>
+
-
            </td>
+
-
           
+
-
            <td id="2014-09-10" class="date">
+
-
                <h1>10</h1>
+
-
                <ul class="titles">
+
-
                    <li>Title one</li>
+
-
                    <li>Title two</li>
+
-
                </ul>
+
-
                <span class="hidden">This is where all the information goes!</span>
+
-
            </td>
+
-
           
+
-
            <td id="2014-09-11" class="date">
+
-
                <h1>11</h1>
+
-
                <ul class="titles">
+
-
                    <li>Title one</li>
+
-
                    <li>Title two</li>
+
-
                </ul>
+
-
                <span class="hidden">This is where all the information goes!</span>
+
-
            </td>
+
-
           
+
-
            <td id="2014-09-12" class="date">
+
-
                <h1>12</h1>
+
-
                <ul class="titles">
+
-
                    <li>Title one</li>
+
-
                    <li>Title two</li>
+
-
                </ul>
+
-
                <span class="hidden">This is where all the information goes!</span>
+
-
            </td>
+
-
           
+
-
            <td id="2014-09-13" class="date">
+
-
                <h1>13</h1>
+
-
                <ul class="titles">
+
-
                    <li>Title one</li>
+
-
                    <li>Title two</li>
+
-
                </ul>
+
-
                <span class="hidden">This is where all the information goes!</span>
+
-
            </td>
+
-
           
+
-
            <td id="2014-09-14" class="date">
+
-
                <h1>14</h1>
+
-
                <ul class="titles">
+
-
                    <li>Title one</li>
+
-
                    <li>Title two</li>
+
-
                </ul>
+
-
                <span class="hidden">This is where all the information goes!</span>
+
-
            </td>
+
-
        </tr>
+
-
       
+
-
        <tr class="week">
+
-
            <td id="2014-09-15" class="date">
+
-
                <h1>15</h1>
+
-
                <ul class="titles">
+
-
                    <li>Title one</li>
+
-
                    <li>Title two</li>
+
-
                </ul>
+
-
                <span class="hidden">This is where all the information goes!</span>
+
-
            </td>
+
-
           
+
-
            <td id="2014-09-16" class="date">
+
-
                <h1>16</h1>
+
-
                <ul class="titles">
+
-
                    <li>Title one</li>
+
-
                    <li>Title two</li>
+
-
                </ul>
+
-
                <span class="hidden">This is where all the information goes!</span>
+
-
            </td>
+
-
           
+
-
            <td id="2014-09-17" class="date">
+
-
                <h1>17</h1>
+
-
                <ul class="titles">
+
-
                    <li>Title one</li>
+
-
                    <li>Title two</li>
+
-
                </ul>
+
-
                <span class="hidden">This is where all the information goes!</span>
+
-
            </td>
+
-
           
+
-
            <td id="2014-09-18" class="date">
+
-
                <h1>18</h1>
+
-
                <ul class="titles">
+
-
                    <li>Title one</li>
+
-
                    <li>Title two</li>
+
-
                </ul>
+
-
                <span class="hidden">This is where all the information goes!</span>
+
-
            </td>
+
-
           
+
-
            <td id="2014-09-19" class="date">
+
-
                <h1>19</h1>
+
-
                <ul class="titles">
+
-
                    <li>Title one</li>
+
-
                    <li>Title two</li>
+
-
                </ul>
+
-
                <span class="hidden">This is where all the information goes!</span>
+
-
            </td>
+
-
           
+
-
            <td id="2014-09-20" class="date">
+
-
                <h1>20</h1>
+
-
                <ul class="titles">
+
-
                    <li>Title one</li>
+
-
                    <li>Title two</li>
+
-
                </ul>
+
-
                <span class="hidden">This is where all the information goes!</span>
+
-
            </td>
+
-
           
+
-
            <td id="2014-09-21" class="date">
+
-
                <h1>21</h1>
+
-
                <ul class="titles">
+
-
                    <li>Title one</li>
+
-
                    <li>Title two</li>
+
-
                </ul>
+
-
                <span class="hidden">This is where all the information goes!</span>
+
-
            </td>
+
-
        </tr>
+
-
       
+
-
        <tr class="week">
+
-
            <td id="2014-09-22" class="date">
+
-
                <h1>22</h1>
+
-
                <ul class="titles">
+
-
                    <li>Title one</li>
+
-
                    <li>Title two</li>
+
-
                </ul>
+
-
                <span class="hidden">This is where all the information goes!</span>
+
-
            </td>
+
-
           
+
-
            <td id="2014-09-23" class="date">
+
-
                <h1>23</h1>
+
-
                <ul class="titles">
+
-
                    <li>Title one</li>
+
-
                    <li>Title two</li>
+
-
                </ul>
+
-
                <span class="hidden">This is where all the information goes!</span>
+
-
            </td>
+
-
           
+
-
            <td id="2014-09-24" class="date">
+
-
                <h1>24</h1>
+
-
                <ul class="titles">
+
-
                    <li>Title one</li>
+
-
                    <li>Title two</li>
+
-
                </ul>
+
-
                <span class="hidden">This is where all the information goes!</span>
+
-
            </td>
+
-
           
+
-
            <td id="2014-09-25" class="date">
+
-
                <h1>25</h1>
+
-
                <ul class="titles">
+
-
                    <li>Title one</li>
+
-
                    <li>Title two</li>
+
-
                </ul>
+
-
                <span class="hidden">This is where all the information goes!</span>
+
-
            </td>
+
-
           
+
-
            <td id="2014-09-26" class="date">
+
-
                <h1>26</h1>
+
-
                <ul class="titles">
+
-
                    <li>Title one</li>
+
-
                    <li>Title two</li>
+
-
                </ul>
+
-
                <span class="hidden">This is where all the information goes!</span>
+
-
            </td>
+
-
           
+
-
            <td id="2014-09-27" class="date">
+
-
                <h1>27</h1>
+
-
                <ul class="titles">
+
-
                    <li>Title one</li>
+
-
                    <li>Title two</li>
+
-
                </ul>
+
-
                <span class="hidden">This is where all the information goes!</span>
+
-
            </td>
+
-
           
+
-
            <td id="2014-09-28" class="date">
+
-
                <h1>28</h1>
+
-
                <ul class="titles">
+
-
                    <li>Title one</li>
+
-
                    <li>Title two</li>
+
-
                </ul>
+
-
                <span class="hidden">This is where all the information goes!</span>
+
-
            </td>
+
-
        </tr>
+
-
       
+
-
        <tr class="week">
+
-
            <td id="2014-09-29" class="date">
+
-
                <h1>29</h1>
+
-
                <ul class="titles">
+
-
                    <li>Title one</li>
+
-
                    <li>Title two</li>
+
-
                </ul>
+
-
                <span class="hidden">This is where all the information goes!</span>
+
-
            </td>
+
-
           
+
-
            <td id="2014-09-30" class="date">
+
-
                <h1>30</h1>
+
-
                <ul class="titles">
+
-
                    <li>Title one</li>
+
-
                    <li>Title two</li>
+
-
                </ul>
+
-
                <span class="hidden">This is where all the information goes!</span>
+
-
            </td>
+
-
           
+
-
            <td id="2014-10-01" class="date next-month">
+
-
                <h1>1</h1>
+
-
                <ul class="titles">
+
-
                    <li>Title one</li>
+
-
                    <li>Title two</li>
+
-
                </ul>
+
-
                <span class="hidden">This is where all the information goes!</span>
+
-
            </td>
+
-
           
+
-
            <td id="2014-10-02" class="date next-month">
+
-
                <h1>2</h1>
+
-
                <ul class="titles">
+
-
                    <li>Title one</li>
+
-
                    <li>Title two</li>
+
-
                </ul>
+
-
                <span class="hidden">This is where all the information goes!</span>
+
-
            </td>
+
-
           
+
-
            <td id="2014-10-03" class="date next-month">
+
-
                <h1>3</h1>
+
-
                <ul class="titles">
+
-
                    <li>Title one</li>
+
-
                    <li>Title two</li>
+
-
                </ul>
+
-
                <span class="hidden">This is where all the information goes!</span>
+
-
            </td>
+
-
           
+
-
            <td id="2014-10-04" class="date next-month">
+
-
                <h1>4</h1>
+
-
                <ul class="titles">
+
-
                    <li>Title one</li>
+
-
                    <li>Title two</li>
+
-
                </ul>
+
-
                <span class="hidden">This is where all the information goes!</span>
+
-
            </td>
+
-
           
+
-
            <td id="2014-10-05" class="date next-month">
+
-
                <h1>5</h1>
+
-
                <ul class="titles">
+
-
                    <li>Title one</li>
+
-
                    <li>Title two</li>
+
-
                </ul>
+
-
                <span class="hidden">This is where all the information goes!</span>
+
-
            </td>
+
-
        </tr>
+
-
    </table>
+
-
</section>
+
</body>
</body>
</html>
</html>

Revision as of 14:16, 7 August 2014

TemplateUp

temp

Click a date with posts to show the content, or click outside this box to close it!

26

  • Title one
  • Title two

27

  • Title one
  • Title two

28

  • Title one
  • Title two

29

  • Title one
  • Title two

30

  • Title one
  • Title two

31

  • Title one
  • Title two

1

  • Title one
  • Title two

2

  • Title one
  • Title two

3

  • Title one
  • Title two

4

  • Title one
  • Title two

5

  • Title one
  • Title two

6

  • Title one
  • Title two

7

  • Title one
  • Title two

8

  • Title one
  • Title two

9

  • Title one
  • Title two

10

  • Title one
  • Title two

11

  • Title one
  • Title two

12

  • Title one
  • Title two

13

  • Title one
  • Title two

14

  • Title one
  • Title two

15

  • Title one
  • Title two

16

  • Title one
  • Title two

17

  • Title one
  • Title two

18

  • Title one
  • Title two

19

  • Title one
  • Title two

20

  • Title one
  • Title two

21

  • Title one
  • Title two

22

  • Title one
  • Title two

23

  • Title one
  • Title two

24

  • Title one
  • Title two

25

  • Title one
  • Title two

26

  • Title one
  • Title two

27

  • Title one
  • Title two

28

  • Title one
  • Title two

29

  • Title one
  • Title two

30

  • Title one
  • Title two

1

  • Title one
  • Title two

2

  • Title one
  • Title two

3

  • Title one
  • Title two

4

  • Title one
  • Title two

5

  • Title one
  • Title two

6

  • Title one
  • Title two

30

  • Title one
  • Title two

1

  • Title one
  • Title two

2

  • Title one
  • Title two

3

  • Title one
  • Title two

4

  • Title one
  • Title two

5

  • Title one
  • Title two

6

  • Title one
  • Title two

7

  • Title one
  • Title two

8

  • Title one
  • Title two

9

  • Title one
  • Title two

10

  • Title one
  • Title two

11

  • Title one
  • Title two

12

  • Title one
  • Title two

13

  • Title one
  • Title two

14

  • Title one
  • Title two

15

  • Title one
  • Title two

16

  • Title one
  • Title two

17

  • Title one
  • Title two

18

  • Title one
  • Title two

19

  • Title one
  • Title two

20

  • Title one
  • Title two

21

  • Title one
  • Title two

22

  • Title one
  • Title two

23

  • Title one
  • Title two

24

  • Title one
  • Title two

25

  • Title one
  • Title two

26

  • Title one
  • Title two

27

  • Title one
  • Title two

28

  • Title one
  • Title two

29

  • Title one
  • Title two

30

  • Title one
  • Title two

31

  • Title one
  • Title two

1

  • Title one
  • Title two

2

  • Title one
  • Title two

3

  • Title one
  • Title two

28

  • Title one
  • Title two

29

  • Title one
  • Title two

30

  • Title one
  • Title two

31

  • Title one
  • Title two

1

  • Title one
  • Title two

2

  • Title one
  • Title two

3

  • Title one
  • Title two

4

  • Title one
  • Title two

5

  • Title one
  • Title two

6

  • Title one
  • Title two

7

  • Title one
  • Title two

8

  • Title one
  • Title two

9

  • Title one
  • Title two

10

  • Title one
  • Title two

11

  • Title one
  • Title two

12

  • Title one
  • Title two

13

  • Title one
  • Title two

14

  • Title one
  • Title two

15

  • Title one
  • Title two

16

  • Title one
  • Title two

17

  • Title one
  • Title two

18

  • Title one
  • Title two

19

  • Title one
  • Title two

20

  • Title one
  • Title two

21

  • Title one
  • Title two

22

  • Title one
  • Title two

23

  • Title one
  • Title two

24

  • Title one
  • Title two

25

  • Title one
  • Title two

26

  • Title one
  • Title two

27

  • Title one
  • Title two

28

  • Title one
  • Title two

29

  • Title one
  • Title two

30

  • Title one
  • Title two

31

  • Title one
  • Title two

1

  • Title one
  • Title two

2

  • Title one
  • Title two

3

  • Title one
  • Title two

4

  • Title one
  • Title two

5

  • Title one
  • Title two

6

  • Title one
  • Title two

7

  • Title one
  • Title two

8

  • Title one
  • Title two

9

  • Title one
  • Title two

10

  • Title one
  • Title two

11

  • Title one
  • Title two

12

  • Title one
  • Title two

13

  • Title one
  • Title two

14

  • Title one
  • Title two

15

  • Title one
  • Title two

16

  • Title one
  • Title two

17

  • Title one
  • Title two

18

  • Title one
  • Title two

19

  • Title one
  • Title two

20

  • Title one
  • Title two

21

  • Title one
  • Title two

22

  • Title one
  • Title two

23

  • Title one
  • Title two

24

  • Title one
  • Title two

25

  • Title one
  • Title two

26

  • Title one
  • Title two

27

  • Title one
  • Title two

28

  • Title one
  • Title two

29

  • Title one
  • Title two

30

  • Title one
  • Title two

1

  • Title one
  • Title two

2

  • Title one
  • Title two

3

  • Title one
  • Title two

4

  • Title one
  • Title two

5

  • Title one
  • Title two

Retrieved from "http://2014.igem.org/Team:Gothenburg/Calendar"