Team:XMU-China/Notebook Calendar

From 2014.igem.org

(Difference between revisions)
Line 461: Line 461:
  <div id="calendar1" class="calendar" style="background-image: url(https://static.igem.org/mediawiki/2014/3/35/XMU-calendar.gif);">
  <div id="calendar1" class="calendar" style="background-image: url(https://static.igem.org/mediawiki/2014/3/35/XMU-calendar.gif);">
<img src="https://static.igem.org/mediawiki/2014/8/8d/XMU-prev_icon.png" class="prev" alt="Previous" style="position:absolute; top: 2px; cursor: pointer; " onclick="click_prev(this.parentNode)" />
<img src="https://static.igem.org/mediawiki/2014/8/8d/XMU-prev_icon.png" class="prev" alt="Previous" style="position:absolute; top: 2px; cursor: pointer; " onclick="click_prev(this.parentNode)" />
-
<img src="https://static.igem.org/mediawiki/2014/b/bc/XMU-next_icon.png" class="next" alt="Next" style="position:absolute; left: 562px; top: 2px; cursor: pointer;" onclick="click_next(this.parentNode)" />
+
<img src="https://static.igem.org/mediawiki/2014/b/bc/XMU-next_icon.png" class="next" alt="Next" style="position:absolute; left: 465px; top: 2px; cursor: pointer;" onclick="click_next(this.parentNode)" />
<ul>February</ul>
<ul>February</ul>
<h3>1st:today we made...<br/>2nd:today we made...</h3>
<h3>1st:today we made...<br/>2nd:today we made...</h3>
-
<img src="https://static.igem.org/mediawiki/2014/b/bc/XMU-return.png" class="return" alt="Return" style="position:absolute; bottom:5px; left: 280px; cursor: pointer;" />  
+
<img src="https://static.igem.org/mediawiki/2014/b/bc/XMU-return.png" class="return" alt="Return" style="position:absolute; bottom:5px; left: 245px; cursor: pointer;" />  
  </div>
  </div>
  <div id="Month1" class="Month" style="position: absolute; top: 18px; left: 348px; cursor: pointer;" onclick="moveOut(this)"><h1>Feb</h1></div>
  <div id="Month1" class="Month" style="position: absolute; top: 18px; left: 348px; cursor: pointer;" onclick="moveOut(this)"><h1>Feb</h1></div>
Line 472: Line 472:
  <div id="calendar2" class="calendar" style="background-image: url(https://static.igem.org/mediawiki/2014/3/35/XMU-calendar.gif);" >
  <div id="calendar2" class="calendar" style="background-image: url(https://static.igem.org/mediawiki/2014/3/35/XMU-calendar.gif);" >
<img src="https://static.igem.org/mediawiki/2014/8/8d/XMU-prev_icon.png" class="prev" alt="Previous" style="position:absolute; top: 2px; cursor: pointer;"  onclick="click_prev(this.parentNode)"/>
<img src="https://static.igem.org/mediawiki/2014/8/8d/XMU-prev_icon.png" class="prev" alt="Previous" style="position:absolute; top: 2px; cursor: pointer;"  onclick="click_prev(this.parentNode)"/>
-
<img src="https://static.igem.org/mediawiki/2014/b/bc/XMU-next_icon.png" class="next" alt="Next" style="position:absolute; left: 562px; top: 2px; cursor: pointer;" onclick="click_next(this.parentNode)"  />
+
<img src="https://static.igem.org/mediawiki/2014/b/bc/XMU-next_icon.png" class="next" alt="Next" style="position:absolute; left: 465px; top: 2px; cursor: pointer;" onclick="click_next(this.parentNode)"  />
<ul>March</ul>
<ul>March</ul>
<h3>1st:today we made...<br/>2nd:today we made...</h3>
<h3>1st:today we made...<br/>2nd:today we made...</h3>
-
<img src="https://static.igem.org/mediawiki/2014/b/bc/XMU-return.png" class="return" alt="Return" style="position:absolute; bottom:5px; left: 280px; cursor: pointer;" />
+
<img src="https://static.igem.org/mediawiki/2014/b/bc/XMU-return.png" class="return" alt="Return" style="position:absolute; bottom:5px; left: 245px; cursor: pointer;" />
  </div>
  </div>
  <div id="Month2" class="Month"  style="position: absolute; top: 65px; left: 402px; cursor: pointer;" onclick="moveOut(this)"><h1>Mar</h1></div>
  <div id="Month2" class="Month"  style="position: absolute; top: 65px; left: 402px; cursor: pointer;" onclick="moveOut(this)"><h1>Mar</h1></div>
Line 483: Line 483:
  <div id="calendar3" class="calendar" style="background-image: url(https://static.igem.org/mediawiki/2014/3/35/XMU-calendar.gif);" >
  <div id="calendar3" class="calendar" style="background-image: url(https://static.igem.org/mediawiki/2014/3/35/XMU-calendar.gif);" >
<img src="https://static.igem.org/mediawiki/2014/8/8d/XMU-prev_icon.png" class="prev" alt="Previous" style="position:absolute; top: 2px; cursor: pointer;" onclick="click_prev(this.parentNode)" />
<img src="https://static.igem.org/mediawiki/2014/8/8d/XMU-prev_icon.png" class="prev" alt="Previous" style="position:absolute; top: 2px; cursor: pointer;" onclick="click_prev(this.parentNode)" />
-
<img src="https://static.igem.org/mediawiki/2014/b/bc/XMU-next_icon.png" class="next" alt="Next" style="position:absolute; left: 562px; top: 2px; cursor: pointer;" onclick="click_next(this.parentNode)"  />
+
<img src="https://static.igem.org/mediawiki/2014/b/bc/XMU-next_icon.png" class="next" alt="Next" style="position:absolute; left: 465px; top: 2px; cursor: pointer;" onclick="click_next(this.parentNode)"  />
<ul>April</ul>
<ul>April</ul>
<h3>1st:today we made...<br/>2nd:today we made...</h3>
<h3>1st:today we made...<br/>2nd:today we made...</h3>
-
<img src="https://static.igem.org/mediawiki/2014/b/bc/XMU-return.png" class="return" alt="Return" style="position:absolute; bottom:5px; left: 280px; cursor: pointer;" />
+
<img src="https://static.igem.org/mediawiki/2014/b/bc/XMU-return.png" class="return" alt="Return" style="position:absolute; bottom:5px; left: 245px; cursor: pointer;" />
  </div>
  </div>
  <div id="Month3" class="Month"  style="position: absolute; top: 140px; left: 432px; cursor: pointer;" onclick="moveOut(this)"><h1>Apr</h1></div>
  <div id="Month3" class="Month"  style="position: absolute; top: 140px; left: 432px; cursor: pointer;" onclick="moveOut(this)"><h1>Apr</h1></div>
Line 494: Line 494:
  <div id="calendar4" class="calendar" style="background-image: url(https://static.igem.org/mediawiki/2014/3/35/XMU-calendar.gif);">
  <div id="calendar4" class="calendar" style="background-image: url(https://static.igem.org/mediawiki/2014/3/35/XMU-calendar.gif);">
<img src="https://static.igem.org/mediawiki/2014/8/8d/XMU-prev_icon.png" class="prev" alt="Previous" style="position:absolute; top: 2px; cursor: pointer;" onclick="click_prev(this.parentNode)"/>
<img src="https://static.igem.org/mediawiki/2014/8/8d/XMU-prev_icon.png" class="prev" alt="Previous" style="position:absolute; top: 2px; cursor: pointer;" onclick="click_prev(this.parentNode)"/>
-
<img src="https://static.igem.org/mediawiki/2014/b/bc/XMU-next_icon.png" class="next" alt="Next" style="position:absolute; left: 562px; top: 2px; cursor: pointer;" onclick="click_next(this.parentNode)"  />
+
<img src="https://static.igem.org/mediawiki/2014/b/bc/XMU-next_icon.png" class="next" alt="Next" style="position:absolute; left: 465px; top: 2px; cursor: pointer;" onclick="click_next(this.parentNode)"  />
<ul>May</ul>
<ul>May</ul>
<h3>1st:today we made...<br/>2nd:today we made...</h3>
<h3>1st:today we made...<br/>2nd:today we made...</h3>
-
<img src="https://static.igem.org/mediawiki/2014/b/bc/XMU-return.png" class="return" alt="Return" style="position:absolute; bottom:5px; left: 280px; cursor: pointer;" />
+
<img src="https://static.igem.org/mediawiki/2014/b/bc/XMU-return.png" class="return" alt="Return" style="position:absolute; bottom:5px; left: 245px; cursor: pointer;" />
  </div>
  </div>
  <div id="Month4" class="Month"  style="position: absolute; top: 208px; left: 452px; cursor: pointer;" onclick="moveOut(this)"><h1>May</h1></div>
  <div id="Month4" class="Month"  style="position: absolute; top: 208px; left: 452px; cursor: pointer;" onclick="moveOut(this)"><h1>May</h1></div>
Line 505: Line 505:
  <div id="calendar5" class="calendar" style="background-image: url(https://static.igem.org/mediawiki/2014/3/35/XMU-calendar.gif);" >
  <div id="calendar5" class="calendar" style="background-image: url(https://static.igem.org/mediawiki/2014/3/35/XMU-calendar.gif);" >
<img src="https://static.igem.org/mediawiki/2014/8/8d/XMU-prev_icon.png" class="prev" alt="Previous" style="position:absolute; top: 2px; cursor: pointer;" onclick="click_prev(this.parentNode)" />
<img src="https://static.igem.org/mediawiki/2014/8/8d/XMU-prev_icon.png" class="prev" alt="Previous" style="position:absolute; top: 2px; cursor: pointer;" onclick="click_prev(this.parentNode)" />
-
<img src="https://static.igem.org/mediawiki/2014/b/bc/XMU-next_icon.png" class="next" alt="Next" style="position:absolute; left: 562px; top: 2px; cursor: pointer;" onclick="click_next(this.parentNode)"  />
+
<img src="https://static.igem.org/mediawiki/2014/b/bc/XMU-next_icon.png" class="next" alt="Next" style="position:absolute; left: 465px; top: 2px; cursor: pointer;" onclick="click_next(this.parentNode)"  />
<ul>June</ul>
<ul>June</ul>
<h3>1st:today we made...<br/>2nd:today we made...</h3>
<h3>1st:today we made...<br/>2nd:today we made...</h3>
-
<img src="https://static.igem.org/mediawiki/2014/b/bc/XMU-return.png" class="return" alt="Return" style="position:absolute; bottom:5px; left: 280px; cursor: pointer;" />
+
<img src="https://static.igem.org/mediawiki/2014/b/bc/XMU-return.png" class="return" alt="Return" style="position:absolute; bottom:5px; left: 245px; cursor: pointer;" />
 
 
  </div>
  </div>
Line 517: Line 517:
  <div id="calendar6" class="calendar" style="background-image: url(https://static.igem.org/mediawiki/2014/3/35/XMU-calendar.gif);" >
  <div id="calendar6" class="calendar" style="background-image: url(https://static.igem.org/mediawiki/2014/3/35/XMU-calendar.gif);" >
<img src="https://static.igem.org/mediawiki/2014/8/8d/XMU-prev_icon.png" class="prev" alt="Previous" style="position:absolute; top: 2px; cursor: pointer;" onclick="click_prev(this.parentNode)" />
<img src="https://static.igem.org/mediawiki/2014/8/8d/XMU-prev_icon.png" class="prev" alt="Previous" style="position:absolute; top: 2px; cursor: pointer;" onclick="click_prev(this.parentNode)" />
-
<img src="https://static.igem.org/mediawiki/2014/b/bc/XMU-next_icon.png" class="next" alt="Next" style="position:absolute; left: 562px; top: 2px; cursor: pointer;" onclick="click_next(this.parentNode)"  />
+
<img src="https://static.igem.org/mediawiki/2014/b/bc/XMU-next_icon.png" class="next" alt="Next" style="position:absolute; left: 465px; top: 2px; cursor: pointer;" onclick="click_next(this.parentNode)"  />
<ul>July</ul>
<ul>July</ul>
<h3>1st:today we made...<br/>2nd:today we made...</h3>  
<h3>1st:today we made...<br/>2nd:today we made...</h3>  
-
<img src="https://static.igem.org/mediawiki/2014/b/bc/XMU-return.png" class="return" alt="Return" style="position:absolute; bottom:5px; left: 280px; cursor: pointer;" />
+
<img src="https://static.igem.org/mediawiki/2014/b/bc/XMU-return.png" class="return" alt="Return" style="position:absolute; bottom:5px; left: 245px; cursor: pointer;" />
  </div>
  </div>
  <div id="Month6" class="Month"  style="position: absolute; top: 428px; left: 385px; cursor: pointer;" onclick="moveOut(this)"><h1>Jul</h1></div>
  <div id="Month6" class="Month"  style="position: absolute; top: 428px; left: 385px; cursor: pointer;" onclick="moveOut(this)"><h1>Jul</h1></div>
Line 528: Line 528:
  <div id="calendar7" class="calendar" style="background-image: url(https://static.igem.org/mediawiki/2014/3/35/XMU-calendar.gif);" >
  <div id="calendar7" class="calendar" style="background-image: url(https://static.igem.org/mediawiki/2014/3/35/XMU-calendar.gif);" >
<img src="https://static.igem.org/mediawiki/2014/8/8d/XMU-prev_icon.png" class="prev" alt="Previous" style="position:absolute; top: 2px; cursor: pointer;" onclick="click_prev(this.parentNode)" />
<img src="https://static.igem.org/mediawiki/2014/8/8d/XMU-prev_icon.png" class="prev" alt="Previous" style="position:absolute; top: 2px; cursor: pointer;" onclick="click_prev(this.parentNode)" />
-
<img src="https://static.igem.org/mediawiki/2014/b/bc/XMU-next_icon.png" class="next" alt="Next" style="position:absolute; left: 562px; top: 2px; cursor: pointer;" onclick="click_next(this.parentNode)"  />
+
<img src="https://static.igem.org/mediawiki/2014/b/bc/XMU-next_icon.png" class="next" alt="Next" style="position:absolute; left: 465px; top: 2px; cursor: pointer;" onclick="click_next(this.parentNode)"  />
<ul>August</ul>
<ul>August</ul>
<h3>1st:today we made...<br/>2nd:today we made...</h3>  
<h3>1st:today we made...<br/>2nd:today we made...</h3>  
-
<img src="https://static.igem.org/mediawiki/2014/b/bc/XMU-return.png" class="return" alt="Return" style="position:absolute; bottom:5px; left: 280px; cursor: pointer;" />
+
<img src="https://static.igem.org/mediawiki/2014/b/bc/XMU-return.png" class="return" alt="Return" style="position:absolute; bottom:5px; left: 245px; cursor: pointer;" />
  </div>
  </div>
  <div id="Month7" class="Month"  style="position: absolute; top: 473px; left: 438px; cursor: pointer;" onclick="moveOut(this)"><h1>Aug</h1></div>
  <div id="Month7" class="Month"  style="position: absolute; top: 473px; left: 438px; cursor: pointer;" onclick="moveOut(this)"><h1>Aug</h1></div>
Line 539: Line 539:
  <div id="calendar8" class="calendar" style="background-image: url(https://static.igem.org/mediawiki/2014/3/35/XMU-calendar.gif);" >
  <div id="calendar8" class="calendar" style="background-image: url(https://static.igem.org/mediawiki/2014/3/35/XMU-calendar.gif);" >
<img src="https://static.igem.org/mediawiki/2014/8/8d/XMU-prev_icon.png" class="prev" alt="Previous" style="position:absolute; top: 2px; cursor: pointer;" onclick="click_prev(this.parentNode)" />
<img src="https://static.igem.org/mediawiki/2014/8/8d/XMU-prev_icon.png" class="prev" alt="Previous" style="position:absolute; top: 2px; cursor: pointer;" onclick="click_prev(this.parentNode)" />
-
<img src="https://static.igem.org/mediawiki/2014/b/bc/XMU-next_icon.png" class="next" alt="Next" style="position:absolute; left: 562px; top: 2px; cursor: pointer;" onclick="click_next(this.parentNode)"  />
+
<img src="https://static.igem.org/mediawiki/2014/b/bc/XMU-next_icon.png" class="next" alt="Next" style="position:absolute; left: 465px; top: 2px; cursor: pointer;" onclick="click_next(this.parentNode)"  />
<ul>September</ul>
<ul>September</ul>
<h3>1st:today we made...<br/>2nd:today we made...</h3>
<h3>1st:today we made...<br/>2nd:today we made...</h3>
-
<img src="https://static.igem.org/mediawiki/2014/b/bc/XMU-return.png" class="return" alt="Return" style="position:absolute; bottom:5px; left: 280px; cursor: pointer;" />
+
<img src="https://static.igem.org/mediawiki/2014/b/bc/XMU-return.png" class="return" alt="Return" style="position:absolute; bottom:5px; left: 245px; cursor: pointer;" />
  </div>
  </div>
  <div id="Month8" class="Month"  style="position: absolute; top: 483px; left: 658px; cursor: pointer;" onclick="moveOut(this)"><h1>Sep</h1></div>
  <div id="Month8" class="Month"  style="position: absolute; top: 483px; left: 658px; cursor: pointer;" onclick="moveOut(this)"><h1>Sep</h1></div>
Line 550: Line 550:
  <div id="calendar9" class="calendar" style="background-image: url(https://static.igem.org/mediawiki/2014/3/35/XMU-calendar.gif);" >
  <div id="calendar9" class="calendar" style="background-image: url(https://static.igem.org/mediawiki/2014/3/35/XMU-calendar.gif);" >
<img src="https://static.igem.org/mediawiki/2014/8/8d/XMU-prev_icon.png" class="prev" alt="Previous" style="position:absolute; top: 2px; cursor: pointer;" onclick="click_prev(this.parentNode)" />
<img src="https://static.igem.org/mediawiki/2014/8/8d/XMU-prev_icon.png" class="prev" alt="Previous" style="position:absolute; top: 2px; cursor: pointer;" onclick="click_prev(this.parentNode)" />
-
<img src="https://static.igem.org/mediawiki/2014/b/bc/XMU-next_icon.png" class="next" alt="Next" style="position:absolute; left: 562px; top: 2px; cursor: pointer;" onclick="click_next(this.parentNode)"  />
+
<img src="https://static.igem.org/mediawiki/2014/b/bc/XMU-next_icon.png" class="next" alt="Next" style="position:absolute; left: 465px; top: 2px; cursor: pointer;" onclick="click_next(this.parentNode)"  />
<ul>October</ul>
<ul>October</ul>
<h3>1st:today we made...<br/>2nd:today we made...</h3>
<h3>1st:today we made...<br/>2nd:today we made...</h3>
-
<img src="https://static.igem.org/mediawiki/2014/b/bc/XMU-return.png" class="return" alt="Return" style="position:absolute; bottom:5px; left: 280px; cursor: pointer;" />
+
<img src="https://static.igem.org/mediawiki/2014/b/bc/XMU-return.png" class="return" alt="Return" style="position:absolute; bottom:5px; left: 245px; cursor: pointer;" />
  </div>
  </div>
Line 589: Line 589:
  moveout.style.transform = "rotate(38deg)";
  moveout.style.transform = "rotate(38deg)";
  moveout.style.webkitTransform = "rotate(38deg)";
  moveout.style.webkitTransform = "rotate(38deg)";
-
  $("#dna").animate({left:'500px'},"fast");
+
  $("#dna").animate({left:'600px'},"fast");
  $(".Month").fadeOut("fast");
  $(".Month").fadeOut("fast");
  $("#dna_hexagon").fadeOut("fast");
  $("#dna_hexagon").fadeOut("fast");

Revision as of 16:29, 17 October 2014

side_bar

DNA Hexagon
Previous Next
    February

1st:today we made...
2nd:today we made...

Return

Feb

Previous Next
    March

1st:today we made...
2nd:today we made...

Return

Mar

Previous Next
    April

1st:today we made...
2nd:today we made...

Return

Apr

Previous Next
    May

1st:today we made...
2nd:today we made...

Return

May

Previous Next
    June

1st:today we made...
2nd:today we made...

Return

Jun

Previous Next
    July

1st:today we made...
2nd:today we made...

Return

Jul

Previous Next
    August

1st:today we made...
2nd:today we made...

Return

Aug

Previous Next
    September

1st:today we made...
2nd:today we made...

Return

Sep

Previous Next
    October

1st:today we made...
2nd:today we made...

Return

Oct