Official logo on About page and TEI news

TEI HTML Elements

POST TITLE CAPITALISATION INSTRUCTIONS

Paste titles in to http://titlecapitalization.com/ and use the “Chicago Manual of Style” option.

CODING INSTRUCTIONS

  1. Download and save the “TEI Coding Template for Word – v1.5.dotx” by clicking on the image below.

    TEI Coding Template for Word.dotx - Microsoft Word

  2. Instructions for using the TEI Coding Template for Word. Follow ALL of them EXACTLY, especially steps 2.g onwards!
    1. Double click on the Coding Template from Windows Explorer (or equivalent on the Mac) to start a new Word document to enter your text it. You can delete the sample text or just type above it and keep it for reference.
    2. Margins have been set to approximate the TEI website line length to help you better appreciate what the text will look like.
    3. Click on the little icon, shown above in yellow under “Change Styles,” to display the side-panel of styles.
    4. The arrows in the sample above show some examples of what codes were used for what paragraphs, passages, etc. After opening the template click in the sample text to see the style being used in the styles panel to get an idea. See below for the various paragraph elements (regular text, quotes, pull quotes, etc.).
    5. Start typing a paragraph and then click on the style from the side panel to format it to that style. Regular text uses the style tei-p.
    6. To change a para’s style (if you picked the wrong one), just click in the para — or paint several with the mouse — and click on the right style!
    7. If you need to paste text copied from another Word document, web page, etc., do not paste using ctrl-V. Right click, or from the “Paste” menu item, and under “Paste options,” choose “Keep text only” (the icon with the “A”). If you forget and make a mistake, “Undo” (ctrl-z) and paste again using “Keep text only.”
    8. To insert a link, select the text for the link taking care not to include any or trailing spaces or punctuation and use the standard Word Insert Hyperlink function as shown below.

      tei-inserting-web-page-link

    9. Words and phrases that require specific formatting — language, emphasise, book title, footnote numbers, exponents, etc. — paint the text (being careful not to include blank spaces or punctuation before or after the words) and choose the corresponding style instead of choosing bold, italic, etc.
    10. To clear formatting (like emphasise) applied to a word or phrase, select the text and choose “Clear all” or type Ctrl-space. Then re-tag the paragraph with the correct type, as “Clear all” will clear the paragraph type also.
    11. Do not use any other formatting or styles. ALL text must be tagged with one of the TEI styles.
    12. Do not space paragraphs with blank paras (carriage returns), except for the one exception after the last item in a list, explained next.
    13. There are 4 different list types: ordered and unordered; ordered-spread and unordered-spread. Just tag all elements of the list with the same type. Nested lists do not work so just tag all items as one list and fix up the coding manually, as explained next. And after the last element enter a blank paragraph and code it as a regular paragraph (tei-p).
    14. Once you have finished editing, save the Word file as DOCX. Keep this copy for further edits if needed. Resave the file as “Web Page, Filtered” as shown below. This is special HTML file that is then processed using the Python script in Notepad++ and will prepare the content so it will be 95% ready to paste into WordPress.

      save-word-as-web-page-filtered

    15. Open the HTM file created in Notepad++ and run the “TEI Coding Template for Word – v1.4.py” script. To run it, choose it off the Plugins/Python Script/Scripts menu.

      It will do all its magic and the editor will have the almost final version ready for cut and paste into WordPress. The script will detect a few simple errors (such as forgetting to tag a paragraph with a style in Word) but these may or may not work depending on the version of Word you’re using and we may need to fix the script if needed.

    16. Three residual things need to be fixed/added manually after the Python script has been run. With the file open in Notepad++ do the following:
      • The list wrappers:

        <ul class="tei">
        </ul>
        
        <ol class="tei">
        </ol>
        
        <ol class="teicredits">
        </ol>
        
        <ul class="teicredits">
        </ul>
        

        around list items and nested lists.

      • The tail of list items with more than one para:

        <li class="teispread">
        	<p class="tei">xxx</p>
        	<p class="tei">xxx</p>
        </li>
        

        has to be moved after all paras/titles in the list item.

      • Any passages which overlap spans need to be fixed.
        For example, this is emphasised with language batin within it.
        But the language batin will not be emphasised and needs to be fixed manually.

      • Once done, save the HTM file.
  3. Create a new post in WordPress.
  4. Be sure to ALWAYS use the Classic TEXT post editor in WordPress — never the Visual or “new” editor — or formatting and white-space can be messed up and lost.

    Get to the WP Admin Panel, Click on Posts, click on “Add New” to create a new one, or click on the post title to edit an existing one. The editor should appear as follows. If this editor does not show up, you’ve got the wrong one. Be sure to click on the “Text” tab below if it’s not already selected BEFORE making edits.

  5. NEVER format anything using the buttons (shown in orange above) in the WordPress editor, always tag everything with the codes below.
  6. Open the text file with the article properly coded in Notepad++. Select all the text and copy it. Switch to the WordPress editor and paste.
  7. In WordPress add in the images as usual and preview to make sure it all looks good.
  8. If typos are found or you want to change a para later, just edit the Word doc and repeat steps 2.n-2.p above.

    Then copy ONLY the revised paras and replace corresponding paras in WordPress. The reason is that if you copy paste the whole piece, you’ll lose all your images and have to add them back in again in WordPress. If there are no images, then you can copy and paste the full text again.

APPEARANCE OF SAMPLE TEXT FROM CODING TEMPLATE

EDITORS’ NOTE: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sollicitudin purus ac viverra vulputate. Ut finibus metus non ex iaculis auctor.

TEI-h3

Nam sollicitudin purus ac viverra vulputate. Ut finibus metus non ex iaculis auctor. Praesent gravida elit lacus, a sagittis tellus

TEI-h4

Nam sollicitudin purus ac viverra vulputate. Ut finibus metus non ex iaculis auctor. Praesent gravida elit lacus, a sagittis tellus blandit nec.

TEI-h5

Nam sollicitudin purus ac viverra vulputate. Ut finibus metus non ex iaculis auctor. Praesent gravida elit lacus, a sagittis tellus blandit nec

TEI-H6

Nam sollicitudin purus ac viverra vulputate. Ut finibus metus non ex iaculis auctor. Praesent gravida elit lacus, a sagittis tellus blandit nec

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sollicitudin purus ac viverra vulputate. Ut finibus metus non ex iaculis auctor. Praesent gravida elit lacus, a sagittis tellus blandit nec.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sollicitudin purus ac viverra vulputate. Ut finibus metus non ex iaculis auctor. Praesent gravida elit lacus, and 10139 a sagittis tellus blandit nec.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sollicitudin purus ac viverra vulputate. Ut finibus metus non ex iaculis auctor. 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sollicitudin purus ac viverra vulputate. Ut finibus metus non ex iaculis auctor.

Mawlana Hazar Imam
The Age Interview, Geoffry Barker (Melbourne, Australia; Nairobi, Kenya), 14 July 1979

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sollicitudin purus ac viverra vulputate. Ut finibus metus non ex iaculis auctor. Praesent gravida elit lacus, a sagittis tellus blandit nec. Morbi pretium eros dictum, cursus augue quis, facilisis eros. Nulla consectetur felis diam. Cras imperdiet fermentum tempor. Fusce mattis ipsum nisl, sed tempor diam facilisis quis.

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • Nam sollicitudin purus ac viverra vulputate.
  • Ut finibus metus non ex iaculis auctor.
  1. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  2. Nam sollicitudin purus ac viverra vulputate.
  3. Ut finibus metus non ex iaculis auctor.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sollicitudin purus ac viverra vulputate. Ut finibus metus non ex iaculis auctor. Praesent gravida elit lacus, a sagittis tellus blandit nec.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sollicitudin purus ac viverra vulputate. Ut finibus metus non ex iaculis auctor.

Morbi pretium eros dictum, cursus augue quis, facilisis eros. Nulla consectetur felis diam. Cras imperdiet fermentum tempor. Fusce mattis ipsum nisl, sed tempor diam facilisis quis.

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sollicitudin purus ac viverra vulputate. Ut finibus metus non ex iaculis auctor. Praesent gravida elit lacus, a sagittis tellus blandit nec.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sollicitudin purus ac viverra vulputate. Ut finibus metus non ex iaculis auctor. Praesent gravida elit lacus, a sagittis tellus blandit nec.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sollicitudin purus ac viverra vulputate. Ut finibus metus non ex iaculis auctor. Praesent gravida elit lacus, a sagittis tellus blandit nec.
  1. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sollicitudin purus ac viverra vulputate. Ut finibus metus non ex iaculis auctor. Praesent gravida elit lacus, a sagittis tellus blandit nec.
  2. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sollicitudin purus ac viverra vulputate. Ut finibus metus non ex iaculis auctor. Praesent gravida elit lacus, a sagittis tellus blandit nec.
  3. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sollicitudin purus ac viverra vulputate. Ut finibus metus non ex iaculis auctor. Praesent gravida elit lacus, a sagittis tellus blandit nec.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sollicitudin purus ac viverra vulputate. Ut finibus metus non ex iaculis auctor. Praesent gravida elit lacus, a sagittis tellus blandit nec.

Morbi pretium eros dictum, cursus augue quis, facilisis eros. Nulla consectetur felis diam. Cras imperdiet fermentum tempor. Fusce mattis ipsum nisl, sed tempor diam facilisis quis.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sollicitudin purus ac viverra vulputate. Ut finibus metus non ex iaculis auctor.

Author, Book title, (Publisher, Year, p. 123)

Nicholas Tomalin: Do you go out in the evenings?

Aga Khan: Don’t be ridiculous. I can’t. I am too tired. I think in the past year, for instance, I’ve seen no plays and only one film.

Read in full at source

Click here to read full article at xxx website xxx: xxx title xxx

About the author

xxx about author xxx

Credits

Article: xxx author’s name xxx

Image: xxx description to identify the image if more than one pic posted xxx, xxx source and/or link xxx (With permission) (CC license abbreviations) (Permitted use) (Fair use/dealing) (Public domain) (Bill C-11, Section 29.21 http://bit.ly/1yRu6UZ)
xxx Short description (for AKM and similar images) if appropriate. xxx

Footnotes
  1. Voices: Bruno Freschi, Architect of the Ismaili Centre in Burnaby, in Conversation with Simerg
  2. The Road to Toronto (Societal): The vision and rationale behind the Aga Khan’s passion for parks and gardens
  3. Ismaili Centre Foundation Stone Ceremony (Burnaby, Canada) 26 July 1982
Further Readings
  • Does the Soul Exist: Consciousness, Matter and Physics
  • The Human Intellect: The Light of the Heart
  • The Esoterics of Prayer: From Salat to Du’a

HEADING FORMATS

<h3 class="tei">xxx</h3>
<h4 class="tei">xxx</h4>
<h5 class="tei">xxx</h5>
<h6 class="tei">xxx</h6>
<h3 class="teih3h5">TEI Heading 3 followed by TEI Heading 5</h3>
<h5 class="teih3h5">TEI Heading 5 immediately after</h5>
<h5 class="teisectiondivider">~~ ~~</h5>

TEI Heading 2 — DO NOT USE

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sollicitudin purus ac viverra vulputate. Ut finibus metus non ex iaculis auctor. Praesent gravida elit lacus, a sagittis tellus blandit nec. Morbi pretium eros dictum, cursus augue quis, facilisis eros. Nulla consectetur felis diam. Cras imperdiet fermentum tempor. Fusce mattis ipsum nisl, sed tempor diam facilisis quis.

TEI Heading 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sollicitudin purus ac viverra vulputate. Ut finibus metus non ex iaculis auctor. Praesent gravida elit lacus, a sagittis tellus blandit nec. Morbi pretium eros dictum, cursus augue quis, facilisis eros. Nulla consectetur felis diam. Cras imperdiet fermentum tempor. Fusce mattis ipsum nisl, sed tempor diam facilisis quis.

TEI Heading 4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sollicitudin purus ac viverra vulputate. Ut finibus metus non ex iaculis auctor. Praesent gravida elit lacus, a sagittis tellus blandit nec. Morbi pretium eros dictum, cursus augue quis, facilisis eros. Nulla consectetur felis diam. Cras imperdiet fermentum tempor. Fusce mattis ipsum nisl, sed tempor diam facilisis quis./p>

TEI Heading 5

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sollicitudin purus ac viverra vulputate. Ut finibus metus non ex iaculis auctor. Praesent gravida elit lacus, a sagittis tellus blandit nec. Morbi pretium eros dictum, cursus augue quis, facilisis eros. Nulla consectetur felis diam. Cras imperdiet fermentum tempor. Fusce mattis ipsum nisl, sed tempor diam facilisis quis.

TEI Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sollicitudin purus ac viverra vulputate. Ut finibus metus non ex iaculis auctor. Praesent gravida elit lacus, a sagittis tellus blandit nec. Morbi pretium eros dictum, cursus augue quis, facilisis eros. Nulla consectetur felis diam. Cras imperdiet fermentum tempor. Fusce mattis ipsum nisl, sed tempor diam facilisis quis.

TEI Special Heading 3 followed by TEI Special Heading 5 without extra white space

And the Special TEI Heading 5 immediately after

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sollicitudin purus ac viverra vulputate. Ut finibus metus non ex iaculis auctor. Praesent gravida elit lacus, a sagittis tellus blandit nec. Morbi pretium eros dictum, cursus augue quis, facilisis eros. Nulla consectetur felis diam. Cras imperdiet fermentum tempor. Fusce mattis ipsum nisl, sed tempor diam facilisis quis.

THIS IS THE TEXT BEFORE THE SECTION DIVIDER. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sollicitudin purus ac viverra vulputate. Ut finibus metus non ex iaculis auctor. Praesent gravida elit lacus, a sagittis tellus blandit nec. Morbi pretium eros dictum, cursus augue quis, facilisis eros. Nulla consectetur felis diam. Cras imperdiet fermentum tempor. Fusce mattis ipsum nisl, sed tempor diam facilisis quis.

~~ ~~

THIS IS THE TEXT AFTER THE SECTION DIVIDER. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sollicitudin purus ac viverra vulputate. Ut finibus metus non ex iaculis auctor. Praesent gravida elit lacus, a sagittis tellus blandit nec. Morbi pretium eros dictum, cursus augue quis, facilisis eros. Nulla consectetur felis diam. Cras imperdiet fermentum tempor. Fusce mattis ipsum nisl, sed tempor diam facilisis quis.

EDITORS’ NOTE AT START OF PIECE

<p class="teieditor"><span class="teieditorleadin">Editors' Note:</span> xxx</p>

Editors’ Note: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sollicitudin purus ac viverra vulputate. Ut finibus metus non ex iaculis auctor. Praesent gravida elit lacus, a sagittis tellus blandit nec. Morbi pretium eros dictum, cursus augue quis, facilisis eros. Nulla consectetur felis diam. Cras imperdiet fermentum tempor. Fusce mattis ipsum nisl, sed tempor diam facilisis quis.

STANDARD PARAGRAPH FORMAT

<p class="tei">xxx</p>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sollicitudin purus ac viverra vulputate. Ut finibus metus non ex iaculis auctor. Praesent gravida elit lacus, a sagittis tellus blandit nec. Morbi pretium eros dictum, cursus augue quis, facilisis eros. Nulla consectetur felis diam. Cras imperdiet fermentum tempor. Fusce mattis ipsum nisl, sed tempor diam facilisis quis.

EMPHASISE CODE

<span class="teiemphasize">xxx</span>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sollicitudin purus ac viverra vulputate. Ut finibus metus non ex iaculis auctor. This text is emphasised. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sollicitudin purus ac viverra vulputate. Ut finibus metus non ex iaculis auctor.

LANGUAGE CODE

<span class="teilanguage">xxx</span>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sollicitudin purus ac viverra vulputate. Ut finibus metus non ex iaculis auctor. This text is another language. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sollicitudin purus ac viverra vulputate. Ut finibus metus non ex iaculis auctor.

EXPONENT SUPERSCRIPT CODE

<span class="teiexponent">xxx</span>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sollicitudin purus ac viverra vulputate. Ut finibus metus non ex iaculis auctor. This is a huge number: 1099. It has a 1 and 99 zeros after it. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sollicitudin purus ac viverra vulputate. Ut finibus metus non ex iaculis auctor.

FOOTNOTE SUPERSCRIPT CODE

<span class="teifootnotenumber">xxx</span>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sollicitudin purus ac viverra vulputate. Ut finibus metus non ex iaculis auctor. This sentence has a footnote number after the period. 1 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sollicitudin purus ac viverra vulputate. Ut finibus metus non ex iaculis auctor.

SINGLE LINE (NOT SPREAD) BULLET AND NUMBERED LIST FORMAT

<ul class="tei">
<li class="tei">xxx</li>
<li class="tei">xxx</li>
<li class="tei">xxx</li>
</ul>

<ol class="tei">
<li class="tei">xxx</li>
<li class="tei">xxx</li>
<li class="tei">xxx</li>
</ol>

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • Nam sollicitudin purus ac viverra vulputate.
  • Ut finibus metus non ex iaculis auctor.
  1. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  2. Nam sollicitudin purus ac viverra vulputate.
  3. Ut finibus metus non ex iaculis auctor.

MULTI LINE (SPREAD) BULLET LIST FORMAT

<ul class="tei">
<li class="teispread">xxx</li>

<li class="teispread">xxx</li>

<li class="teispread">xxx</li>
</ul>

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sollicitudin purus ac viverra vulputate. Ut finibus metus non ex iaculis auctor.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sollicitudin purus ac viverra vulputate. Ut finibus metus non ex iaculis auctor. Praesent gravida elit lacus, a sagittis tellus blandit nec. Morbi pretium eros dictum, cursus augue quis, facilisis eros. Nulla consectetur felis diam. Cras imperdiet fermentum tempor. Fusce mattis ipsum nisl, sed tempor diam facilisis quis.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sollicitudin purus ac viverra vulputate. Ut finibus metus non ex iaculis auctor.

MULTI LINE (SPREAD) NUMBERED LIST FORMAT

<ol class="tei">
<li class="teispread">xxx</li>

<li class="teispread">xxx</li>

<li class="teispread">xxx</li>
</ol>

  1. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sollicitudin purus ac viverra vulputate. Ut finibus metus non ex iaculis auctor.
  2. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sollicitudin purus ac viverra vulputate. Ut finibus metus non ex iaculis auctor. Praesent gravida elit lacus, a sagittis tellus blandit nec. Morbi pretium eros dictum, cursus augue quis, facilisis eros. Nulla consectetur felis diam. Cras imperdiet fermentum tempor. Fusce mattis ipsum nisl, sed tempor diam facilisis quis.
  3. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sollicitudin purus ac viverra vulputate. Ut finibus metus non ex iaculis auctor.

NESTED LIST FORMATS (UNSPREAD)

<ul class="tei">
<li class="tei">xxx</li>
<li class="tei">xxx

	<ul class="tei">
	<li class="tei">xxx</li>
	<li class="tei">xxx</li>
	<li class="tei">xxx</li>
	</ul>

</li>
<li class="tei">xxx</li>
</ul>

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • Nam sollicitudin purus ac viverra vulputate.
    • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
    • Nam sollicitudin purus ac viverra vulputate.
    • Ut finibus metus non ex iaculis auctor.
  • Ut finibus metus non ex iaculis auctor.

NESTED LIST FORMATS (SPREAD & UNSPREAD MIXED)

<ol class="tei">
<li class="teispread">xxx</li>

<li class="teispread">xxx

	<ol class="tei">
	<li class="teispread">
		<p class="tei">xxx</p>
		<p class="tei">xxx</p>
	</li>

	<li class="teispread">xxx

		<ul class="tei">
		<li class="tei">xxx</li>
		<li class="tei">xxx</li>
		<li class="tei">xxx</li>
		</ul>

	</li>

	<li class="teispread">xxx</li>
	</ol>

</li>

<li class="teispread">xxx</li>
</ol>

  1. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sollicitudin purus ac viverra vulputate. Ut finibus metus non ex iaculis auctor.
  2. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sollicitudin purus ac viverra vulputate. Ut finibus metus non ex iaculis auctor. Praesent gravida elit lacus, a sagittis tellus blandit nec. Morbi pretium eros dictum, cursus augue quis, facilisis eros. Nulla consectetur felis diam. Cras imperdiet fermentum tempor. Fusce mattis ipsum nisl, sed tempor diam facilisis quis.
    1. This list item has more than one para. Note how each para is surrounded by a para tag.

      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sollicitudin purus ac viverra vulputate. Ut finibus metus non ex iaculis auctor.

    2. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sollicitudin purus ac viverra vulputate. Ut finibus metus non ex iaculis auctor. Praesent gravida elit lacus, a sagittis tellus blandit nec. Morbi pretium eros dictum, cursus augue quis, facilisis eros. Nulla consectetur felis diam. Cras imperdiet fermentum tempor. Fusce mattis ipsum nisl, sed tempor diam facilisis quis.
      • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
      • Nam sollicitudin purus ac viverra vulputate.
      • Ut finibus metus non ex iaculis auctor.
    3. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sollicitudin purus ac viverra vulputate. Ut finibus metus non ex iaculis auctor.
  3. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sollicitudin purus ac viverra vulputate. Ut finibus metus non ex iaculis auctor.

ARTICLE QUOTE FORMAT WHEN NO REFERENCE TO BE GIVEN

<p class="teiacademicquotepassage teiacademicquotepassagenocitation">xxx</p>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sollicitudin purus ac viverra vulputate. Ut finibus metus non ex iaculis auctor.

NOTICE THERE ARE NO QUOTATION MARKS AROUND THIS TEXT. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sollicitudin purus ac viverra vulputate. Ut finibus metus non ex iaculis auctor. Praesent gravida elit lacus, a sagittis tellus blandit nec. Morbi pretium eros dictum, cursus augue quis, facilisis eros. Nulla consectetur felis diam. Cras imperdiet fermentum tempor. Fusce mattis ipsum nisl, sed tempor diam facilisis quis.

NOTICE THERE ARE NO QUOTATION MARKS AROUND THIS TEXT. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sollicitudin purus ac viverra vulputate. Ut finibus metus non ex iaculis auctor. Praesent gravida elit lacus, a sagittis tellus blandit nec. Morbi pretium eros dictum, cursus augue quis, facilisis eros. Nulla consectetur felis diam. Cras imperdiet fermentum tempor. Fusce mattis ipsum nisl, sed tempor diam facilisis quis.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sollicitudin purus ac viverra vulputate. Ut finibus metus non ex iaculis auctor.

ARTICLE QUOTE FORMAT WHEN REFERENCE WILL BE GIVEN

<p class="teiacademicquotepassage">xxx</p>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sollicitudin purus ac viverra vulputate. Ut finibus metus non ex iaculis auctor.

NOTICE THERE ARE NO QUOTATION MARKS AROUND THIS TEXT. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sollicitudin purus ac viverra vulputate. Ut finibus metus non ex iaculis auctor. Praesent gravida elit lacus, a sagittis tellus blandit nec. Morbi pretium eros dictum, cursus augue quis, facilisis eros. Nulla consectetur felis diam. Cras imperdiet fermentum tempor. Fusce mattis ipsum nisl, sed tempor diam facilisis quis.

INTERVIEW QUOTE Q & A FORMAT WHEN REFERENCE WILL BE GIVEN

<p class="teiacademicquotepassage teiquestion">interviewer's name in full: xxx</p>

<p class="teiacademicquotepassage"><span class="teianswerleadin">Aga Khan:</span> xxx</p>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sollicitudin purus ac viverra vulputate. Ut finibus metus non ex iaculis auctor.

Nicholas Tomalin: Do you go out in the evenings?

Aga Khan: Don’t be ridiculous. I can’t. I am too tired. I think in the past year, for instance, I’ve seen no plays and only one film.

REFERENCE FORMATS

<p class="teiquotereference">Author, <span class="teibooktitle">Book title</span>, (Publisher, Year, p. 123)<br><a target="_blank" href="http://some website">Website page title</a></p>
<p class="teiquotereference">Holy Qur'an 3:159</p>
<p class="teiquotereference">Mawlana Hazar Imam<br><a target="_blank" href="http://www.nanowisdoms.org/nwblog/xxx/">Nano item title (City, Country), 1 January 2000</a></p>
<p class="teiquotereference">Mawlana Hazar Imam (Translation)<br><a target="_blank" href="http://www.nanowisdoms.org/nwblog/xxx/">Nano item title (City, Country),  1 January 2000</a></p>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sollicitudin purus ac viverra vulputate. Ut finibus metus non ex iaculis auctor.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sollicitudin purus ac viverra vulputate. Ut finibus metus non ex iaculis auctor. Praesent gravida elit lacus, a sagittis tellus blandit nec. Morbi pretium eros dictum, cursus augue quis, facilisis eros. Nulla consectetur felis diam. Cras imperdiet fermentum tempor. Fusce mattis ipsum nisl, sed tempor diam facilisis quis.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sollicitudin purus ac viverra vulputate. Ut finibus metus non ex iaculis auctor. Praesent gravida elit lacus, a sagittis tellus blandit nec. Morbi pretium eros dictum, cursus augue quis, facilisis eros. Nulla consectetur felis diam. Cras imperdiet fermentum tempor. Fusce mattis ipsum nisl, sed tempor diam facilisis quis.

Author, Book title, (Publisher, Year, p. 123)
Website page title

Abu Hanifa al-Nu’man, Kitab al-Himma — Code of Conduct

Holy Qur’an 3:159

Mawlana Hazar Imam
Nano item title (City, Country), 1 January 2000

Mawlana Hazar Imam (Translation)
Nano item title (City, Country), 1 January 2000

Mawlana Hazar Imam
88th Stephen A. Ogden, Jr. ’60 Memorial Lecture on International Affairs, Brown University (Providence, USA), 10 March 2014

Mawlana Sultan Muhammad Shah
The Memoirs of Aga Khan III — World Enough and Time, Chapter 2: Islam, The Religion of My Ancestors, 1954

PULL QUITE FORMAT

<blockquote class="tei">xxx</blockquote>
<blockquote class="teiright">xxx</blockquote>
<blockquote class="teileft">xxx</blockquote>

In long articles, sprinkle some pull quotes through the page to break it up. About 1 every 2 two page downs on a typical desktop screen. You’re looking for sound bites — one or two sentences at most — that are interesting and if possible get a few main points of the article across for those who just skim and read the pull quotes and not the article. They don’t have to be placed in any order or near where the article has the text that was pull quoted. See the alcohol life story piece or any Nano speech/interview post to get an idea. Also very long paras should be broken up at logical points so a para isn’t longer than 1/2-3/4 of a typical desktop screen.If the article has a lot of quotes and citations — like the IG pieces, then pull quotes are hard to fit as there’s already a lot of breakup, so don’t need them.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sollicitudin purus ac viverra vulputate. Ut finibus metus non ex iaculis auctor.

NOTICE THERE ARE NO QUOTATION MARKS AROUND THIS TEXT. This pull quote will be ALIGNED with the text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sollicitudin purus ac viverra vulputate. Ut finibus metus non ex iaculis auctor. Praesent gravida elit lacus, a sagittis tellus blandit nec.

NOTICE THERE ARE NO QUOTATION MARKS AROUND THIS TEXT. This pull quote will be RIGHT out-dented if the theme allows it. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sollicitudin purus ac viverra vulputate. Ut finibus metus non ex iaculis auctor. Praesent gravida elit lacus, a sagittis tellus blandit nec.

NOTICE THERE ARE NO QUOTATION MARKS AROUND THIS TEXT. This pull quote will be LEFT out-dented if the theme allows it. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sollicitudin purus ac viverra vulputate. Ut finibus metus non ex iaculis auctor. Praesent gravida elit lacus, a sagittis tellus blandit nec.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sollicitudin purus ac viverra vulputate. Ut finibus metus non ex iaculis auctor.

QUOTE ONLY POST + REFERENCE FORMAT

<blockquote class="teishortlongquote"><p class="tei">xxx</p></blockquote>

<blockquote class="teishortlongquote"><p class="tei">xxx</p>
 
<p class="tei">xxx</p>
<p class="teiquotereference">Mawlana Hazar Imam<br>xxx reference xxx</p></blockquote>

NOTICE THERE ARE NO QUOTATION MARKS AROUND THIS TEXT. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sollicitudin purus ac viverra vulputate. Ut finibus metus non ex iaculis auctor. Praesent gravida elit lacus, a sagittis tellus blandit nec. Morbi pretium eros dictum, cursus augue quis, facilisis eros. Nulla consectetur felis diam. Cras imperdiet fermentum tempor. Fusce mattis ipsum nisl, sed tempor diam facilisis quis.

In the face of this changing world, which was once a universe to us and is now no more than an overcrowded island, confronted with a fundamental challenge to our understanding of time, surrounded by a foreign fleet of cultural and ideological ships which have broken loose, I ask, do we have a clear, firm and precise understanding of what Muslim Society is to be in times to come? And if as I believe, the answer is uncertain, where else can we search then in the Holy Qur’an, and in the example of Allah’s last and final Prophet?

There is no justification for delaying the search for the answer to this question by the Muslims of the world, because we have the knowledge that Islam is Allah’s final message, the Qur’an His final book and Muhammad His last Prophet. We are blessed that the answers drawn from these sources guarantee that neither now, nor at any time in the future will we be going astray.

Mawlana Hazar Imam
Presidential Address, International Seerat Conference (Karachi, Pakistan), 12 March 1976

<blockquote class="teishortlongquote"><p class="teiquestion">interviewer's name in full: xxx</p>
 
<p class="tei"><span class="teianswerleadin">Aga Khan:</span> xxx.</p>

<p class="teiquotereference">Mawlana Hazar Imam<br>xxx reference xxx</p></blockquote>

Nicholas Tomalin: Do you go out in the evenings?

Aga Khan: Don’t be ridiculous. I can’t. I am too tired. I think in the past year, for instance, I’ve seen no plays and only one film.

Mawlana Hazar Imam
Presidential Address, International Seerat Conference (Karachi, Pakistan), 12 March 1976

LINK ONLY POST (NO REFERENCE)

<blockquote class="teishortlongquote"><p class="tei">xxx</p>
 
<p class="tei">xxx</p></blockquote>

In the face of this changing world, which was once a universe to us and is now no more than an overcrowded island, confronted with a fundamental challenge to our understanding of time, surrounded by a foreign fleet of cultural and ideological ships which have broken loose, I ask, do we have a clear, firm and precise understanding of what Muslim Society is to be in times to come? And if as I believe, the answer is uncertain, where else can we search then in the Holy Qur’an, and in the example of Allah’s last and final Prophet?

There is no justification for delaying the search for the answer to this question by the Muslims of the world, because we have the knowledge that Islam is Allah’s final message, the Qur’an His final book and Muhammad His last Prophet. We are blessed that the answers drawn from these sources guarantee that neither now, nor at any time in the future will we be going astray.

END CREDITS AND OTHER TAIL FORMATS

<h5 class="teicredits">Read in full at source</h5>
<p class="teicredits"><a target="_blank" href="http://xxx">Click here to read full article at xxx website xxx: xxx title xxx</a></p>

<h5 class="teicredits">About the author/reviewer/photographer/...</h5>
<p class="teicredits">xxx about author xxx</p>

<h5 class="teicredits">Credits</h5>
<p class="teicredits">Article: xxx author's name xxx</p>
<p class="teicredits"><a target="_blank" href="http://xxx">Image: xxx description to identify the image if more than one pic posted xxx, xxx source and/or link xxx (With permission) (CC license abbreviations) (Permitted use) (Fair use/dealing) (Public domain) (Bill C-11, Section 29.21 http://bit.ly/1yRu6UZ)</a><br>xxx short description (for AKM and similar images) if appropriate xxx</p>

<h5 class="teicredits">Creative Commons License</h5>
<p class="teicredits">xxx license details xxx</p>

<h5 class="teicredits">Footnotes</h5>
<ol class="teicredits">
<li class="teispread">xxx</li>
<li class="teispread">
	<h6 class="teicredits">xxx</h6>
	<p class="teicredits">xxx</p>
	<p class="teicredits">xxx</p>
</li>
<li class="teispread">xxx</li>
</ol>

<h5 class="teicredits">Further readings</h5>
<ul class="teicredits">
<li class="teispread"><a target="_blank" href="http://xxx">xxx title xxx</a></li>
<li class="teispread"><a target="_blank" href="http://xxx">xxx title xxx</a></li>
<li class="teispread"><a target="_blank" href="http://xxx">xxx title xxx</a></li>
</ul>

Read in full at source

Click here to read full article at Ismaili Gnosis: Ismailis through History: From Persecuted Minority to Pluralist Community.

About the author

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sollicitudin purus ac viverra vulputate. Ut finibus metus non ex iaculis auctor. Praesent gravida elit lacus, a sagittis tellus blandit nec. Morbi pretium eros dictum, cursus augue quis, facilisis eros. Nulla consectetur felis diam. Cras imperdiet fermentum tempor. Fusce mattis ipsum nisl, sed tempor diam facilisis quis.

Credits

Photos and article: Mohib Ebrahim, Editor and Publisher of The NanoWisdoms Archive of Imamat Speeches, Interviews and Writings

Article: Ismaili Gnosis

Image: https://www.flickr.com/photos/onasill/16210682888 (CC BY 2.0)

Image: Book, Aga Khan Museum (Permitted use)
15th Iranian, manuscript of sayings, attributed to the first Shia imam, ‘Ali ibn Abi Talib, by the scribe Sheikh Mahmud Heravi.

Authorisations: (With permission) (CC license abbreviations) (Permitted use) (Fair use/dealing) (Public domain) (Bill C-11, Section 29.21 http://bit.ly/1yRu6UZ)

Creative Commons License

All the photographs are released under a Creative Commons 4.0 International License which allows them to be re-used non-commercially, without modification and with credit as follows (including the web-link): “Burnaby Ismaili Centre, by Mohib Ebrahim, © 2014 is licensed under a Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 International License (CC BY-NC-ND).”

Footnotes
  1. Voices: Bruno Freschi, Architect of the Ismaili Centre in Burnaby, in Conversation with Simerg
  2. A title to some footnotes

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sollicitudin purus ac viverra vulputate. Ut finibus metus non ex iaculis auctor. Praesent gravida elit lacus, a sagittis tellus blandit nec. Morbi pretium eros dictum, cursus augue quis, facilisis eros. Nulla consectetur felis diam. Cras imperdiet fermentum tempor. Fusce mattis ipsum nisl, sed tempor diam facilisis quis.

    Another title to some footnotes

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sollicitudin purus ac viverra vulputate. Ut finibus metus non ex iaculis auctor. Praesent gravida elit lacus, a sagittis tellus blandit nec. Morbi pretium eros dictum, cursus augue quis, facilisis eros. Nulla consectetur felis diam. Cras imperdiet fermentum tempor. Fusce mattis ipsum nisl, sed tempor diam facilisis quis.

  3. The Road to Toronto (Societal): The vision and rationale behind the Aga Khan’s passion for parks and gardens
  4. Ismaili Centre Foundation Stone Ceremony (Burnaby, Canada) 26 July 1982
Further readings

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s