|
|
(138 intermediate revisions not shown) |
Line 6: |
Line 6: |
| <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> | | <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> |
| <style media="screen" type="text/css"> | | <style media="screen" type="text/css"> |
- | .cal { | + | |
- | float:left;
| + | .navleft { |
| + | position:fixed; |
| + | color: #ffffff; |
| + | margin-left:2.5%; |
| + | margin-top:10%; |
| + | text-align:center; |
| + | font-size:3em; |
| } | | } |
| | | |
- | .cal table { | + | .navleft table td { |
- | text-align: center;
| + | padding:20px; |
- | margin: 50px;
| + | font-color:#ffffff; |
| } | | } |
| | | |
- | .rightnb {
| + | #lapr td:hover { |
- | float:right;
| + | font-color: #0000ff; |
| } | | } |
- |
| |
- | /* our menu styles - must be fixed. */
| |
- | #sticky_cal_wrap { width:100%;}
| |
- | #sticky_cal { width:100%;}
| |
| | | |
- | /* anchors for each date */
| + | a { |
| + | font-color:#000000; |
| + | } |
| | | |
| + | #rightnb { |
| + | float:right; |
| + | width:70%; |
| + | color:#fff; |
| + | margin-top:-5%; |
| + | } |
| | | |
| + | .day { |
| + | z-index:100; |
| + | color:#fff; |
| + | margin:5%; |
| + | } |
| | | |
| + | .day h2 { |
| + | color:#fff; |
| + | } |
| | | |
- | </style>
| + | .day h1 { |
| + | color:#fff; |
| + | } |
| | | |
| + | .obj { |
| + | text-transform:uppercase; |
| + | } |
| | | |
- | <script>
| + | .ppl { |
- | $(function() {
| + | } |
- |
| + | |
- | // grab the initial top offset of the navigation
| + | |
- | var sticky_cal_offset_top = $('#sticky_cal').offset().top;
| + | |
- |
| + | |
- | // our function that decides whether the navigation bar should have "fixed" css position or not.
| + | |
- | var sticky_navigation = function(){
| + | |
- | var scroll_top = $(window).scrollTop(); // our current vertical position from the top
| + | |
- |
| + | |
- | // if we've scrolled more than the navigation, change its position to fixed to stick to top,
| + | |
- | // otherwise change it back to relative
| + | |
- | if (scroll_top > sticky_cal_offset_top) {
| + | |
- | $('#sticky_cal').css({ 'position': 'fixed', 'top':0, 'left':0 });
| + | |
- | } else {
| + | |
- | $('#sticky_cal').css({ 'position': 'relative' });
| + | |
- | }
| + | |
- | };
| + | |
- |
| + | |
- | // run our function on load
| + | |
- | sticky_navigation();
| + | |
- |
| + | |
- | // and run it again every time you scroll
| + | |
- | $(window).scroll(function() {
| + | |
- | sticky_cal();
| + | |
- | });
| + | |
- |
| + | |
- | });
| + | |
- | </script>
| + | |
| | | |
| + | .lab { |
| + | } |
| | | |
- | </head>
| + | .lab img { |
- | <body>
| + | width:100px; |
- | <div id="sticky_cal_wrap">
| + | height:100px; |
- | <div id="sticky_cal">
| + | } |
- | <div class="cal">
| + | |
- | <table>
| + | |
- | <tr>
| + | |
- | <td colspan="7"> April 2014 </td>
| + | |
- | </tr>
| + | |
- | <tr>
| + | |
- | <td colspan="7"><i> Month 1 of Project </i></td>
| + | |
- | </tr>
| + | |
- | <tr>
| + | |
- | <td>sun</td>
| + | |
- | <td>mon</td>
| + | |
- | <td>tue</td>
| + | |
- | <td>wed</td>
| + | |
- | <td>thu</td>
| + | |
- | <td>fri</td>
| + | |
- | <td>sat</td>
| + | |
- | </tr>
| + | |
- | <tr>
| + | |
- | <td></td>
| + | |
- | <td></td>
| + | |
- | <td>1</td>
| + | |
- | <td>2</td>
| + | |
- | <td>3</td>
| + | |
- | <td>4</td>
| + | |
- | <td>5</td>
| + | |
- | </tr>
| + | |
- | <tr>
| + | |
- | <td>6</td>
| + | |
- | <td><a href="https://2014.igem.org/Team:Duke/Notebook#apr7">7</a></td>
| + | |
- | <td><a href="https://2014.igem.org/Team:Duke/Notebook#apr8">8</a></td>
| + | |
- | <td>9</td>
| + | |
- | <td><a href="https://2014.igem.org/Team:Duke/Notebook#apr10">10</a></td>
| + | |
- | <td><a href="https://2014.igem.org/Team:Duke/Notebook#apr11">11</a></td>
| + | |
- | <td>12</td>
| + | |
- | </tr>
| + | |
- | <tr>
| + | |
- | <td><a href="https://2014.igem.org/Team:Duke/Notebook#apr13">13</a></td>
| + | |
- | <td><a href="https://2014.igem.org/Team:Duke/Notebook#apr14">14</a></td>
| + | |
- | <td><a href="https://2014.igem.org/Team:Duke/Notebook#apr15">15</a></td>
| + | |
- | <td><a href="https://2014.igem.org/Team:Duke/Notebook#apr16">16</a></td>
| + | |
- | <td>17</td>
| + | |
- | <td>18</td>
| + | |
- | <td>19</td>
| + | |
- | </tr>
| + | |
- | <tr>
| + | |
- | <td>20</td>
| + | |
- | <td>21</td>
| + | |
- | <td>22</td>
| + | |
- | <td>23</td>
| + | |
- | <td>24</td>
| + | |
- | <td>25</td>
| + | |
- | <td>26</td>
| + | |
- | </tr>
| + | |
- | <tr>
| + | |
- | <td>27</td>
| + | |
- | <td>28</td>
| + | |
- | <td>29</td>
| + | |
- | <td>30</td>
| + | |
- | <td></td>
| + | |
- | <td></td>
| + | |
- | <td></td>
| + | |
- | </tr>
| + | |
- | <tr>
| + | |
- | <td></td>
| + | |
- | <td></td>
| + | |
- | <td></td>
| + | |
- | <td></td>
| + | |
- | <td></td>
| + | |
- | <td></td>
| + | |
- | <td></td>
| + | |
- | </tr>
| + | |
- | </table>
| + | |
| | | |
- | <table>
| + | .month { |
- | <tr>
| + | font-size:3em; |
- | <td colspan="7"> May 2014 </td>
| + | float: center; |
- | </tr>
| + | padding:2.5%; |
- | <tr>
| + | text-align: center; |
- | <td colspan="7" align=center><i> Month 2 of Project </i></td>
| + | } |
- | </tr>
| + | |
- | <tr>
| + | |
- | <td align=center>sun</td>
| + | |
- | <td align=center>mon</td>
| + | |
- | <td align=center>tue</td>
| + | |
- | <td align=center>wed</td>
| + | |
- | <td align=center>thu</td>
| + | |
- | <td align=center>fri</td>
| + | |
- | <td align=center>sat</td>
| + | |
- | </tr>
| + | |
- | <tr>
| + | |
- | <td align=center></td>
| + | |
- | <td align=center></td>
| + | |
- | <td align=center></td>
| + | |
- | <td align=center></td>
| + | |
- | <td align=center>1</td>
| + | |
- | <td align=center>2</td>
| + | |
- | <td align=center>3</td>
| + | |
- | </tr>
| + | |
- | <tr>
| + | |
- | <td align=center>4</td>
| + | |
- | <td align=center>5</td>
| + | |
- | <td align=center>6</td>
| + | |
- | <td align=center>7</td>
| + | |
- | <td align=center>8</td>
| + | |
- | <td align=center>9</td>
| + | |
- | <td align=center>10</td>
| + | |
- | </tr>
| + | |
- | <tr>
| + | |
- | <td align=center>11</td>
| + | |
- | <td align=center>12</td>
| + | |
- | <td align=center>13</td>
| + | |
- | <td align=center>14</td>
| + | |
- | <td align=center>15</td>
| + | |
- | <td align=center>16</td>
| + | |
- | <td align=center>17</td>
| + | |
- | </tr>
| + | |
- | <tr>
| + | |
- | <td align=center>18</td>
| + | |
- | <td align=center>19</td>
| + | |
- | <td align=center>20</td>
| + | |
- | <td align=center>21</td>
| + | |
- | <td align=center>22</td>
| + | |
- | <td align=center>23</td>
| + | |
- | <td align=center>24</td>
| + | |
- | </tr>
| + | |
- | <tr>
| + | |
- | <td align=center>25</td>
| + | |
- | <td align=center>26</td>
| + | |
- | <td align=center>27</td>
| + | |
- | <td align=center>28</td>
| + | |
- | <td align=center><a href="https://2014.igem.org/Team:Duke/Notebook#may29">29</a></td>
| + | |
- | <td align=center>30</td>
| + | |
- | <td align=center>31</td>
| + | |
- | </tr>
| + | |
- | <tr>
| + | |
- | <td align=center></td>
| + | |
- | <td align=center></td>
| + | |
- | <td align=center></td>
| + | |
- | <td align=center></td>
| + | |
- | <td align=center></td>
| + | |
- | <td align=center></td>
| + | |
- | <td align=center></td>
| + | |
- | </tr>
| + | |
- | </table>
| + | |
| | | |
- | <table>
| + | </style> |
- | <tr>
| + | |
- | <td colspan="7"> June 2014 </td>
| + | |
- | </tr>
| + | |
- | <tr>
| + | |
- | <td colspan="7" align=center><i> Month 3 of Project </i></td>
| + | |
- | </tr>
| + | |
- | <tr>
| + | |
- | <td align=center>sun</td>
| + | |
- | <td align=center>mon</td>
| + | |
- | <td align=center>tue</td>
| + | |
- | <td align=center>wed</td>
| + | |
- | <td align=center>thu</td>
| + | |
- | <td align=center>fri</td>
| + | |
- | <td align=center>sat</td>
| + | |
- | </tr>
| + | |
- | <tr>
| + | |
- | <td align=center><a href="https://2014.igem.org/Team:Duke/Notebook#jun1">1</a></td>
| + | |
- | <td align=center><a href="https://2014.igem.org/Team:Duke/Notebook#jun2">2</a></td>
| + | |
- | <td align=center>3</td>
| + | |
- | <td align=center><a href="https://2014.igem.org/Team:Duke/Notebook#jun4">4</a></td>
| + | |
- | <td align=center><a href="https://2014.igem.org/Team:Duke/Notebook#jun5">5</a></td>
| + | |
- | <td align=center><a href="https://2014.igem.org/Team:Duke/Notebook#jun6">6</a></td>
| + | |
- | <td align=center>7</td>
| + | |
- | </tr>
| + | |
- | <tr>
| + | |
- | <td align=center>8</td>
| + | |
- | <td align=center><a href="https://2014.igem.org/Team:Duke/Notebook#jun9">9</a><</td>
| + | |
- | <td align=center><a href="https://2014.igem.org/Team:Duke/Notebook#jun10">10</a><</td>
| + | |
- | <td align=center><a href="https://2014.igem.org/Team:Duke/Notebook#jun11">11</a><</td>
| + | |
- | <td align=center><a href="https://2014.igem.org/Team:Duke/Notebook#jun12">12</a><</td>
| + | |
- | <td align=center><a href="https://2014.igem.org/Team:Duke/Notebook#jun13">13</a><</td>
| + | |
- | <td align=center>14</td>
| + | |
- | </tr>
| + | |
- | <tr>
| + | |
- | <td align=center>15</td>
| + | |
- | <td align=center>16</td>
| + | |
- | <td align=center>17</td>
| + | |
- | <td align=center>18</td>
| + | |
- | <td align=center>19</td>
| + | |
- | <td align=center>20</td>
| + | |
- | <td align=center>21</td>
| + | |
- | </tr>
| + | |
- | <tr>
| + | |
- | <td align=center>22</td>
| + | |
- | <td align=center>23</td>
| + | |
- | <td align=center>24</td>
| + | |
- | <td align=center>25</td>
| + | |
- | <td align=center>26</td>
| + | |
- | <td align=center>27</td>
| + | |
- | <td align=center>28</td>
| + | |
- | </tr>
| + | |
- | <tr>
| + | |
- | <td align=center>29</td>
| + | |
- | <td align=center>30</td>
| + | |
- | <td align=center></td>
| + | |
- | <td align=center></td>
| + | |
- | <td align=center></td>
| + | |
- | <td align=center></td>
| + | |
- | <td align=center></td>
| + | |
- | </tr>
| + | |
- | <tr>
| + | |
- | <td align=center></td>
| + | |
- | <td align=center></td>
| + | |
- | <td align=center></td>
| + | |
- | <td align=center></td>
| + | |
- | <td align=center></td>
| + | |
- | <td align=center></td>
| + | |
- | <td align=center></td>
| + | |
- | </tr>
| + | |
- | </table>
| + | |
| | | |
- | <table>
| |
- | <tr>
| |
- | <td colspan="7"> July 2014 </td>
| |
- | </tr>
| |
- | <tr>
| |
- | <td colspan="7" align=center><i> Month 4 of Project </i></td>
| |
- | </tr>
| |
- | <tr>
| |
- | <td align=center>sun</td>
| |
- | <td align=center>mon</td>
| |
- | <td align=center>tue</td>
| |
- | <td align=center>wed</td>
| |
- | <td align=center>thu</td>
| |
- | <td align=center>fri</td>
| |
- | <td align=center>sat</td>
| |
- | </tr>
| |
- | <tr>
| |
- | <td align=center></td>
| |
- | <td align=center></td>
| |
- | <td align=center>1</td>
| |
- | <td align=center>2</td>
| |
- | <td align=center>3</td>
| |
- | <td align=center>4</td>
| |
- | <td align=center>5</td>
| |
- | </tr>
| |
- | <tr>
| |
- | <td align=center>6</td>
| |
- | <td align=center>7</td>
| |
- | <td align=center>8</td>
| |
- | <td align=center>9</td>
| |
- | <td align=center>10</td>
| |
- | <td align=center>11</td>
| |
- | <td align=center>12</td>
| |
- | </tr>
| |
- | <tr>
| |
- | <td align=center>13</td>
| |
- | <td align=center>14</td>
| |
- | <td align=center>15</td>
| |
- | <td align=center>16</td>
| |
- | <td align=center>17</td>
| |
- | <td align=center>18</td>
| |
- | <td align=center>19</td>
| |
- | </tr>
| |
- | <tr>
| |
- | <td align=center>20</td>
| |
- | <td align=center>21</td>
| |
- | <td align=center>22</td>
| |
- | <td align=center>23</td>
| |
- | <td align=center>24</td>
| |
- | <td align=center>25</td>
| |
- | <td align=center>26</td>
| |
- | </tr>
| |
- | <tr>
| |
- | <td align=center>27</td>
| |
- | <td align=center>28</td>
| |
- | <td align=center>29</td>
| |
- | <td align=center>30</td>
| |
- | <td align=center>31</td>
| |
- | <td align=center></td>
| |
- | <td align=center></td>
| |
- | </tr>
| |
- | <tr>
| |
- | <td align=center></td>
| |
- | <td align=center></td>
| |
- | <td align=center></td>
| |
- | <td align=center></td>
| |
- | <td align=center></td>
| |
- | <td align=center></td>
| |
- | <td align=center></td>
| |
- | </tr>
| |
- | </table>
| |
| | | |
- | <table>
| + | </head> |
- | <tr>
| + | <body> |
- | <td colspan="7"> August 2014 </td>
| + | |
- | </tr> | + | |
- | <tr>
| + | |
- | <td colspan="7" align=center><i> Month 5 of Project </i></td>
| + | |
- | </tr>
| + | |
- | <tr>
| + | |
- | <td align=center>sun</td>
| + | |
- | <td align=center>mon</td>
| + | |
- | <td align=center>tue</td>
| + | |
- | <td align=center>wed</td>
| + | |
- | <td align=center>thu</td>
| + | |
- | <td align=center>fri</td>
| + | |
- | <td align=center>sat</td>
| + | |
- | </tr>
| + | |
- | <tr>
| + | |
- | <td align=center></td>
| + | |
- | <td align=center></td>
| + | |
- | <td align=center></td>
| + | |
- | <td align=center></td>
| + | |
- | <td align=center></td>
| + | |
- | <td align=center>1</td>
| + | |
- | <td align=center>2</td>
| + | |
- | </tr>
| + | |
- | <tr>
| + | |
- | <td align=center>3</td>
| + | |
- | <td align=center>4</td>
| + | |
- | <td align=center>5</td>
| + | |
- | <td align=center>6</td>
| + | |
- | <td align=center>7</td>
| + | |
- | <td align=center>8</td>
| + | |
- | <td align=center>9</td>
| + | |
- | </tr>
| + | |
- | <tr>
| + | |
- | <td align=center>10</td>
| + | |
- | <td align=center>11</td>
| + | |
- | <td align=center>12</td>
| + | |
- | <td align=center>13</td>
| + | |
- | <td align=center>14</td>
| + | |
- | <td align=center>15</td>
| + | |
- | <td align=center>16</td>
| + | |
- | </tr>
| + | |
- | <tr>
| + | |
- | <td align=center>17</td>
| + | |
- | <td align=center>18</td>
| + | |
- | <td align=center>19</td>
| + | |
- | <td align=center>20</td>
| + | |
- | <td align=center>21</td>
| + | |
- | <td align=center>22</td>
| + | |
- | <td align=center>23</td>
| + | |
- | </tr>
| + | |
- | <tr>
| + | |
- | <td align=center>24</td>
| + | |
- | <td align=center>25</td>
| + | |
- | <td align=center>26</td>
| + | |
- | <td align=center>27</td>
| + | |
- | <td align=center>28</td>
| + | |
- | <td align=center>29</td>
| + | |
- | <td align=center>30</td>
| + | |
- | </tr>
| + | |
- | <tr>
| + | |
- | <td align=center>31</td>
| + | |
- | <td align=center></td>
| + | |
- | <td align=center></td>
| + | |
- | <td align=center></td>
| + | |
- | <td align=center></td>
| + | |
- | <td align=center></td>
| + | |
- | <td align=center></td>
| + | |
- | </tr>
| + | |
- | </table>
| + | |
| | | |
- | <table>
| |
- | <tr>
| |
- | <td colspan="7"> September 2014 </td>
| |
- | </tr>
| |
- | <tr>
| |
- | <td colspan="7" align=center><i> Month 6 of Project </i></td>
| |
- | </tr>
| |
- | <tr>
| |
- | <td align=center>sun</td>
| |
- | <td align=center>mon</td>
| |
- | <td align=center>tue</td>
| |
- | <td align=center>wed</td>
| |
- | <td align=center>thu</td>
| |
- | <td align=center>fri</td>
| |
- | <td align=center>sat</td>
| |
- | </tr>
| |
- | <tr>
| |
- | <td align=center></td>
| |
- | <td align=center>1</td>
| |
- | <td align=center>2</td>
| |
- | <td align=center>3</td>
| |
- | <td align=center>4</td>
| |
- | <td align=center>5</td>
| |
- | <td align=center>6</td>
| |
- | </tr>
| |
- | <tr>
| |
- | <td align=center>7</td>
| |
- | <td align=center>8</td>
| |
- | <td align=center>9</td>
| |
- | <td align=center>10</td>
| |
- | <td align=center>11</td>
| |
- | <td align=center>12</td>
| |
- | <td align=center>13</td>
| |
- | </tr>
| |
- | <tr>
| |
- | <td align=center>14</td>
| |
- | <td align=center>15</td>
| |
- | <td align=center>16</td>
| |
- | <td align=center>17</td>
| |
- | <td align=center>18</td>
| |
- | <td align=center>19</td>
| |
- | <td align=center>20</td>
| |
- | </tr>
| |
- | <tr>
| |
- | <td align=center>21</td>
| |
- | <td align=center>22</td>
| |
- | <td align=center>23</td>
| |
- | <td align=center>24</td>
| |
- | <td align=center>25</td>
| |
- | <td align=center>26</td>
| |
- | <td align=center>27</td>
| |
- | </tr>
| |
- | <tr>
| |
- | <td align=center>28</td>
| |
- | <td align=center>29</td>
| |
- | <td align=center>30</td>
| |
- | <td align=center></td>
| |
- | <td align=center></td>
| |
- | <td align=center></td>
| |
- | <td align=center></td>
| |
- | </tr>
| |
- | <tr>
| |
- | <td align=center></td>
| |
- | <td align=center></td>
| |
- | <td align=center></td>
| |
- | <td align=center></td>
| |
- | <td align=center></td>
| |
- | <td align=center></td>
| |
- | <td align=center></td>
| |
- | </tr>
| |
- | </table>
| |
| | | |
- | <table>
| |
- | <tr>
| |
- | <td colspan="7"> October 2014 </td>
| |
- | </tr>
| |
- | <tr>
| |
- | <td colspan="7" align=center><i> Month 7 of Project </i></td>
| |
- | </tr>
| |
- | <tr>
| |
- | <td align=center>sun</td>
| |
- | <td align=center>mon</td>
| |
- | <td align=center>tue</td>
| |
- | <td align=center>wed</td>
| |
- | <td align=center>thu</td>
| |
- | <td align=center>fri</td>
| |
- | <td align=center>sat</td>
| |
- | </tr>
| |
- | <tr>
| |
- | <td align=center></td>
| |
- | <td align=center></td>
| |
- | <td align=center></td>
| |
- | <td align=center>1</td>
| |
- | <td align=center>2</td>
| |
- | <td align=center>3</td>
| |
- | <td align=center>4</td>
| |
- | </tr>
| |
- | <tr>
| |
- | <td align=center>5</td>
| |
- | <td align=center>6</td>
| |
- | <td align=center>7</td>
| |
- | <td align=center>8</td>
| |
- | <td align=center>9</td>
| |
- | <td align=center>10</td>
| |
- | <td align=center>11</td>
| |
- | </tr>
| |
- | <tr>
| |
- | <td align=center>12</td>
| |
- | <td align=center>13</td>
| |
- | <td align=center>14</td>
| |
- | <td align=center>15</td>
| |
- | <td align=center>16</td>
| |
- | <td align=center>17</td>
| |
- | <td align=center>18</td>
| |
- | </tr>
| |
- | <tr>
| |
- | <td align=center>19</td>
| |
- | <td align=center>20</td>
| |
- | <td align=center>21</td>
| |
- | <td align=center>22</td>
| |
- | <td align=center>23</td>
| |
- | <td align=center>24</td>
| |
- | <td align=center>25</td>
| |
- | </tr>
| |
- | <tr>
| |
- | <td align=center>26</td>
| |
- | <td align=center>27</td>
| |
- | <td align=center>28</td>
| |
- | <td align=center>29</td>
| |
- | <td align=center>30</td>
| |
- | <td align=center>31</td>
| |
- | <td align=center></td>
| |
- | </tr>
| |
- | <tr>
| |
- | <td align=center></td>
| |
- | <td align=center></td>
| |
- | <td align=center></td>
| |
- | <td align=center></td>
| |
- | <td align=center></td>
| |
- | <td align=center></td>
| |
- | <td align=center></td>
| |
- | </tr>
| |
- | </table>
| |
- | </div>
| |
- | </div>
| |
- | </div>
| |
| </body> | | </body> |
| </html> | | </html> |