Difference between revisions of "Team:Gaston Day School/Notebook"

 
(151 intermediate revisions by 2 users not shown)
Line 3: Line 3:
 
     <body>
 
     <body>
 
     <style>
 
     <style>
−
            #kewltable table  
+
        #kewltable table  
 +
          {
 +
    border: 0px solid #000000;
 +
    width: 100%;
 +
    margin: auto;   
 +
            }
 +
            #kewltable td
 
             {
 
             {
−
    border: 10px solid #565656;
+
                border: 1px solid #000000;
 
     border-collapse: collapse;
 
     border-collapse: collapse;
−
     width: 50%
+
     vertical-align: text-top;
−
    margin: auto;
+
          }
−
  margin-bottom: 15px;
+
 
−
  margin-top: 15px;
+
             .wknd
−
margin-right: 10px;
+
−
                margin-left: 10px;
+
−
    }
+
−
             #kewltable td
+
 
             {
 
             {
−
    padding: 10px;
+
     border: 0px solid #787878;
−
     border: 5px solid #787878;
+
 
     border-collapse: collapse;
 
     border-collapse: collapse;
 
     vertical-align: text-top;
 
     vertical-align: text-top;
−
  }
+
                        background-color:66cccc;
 +
          }
  
 
/*Change the styling of table headers */
 
/*Change the styling of table headers */
 
     #kewltable th  
 
     #kewltable th  
 
             {
 
             {
−
    background-color: #E8E8E9;
+
                padding: 0px;
−
    padding: 10px;
+
                border: 0px solid #565656;
−
  border: 1px solid #565656;
+
 
   border-collapse: collapse;
 
   border-collapse: collapse;
 
   vertical-align: text-top;
 
   vertical-align: text-top;
 +
                width: 10%;
 
   }
 
   }
 +
            #kewltable td:hover
 +
            {
 +
                box-shadow:inset 5px 5px 20px;
 +
            }
 
         </style>
 
         </style>
 
         <h2>Notebook</h2>
 
         <h2>Notebook</h2>
Line 39: Line 45:
 
             window.onload = function()
 
             window.onload = function()
 
             {
 
             {
−
    for (i = 7; i < 8; i += 1)
+
                document.getElementById("mo8").style.display = "none";
 +
        for (i = 7; i < 9; i += 1)
 
                 {
 
                 {
 
                     for (j = 1; j < document.getElementById("month"+i).childNodes.length; j+=2)
 
                     for (j = 1; j < document.getElementById("month"+i).childNodes.length; j+=2)
Line 62: Line 69:
 
                 prevDay = month+""+day;
 
                 prevDay = month+""+day;
 
                 document.getElementById(month+""+day).style.display = "block";
 
                 document.getElementById(month+""+day).style.display = "block";
 +
window.scrollTo(0,document.getElementById(month+""+day).childNodes[0].getBoundingClientRect().bottom-document.getElementById(month+""+day).getBoundingClientRect().top);
 +
            }
 +
            function enbl(month)
 +
            {
 +
                if (month == 7)
 +
                {
 +
                    document.getElementById("mo7").style.display = "block";
 +
                    document.getElementById("mo8").style.display = "none";
 +
                }
 +
                else if (month == 8)
 +
                {
 +
                    document.getElementById("mo8").style.display = "block";
 +
                    document.getElementById("mo7").style.display = "none";
 +
                }
 
             }
 
             }
 
         </script>
 
         </script>
−
       
+
         <div id="monthSelector">
−
         <div id="info">
+
             <table>
−
             <p> Document the dates you worked on your project.</p>
+
                 <tr id="kewltable">
−
           
+
                    <td onClick="enbl(7)" width="50px" height="50px" style="background-color:#739dd7">July</td>
−
            <h5>What should this page have?</h5>
+
                    <td onClick="enbl(8)" width="50px" height="50px" style="background-color:#739dd7">August</td>
−
           
+
                </tr>
−
            <ul>
+
             </table>
−
                 <li>Chronological notes of what your team is doing.</li>
+
−
                <li> Brief descriptions of daily important events.</li>
+
−
                <li>Pictures of your progress. </li>
+
−
                <li>Mention who participated in what task.</li>
+
−
            </ul>
+
−
           
+
−
           
+
−
            <h4>Inspiration</h4>
+
−
           
+
−
            <p>You can see what others teams have done to organize their notes:</p>
+
−
           
+
−
            <ul>
+
−
                <li><a href="https://2014.igem.org/Team:Tec-Monterrey/ITESM14_project.html#tab_notebook">2014 Tec Monterrey</a></li>
+
−
                <li><a href="https://2014.igem.org/Team:Kyoto/Notebook/Magnetosome_Formation#title">2014 Kyoto</a></li>
+
−
                <li><a href="https://2014.igem.org/Team:Cornell/notebook">2014 Cornell</a></li>
+
−
            </ul>
+
−
             <p onClick="disableInfo()">Disable Information</p>
+
 
         </div>
 
         </div>
−
<div id="kewltable">
+
        <div id="mo7">
−
             <table align="center">
+
             <table align="center" id="kewltable">
 
                 <tr>
 
                 <tr>
−
                     <th colspan="7">July</th>
+
                     <th colspan="7" style="background-color:#66cccc;">July</th>
 
                 </tr>
 
                 </tr>
−
                 <colgroup>
+
 
−
                    <col width="10%" style="background-color:#6699FF">
+
                 <tr valign="top" height="50">
−
                     <col width="10%" span="5" style="background-color:#CCCCCC">
+
                     <th class="wknd" style="background-color:#739dd7">Sunday  </th>
−
                    <col width="10%" style="background-color:#85ADFF">
+
−
                </colgroup>
+
−
                <tr valign="top" height="75">
+
−
                    <th>Sunday  </th>
+
 
                     <th>Monday  </th>
 
                     <th>Monday  </th>
 
                     <th>Tuesday  </th>
 
                     <th>Tuesday  </th>
Line 106: Line 106:
 
                     <th>Thursday </th>
 
                     <th>Thursday </th>
 
                     <th>Friday  </th>
 
                     <th>Friday  </th>
−
                     <th>Saturday </th>
+
                     <th class="wknd" style="background-color:#739dd7">Saturday </th>
 
                 </tr>
 
                 </tr>
−
                 <tr align="right" valign="top" height="10%">
+
                 <tr align="right" valign="top" height="75">
 +
                    <td class="wknd" style="background-color:#739dd7"></td>
 
                     <td></td>
 
                     <td></td>
 
                     <td></td>
 
                     <td></td>
−
                     <td></td>
+
                     <td>1</td>
−
                     <td onClick="selectDay(7,1)">1</td>
+
                     <td>2</td>
−
                     <td onClick="selectDay(7,2)">2</td>
+
                     <td>3</td>
−
                     <td onClick="selectDay(7,3)">3</td>
+
                     <td class="wknd" style="background-color:#739dd7">4</td>
−
                    <td onClick="selectDay(7,4)">4</td>
+
 
                 </tr>
 
                 </tr>
−
                 <tr align="right" valign="top">
+
                 <tr align="right" valign="top" height="75">
−
                     <td onClick="selectDay(7,5)">5</td>
+
                     <td class="wknd" style="background-color:#739dd7">5</td>
−
                     <td onClick="selectDay(7,6)">6</td>
+
                     <td>6</td>
 
                     <td>7</td>
 
                     <td>7</td>
 
                     <td>8</td>
 
                     <td>8</td>
 
                     <td>9</td>
 
                     <td>9</td>
 
                     <td>10</td>
 
                     <td>10</td>
−
                     <td>11</td>
+
                     <td class="wknd" style="background-color:#739dd7">11</td>
 
                 </tr>
 
                 </tr>
−
                 <tr align="right" valign="top">
+
                 <tr align="right" valign="top" height="75">
−
                     <td>12</td>
+
                     <td class="wknd" style="background-color:#739dd7">12</td>
 
                     <td>13</td>
 
                     <td>13</td>
 
                     <td>14</td>
 
                     <td>14</td>
Line 133: Line 133:
 
                     <td>16</td>
 
                     <td>16</td>
 
                     <td>17</td>
 
                     <td>17</td>
−
                     <td>18</td>
+
                     <td class="wknd" style="background-color:#739dd7">18</td>
 
                 </tr>
 
                 </tr>
−
                 <tr align="right" valign="top">
+
                 <tr align="right" valign="top" height="75">
−
                     <td>19</td>
+
                     <td class="wknd" style="background-color:#739dd7">19</td>
 
                     <td>20</td>
 
                     <td>20</td>
 
                     <td>21</td>
 
                     <td>21</td>
 
                     <td>22</td>
 
                     <td>22</td>
−
                     <td>23</td>
+
                     <td onClick="selectDay(7,23)" style="background-color:#787878">23</td>
 
                     <td>24</td>
 
                     <td>24</td>
−
                     <td>25</td>
+
                     <td class="wknd" style="background-color:#739dd7">25</td>
 
                 </tr>
 
                 </tr>
−
                 <tr align="right" valign="top">
+
                 <tr align="right" valign="top" height="75">
−
                     <td>26</td>
+
                     <td class="wknd" style="background-color:#739dd7">26</td>
 
                     <td>27</td>
 
                     <td>27</td>
−
                     <td>28</td>
+
                     <td onClick="selectDay(7,28)" style="background-color:#787878">28</td>
 
                     <td>29</td>
 
                     <td>29</td>
 
                     <td>30</td>
 
                     <td>30</td>
 +
                    <td onClick="selectDay(7,31)" style="background-color:#787878">31</td>
 +
                    <td class="wknd" style="background-color:#739dd7"></td>
 +
                </tr>
 +
            </table>
 +
        </div>
 +
       
 +
        <div id="mo8">
 +
            <table align="center" id="kewltable">
 +
                <tr>
 +
                    <th colspan="7" style="background-color:#66cccc;">August</th>
 +
                </tr>
 +
 +
                <tr valign="top" height="50">
 +
                    <th class="wknd" style="background-color:#739dd7">Sunday  </th>
 +
                    <th>Monday  </th>
 +
                    <th>Tuesday  </th>
 +
                    <th>Wednesday</th>
 +
                    <th>Thursday </th>
 +
                    <th>Friday  </th>
 +
                    <th class="wknd" style="background-color:#739dd7">Saturday </th>
 +
                </tr>
 +
                <tr align="right" valign="top" height="75">
 +
                    <td class="wknd" style="background-color:#739dd7"></td>
 +
                    <td></td>
 +
                    <td></td>
 +
                    <td></td>
 +
                    <td></td>
 +
                    <td></td>
 +
                    <td class="wknd" style="background-color:#739dd7">1</td>
 +
                </tr>
 +
                <tr align="right" valign="top" height="75">
 +
                    <td class="wknd" style="background-color:#739dd7">2</td>
 +
                    <td>3</td>
 +
                    <td>4</td>
 +
                    <td onClick="selectDay(8,5)" style="background-color:#787878">5</td>
 +
                    <td>6</td>
 +
                    <td>7</td>
 +
                    <td class="wknd" style="background-color:#739dd7">8</td>
 +
                </tr>
 +
                <tr align="right" valign="top" height="75">
 +
                    <td class="wknd" style="background-color:#739dd7">9</td>
 +
                    <td>10</td>
 +
                    <td>11</td>
 +
                    <td>12</td>
 +
                    <td onClick="selectDay(8,13)" style="background-color:#787878">13</td>
 +
                    <td onClick="selectDay(8,14)" style="background-color:#787878">14</td>
 +
                    <td class="wknd" style="background-color:#739dd7">15</td>
 +
                </tr>
 +
                <tr align="right" valign="top" height="75">
 +
                    <td class="wknd" style="background-color:#739dd7">16</td>
 +
                    <td>17</td>
 +
                    <td>18</td>
 +
                    <td>19</td>
 +
                    <td onClick="selectDay(8,20)" style="background-color:#787878">20</td>
 +
                    <td>21</td>
 +
                    <td class="wknd" style="background-color:#739dd7">22</td>
 +
                </tr>
 +
                <tr align="right" valign="top" height="75">
 +
                    <td class="wknd" style="background-color:#739dd7">23</td>
 +
                    <td>24</td>
 +
                    <td>25</td>
 +
                    <td onClick="selectDay(8,26)" style="background-color:#787878">26</td>
 +
                    <td>27</td>
 +
                    <td>28</td>
 +
                    <td class="wknd" style="background-color:#739dd7">29</td>
 +
                </tr>
 +
                <tr align="right" valign="top" height="75">
 +
                    <td class="wknd" style="background-color:#739dd7">30</td>
 
                     <td>31</td>
 
                     <td>31</td>
 
                     <td></td>
 
                     <td></td>
 +
                    <td></td>
 +
                    <td></td>
 +
                    <td></td>
 +
                    <td class="wknd" style="background-color:#739dd7"></td>
 
                 </tr>
 
                 </tr>
 
             </table>
 
             </table>
−
         </div>
+
         </div>      
 +
 
 
         <div id="logs">
 
         <div id="logs">
 
             <div id="month7">
 
             <div id="month7">
−
                 <div id="71">
+
                 <div id="723">
−
                     <img src="https://static.igem.org/mediawiki/2015/0/06/Hi-Res1.jpg" height="100%" width="100%">
+
                     <a href="https://static.igem.org/mediawiki/2015/b/bf/7-23-15.jpg" target="_new">
 +
                    <img src="https://static.igem.org/mediawiki/2015/b/bf/7-23-15.jpg" height="100%" width="100%">
 +
                    </a>
 
                 </div>
 
                 </div>
−
                 <div id="72">
+
                 <div id="728">
−
                     <img src="https://static.igem.org/mediawiki/2015/f/f6/Hi-Res2.jpg" height="100%" width="100%">
+
                     <a href="https://static.igem.org/mediawiki/2015/5/54/7-28-15-1.jpg" target="_new">
 +
                  <img src="https://static.igem.org/mediawiki/2015/5/54/7-28-15-1.jpg" height="100%" width="100%">
 +
                    </a>
 +
                    <a href="https://static.igem.org/mediawiki/2015/7/70/7-28-15-2.jpg" target="_new">
 +
                    <img src="https://static.igem.org/mediawiki/2015/7/70/7-28-15-2.jpg" height="100%" width="100%">
 +
                </a>
 +
                </div>
 +
                <div id="731">
 +
                    <a href="https://static.igem.org/mediawiki/2015/7/79/7-31-15.jpg" target="_new">
 +
                    <img src="https://static.igem.org/mediawiki/2015/7/79/7-31-15.jpg" height="100%" width="100%">
 +
                    </a>
 +
                </div>
 +
            </div>
 +
        </div>
 +
        <div id="logs">
 +
            <div id="month8">
 +
                <div id="85">
 +
                    <a href="https://static.igem.org/mediawiki/2015/2/2e/8-5-15.jpg" target="_new">
 +
                    <img src="https://static.igem.org/mediawiki/2015/2/2e/8-5-15.jpg" height="100%" width="100%">
 +
                    </a>
 
                 </div>
 
                 </div>
−
                 <div id="73">
+
                 <div id="813">
−
                     <img src="https://static.igem.org/mediawiki/2015/6/67/Hi-Res3.jpg" height="100%" width="100%">
+
                     <a href="https://static.igem.org/mediawiki/2015/2/2f/8-13-15.jpg" target="_new">
 +
                    <img src="https://static.igem.org/mediawiki/2015/2/2f/8-13-15.jpg" height="100%" width="100%">
 +
                    </a>
 
                 </div>
 
                 </div>
−
                 <div id="74">
+
                 <div id="814">
−
                     <img src="https://static.igem.org/mediawiki/2015/d/d7/Hi-Res4.jpg" height="100%" width="100%">
+
                     <a href="https://static.igem.org/mediawiki/2015/d/d7/8-20-15-1.jpg" target="_new">
 +
                    <img src="https://static.igem.org/mediawiki/2015/d/d7/8-20-15-1.jpg" height="100%" width="100%">
 +
                    </a>
 
                 </div>
 
                 </div>
−
                 <div id="75">
+
                 <div id="820">
−
                <img src="https://static.igem.org/mediawiki/2015/3/33/Hi-Res5.jpg" height="100%" width="100%">
+
                    <a href="https://static.igem.org/mediawiki/2015/1/18/8-20-15-2.jpg" target="_new">
 +
                    <img src="https://static.igem.org/mediawiki/2015/1/18/8-20-15-2.jpg" width="75%">
 +
                    </a>
 +
                    <a href="https://static.igem.org/mediawiki/2015/d/d6/8-26-15.jpg" target="_new">
 +
                    <img src="https://static.igem.org/mediawiki/2015/d/d6/8-26-15.jpg" width="75%">
 +
                    </a>
 
                 </div>
 
                 </div>
−
                 <div id="76">
+
                 <div id="826">
−
                     <img src="https://static.igem.org/mediawiki/2015/a/ab/Hi-Res6.jpg" height="100%" width="100%">
+
                     <a href="https://static.igem.org/mediawiki/2015/f/fc/8-26-15-1.jpg" target="_new">
 +
                <img src="https://static.igem.org/mediawiki/2015/f/fc/8-26-15-1.jpg" width="75%" target="_blank">
 +
                    </a>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>

Latest revision as of 02:42, 19 September 2015

Notebook

July August
July
Sunday Monday Tuesday Wednesday Thursday Friday Saturday
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
August
Sunday Monday Tuesday Wednesday Thursday Friday Saturday
1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31