Borealis

About Borealis Suite

Borealis is a suite of modules designed to assist in the implementation and building of semantic HTML5 and responsive projects in Drupal. The first module, Borealis Semantic Blocks, adds a basic, more semantic block template and allows the user to choose more semantic, HTML5 block templates for each block. The second module, Borealis Responsive Images, is an integrated solution for responsive images in Drupal. The third, Aurora Borealis, will be a UI helper module for the Aurora base theme. As more items are created, they will be added to this project.

Borealis

Currently a helper module with one function that has been abstracted to be used by all of the Borealis modules, but will eventually become a hub for Borealis activity methinks.

Borealis Semantic Blocks

Fulfill all your Semantic Block needs! Allows you choose the wrapping of your block utilizing new semantic templates to turn your blocks into semantic Divs, Articles, Asides, Navs, Spans, or even doing away with wrapping completely! Each block you create in the UI will have a dropdown for you to choose your block's wrapping, or, if you want to add semantics programmatically, simply add $block['semantics'] = {type}; in your hook_block_view (same place where $block['subject'] and $block['content'] go). Valid options for {type} are 'div, article', 'aside', 'nav', 'span', or 'none'.

Borealis Responsive Images

Finally, a Responsive Image solution for Drupal That Just Works™. Simply enable Borealis Responsive Images, navigate to admin/config/media/image-styles/responsive, choose which styles you want to be responsive, and you're done! Pick your image styles as normal and Borealis will handle the rest! As an added bonus, provides 2x images for those pesky Retina displays!

Borealis Responsive Images uses a mobile first approach, displaying a small image initially and, as the images get larger, swapping them out for a larger image. The solution uses a hybrid JavaScript replacement and Fluid Image solution, and because the swap happens based on each individual image's size as opposed to screen width, preserves bandwidth by not swapping all of the images out at once (unless needed). It has been tested with Views and basic Content Type displays. If it's not seamless for other aspects of Drupal and you'd like them to be, let me know!

Maintenance

The Borealis suite is maintained by Sam Richard (@snugug)

Downloads