Team:Bordeaux/NotebookTest

From 2014.igem.org

(Difference between revisions)
 
(11 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 237: 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 272: 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
...