Team:Bordeaux/NotebookTest

From 2014.igem.org

(Difference between revisions)
 
(16 intermediate revisions not shown)
Line 99: Line 99:
</div>-->
</div>-->
-
 
+
<!--
<div class="calendar">
<div class="calendar">
   <div class="month"> May 2014  </div>
   <div class="month"> May 2014  </div>
Line 129: Line 129:
       </div>
       </div>
       <div class="day">
       <div class="day">
-
         <div class="number"> 4 </div>
+
         <div class= "number"> 4 </div>
       </div>
       </div>
   </div>
   </div>
Line 135: Line 135:
       <div class="day">
       <div class="day">
         <div class="number"> 5 </div>
         <div class="number"> 5 </div>
-
         <div class="dots" onClick="hide('id1');"> dot </div>
+
         <div class="dots" onClick="hide('id1');"> <ul class="ul-dots"> <li class="li-dots"> </li> <li class="li-dots"></li> </ul> </div>
       </div>
       </div>
       <div class="day">
       <div class="day">
Line 142: Line 142:
       <div class="day">
       <div class="day">
         <div class="number"> 7 </div>
         <div class="number"> 7 </div>
-
         <div class="dots" onClick="hide('id3');"> dot </div>
+
         <div class="dots" onClick="hide('id3');"> <ul class="ul-dots"> <li class="li-dots"> </li> </ul> </div>
       </div>
       </div>
       <div class="day">
       <div class="day">
Line 152: Line 152:
       <div class="day">
       <div class="day">
         <div class="number"> 10 </div>
         <div class="number"> 10 </div>
-
         <div class="dots" onClick="hide('id6');"> dot </div>
+
         <div class="dots" onClick="hide('id6');"> <ul class="ul-dots"> <li class="li-dots"> </li> </ul> </div>
       </div>
       </div>
       <div class="day">
       <div class="day">
Line 159: Line 159:
   </div>
   </div>
   <div class="hidden-week" id="hidden1" style="display:none">
   <div class="hidden-week" id="hidden1" style="display:none">
-
       <div class="hidden-content" id="id1" style="visibility:hidden"> bla bla bla </div>
+
       <div class="hidden-content" id="id1" style="visibility:hidden"> <p> <ul class=ul-hidden> <li> first </li> <li> second </li> </ul> </p> </div>
-
       <div class="hidden-content" id="id2" style="visibility:hidden"></div>
+
       <div class="hidden-content" id="id2" style="visibility:hidden"> </div>
       <div class="hidden-content" id="id3" style="visibility:hidden"> blop </div>
       <div class="hidden-content" id="id3" style="visibility:hidden"> blop </div>
-
       <div class="hidden-content" id="id4" style="visibility:hidden"></div>
+
       <div class="hidden-content" id="id4" style="visibility:hidden"> </div>
-
       <div class="hidden-content" id="id5" style="visibility:hidden"></div>
+
       <div class="hidden-content" id="id5" style="visibility:hidden"> </div>
       <div class="hidden-content" id="id6" style="visibility:hidden"> oups</div>
       <div class="hidden-content" id="id6" style="visibility:hidden"> oups</div>
   </div>
   </div>
Line 232: Line 232:
       </div>
       </div>
       <div class="day">
       <div class="day">
-
        <div class="number"> </div>
 
       </div>       
       </div>       
   </div>
   </div>
Line 238: Line 237:
   <div class="calendar-bottom"> ... </div>
   <div class="calendar-bottom"> ... </div>
</div>
</div>
-
 
+
<br><br>-->
 +
<div class="calendar">
 +
  <div class="month"> June 2014  </div>
 +
  <div class="days">
 +
      <div class="dayName"> Monday </div>
 +
      <div class="dayName"> Tuesday </div>
 +
      <div class="dayName"> Wednesday </div>
 +
      <div class="dayName"> Thursday </div>
 +
      <div class="dayName"> Friday </div>
 +
      <div class="dayName"> Saturday </div>
 +
      <div class="dayName"> Sunday </div>
 +
  </div>
 +
  <div class="calendar-content">
 +
 
 +
  <div class="week">
 +
      <div class="day">
 +
      </div>
 +
      <div class="day">
 +
      </div>
 +
      <div class="day">
 +
      </div>
 +
      <div class="day">
 +
      </div>
 +
      <div class="day">
 +
      </div>
 +
      <div class="day">
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 1 </div>
 +
      </div>
 +
  </div>
 +
  <div class="week">
 +
      <div class="day">
 +
        <div class="number"> 2 </div>
 +
        <div class="dots" onClick="openFrame('https://2014.igem.org/Team:Bordeaux/NotebookJune2');"> <ul class="ul-dots"> <li class="li-dots"> </li><li class="li-dots"> </li><li class="li-dots"> </li> </ul> </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 3 </div>
 +
        <div class="dots" > <ul class="ul-dots"> <li class="li-dots"> </li><li class="li-dots"> </li> </ul> </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 4 </div>
 +
        <div class="dots" > <ul class="ul-dots"> <li class="li-dots"> </li> </ul> </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 5 </div>
 +
        <div class="dots" > <ul class="ul-dots"> <li class="li-dots"> </li><li class="li-dots"> </li><li class="li-dots"> </li> <li class="li-dots"> </li><li class="li-dots"> </li></ul> </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 6 </div>
 +
        <div class="dots" > <ul class="ul-dots"> <li class="li-dots"> </li><li class="li-dots"> </li><li class="li-dots"> </li> </ul> </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 7 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 8 </div>
 +
      </div>
 +
  </div>
 +
  <div class="week">
 +
      <div class="day">
 +
        <div class="number"> 9 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 10 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 11 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 12 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 13 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 14 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 15 </div>
 +
      </div>     
 +
  </div>
 +
  <div class="week">
 +
      <div class="day">
 +
        <div class="number"> 16 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 17 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 18 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 19 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 20 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 21 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 22 </div>
 +
      </div>
 +
  </div>
 +
<div class="week">
 +
      <div class="day">
 +
        <div class="number"> 23 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 24 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 25 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 26 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 27 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 28 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 29 </div>
 +
      </div>
 +
  </div>
 +
  <div class="week">
 +
      <div class="day">
 +
        <div class="number"> 30 </div>
 +
      </div>
 +
      <div class="day">
 +
      </div>
 +
      <div class="day">
 +
      </div>
 +
      <div class="day">
 +
      </div>
 +
      <div class="day">
 +
      </div>
 +
      <div class="day">
 +
      </div>
 +
      <div class="day">
 +
      </div>
 +
  </div>
 +
  </div>
 +
  <div class="calendar-bottom"> ... </div>
 +
</div>
 +
<br>
 +
<div class="calendar">
 +
  <div class="month"> July 2014  </div>
 +
  <div class="days">
 +
      <div class="dayName"> Monday </div>
 +
      <div class="dayName"> Tuesday </div>
 +
      <div class="dayName"> Wednesday </div>
 +
      <div class="dayName"> Thursday </div>
 +
      <div class="dayName"> Friday </div>
 +
      <div class="dayName"> Saturday </div>
 +
      <div class="dayName"> Sunday </div>
 +
  </div>
 +
  <div class="calendar-content">
 +
 
 +
  <div class="week">
 +
      <div class="day">
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 1 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 2 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 3 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 4 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 5 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 6 </div>
 +
      </div>
 +
  </div>
 +
  <div class="week">
 +
      <div class="day">
 +
        <div class="number"> 7 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 8 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 9 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 10 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 11 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 12 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 13 </div>
 +
      </div>
 +
  </div>
 +
  <div class="week">
 +
      <div class="day">
 +
        <div class="number"> 14 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 15 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 16 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 17 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 18 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 19 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 20 </div>
 +
      </div>     
 +
  </div>
 +
  <div class="week">
 +
      <div class="day">
 +
        <div class="number"> 21 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 22 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 23 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 24 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 25 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 26 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 27 </div>
 +
      </div>
 +
  </div>
 +
<div class="week">
 +
      <div class="day">
 +
        <div class="number"> 28 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 29 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 30 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 31 </div>
 +
      </div>
 +
      <div class="day">
 +
      </div>
 +
      <div class="day">
 +
      </div>
 +
      <div class="day">
 +
      </div>
 +
  </div>
 +
  </div>
 +
  <div class="calendar-bottom"> ... </div>
 +
</div>
 +
<br>
 +
<div class="calendar">
 +
  <div class="month"> August 2014  </div>
 +
  <div class="days">
 +
      <div class="dayName"> Monday </div>
 +
      <div class="dayName"> Tuesday </div>
 +
      <div class="dayName"> Wednesday </div>
 +
      <div class="dayName"> Thursday </div>
 +
      <div class="dayName"> Friday </div>
 +
      <div class="dayName"> Saturday </div>
 +
      <div class="dayName"> Sunday </div>
 +
  </div>
 +
  <div class="calendar-content">
 +
 
 +
  <div class="week">
 +
      <div class="day">
 +
      </div>
 +
      <div class="day">
 +
      </div>
 +
      <div class="day">
 +
      </div>
 +
      <div class="day">
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 1 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 2 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 3 </div>
 +
      </div>
 +
  </div>
 +
  <div class="week">
 +
      <div class="day">
 +
        <div class="number"> 4 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 5 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 6 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 7 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 8 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 9 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 10 </div>
 +
      </div>
 +
  </div>
 +
  <div class="week">
 +
      <div class="day">
 +
        <div class="number"> 11 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 12 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 13 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 14 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 15 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 16 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 17 </div>
 +
      </div>     
 +
  </div>
 +
  <div class="week">
 +
      <div class="day">
 +
        <div class="number"> 18 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 19 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 20 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 21 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 22 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 23 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 24 </div>
 +
      </div>
 +
  </div>
 +
<div class="week">
 +
      <div class="day">
 +
        <div class="number"> 25 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 26 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 27 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 29 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 30 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 31 </div>
 +
      </div>
 +
      <div class="day">
 +
      </div>
 +
  </div>
 +
  </div>
 +
  <div class="calendar-bottom"> ... </div>
 +
</div>
<script>  
<script>  
function hide(thingId)  
function hide(thingId)  
Line 273: Line 674:
              
              
           }
           }
 +
}
 +
 +
function openFrame(url)
 +
{
 +
window.open(url);
}
}
</script>
</script>
</body>
</body>
</html>
</html>

Latest revision as of 18:35, 17 October 2014

June 2014
Monday
Tuesday
Wednesday
Thursday
Friday
Saturday
Sunday
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
...

July 2014
Monday
Tuesday
Wednesday
Thursday
Friday
Saturday
Sunday
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 2014
Monday
Tuesday
Wednesday
Thursday
Friday
Saturday
Sunday
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
29
30
31
...

Retrieved from "http://2014.igem.org/Team:Bordeaux/NotebookTest"