Style Guide

Writing

For the moment refer to this page on the diocesan website.

Generally, we follow the style guidelines issued by The Episcopal Church, and when in doubt ask what does AP recommend?

Technical (CSS) Guidance

This section will help website editors in getting correct and consistent layouts.

Bible Quotes


<blockquote class="spi-bible"><span>15</span>...<sup>5</sup> He took him outside and said, “Look up at the sky and count the stars---if indeed you can count them.” Then he said to him, “So shall your offspring be.” <sup>6</sup>Abram believed the Lord, and he credited it to him as righteousness.

<sup>7</sup> He also said to him, “I am the Lord, who brought you out of Ur of the Chaldeans to give you this land to take possession of it.” <cite>Genesis 15:5-7</cite></blockquote>

Result

155 He took him outside and said, “Look up at the sky and count the stars—if indeed you can count them.” Then he said to him, “So shall your offspring be.” 6Abram believed the Lord, and he credited it to him as righteousness.

7 He also said to him, “I am the Lord, who brought you out of Ur of the Chaldeans to give you this land to take possession of it.” Genesis 15:5-7

Lists

  • Item one
  • Item two
  • item three
  1. Item one
  2. Item two
  3. item three

Bio

Positioned at the end of an article.

<span class="spi-author">The Rev. Kevin White serves as deacon at St. Mary's & St. Augustine's, Kansas City, Missouri</span>

Result

The Rev. Kevin White serves as deacon at St. Mary’s & St. Augustine’s, Kansas City, Missouri

Links

External

An external link is a link to any article of resource that does not reside within the Spirit website.

<p><span class="dashicons dashicons-admin-links"> <a href="http://www.diowestmo.org">www.diowestmo.org</a></p>

Result

www.diowestmo.org

Internal

An internal link is a link to any article of resource that resides within the Spirit website.

<p><a class="spi-int-link" href="https://spirit.diowestmo.org/contributors/"><span class="dashicons dashicons-admin-links"></span> Contributors to <em>Spirit</em></a></p>

Result

Contributors to Spirit

Link back to the Contents Page

Note the URL will change from issue to issue – make sure you are sending people back to the Contents page for the right issue!

<span class="dashicons dashicons-editor-justify"></span> <a class="spi-int-link" href="https://spirit.diowestmo.org/2017/03/march-2017/">Back to Contents</a>

Result

Back to Contents
 

Pull Quotes


<blockquote class="spi-pull">What we do need to change is our propensity for being reserved and hiding our light under a bushel.</blockquote>
Elsewhere in this issue you'll find <a class="spi-int-link" href="https://spirit.diowestmo.org/2017/03/dont-be-afraid-to-be-people-of-love-presiding-bishop-tells-pittsburgh-revival/"><span class="dashicons dashicons-admin-links"></span> an account of Presiding Bishop Michael Curry's recent Revival in Pittsburgh</a>. The events being held in West Missouri on Saturday and Sunday, May 6 &amp; 7 will be somewhat different to those in Pittsburgh, and we are calling our events 'Awakenings'. There are similarities, and these events are tied back to Bob's example, as we found out at February's Evangelism Workshops. At the workshops we were shown that Episcopalians can be evangelists, and really we don't need to change much to do so. We just need to carry on the work we do in the community, and the quiet works of help and love we give to friends, family and those we encounter along the way. What we do need to change is our propensity for being reserved and hiding our light under a bushel.

Result

What we do need to change is our propensity for being reserved and hiding our light under a bushel.

Elsewhere in this issue you’ll find an account of Presiding Bishop Michael Curry’s recent Revival in Pittsburgh. The events being held in West Missouri on Saturday and Sunday, May 6 & 7 will be somewhat different to those in Pittsburgh, and we are calling our events ‘Awakenings’. There are similarities, and these events are tied back to Bob’s example, as we found out at February’s Evangelism Workshops. At the workshops we were shown that Episcopalians can be evangelists, and really we don’t need to change much to do so. We just need to carry on the work we do in the community, and the quiet works of help and love we give to friends, family and those we encounter along the way. What we do need to change is our propensity for being reserved and hiding our light under a bushel.

Tombstone

The cross at the end of an article. Yes, that really is what they are called.


<span class="dashicons dashicons-plus"></span>

Result

Header 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi at mauris et nisi placerat vehicula nec sit amet odio. Vivamus felis nisi, placerat at pharetra eu, eleifend quis ipsum. Sed laoreet sem at libero cursus ac lobortis libero convallis. Fusce dignissim auctor quam nec convallis. Aenean tempus mollis velit a pharetra. Curabitur eget scelerisque arcu. Donec rutrum molestie fermentum.

Header 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi at mauris et nisi placerat vehicula nec sit amet odio. Vivamus felis nisi, placerat at pharetra eu, eleifend quis ipsum. Sed laoreet sem at libero cursus ac lobortis libero convallis. Fusce dignissim auctor quam nec convallis. Aenean tempus mollis velit a pharetra. Curabitur eget scelerisque arcu. Donec rutrum molestie fermentum.

Header 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi at mauris et nisi placerat vehicula nec sit amet odio. Vivamus felis nisi, placerat at pharetra eu, eleifend quis ipsum. Sed laoreet sem at libero cursus ac lobortis libero convallis. Fusce dignissim auctor quam nec convallis. Aenean tempus mollis velit a pharetra. Curabitur eget scelerisque arcu. Donec rutrum molestie fermentum.

Plain Text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi at mauris et nisi placerat vehicula nec sit amet odio. Vivamus felis nisi, placerat at pharetra eu, eleifend quis ipsum. Sed laoreet sem at libero cursus ac lobortis libero convallis. Fusce dignissim auctor quam nec convallis. Aenean tempus mollis velit a pharetra. Curabitur eget scelerisque arcu. Donec rutrum molestie fermentum.

Columns

<div class="dawrapper-full">

<div class="dahalf"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi at mauris et nisi placerat vehicula nec sit amet odio. Vivamus felis nisi, placerat at pharetra eu, eleifend quis ipsum. Sed laoreet sem at libero cursus ac lobortis libero convallis. Fusce dignissim auctor quam nec convallis. Aenean tempus mollis velit a pharetra. Curabitur eget scelerisque arcu. Donec rutrum molestie fermentum.</div>
<div class="dahalf dalast"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi at mauris et nisi placerat vehicula nec sit amet odio. Vivamus felis nisi, placerat at pharetra eu, eleifend quis ipsum. Sed laoreet sem at libero cursus ac lobortis libero convallis. Fusce dignissim auctor quam nec convallis. Aenean tempus mollis velit a pharetra. Curabitur eget scelerisque arcu. Donec rutrum molestie fermentum.</div>

</div>

<div class="wrapper-front-page">

<div class="dathird"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi at mauris et nisi placerat vehicula nec sit amet odio. Vivamus felis nisi, placerat at pharetra eu, eleifend quis ipsum. Sed laoreet sem at libero cursus ac lobortis libero convallis. Fusce dignissim auctor quam nec convallis. Aenean tempus mollis velit a pharetra. Curabitur eget scelerisque arcu. Donec rutrum molestie fermentum.</div>
<div class="dathird"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi at mauris et nisi placerat vehicula nec sit amet odio. Vivamus felis nisi, placerat at pharetra eu, eleifend quis ipsum. Sed laoreet sem at libero cursus ac lobortis libero convallis. Fusce dignissim auctor quam nec convallis. Aenean tempus mollis velit a pharetra. Curabitur eget scelerisque arcu. Donec rutrum molestie fermentum.</div>
<div class="dathird dalast"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi at mauris et nisi placerat vehicula nec sit amet odio. Vivamus felis nisi, placerat at pharetra eu, eleifend quis ipsum. Sed laoreet sem at libero cursus ac lobortis libero convallis. Fusce dignissim auctor quam nec convallis. Aenean tempus mollis velit a pharetra. Curabitur eget scelerisque arcu. Donec rutrum molestie fermentum.</div>

</div>

A DIV with class “dawrapper-full” is wrapped around the following.

<div class="dathird"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi at mauris et nisi placerat vehicula nec sit amet odio. Vivamus felis nisi, placerat at pharetra eu, eleifend quis ipsum. Sed laoreet sem at libero cursus ac lobortis libero convallis. Fusce dignissim auctor quam nec convallis. Aenean tempus mollis velit a pharetra. Curabitur eget scelerisque arcu. Donec rutrum molestie fermentum.</div>
<div class="dathird"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi at mauris et nisi placerat vehicula nec sit amet odio. Vivamus felis nisi, placerat at pharetra eu, eleifend quis ipsum. Sed laoreet sem at libero cursus ac lobortis libero convallis. Fusce dignissim auctor quam nec convallis. Aenean tempus mollis velit a pharetra. Curabitur eget scelerisque arcu. Donec rutrum molestie fermentum.</div>
<div class="dathird dalast"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi at mauris et nisi placerat vehicula nec sit amet odio. Vivamus felis nisi, placerat at pharetra eu, eleifend quis ipsum. Sed laoreet sem at libero cursus ac lobortis libero convallis. Fusce dignissim auctor quam nec convallis. Aenean tempus mollis velit a pharetra. Curabitur eget scelerisque arcu. Donec rutrum molestie fermentum.</div>
<div class="dafourth"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi at mauris et nisi placerat vehicula nec sit amet odio. Vivamus felis nisi, placerat at pharetra eu, eleifend quis ipsum. Sed laoreet sem at libero cursus ac lobortis libero convallis. Fusce dignissim auctor quam nec convallis. Aenean tempus mollis velit a pharetra. Curabitur eget scelerisque arcu. Donec rutrum molestie fermentum.</div>
<div class="dafourth"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi at mauris et nisi placerat vehicula nec sit amet odio. Vivamus felis nisi, placerat at pharetra eu, eleifend quis ipsum. Sed laoreet sem at libero cursus ac lobortis libero convallis. Fusce dignissim auctor quam nec convallis. Aenean tempus mollis velit a pharetra. Curabitur eget scelerisque arcu. Donec rutrum molestie fermentum.</div>
<div class="dafourth"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi at mauris et nisi placerat vehicula nec sit amet odio. Vivamus felis nisi, placerat at pharetra eu, eleifend quis ipsum. Sed laoreet sem at libero cursus ac lobortis libero convallis. Fusce dignissim auctor quam nec convallis. Aenean tempus mollis velit a pharetra. Curabitur eget scelerisque arcu. Donec rutrum molestie fermentum.</div>
<div class="dafourth dalast"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi at mauris et nisi placerat vehicula nec sit amet odio. Vivamus felis nisi, placerat at pharetra eu, eleifend quis ipsum. Sed laoreet sem at libero cursus ac lobortis libero convallis. Fusce dignissim auctor quam nec convallis. Aenean tempus mollis velit a pharetra. Curabitur eget scelerisque arcu. Donec rutrum molestie fermentum.</div>

Gary Allman

Gary Allman is the Director of Communications at The Diocese of West Missouri