Schedule typography

The schedule is based on our custom HTML structure – it is a little bit more complex than other typography elements but it was necessary to create a proper HTML structure. We will describe the code based on the below example:


<dl class="gk-schedule">
<dt><strong>Friday, </strong>April 27, 2012</dt>
<dd>
<strong>10:00-12:00</strong>
<div class="gkcol1">
<div><span>Registration</span></div>
</div>
</dd>
<dd>
<strong>12:00-14:00</strong>
<div class="gkcol2">
<div>Location:<strong> San Jose, Scene 1</strong><a href="#">The Born This Way Ball</a> <small>Lady Gaga</small></div>
<div>Location:<strong> San Jose, Scene 2</strong><a href="#">Battle Born Tour</a> <small>The Killers</small></div>
</div>
</dd>
</dl>

As we can see the structure is based on the definition list (dl) with class gk-schedule. The definition term elements are used to create the date (you can highlight words in this element using the strong elements). The content of the specific hours for a day are defined in the definition description elements (dd). As it was listed – every dd element starts with the strong element – it is the period of time for a specific elements then the next element is the div with class gkcolX where is is a number from range 1-5 – here you can specify up to 5 columns with the events.

Every event can contain few informations:

  • place (as a strong element)
  • event name (as a link – usually to the longer description)
  • and small additional information (in the small element)

Contact Information


Location and Hours

  • Lincoln / Irving Park / Damen
  • Friday, June 14, 5-10 PM
  • Saturday, June 15, Noon-10 PM
  • Sunday, June 16, Noon-10 PM
  • $10 ($20 per family) Suggested Donation at the Gate

Your gate donation and proceeds from the event benefit Northcenter philanthropy and community programs. Ribfest Chicago has contributed over $350,000 to more than fifteen Northcenter schools and nonprofits in an effort to improve education, benefit critical nonprofit work, support youth sports, and help people living with special needs, in addition to funding chamber projects and annual programming.

Sponsored by the Northcenter Chamber of Commerce.

About

Don’t this annual street party celebrating Ribs and Rock & Roll. Kick off summer at Ribfest Chicago!

Voted Chicago’s Best Food Fest, Ribfest Chicago is also nationally recognized for its music. Fest goers can enjoy 25 hours of original music, from honky tonk to indie and rock, performed by premier touring bands from across the US and abroad.

It’s no wonder that Ribfest Chicago remains one of the city’s best summer attractions.