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

 
(285 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
{{Gaston_Day_School}}
 
{{Gaston_Day_School}}
 
<html>
 
<html>
−
<h2>Notebook</h2>
+
    <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;
 +
          }
  
−
<p> Document the dates you worked on your project.</p>
+
            .wknd
−
+
            {
−
    <script>
+
    border: 0px solid #787878;
−
        function disableInfo()
+
    border-collapse: collapse;
−
        {
+
    vertical-align: text-top;
−
            document.getElementById("info").style.display = "none";
+
                        background-color:66cccc;
−
        }
+
          }
−
    </script>
+
 
−
   
+
/*Change the styling of table headers */
−
    <div id="info">
+
    #kewltable th
−
        <h5>What should this page have?</h5>
+
            {
−
        <ul>
+
                padding: 0px;
−
             <li>Chronological notes of what your team is doing.</li>
+
                border: 0px solid #565656;
−
             <li> Brief descriptions of daily important events.</li>
+
  border-collapse: collapse;
−
             <li>Pictures of your progress. </li>
+
  vertical-align: text-top;
−
            <li>Mention who participated in what task.</li>
+
                width: 10%;
−
        </ul>
+
  }
 +
             #kewltable td:hover
 +
             {
 +
                box-shadow:inset 5px 5px 20px;
 +
             }
 +
        </style>
 +
        <h2>Notebook</h2>
 
          
 
          
 +
        <script>
 +
            var prevDay = "";
 +
           
 +
            window.onload = function()
 +
            {
 +
                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)
 +
                    {
 +
console.log("month"+i+j);
 +
                        document.getElementById("month"+i).childNodes[j].style.display = "none";
 +
                    }
 +
                }
 +
            }
 +
            function disableInfo()
 +
            {
 +
                document.getElementById("info").style.display = "none";
 +
            }
 +
            function selectDay(month, day)
 +
            {
 +
                console.log(month+""+day);
 +
                console.log(prevDay);
 +
                if (prevDay != "")
 +
                {
 +
                    document.getElementById(prevDay).style.display = "none";
 +
                }
 +
                prevDay = month+""+day;
 +
                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>
 +
        <div id="monthSelector">
 +
            <table>
 +
                <tr id="kewltable">
 +
                    <td onClick="enbl(7)" width="50px" height="50px" style="background-color:#739dd7">July</td>
 +
                    <td onClick="enbl(8)" width="50px" height="50px" style="background-color:#739dd7">August</td>
 +
                </tr>
 +
            </table>
 +
        </div>
 +
        <div id="mo7">
 +
            <table align="center" id="kewltable">
 +
                <tr>
 +
                    <th colspan="7" style="background-color:#66cccc;">July</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>1</td>
 +
                    <td>2</td>
 +
                    <td>3</td>
 +
                    <td class="wknd" style="background-color:#739dd7">4</td>
 +
                </tr>
 +
                <tr align="right" valign="top" height="75">
 +
                    <td class="wknd" style="background-color:#739dd7">5</td>
 +
                    <td>6</td>
 +
                    <td>7</td>
 +
                    <td>8</td>
 +
                    <td>9</td>
 +
                    <td>10</td>
 +
                    <td class="wknd" style="background-color:#739dd7">11</td>
 +
                </tr>
 +
                <tr align="right" valign="top" height="75">
 +
                    <td class="wknd" style="background-color:#739dd7">12</td>
 +
                    <td>13</td>
 +
                    <td>14</td>
 +
                    <td>15</td>
 +
                    <td>16</td>
 +
                    <td>17</td>
 +
                    <td class="wknd" style="background-color:#739dd7">18</td>
 +
                </tr>
 +
                <tr align="right" valign="top" height="75">
 +
                    <td class="wknd" style="background-color:#739dd7">19</td>
 +
                    <td>20</td>
 +
                    <td>21</td>
 +
                    <td>22</td>
 +
                    <td onClick="selectDay(7,23)" style="background-color:#787878">23</td>
 +
                    <td>24</td>
 +
                    <td class="wknd" style="background-color:#739dd7">25</td>
 +
                </tr>
 +
                <tr align="right" valign="top" height="75">
 +
                    <td class="wknd" style="background-color:#739dd7">26</td>
 +
                    <td>27</td>
 +
                    <td onClick="selectDay(7,28)" style="background-color:#787878">28</td>
 +
                    <td>29</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>
 
          
 
          
−
         <h4>Inspiration</h4>
+
         <div id="mo8">
−
        <p>You can see what others teams have done to organize their notes:</p>
+
            <table align="center" id="kewltable">
−
          
+
                <tr>
−
         <ul>  
+
                    <th colspan="7" style="background-color:#66cccc;">August</th>
−
             <li><a href="https://2014.igem.org/Team:Tec-Monterrey/ITESM14_project.html#tab_notebook">2014 Tec Monterrey</a></li>
+
                </tr>
−
            <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>
+
                <tr valign="top" height="50">
−
        </ul>
+
                    <th class="wknd" style="background-color:#739dd7">Sunday  </th>
−
    </div>
+
                    <th>Monday  </th>
−
+
                    <th>Tuesday  </th>
−
    <p onClick="disableInfo()">Disable Information</p>
+
                    <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="month7">
 +
                <div id="723">
 +
                    <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 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>
 +
    </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