Section Header

Wrap header with <header class="section-header">. Define section further with <h3> and <a id="x">, where x = section header id; color is from section header class. On scroll on desktop and tablet, JavaScript will affix header to top (with Menu and Search). (See scripts.js.)

Main body

Define body content with a wrapper <main id="main" class="m-all t-all d-all cf" role="main">. Define inner wrapper with <article role="article" class="m-all t-10of12 d-10of12 t-o-1of12 d-o-1of12">. This functions as desktop and tablet layout.

Header

Use <h1 class="padding-bottom-add desktop"> for desktop; and <h1 class="mobile"> for mobile.

Publication title and taxonomy terms

Code the template to pull taxonomy terms under the appropriate category. Then, style the title, which is a link, with <h2 class="margin-bottom-none">.

Publication description

Define the container that houses the publication description with <div class="pub-description-container padding-bottom-add">. Use taxonomy terms metadata to show the latest article from each publication. As appropriate, style accompanying additional article information with the following:

Title link: <h1 class="clearfix h5">
Author and issue number: <p class="meta date">
View past issues (link to publication archive): <p class="padding-top">.