Tag Web Design

How to Use Hanging Content in Basic Maths

The latest version of Basic Maths Introduces some shortcodes which allow you to hang content outside of the normal paragraph margin. In the example above, the video is embedded using the default WordPress embed shortcode which is then wrapped with a Basic Maths hang2column shortcode.

In the back end, that looks like this:

The shortcodes can be applied to any kind of content from images to paragraphs or captions.

Using Images in Basic Maths

Curabitur rutrum. Nunc semper lorem eget sapien luctus tristique. Nam aliquam lobortis lectus. Aliquam at nisl at odio auctor pretium. Aenean mollis. Ut venenatis aliquam turpis. Sed ac felis molestie leo fermentum sodales. Ut non mauris. Proin vitae nulla non odio iaculis tempor.

A Post with an Ordered List

Nulla sagittis convallis arcu. Sed sed nunc. Curabitur consequat. Quisque metus enim, venenatis fermentum, mollis in, porta et, nibh. Duis vulputate elit in elit. Mauris dictum libero id justo. Fusce in est. Sed nec diam. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Quisque semper nibh eget nibh. Sed tempor. Fusce erat.

An Ordered List

  1. Vestibulum in mauris semper tortor interdum ultrices.
  2. Sed vel lorem et justo laoreet bibendum. Donec dictum.
  3. Etiam massa libero, lacinia at, commodo in, tincidunt a, purus.
  4. Praesent volutpat eros quis enim blandit tincidunt.
  5. Aenean eu libero nec lectus ultricies laoreet. Donec rutrum, nisi vel egestas ultrices, ipsum urna sagittis libero, vitae vestibulum dui dolor vel velit.

A Post with an Unordered List

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur quam augue, vehicula quis, tincidunt vel, varius vitae, nulla. Sed convallis orci. Duis libero orci, pretium a, convallis quis, pellentesque a, dolor. Curabitur vitae nisi non dolor vestibulum consequat.

  • Vestibulum in mauris semper tortor interdum ultrices.
  • Sed vel lorem et justo laoreet bibendum. Donec dictum.
  • Etiam massa libero, lacinia at, commodo in, tincidunt a, purus.
  • Praesent volutpat eros quis enim blandit tincidunt.
  • Aenean eu libero nec lectus ultricies laoreet. Donec rutrum, nisi vel egestas ultrices, ipsum urna sagittis libero, vitae vestibulum dui dolor vel velit.

Be Consistent

Comparing Pepsi’s logo evolution to Coca-Cola’s.

Fake Rocks, Salami Commanders, and Just Enough to Start

Transcript of Merlin Mann’s excellent talk about the barriers to getting started on adventurous projects, and learning to turn away from fears and distractions.

A Simple Text Post

681360979_e343a9894d_oLorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed eleifend urna eu sapien. Quisque posuere nunc eu massa. Praesent bibendum lorem non leo. Morbi volutpat, urna eu fermentum rutrum, ligula lacus interdum mauris, ac pulvinar libero pede a enim. Etiam commodo malesuada ante. Donec nec ligula. Curabitur mollis semper diam.

Duis viverra nibh a felis condimentum pretium. Nullam tristique lacus non purus. Donec vel felis. Etiam et sapien. Pellentesque nec quam a justo tincidunt laoreet. Aenean id enim. Donec lorem arcu, eleifend venenatis, rhoncus mollis, semper at, dui. Praesent velit tellus, adipiscing et, blandit convallis, dictum at, dui. Integer suscipit tortor in orci. Phasellus consequat. Quisque dictum convallis pede.

Duis facilisis arcu sit amet erat.

Duis facilisis arcu sit amet erat. Curabitur placerat, tortor ac aliquet pharetra, leo neque sodales ligula; quis dapibus risus nisl at ante. Proin et lorem. Pellentesque neque. Pellentesque sagittis sodales felis.

A Post With Everything In It

Praesent sapien. Phasellus venenatis, purus ut vulputate aliquam; metus sem consequat lacus, at adipiscing tellus lorem eget lorem. Cras iaculis tincidunt urna. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aliquam tristique magna ut est. Nullam molestie fermentum diam.

2062828113_12387e4b5f_b

Pellentesque blandit facilisis sem. Praesent bibendum. Vivamus pulvinar consequat urna! Quisque ligula. Vivamus vehicula, elit vitae tempus scelerisque, justo quam consequat quam, id posuere ante massa nec quam. Curabitur nec neque id sem egestas vulputate. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Integer sem nisi, gravida sit amet; commodo eu, sodales eget, elit. Aliquam vel magna. Donec luctus risus vitae erat. Aliquam consequat neque et mauris. Suspendisse in turpis id urna porttitor tempus.

A Simple Post with Text

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed eleifend urna eu sapien. Quisque posuere nunc eu massa. Praesent bibendum lorem non leo. Morbi volutpat, urna eu fermentum rutrum, ligula lacus interdum mauris, ac pulvinar libero pede a enim. Etiam commodo malesuada ante. Donec nec ligula. Curabitur mollis semper diam.