Difference between revisions of "Dev/Timeline"

(added tab stops and cleaned up code a little)
(More cleaning up and whitespace/tabs)
Line 115: Line 115:
 
<div id="tl-line"></div> <!--The vertical line-->
 
<div id="tl-line"></div> <!--The vertical line-->
  
−
 
+
<div class="tl-month-container" id="example-month">
−
<div class="tl-month-container">
+
 
<h2 class="tl-month-name">Example Month</h2>
 
<h2 class="tl-month-name">Example Month</h2>
  
 
<div class="tl-icon-large"><img src="https://static.igem.org/mediawiki/igem.org/d/da/Icons_healthandmedicine.png"></div>
 
<div class="tl-icon-large"><img src="https://static.igem.org/mediawiki/igem.org/d/da/Icons_healthandmedicine.png"></div>
 
<div class="tl-event-left tl-alongside">
 
<div class="tl-event-left tl-alongside">
−
Here is a paragraph of supplementary text about the event on the right! Boy, is it a cool event. It's going to be so great.
+
Here is a paragraph of supplementary text about the event on the right! Boy, is it a cool event. It's going to be so great.
 
</div>
 
</div>
 
<div class="tl-event-right tl-alongside">
 
<div class="tl-event-right tl-alongside">
−
<h2>Big Deadline!</h2>
+
<h2>Big Deadline!</h2>
 
</div>
 
</div>
 +
 
<div class="tl-icon-small"></div>
 
<div class="tl-icon-small"></div>
 
<div class="tl-event-left">
 
<div class="tl-event-left">
−
<h3>Look Ahead: Something to Do Ahead of Time</h3>
+
<h3>Look Ahead: Something to Do Ahead of Time</h3>
−
Here's a notice that teams should plan ahead to do something that isn't due until much later.
+
Here's a notice that teams should plan ahead to do something that isn't due until much later.
 
</div>
 
</div>
 +
 
<div class="tl-icon-small"></div>
 
<div class="tl-icon-small"></div>
 
<div class="tl-event-right">
 
<div class="tl-event-right">
−
<h3>Minor deadline</h3>
+
<h3>Minor deadline</h3>
 
</div>
 
</div>
 
</div>
 
</div>
  
  
−
<div class="tl-month-container">
+
<div class="tl-month-container" id="august">
 
<h2 class="tl-month-name">August</h2>
 
<h2 class="tl-month-name">August</h2>
  
 
<div class="tl-icon-large"><img src="https://static.igem.org/mediawiki/igem.org/d/da/Icons_healthandmedicine.png"></div>
 
<div class="tl-icon-large"><img src="https://static.igem.org/mediawiki/igem.org/d/da/Icons_healthandmedicine.png"></div>
 
<div class="tl-event-left tl-alongside">
 
<div class="tl-event-left tl-alongside">
−
Make sure to finalize your track preferences, and save your project title and abstract in your Team Information Page.
+
Make sure to finalize your track preferences, and save your project title and abstract in your Team Information Page.
 
</div>
 
</div>
 
<div class="tl-event-right tl-alongside">
 
<div class="tl-event-right tl-alongside">
−
<h2>Track Selection &mdash; Title and Abstract</h2>
+
<h2>Track Selection &mdash; Title and Abstract</h2>
 
</div>
 
</div>
 +
 
<div class="tl-icon-large"></div>
 
<div class="tl-icon-large"></div>
 
<div class="tl-event-right">
 
<div class="tl-event-right">
−
<h3>Giant Jamboree: Sheraton Hotel Booking Deadline</h3>
+
<h3>Giant Jamboree: Sheraton Hotel Booking Deadline</h3>
 
</div>
 
</div>
 +
 
<div class="tl-icon-large"><p>28</p></div>
 
<div class="tl-icon-large"><p>28</p></div>
−
<div class="tl-event-left tl-alongside">Blah blah final safety forms.</div>
+
<div class="tl-event-left tl-alongside">
 +
Blah blah final safety forms.
 +
</div>
 
<div class="tl-event-right tl-alongside">
 
<div class="tl-event-right tl-alongside">
−
<h2>Final Safety Form Due</h2>
+
<h2>Final Safety Form Due</h2>
 
</div>
 
</div>
 +
 
<div class="tl-icon-small"></div>
 
<div class="tl-icon-small"></div>
 
<div class="tl-event-left tl-alongside">Blah blah blah blah, interlab measurement study.</div>
 
<div class="tl-event-left tl-alongside">Blah blah blah blah, interlab measurement study.</div>
 
<div class="tl-event-right tl-alongside">
 
<div class="tl-event-right tl-alongside">
−
<h3>Interlab Measurement Study Data Due</h3>
+
<h3>Interlab Measurement Study Data Due</h3>
 
</div>
 
</div>
 
</div>
 
</div>
  
  
−
<div class="tl-month-container">
+
<div class="tl-month-container" id="september">
 
<h2 class="tl-month-name">September</h2>
 
<h2 class="tl-month-name">September</h2>
  
 
<div class="tl-icon-small"></div>
 
<div class="tl-icon-small"></div>
 
<div class="tl-event-right">
 
<div class="tl-event-right">
−
<h3>Team Banners Due (optional)</h3>
+
<h3>Team Banners Due (optional)</h3>
 
</div>
 
</div>
 +
 
<div class="tl-icon-small"></div>
 
<div class="tl-icon-small"></div>
 
<div class="tl-event-right">
 
<div class="tl-event-right">
−
<h3>Team Rosters Due</h3>
+
<h3>Team Rosters Due</h3>
 
</div>
 
</div>
 +
 
<div class="tl-icon-large"></div>
 
<div class="tl-icon-large"></div>
 
<div class="tl-event-right">
 
<div class="tl-event-right">
−
<h2>Giant Jamboree Late Registration Closes (all guests)</h2>
+
<h2>Giant Jamboree Late Registration Closes (all guests)</h2>
 
</div>
 
</div>
 +
 
<div class="tl-icon-large"><img src="https://static.igem.org/mediawiki/igem.org/d/da/Icons_healthandmedicine.png"></div>
 
<div class="tl-icon-large"><img src="https://static.igem.org/mediawiki/igem.org/d/da/Icons_healthandmedicine.png"></div>
 
<div class="tl-event-left tl-alongside">
 
<div class="tl-event-left tl-alongside">
−
Here is a paragraph about the wiki freeze! Lorem ipsum dolor sit amet, blah blah blah, paragraph of text, lorem ipsum blah blah iGEM is so wonderful.
+
Here is a paragraph about the wiki freeze! Lorem ipsum dolor sit amet, blah blah blah, paragraph of text, lorem ipsum blah blah iGEM is so wonderful.
 
</div>
 
</div>
 
<div class="tl-event-right tl-alongside">
 
<div class="tl-event-right tl-alongside">
−
<h2>Wiki Freeze!</h2>
+
<h2>Wiki Freeze!</h2>
 
</div>
 
</div>
 +
 
<div class="tl-icon-large"><img src="https://static.igem.org/mediawiki/igem.org/d/da/Icons_healthandmedicine.png"></div>
 
<div class="tl-icon-large"><img src="https://static.igem.org/mediawiki/igem.org/d/da/Icons_healthandmedicine.png"></div>
 
<div class="tl-event-left tl-alongside">
 
<div class="tl-event-left tl-alongside">
−
You must send your part submissions by this date. (They do not need to arrive at iGEM Headquarters by this date.) <a href="#">More information about part submissions</a>
+
You must send your part submissions by this date. (They do not need to arrive at iGEM Headquarters by this date.) <a href="#">More information about part submissions</a>
 
</div>
 
</div>
 
<div class="tl-event-right tl-alongside">
 
<div class="tl-event-right tl-alongside">
−
<h2>Part Submissions (Send by this date)</h2>
+
<h2>Part Submissions (Send by this date)</h2>
 
</div>
 
</div>
 +
 
<div class="tl-icon-large"><img src="https://static.igem.org/mediawiki/igem.org/d/da/Icons_healthandmedicine.png"></div>
 
<div class="tl-icon-large"><img src="https://static.igem.org/mediawiki/igem.org/d/da/Icons_healthandmedicine.png"></div>
 
<div class="tl-event-left tl-alongside">
 
<div class="tl-event-left tl-alongside">
−
Complete your Judging Form! The judges need this in order to evaluate your work correctly. Blah blah blah.
+
Complete your Judging Form! The judges need this in order to evaluate your work correctly. Blah blah blah.
 
</div>
 
</div>
 
<div class="tl-event-right tl-alongside">
 
<div class="tl-event-right tl-alongside">
−
<h2>Judging Forms Due</h2>
+
<h2>Judging Forms Due</h2>
 
</div>
 
</div>
 +
 
<div class="tl-icon-small"></div>
 
<div class="tl-icon-small"></div>
 
<div class="tl-event-right">
 
<div class="tl-event-right">
−
<h3>Project Keywords Due (optional)</h3>
+
<h3>Project Keywords Due (optional)</h3>
 
</div>
 
</div>
 +
 
<div class="tl-icon-large"></div>
 
<div class="tl-icon-large"></div>
 
<div class="tl-event-right">
 
<div class="tl-event-right">
−
<h2>Giant Jamboree!!!</h2>
+
<h2>Giant Jamboree!!!</h2>
 
</div>
 
</div>
 
</div>
 
</div>

Revision as of 18:08, 10 December 2015

Example Month

Here is a paragraph of supplementary text about the event on the right! Boy, is it a cool event. It's going to be so great.

Big Deadline!

Look Ahead: Something to Do Ahead of Time

Here's a notice that teams should plan ahead to do something that isn't due until much later.

Minor deadline

August

Make sure to finalize your track preferences, and save your project title and abstract in your Team Information Page.

Track Selection — Title and Abstract

Giant Jamboree: Sheraton Hotel Booking Deadline

28

Blah blah final safety forms.

Final Safety Form Due

Blah blah blah blah, interlab measurement study.

Interlab Measurement Study Data Due

September

Team Banners Due (optional)

Team Rosters Due

Giant Jamboree Late Registration Closes (all guests)

Here is a paragraph about the wiki freeze! Lorem ipsum dolor sit amet, blah blah blah, paragraph of text, lorem ipsum blah blah iGEM is so wonderful.

Wiki Freeze!

You must send your part submissions by this date. (They do not need to arrive at iGEM Headquarters by this date.) More information about part submissions

Part Submissions (Send by this date)

Complete your Judging Form! The judges need this in order to evaluate your work correctly. Blah blah blah.

Judging Forms Due

Project Keywords Due (optional)

Giant Jamboree!!!