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

 
(222 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
{{Gaston_Day_School}}
 
{{Gaston_Day_School}}
 
<html>
 
<html>
−
     <body onload="onLoad()">
+
     <body>
−
      
+
    <style>
 +
        #kewltable table
 +
          {
 +
    border: 0px solid #000000;
 +
    width: 100%;
 +
    margin: auto;      
 +
            }
 +
            #kewltable td
 +
            {
 +
                border: 1px solid #000000;
 +
    border-collapse: collapse;
 +
    vertical-align: text-top;
 +
          }
 +
 
 +
            .wknd
 +
            {
 +
    border: 0px solid #787878;
 +
    border-collapse: collapse;
 +
    vertical-align: text-top;
 +
                        background-color:66cccc;
 +
          }
 +
 
 +
/*Change the styling of table headers */
 +
    #kewltable th
 +
            {
 +
                padding: 0px;
 +
                border: 0px solid #565656;
 +
  border-collapse: collapse;
 +
  vertical-align: text-top;
 +
                width: 10%;
 +
  }
 +
            #kewltable td:hover
 +
            {
 +
                box-shadow:inset 5px 5px 20px;
 +
            }
 +
        </style>
 
         <h2>Notebook</h2>
 
         <h2>Notebook</h2>
 
          
 
          
Line 8: Line 43:
 
             var prevDay = "";
 
             var prevDay = "";
 
              
 
              
−
             function onLoad()
+
             window.onload = function()
 
             {
 
             {
−
    for (int i = 7; i < 8; i+=1)
+
                document.getElementById("mo8").style.display = "none";
 +
        for (i = 7; i < 9; i += 1)
 
                 {
 
                 {
−
                     for (int j = 0; j < document.getElementById("month"+i).childNodes.length; j+=1)
+
                     for (j = 1; j < document.getElementById("month"+i).childNodes.length; j+=2)
 
                     {
 
                     {
 +
console.log("month"+i+j);
 
                         document.getElementById("month"+i).childNodes[j].style.display = "none";
 
                         document.getElementById("month"+i).childNodes[j].style.display = "none";
 
                     }
 
                     }
Line 32: 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>
−
         <table align="center">
+
         <div id="mo7">
−
            <colgroup>
+
            <table align="center" id="kewltable">
−
                <col width="14.28%" style="background-color:#f00000">
+
                <tr>
−
                 <col width="14.28%" style="background-color:#ff8000">
+
                    <th colspan="7" style="background-color:#66cccc;">July</th>
−
                 <col width="14.28%" style="background-color:#ffff00">
+
                 </tr>
−
                 <col width="14.28%" style="background-color:#007940">
+
 
−
                 <col width="14.28%" style="background-color:#4040ff">
+
                <tr valign="top" height="50">
−
                 <col width="14.28%" style="background-color:#a000c0">
+
                    <th class="wknd" style="background-color:#739dd7">Sunday  </th>
−
                 <col width="14.28%" style="background-color:violet">
+
                    <th>Monday  </th>
−
             </colgroup>
+
                    <th>Tuesday  </th>
−
             <tr valign="top">
+
                    <th>Wednesday</th>
−
                <th >Sunday  </th>
+
                    <th>Thursday </th>
−
                <th>Monday  </th>
+
                    <th>Friday  </th>
−
                <th>Tuesday  </th>
+
                    <th class="wknd" style="background-color:#739dd7">Saturday </th>
−
                <th>Wednesday</th>
+
                 </tr>
−
                <th>Thursday </th>
+
                <tr align="right" valign="top" height="75">
−
                <th>Friday  </th>
+
                    <td class="wknd" style="background-color:#739dd7"></td>
−
                <th>Saturday </th>
+
                    <td></td>
−
            </tr>
+
                    <td></td>
−
            <tr align="right" valign="top">
+
                    <td>1</td>
−
                <td></td>
+
                    <td>2</td>
−
                <td></td>
+
                    <td>3</td>
−
                <td></td>
+
                    <td class="wknd" style="background-color:#739dd7">4</td>
−
                <td onClick="selectDay(7,1)">1</td>
+
                 </tr>
−
                 <td onClick="selectDay(7,2)">2</td>
+
                <tr align="right" valign="top" height="75">
−
                <td onClick="selectDay(7,3)">3</td>
+
                    <td class="wknd" style="background-color:#739dd7">5</td>
−
                <td>4</td>
+
                    <td>6</td>
−
            </tr>
+
                    <td>7</td>
−
            <tr align="right" valign="top">
+
                    <td>8</td>
−
                <td>5</td>
+
                    <td>9</td>
−
                <td>6</td>
+
                    <td>10</td>
−
                <td>7</td>
+
                    <td class="wknd" style="background-color:#739dd7">11</td>
−
                <td>8</td>
+
                 </tr>
−
                <td>9</td>
+
                <tr align="right" valign="top" height="75">
−
                <td>10</td>
+
                    <td class="wknd" style="background-color:#739dd7">12</td>
−
                <td>11</td>
+
                    <td>13</td>
−
            </tr>
+
                    <td>14</td>
−
            <tr align="right" valign="top">
+
                    <td>15</td>
−
                <td>12</td>
+
                    <td>16</td>
−
                <td>13</td>
+
                    <td>17</td>
−
                <td>14</td>
+
                    <td class="wknd" style="background-color:#739dd7">18</td>
−
                <td>15</td>
+
                 </tr>
−
                <td>16</td>
+
                <tr align="right" valign="top" height="75">
−
                <td>17</td>
+
                    <td class="wknd" style="background-color:#739dd7">19</td>
−
                <td>18</td>
+
                    <td>20</td>
−
            </tr>
+
                    <td>21</td>
−
            <tr align="right" valign="top">
+
                    <td>22</td>
−
                <td>19</td>
+
                    <td onClick="selectDay(7,23)" style="background-color:#787878">23</td>
−
                <td>20</td>
+
                    <td>24</td>
−
                <td>21</td>
+
                    <td class="wknd" style="background-color:#739dd7">25</td>
−
                <td>22</td>
+
                 </tr>
−
                <td>23</td>
+
                <tr align="right" valign="top" height="75">
−
                <td>24</td>
+
                    <td class="wknd" style="background-color:#739dd7">26</td>
−
                <td>25</td>
+
                    <td>27</td>
−
            </tr>
+
                    <td onClick="selectDay(7,28)" style="background-color:#787878">28</td>
−
            <tr align="right" valign="top">
+
                    <td>29</td>
−
                <td>26</td>
+
                    <td>30</td>
−
                <td>27</td>
+
                    <td onClick="selectDay(7,31)" style="background-color:#787878">31</td>
−
                <td>28</td>
+
                    <td class="wknd" style="background-color:#739dd7"></td>
−
                <td>29</td>
+
                </tr>
−
                <td>30</td>
+
             </table>
−
                <td>31</td>
+
        </div>
−
                <td></td>
+
       
−
            </tr>
+
        <div id="mo8">
−
        </table>
+
             <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></td>
 +
                    <td></td>
 +
                    <td></td>
 +
                    <td></td>
 +
                    <td class="wknd" style="background-color:#739dd7"></td>
 +
                </tr>
 +
            </table>
 +
        </div>       
 +
 
 
         <div id="logs">
 
         <div id="logs">
 
             <div id="month7">
 
             <div id="month7">
−
                 <img id="71" href="https://static.igem.org/mediawiki/2015/0/06/Hi-Res1.jpg" height="100%" width="100%">
+
                 <div id="723">
−
                 <img id="72" href="">
+
                    <a href="https://static.igem.org/mediawiki/2015/b/bf/7-23-15.jpg" target="_new">
−
                 <img id="73" href="">
+
                    <img src="https://static.igem.org/mediawiki/2015/b/bf/7-23-15.jpg" height="100%" width="100%">
 +
                    </a>
 +
                </div>
 +
                <div id="728">
 +
                    <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 id="813">
 +
                    <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 id="814">
 +
                    <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 id="820">
 +
                    <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 id="826">
 +
                    <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>
 
         </div>
 
     </body>
 
     </body>
 
</html>
 
</html>

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