<?xml version="1.0" encoding="UTF-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" version="2.0"><channel><title><![CDATA[Randy Butternubs]]></title><description><![CDATA[Explorations in Anarchism]]></description><link>https://spikebachman.github.io</link><generator>RSS for Node</generator><lastBuildDate>Thu, 21 Jul 2016 20:30:54 GMT</lastBuildDate><atom:link href="https://spikebachman.github.io/rss/" rel="self" type="application/rss+xml"/><ttl>60</ttl><item><title><![CDATA[A quick reference guide to my most commonly used AsciiDoc syntax.]]></title><description><![CDATA[<div class="sect3">
<h4 id="_full_references_can_be_found_at">Full references can be found at:</h4>
<div class="paragraph">
<p>Ref <a href="http://asciidoctor.org/docs/asciidoc-syntax-quick-reference/" class="bare">http://asciidoctor.org/docs/asciidoc-syntax-quick-reference/</a>
and <a href="http://asciidoctor.org/docs/asciidoc-syntax-quick-reference/" class="bare">http://asciidoctor.org/docs/asciidoc-syntax-quick-reference/</a></p>
</div>
<div class="admonitionblock note">
<table>
<tr>
<td class="icon">
<i class="fa icon-note" title="Note"></i>
</td>
<td class="content">
HubPress uses the <strong>AsciiDoc</strong> markup — not to be confused with <strong>AsciiDoctor</strong>.
</td>
</tr>
</table>
</div>
<div class="admonitionblock note">
<table>
<tr>
<td class="icon">
<i class="fa icon-note" title="Note"></i>
</td>
<td class="content">
As of 7/20/06, the ghostium theme seems to be the only theme that is  rendering the AsciiDoc syntax in the same way as the quick reference guide.
</td>
</tr>
</table>
</div>
<hr>
<div class="sect5">
<h6 id="_paragraphs">Paragraphs</h6>
<div class="paragraph">
<p>Paragraphs don&#8217;t require any special markup in AsciiDoc. A paragraph is just one
or more lines of consecutive text.</p>
</div>
<div class="paragraph">
<p>To begin a new paragraph, separate it by at least one blank line.</p>
</div>
<div class="paragraph">
<p>Line breaks view result</p>
</div>
<div class="paragraph">
<p>Rubies are red, + Topazes are blue.</p>
</div>
<div class="paragraph">
<p>[%hardbreaks] Ruby is red. Java is black.</p>
</div>
<div class="paragraph">
<p>Literal view result</p>
</div>
<div class="paragraph">
<p>A normal paragraph.</p>
</div>
<div class="literalblock">
<div class="content">
<pre>A sequence of lines that begin with at least one space is a literal paragraph.
Literal paragraphs are treated as preformatted text. The text is shown in a
fixed-width font and endlines are preserved.</pre>
</div>
</div>
<div class="paragraph">
<p>Another normal paragraph.</p>
</div>
<div class="paragraph">
<p>Admonition view result</p>
</div>
<div class="admonitionblock note">
<table>
<tr>
<td class="icon">
<i class="fa icon-note" title="Note"></i>
</td>
<td class="content">
An admonition paragraph draws the reader&#8217;s attention to auxiliary
information. Its purpose is determined by the label at the beginning of the
paragraph.
</td>
</tr>
</table>
</div>
<div class="paragraph">
<p>Here are the other built-in admonition types:</p>
</div>
<div class="admonitionblock tip">
<table>
<tr>
<td class="icon">
<i class="fa icon-tip" title="Tip"></i>
</td>
<td class="content">
Pro tip&#8230;&#8203;
</td>
</tr>
</table>
</div>
<div class="admonitionblock important">
<table>
<tr>
<td class="icon">
<i class="fa icon-important" title="Important"></i>
</td>
<td class="content">
Don&#8217;t forget&#8230;&#8203;
</td>
</tr>
</table>
</div>
<div class="admonitionblock warning">
<table>
<tr>
<td class="icon">
<i class="fa icon-warning" title="Warning"></i>
</td>
<td class="content">
Watch out for&#8230;&#8203;
</td>
</tr>
</table>
</div>
<div class="admonitionblock caution">
<table>
<tr>
<td class="icon">
<i class="fa icon-caution" title="Caution"></i>
</td>
<td class="content">
Ensure that&#8230;&#8203;
</td>
</tr>
</table>
</div>
<div class="literalblock">
<div class="content">
<pre>You can also create admonition blocks. Lead paragraph view result</pre>
</div>
</div>
<div class="paragraph">
<p>[.lead] This text will be styled as a lead paragraph (i.e., larger font).</p>
</div>
<div class="literalblock">
<div class="content">
<pre>The default Asciidoctor stylesheet automatically styles the first paragraph of
the preamble as a lead paragraph. More Paragraph, Admonition and Literal Block
Examples</pre>
</div>
</div>
<div class="paragraph">
<p>See these sections in the Asciidoctor User Manual for more information and
examples.</p>
</div>
<div class="literalblock">
<div class="content">
<pre>Paragraphs</pre>
</div>
</div>
<div class="literalblock">
<div class="content">
<pre>Literal Text and Blocks</pre>
</div>
</div>
<div class="literalblock">
<div class="content">
<pre>Admonitions</pre>
</div>
</div>
<div class="paragraph">
<p>Formatted Text Bold, Italic, and Monospace view result</p>
</div>
<div class="paragraph">
<p><em>italic phrase</em></p>
</div>
<div class="paragraph">
<p><em>i</em>talic le<em>tt</em>ers</p>
</div>
<div class="paragraph">
<p><strong>bold phrase</strong></p>
</div>
<div class="paragraph">
<p><strong>b</strong>old le<strong>tt</strong>ers</p>
</div>
<div class="paragraph">
<p><strong><em>bold italic phrase</em></strong></p>
</div>
<div class="paragraph">
<p><strong><em>b</em></strong>old italic le<strong><em>tt</em></strong>ers</p>
</div>
<div class="paragraph">
<p><code>monospace phrase</code> and le<code>tt</code>ers</p>
</div>
<div class="paragraph">
<p><code><em>monospace italic phrase</em></code> and le<code><em>tt</em></code>ers</p>
</div>
<div class="paragraph">
<p><code><strong>monospace bold phrase</strong></code> and le<code><strong>tt</strong></code>ers</p>
</div>
<div class="paragraph">
<p><code><strong><em>monospace bold italic phrase</em></strong></code> and le<code><strong><em>tt</em></strong></code>ers</p>
</div>
<div class="paragraph">
<p>Custom Styling view result</p>
</div>
<div class="paragraph">
<p>Werewolves are <mark>allergic to cinnamon</mark>.</p>
</div>
<div class="paragraph">
<p>Do werewolves believe in <span class="small">small print</span>?</p>
</div>
<div class="paragraph">
<p><span class="big">O</span>nce upon an infinite loop.</p>
</div>
<div class="paragraph">
<p>Superscript and Subscript view result</p>
</div>
<div class="paragraph">
<p><sup>super</sup>script phrase</p>
</div>
<div class="paragraph">
<p><sub>sub</sub>script phrase</p>
</div>
<div class="paragraph">
<p>Curved Quotation Marks and Apostrophes view result</p>
</div>
<div class="paragraph">
<p>&#8216;single curved quotes&#8217;</p>
</div>
<div class="paragraph">
<p>&#8220;double curved quotes&#8221;</p>
</div>
<div class="paragraph">
<p>Olaf&#8217;s desk was a mess.</p>
</div>
<div class="paragraph">
<p>All of the werewolves&#8217; desks were a mess.</p>
</div>
<div class="paragraph">
<p>Olaf had been with the company since the &#8217;60s.</p>
</div>
<div class="paragraph">
<p>More Text Formatting Examples</p>
</div>
<div class="paragraph">
<p>See these sections in the Asciidoctor User Manual for more information and
examples.</p>
</div>
<div class="literalblock">
<div class="content">
<pre>Bold and Italic Formatting</pre>
</div>
</div>
<div class="literalblock">
<div class="content">
<pre>Quotation Marks and Apostrophes</pre>
</div>
</div>
<div class="literalblock">
<div class="content">
<pre>Subscript and Superscript</pre>
</div>
</div>
<div class="literalblock">
<div class="content">
<pre>Monospace Formatting</pre>
</div>
</div>
<div class="literalblock">
<div class="content">
<pre>Custom Styling with Attributes</pre>
</div>
</div>
<div class="literalblock">
<div class="content">
<pre>Passthrough Macros</pre>
</div>
</div>
<div class="paragraph">
<p>Document Header A header is optional. The header may not contain blank lines and
must be offset from the content by at least one blank line. Title only</p>
</div>
</div>
</div>
<h1 id="_my_document_s_title" class="sect0">My Document&#8217;s Title</h1>
<div class="paragraph">
<p>My document provides&#8230;&#8203;</p>
</div>
<div class="paragraph">
<p>Title and author line</p>
</div>
<h1 id="_my_document_s_title_doc_writer_a_href_mailto_doc_writer_asciidoctor_org_doc_writer_asciidoctor_org_a" class="sect0">My Document&#8217;s Title Doc Writer &lt;<a href="mailto:doc.writer@asciidoctor.org">doc.writer@asciidoctor.org</a>&gt;</h1>
<div class="paragraph">
<p>My document provides&#8230;&#8203;</p>
</div>
<div class="literalblock">
<div class="content">
<pre>Asciidoctor allows multiple authors in the author line. Use the semi-colon
character to separate each author. Title, author line and revision line</pre>
</div>
</div>
<h1 id="_my_document_s_title_doc_writer_a_href_mailto_doc_writer_asciidoctor_org_doc_writer_asciidoctor_org_a_v1_0_2014_01_01" class="sect0">My Document&#8217;s Title Doc Writer &lt;<a href="mailto:doc.writer@asciidoctor.org">doc.writer@asciidoctor.org</a>&gt; v1.0, 2014-01-01</h1>
<div class="paragraph">
<p>My document provides&#8230;&#8203;</p>
</div>
<div class="literalblock">
<div class="content">
<pre>You cannot have a revision line without an author line. Document header with
attributes</pre>
</div>
</div>
<h1 id="_my_document_s_title_doc_writer_a_href_mailto_doc_writer_asciidoctor_org_doc_writer_asciidoctor_org_a_v1_0_2014_01_01_2" class="sect0">My Document&#8217;s Title Doc Writer &lt;<a href="mailto:doc.writer@asciidoctor.org">doc.writer@asciidoctor.org</a>&gt; v1.0, 2014-01-01</h1>
<div class="paragraph">
<p>My document provides&#8230;&#8203;</p>
</div>
<div class="paragraph">
<p>Section Titles (Headings) Article doctype view result</p>
</div>
<h1 id="_document_title_level_0" class="sect0">Document Title (Level 0)</h1>
<div class="sect1">
<h2 id="_level_1_section_title">Level 1 Section Title</h2>
<div class="sectionbody">
<div class="sect2">
<h3 id="_level_2_section_title">Level 2 Section Title</h3>
<div class="sect3">
<h4 id="_level_3_section_title">Level 3 Section Title</h4>
<div class="sect4">
<h5 id="_level_4_section_title">Level 4 Section Title</h5>
<div class="sect5">
<h6 id="_level_5_section_title">Level 5 Section Title</h6>

</div>
</div>
</div>
</div>
</div>
</div>
<div class="sect1">
<h2 id="_another_level_1_section_title">Another Level 1 Section Title</h2>
<div class="sectionbody">
<div class="literalblock">
<div class="content">
<pre>When using the article doctype (the default), you can only have one level-0
section title (i.e., the document title) and it must be in the document
header. The number of equal signs matches the heading level in the HTML
output. For example, Section Level 1 becomes an &lt;h2&gt; heading. Book doctype
view result</pre>
</div>
</div>
</div>
</div>
<h1 id="_document_title_level_0_2" class="sect0">Document Title (Level 0)</h1>
<div class="sect1">
<h2 id="_section_level_1">Section Level 1</h2>
<div class="sectionbody">
<div class="sect2">
<h3 id="_section_level_2">Section Level 2</h3>
<div class="sect3">
<h4 id="_section_level_3">Section Level 3</h4>
<div class="sect4">
<h5 id="_section_level_4">Section Level 4</h5>
<div class="sect5">
<h6 id="_section_level_5">Section Level 5</h6>

</div>
</div>
</div>
</div>
</div>
</div>
<h1 id="_section_level_0" class="sect0">Section Level 0</h1>
<div class="paragraph">
<p>Explicit id</p>
</div>
<div class="paragraph">
<p><a id="primitives-nulls"></a> == Primitive types and null values</p>
</div>
<div class="paragraph">
<p>Section anchors and links (Asciidoctor only)</p>
</div>
<div class="paragraph">
<p>sectanchors</p>
</div>
<div class="literalblock">
<div class="content">
<pre>When this document attribute is set, a section icon anchor appears in front
of the section title. sectlinks</pre>
</div>
</div>
<div class="literalblock">
<div class="content">
<pre>When this document attribute is set, the section titles become self-links.
This enables a reader to bookmark the section.</pre>
</div>
</div>
<div class="literalblock">
<div class="content">
<pre>Section title anchors depend on the default Asciidoctor stylesheet to render
properly. Include Files Document parts</pre>
</div>
</div>
<h1 id="_reference_documentation_lead_developer" class="sect0">Reference Documentation Lead Developer</h1>
<div class="paragraph">
<p>This is documentation for project X.</p>
</div>
<div class="paragraph">
<p>Unresolved directive in &lt;stdin&gt; - include::basics.adoc[]</p>
</div>
<div class="paragraph">
<p>Unresolved directive in &lt;stdin&gt; - include::installation.adoc[]</p>
</div>
<div class="paragraph">
<p>Unresolved directive in &lt;stdin&gt; - include::example.adoc[]</p>
</div>
<div class="literalblock">
<div class="content">
<pre>Asciidoctor does not insert blank lines between adjacent include statements to
keep the content separated. Be sure to add a blank line in the source document
to avoid unexpected results, such as a section title being swallowed. Include
content from a URI</pre>
</div>
</div>
<div class="paragraph">
<p><a href="https://raw.githubusercontent.com/asciidoctor/asciidoctor/master" class="bare">https://raw.githubusercontent.com/asciidoctor/asciidoctor/master</a></p>
</div>
<h1 id="_hubpress" class="sect0">HubPress</h1>
<!-- toc disabled -->
<div class="paragraph">
<p>A free, open source tool you can use to build a blog using GitHub Pages and <a href="http://asciidoctor.org/docs/user-manual/">AsciiDoc</a>.</p>
</div>
<div class="paragraph">
<p><a href="https://gratipay.com/hubpress/">HubPress</a> on Gratipay <span class="image"><img src="https://avatars1.githubusercontent.com/u/1744073?v=3&amp;s=24" alt="1744073?v=3&amp;s=24"></span>.</p>
</div>
<div class="sect1">
<h2 id="_what_is_hubpress">1. What Is HubPress?</h2>
<div class="sectionbody">
<div class="imageblock">
<div class="content">
<img src="http://hubpress.io/img/editor.png" alt="editor.png">
</div>
</div>
<div class="paragraph">
<p>HubPress is a web application that makes it easy for you to maintain a blog. It provides the following features:</p>
</div>
<div class="ulist">
<ul>
<li>
<p>WYSIWYG editor for writing blog posts.</p>
</li>
<li>
<p>Backed by the power of <a href="http://asciidoctor.org/docs/user-manual/">AsciiDoc markup</a> for tight control of content presentation to your requirements.</p>
</li>
<li>
<p>Administration console to customise many aspect of your blog&#8217;s content.</p>
</li>
<li>
<p>Disqus integration for blog comments.</p>
</li>
<li>
<p>Google Analytics integration to track visitor activity.</p>
</li>
<li>
<p>A number of different themes shipped with the product, ready to use.</p>
</li>
</ul>
</div>
<div class="paragraph">
<p>Hosting for your blog is provided by GitHub Pages.</p>
</div>
<div class="paragraph">
<p>If you see something wrong with the documentation, please raise an issue. Your help with improving every aspect of HubPress is greatly appreciated. Pull Requests are <strong>always</strong> welcome.</p>
</div>
<div class="paragraph">
<p>See the <a href="CONTRIBUTING.adoc">Contributors Guide</a> for more information about being a successful HubPress contributor.</p>
</div>
</div>
</div>
<div class="sect1">
<h2 id="_browser_compatibility">2. Browser Compatibility</h2>
<div class="sectionbody">
<div class="paragraph">
<p>HubPress is compatible with Chrome Desktop, Firefox Desktop, and Chrome for Android.</p>
</div>
</div>
</div>
<div class="sect1">
<h2 id="_getting_started">3. Getting Started</h2>
<div class="sectionbody">
<div class="sect2">
<h3 id="_fork_the_repository">3.1. Fork the Repository</h3>
<div class="paragraph">
<p>Click the Fork icon <span class="image"><img src="http://hubpress.io/img/fork-icon.png" alt="Fork" width="80"></span> to create a copy of this repository within your GitHub account.</p>
</div>
</div>
<div class="sect2">
<h3 id="_use_the_github_io_domain">3.2. Use the github.io Domain</h3>
<div class="paragraph">
<p>If you have never used your GitHub Pages domain before, you can use this procedure to quickly set up HubPress. With this method, only a few steps are required to get HubPress deployed and ready for use.</p>
</div>
<div class="admonitionblock important">
<table>
<tr>
<td class="icon">
<i class="fa icon-important" title="Important"></i>
</td>
<td class="content">
If you are currently using your <code>username.github.io</code> GitHub Pages domain for another project, or if you want to use a custom domain name, skip to the next procedure for instructions.
</td>
</tr>
</table>
</div>
<div class="olist arabic">
<ol class="arabic">
<li>
<p>Rename your repository to <code>&lt;username&gt;.github.io</code></p>
</li>
<li>
<p>Set values in <code>hubpress/config.json</code></p>
<div class="paragraph">
<p><span class="image"><img src="http://hubpress.io/img/edit-config.png" alt="Edit config"></span></p>
</div>
<div class="paragraph">
<p>The following parameters are mandatory:</p>
</div>
<div class="ulist">
<ul>
<li>
<p><code>username</code>, which is your GitHub user name,</p>
</li>
<li>
<p><code>repositoryName</code>, which is the new name of the repository fork, <code>&lt;username&gt;.github.io</code>.</p>
</li>
</ul>
</div>
</li>
<li>
<p>Commit the changes, and open the GitHub Pages domain:  <code><a href="https://&lt;username&gt;.github.io/" class="bare">https://&lt;username&gt;.github.io/</a></code>.</p>
</li>
<li>
<p>The following screen indicates you have correctly configured HubPress</p>
<div class="paragraph">
<p><span class="image"><img src="http://hubpress.io/img/home-install.png" alt="Install complete" width="300"></span></p>
</div>
</li>
</ol>
</div>
</div>
<div class="sect2">
<h3 id="_use_a_custom_domain_or_github_page_domain_already_in_use">3.3. Use a Custom Domain or GitHub Page Domain Already In Use</h3>
<div class="paragraph">
<p>If you want your blog to be available on a custom domain, or you are already using your GitHub Pages domain to host another project, some extra configuration is required.</p>
</div>
<div class="olist arabic">
<ol class="arabic">
<li>
<p>In the repository settings, set the default branch to <code>gh-pages</code>:</p>
<div class="paragraph">
<p><span class="image"><img src="http://hubpress.io/img/settings-gh-pages.png" alt="Settings gh-pages" width="400"></span></p>
</div>
</li>
<li>
<p>Switch your repository to the <code>gh-pages</code> branch.</p>
<div class="paragraph">
<p><span class="image"><img src="http://hubpress.io/img/switch-gh-pages.png" alt="Install complete" width="300"></span></p>
</div>
</li>
<li>
<p>Set the required values in <code>hubpress/config.json</code></p>
<div class="paragraph">
<p><span class="image"><img src="http://hubpress.io/img/edit-config-gh-pages.png" alt="Edit config"></span></p>
</div>
<div class="paragraph">
<p>The following parameters are mandatory:</p>
</div>
<div class="ulist">
<ul>
<li>
<p><code>username</code>, which is your GitHub user name,</p>
</li>
<li>
<p><code>repositoryName</code>, which is the repository fork. For example, <code>hubpress.io</code> if you did not rename it.</p>
</li>
</ul>
</div>
</li>
<li>
<p>Commit the changes, and open the GitHub Pages domain:  <code><a href="https://&lt;username&gt;.github.io/&lt;repositoryName&gt;/" class="bare">https://&lt;username&gt;.github.io/&lt;repositoryName&gt;/</a></code>.</p>
</li>
<li>
<p>The following screen indicates you have correctly configured HubPress</p>
<div class="paragraph">
<p><span class="image"><img src="http://hubpress.io/img/home-install.png" alt="Install complete" width="300"></span></p>
</div>
</li>
</ol>
</div>
<div class="paragraph">
<p>Now you have successfully configured HubPress, you can customise it by adding social network information, experiment with different themes, and make your HubPress blog your own.</p>
</div>
<div class="paragraph">
<p>See the <a href="Administration.adoc">Administration Guide</a> for the next steps you need to take in setting up your HubPress blog.</p>
</div>
<div class="paragraph">
<p>Once you&#8217;ve completed the configuration aspects, you can write your first blog post. Follow the guidelines in the <a href="Writers_Guide.adoc">Writer&#8217;s Guide</a> to write a sucessful first blog post.</p>
</div>
</div>
</div>
</div>
<div class="sect1">
<h2 id="_hubpress_team">4. HubPress Team</h2>
<div class="sectionbody">
<div class="paragraph">
<p>Code by <a href="http://github.com/anthonny">Anthonny Quérouil</a> (Twitter - <a href="http://twitter.com/anthonny_q">@anthonny_q</a>).</p>
</div>
<div class="paragraph">
<p>English Docs by <a href="http://github.com/jaredmorgs">Jared Morgan</a>  (Twitter - <a href="http://twitter.com/jaredmorgs">@jaredmorgs</a>).</p>
</div>
<div class="paragraph">
<p>Translations (Japanese) by:</p>
</div>
<div class="ulist">
<ul>
<li>
<p><a href="https://github.com/takkyuuplayer">takkyuuplayer</a>,</p>
</li>
<li>
<p><a href="https://github.com/hinaloe">hinaloe</a>.</p>
</li>
</ul>
</div>
</div>
</div>
<div class="sect1">
<h2 id="_donations">5. Donations</h2>
<div class="sectionbody">
<div class="paragraph">
<p>HubPress is now on <a href="https://gratipay.com/hubpress/">Gratipay</a>!</p>
</div>
<div class="imageblock">
<div class="content">
<img src="https://cloud.githubusercontent.com/assets/2006548/12901016/7b09da22-ceb9-11e5-93f7-16ab135b2e2e.png" alt="7b09da22 ceb9 11e5 93f7 16ab135b2e2e.png">
</div>
</div>
<div class="paragraph">
<p>It&#8217;s not the only way you can help us, but it is certainly a welcome one.
Donations are a great way to show your appreciation for the platform: it inspires us to dedicate extra time away from our families and day jobs to make HubPress an awesome blogging platform for you.</p>
</div>
<div class="imageblock">
<div class="content">
<img src="https://cloud.githubusercontent.com/assets/2006548/12901085/cc5ee908-ceb9-11e5-9d8b-c526f081f1e9.png" alt="cc5ee908 ceb9 11e5 9d8b c526f081f1e9.png">
</div>
</div>
<div class="literalblock">
<div class="content">
<pre>Including content from a URI is potentially dangerous, so it’s disabled if the
safe mode is SECURE or greater. Assuming the safe mode is less than SECURE,
you must also set the allow-uri-read attribute to permit Asciidoctor to read
content from a URI. Horizontal Rules and Page Breaks Horizontal rule view
result</pre>
</div>
</div>
<hr>
<div class="paragraph">
<p>Page break</p>
</div>
<div style="page-break-after: always;"></div>
<div class="paragraph">
<p>Lists Unordered, basic view result</p>
</div>
<div class="ulist">
<ul>
<li>
<p>Edgar Allen Poe Sheri S. Tepper Bill Bryson</p>
<div class="literalblock">
<div class="content">
<pre>Blank lines are required before and after a list. You can force two lists
apart with a line comment, as the previous example demonstrates. The text in
the comment, (^), is optional, but serves as a hint to other authors that this
line serves as an “end of list” marker. Unordered, max nesting view result</pre>
</div>
</div>
</li>
<li>
<p>level 1 <strong> level 2 </strong>* level 3 <strong><strong>* level 4 </strong></strong>** level 5 level 1</p>
<div class="literalblock">
<div class="content">
<pre>The unordered list marker can be changed using block styles. Checklist view
result</pre>
</div>
</div>
<div class="ulist checklist">
<ul class="checklist">
<li>
<p><i class="fa fa-check-square-o"></i> checked [x] also checked [ ] not checked normal list item</p>
<div class="literalblock">
<div class="content">
<pre>Checklists can use font-based icons and be interactive. Ordered, basic view
result</pre>
</div>
</div>
<div class="olist arabic">
<ol class="arabic">
<li>
<p>Step 1 . Step 2 . Step 3</p>
</li>
</ol>
</div>
</li>
</ul>
</div>
</li>
</ul>
</div>
<div class="paragraph">
<p>Ordered, nested view result</p>
</div>
<div class="olist arabic">
<ol class="arabic">
<li>
<p>Step 1 . Step 2 .. Step 2a .. Step 2b . Step 3</p>
</li>
</ol>
</div>
<div class="paragraph">
<p>Ordered, max nesting view result</p>
</div>
<div class="olist arabic">
<ol class="arabic">
<li>
<p>level 1 .. level 2 &#8230;&#8203; level 3 &#8230;&#8203;. level 4 &#8230;&#8203;.. level 5 . level 1</p>
<div class="literalblock">
<div class="content">
<pre>For ordered lists, Asciidoctor supports numeration styles such as lowergreek
and decimal-leading-zero. Labeled, single-line view result</pre>
</div>
</div>
<div class="dlist">
<dl>
<dt class="hdlist1">first term</dt>
<dd>
<p>definition of first term section term:: definition of second term</p>
</dd>
</dl>
</div>
</li>
</ol>
</div>
<div class="paragraph">
<p>Labeled, multi-line view result</p>
</div>
<div class="dlist">
<dl>
<dt class="hdlist1">first term</dt>
<dd>
<p>definition of first term section term:: definition of second term</p>
</dd>
</dl>
</div>
<div class="paragraph">
<p>Q&amp;A view result</p>
</div>
<div class="dlist">
<dl>
<dt class="hdlist1">[qanda] What is Asciidoctor?</dt>
<dd>
<p>An implementation of the AsciiDoc processor in</p>
</dd>
<dt class="hdlist1">Ruby. What is the answer to the Ultimate Question?</dt>
<dd>
<p>42</p>
</dd>
</dl>
</div>
<div class="paragraph">
<p>Mixed view result</p>
</div>
<div class="dlist">
<dl>
<dt class="hdlist1">Operating Systems</dt>
<dd>
<p>Linux::: . Fedora * Desktop . Ubuntu * Desktop * Server</p>
<div class="dlist">
<dl>
<dt class="hdlist1">BSD</dt>
<dd>
<p>. FreeBSD . NetBSD</p>
</dd>
</dl>
</div>
</dd>
<dt class="hdlist1">Cloud Providers</dt>
<dd>
<p>PaaS::: . OpenShift . CloudBees IaaS::: . Amazon EC2 .
Rackspace</p>
<div class="literalblock">
<div class="content">
<pre>Lists can be indented. Leading whitespace is not significant. Complex content
in outline lists view result</pre>
</div>
</div>
<div class="ulist">
<ul>
<li>
<p>Every list item has at least one paragraph of content, which may be wrapped,</p>
</li>
<li>
<p>even using a hanging indent. + Additional paragraphs or blocks are adjoined by</p>
</li>
<li>
<p>putting a list continuation on a line adjacent to both blocks. + list</p>
</li>
</ul>
</div>
</dd>
<dt class="hdlist1">* continuation</dt>
<dd>
<p>a plus sign (<code>&#43;</code>) on a line by itself</p>
<div class="ulist">
<ul>
<li>
<p>A literal paragraph does not require a list continuation.</p>
<div class="literalblock">
<div class="content">
<pre>$ gem install asciidoctor</pre>
</div>
</div>
</li>
<li>
<p>AsciiDoc lists may contain any complex content. + [cols="2", options="header"] |===</p>
</li>
<li>
<p>|Application |Language</p>
</li>
</ul>
</div>
</dd>
</dl>
</div>
<div class="paragraph">
<p>|AsciiDoc |Python</p>
</div>
<div class="paragraph">
<p>|Asciidoctor |Ruby |===</p>
</div>
<div class="paragraph">
<p>Links External view result</p>
</div>
<div class="paragraph">
<p><a href="http://asciidoctor.org" class="bare">http://asciidoctor.org</a> - automatic!</p>
</div>
<div class="paragraph">
<p><a href="http://asciidoctor.org">Asciidoctor</a></p>
</div>
<div class="paragraph">
<p><a href="https://github.com/asciidoctor">Asciidoctor @ <strong>GitHub</strong></a></p>
</div>
<div class="paragraph">
<p>With spaces and special characters view result</p>
</div>
<div class="paragraph">
<p><a href="http://example.org/?q=[a b]">URL with special characters</a></p>
</div>
<div class="paragraph">
<p><a href="http://example.org/?q=%5Ba%20b%5D">URL with special characters</a></p>
</div>
<div class="paragraph">
<p>Windows path view result</p>
</div>
<div class="paragraph">
<p><a href="\\server\share\whitepaper.pdf">Whitepaper</a></p>
</div>
<div class="paragraph">
<p>Relative view result</p>
</div>
<div class="paragraph">
<p><a href="index.html">Docs</a></p>
</div>
<div class="paragraph">
<p>Email and IRC view result</p>
</div>
<div class="paragraph">
<p><a href="mailto:devel@discuss.arquillian.org">devel@discuss.arquillian.org</a></p>
</div>
<div class="paragraph">
<p><a href="mailto:devel@discuss.arquillian.org">Discuss Arquillian</a></p>
</div>
<div class="paragraph">
<p><a href="mailto:devel-join@discuss.arquillian.org">Subscribe, Subscribe me, I want to
join!</a></p>
</div>
<div class="paragraph">
<p><a href="irc://irc.freenode.org/#asciidoctor" class="bare">irc://irc.freenode.org/#asciidoctor</a></p>
</div>
<div class="paragraph">
<p>Link with attributes (Asciidoctor only) view result</p>
</div>
<div class="paragraph">
<p><a href="http://discuss.asciidoctor.org">Discuss Asciidoctor, role="external",
window="_blank"</a></p>
</div>
<div class="paragraph">
<p><a href="http://discuss.asciidoctor.org" target="_blank">Discuss Asciidoctor</a></p>
</div>
<div class="paragraph">
<p><a href="http://example.org">"Google, Yahoo, Bing^", role="teal"</a></p>
</div>
<div class="literalblock">
<div class="content">
<pre>Links with attributes (including the subject and body segments on mailto
links) are a feature unique to Asciidoctor. To enable them, you must set the
linkattrs attribute on the document. When they are enabled, you must quote the
link text if it contains a comma. Inline anchors view result</pre>
</div>
</div>
<div class="paragraph">
<p><a id="bookmark-a"></a>Inline anchors make arbitrary content referenceable.</p>
</div>
<div class="paragraph">
<p><a id="bookmark-b"></a>Use a cross reference to link to this location.</p>
</div>
<div class="paragraph">
<p><a id="bookmark-c"></a>The xreflabel attribute will be used as link text
in the cross-reference link.</p>
</div>
<div class="paragraph">
<p>Internal cross references view result</p>
</div>
<div class="paragraph">
<p>See <a href="#paragraphs">[paragraphs]</a> to learn how to write paragraphs.</p>
</div>
<div class="paragraph">
<p>Learn how to organize the document into <a href="#section-titles">sections</a>.</p>
</div>
<div class="paragraph">
<p>Inter-document cross references (Asciidoctor only)</p>
</div>
<div class="paragraph">
<p>Refer to <a href="document-b.html#section-b">Section B</a> for more information.</p>
</div>
<div class="paragraph">
<p>See you when you get back from <a href="document-b.html#section-b">Section B</a>!</p>
</div>
<div class="paragraph">
<p>Images Block view result</p>
</div>
<div class="imageblock">
<div class="content">
<img src="https://spikebachman.github.io/images/sunset.jpg" alt="sunset.jpg">
</div>
</div>
<div class="imageblock">
<div class="content">
<img src="https://spikebachman.github.io/images/sunset.jpg" alt="Sunset">
</div>
</div>
<div class="paragraph">
<p><a id="img-sunset"></a> image::sunset.jpg[caption="Figure 1: ", title="A mountain
sunset", alt="Sunset", width="300", height="200",
link="http://www.flickr.com/photos/javh/5448336655"]</p>
</div>
<div class="imageblock">
<div class="content">
<img src="http://asciidoctor.org/images/octocat.jpg" alt="GitHub mascot">
</div>
</div>
<div class="literalblock">
<div class="content">
<pre>Images are resolved relative to the value of the imagesdir document attribute,
which defaults to an empty value. The imagesdir attribute can be an absolute
path, relative path or base URL. If the image target is a URL or absolute
path, the imagesdir prefix is not added. You should use the imagesdir
attribute to avoid hard coding the shared path to your images in every image
macro. Image macro using positioning role view result</pre>
</div>
</div>
<div class="paragraph">
<p><span class="image right"><img src="https://spikebachman.github.io/images/sunset.jpg" alt="Sunset" width="150" height="150"></span> What a beautiful sunset!</p>
</div>
<div class="literalblock">
<div class="content">
<pre>There are a variety of attributes available to position and frame images.
Inline view result</pre>
</div>
</div>
<div class="paragraph">
<p>Click <span class="image"><img src="https://spikebachman.github.io/images/icons/play.png" alt="Play" title="Play"></span> to get the party started.</p>
</div>
<div class="paragraph">
<p>Click <span class="image"><img src="https://spikebachman.github.io/images/icons/pause.png" alt="pause.png" title="Pause"></span> when you need a break.</p>
</div>
<div class="paragraph">
<p>Embedded</p>
</div>
</div>
</div>
<h1 id="_document_title_data_uri" class="sect0">Document Title :data-uri:</h1>
<div class="literalblock">
<div class="content">
<pre>When the data-uri attribute is set, all images in the document—​including
admonition icons—​are embedded into the document as data URIs. Instead of
declaring the data-uri attribute in the document, you can pass it as a
command-line argument using -a data-uri. Videos Block</pre>
</div>
</div>
<div class="videoblock">
<div class="content">
<video src="https://spikebachman.github.io/images/video_file.mp4" controls>
Your browser does not support the video tag.
</video>
</div>
</div>
<div class="videoblock">
<div class="content">
<video src="https://spikebachman.github.io/images/video_file.mp4#t=60,140" width="640" autoplay controls>
Your browser does not support the video tag.
</video>
</div>
</div>
<div class="paragraph">
<p>Embedded Youtube video</p>
</div>
<div class="videoblock">
<div class="content">
<iframe src="https://www.youtube.com/embed/rPQoq7ThGAU?rel=0" frameborder="0" allowfullscreen></iframe>
</div>
</div>
<div class="paragraph">
<p>Embedded Vimeo video</p>
</div>
<div class="videoblock">
<div class="content">
<iframe src="https://player.vimeo.com/video/67480300" frameborder="0" allowfullscreen></iframe>
</div>
</div>
<div class="literalblock">
<div class="content">
<pre>You can control the video settings using additional attributes and options on
the macro. Source Code Inline view result</pre>
</div>
</div>
<div class="paragraph">
<p>Reference code like <code>types</code> or <code>methods</code> inline.</p>
</div>
<div class="paragraph">
<p>Literal line view result</p>
</div>
<div class="literalblock">
<div class="content">
<pre>Indent the line one space to insert a code snippet</pre>
</div>
</div>
<div class="paragraph">
<p>Literal block view result</p>
</div>
<div class="olist upperalpha">
<ol class="upperalpha" type="A">
<li>
<p>error: The requested operation returned error: 1954 Forbidden search for
defensive operations manual absolutely fatal: operation initiation lost in the
dodecahedron of doom would you like to die again? y/n &#8230;&#8203;.</p>
</li>
</ol>
</div>
<div class="paragraph">
<p>Listing block with title, no syntax highlighting view result</p>
</div>
<div class="paragraph">
<div class="title">Gemfile.lock ---- GEM remote: <a href="https://rubygems.org/" class="bare">https://rubygems.org/</a> specs: asciidoctor (0.1.4)</div>
<p>PLATFORMS ruby</p>
</div>
<div class="paragraph">
<p>DEPENDENCIES asciidoctor (~&gt; 0.1.4) ----</p>
</div>
<div class="paragraph">
<p>Code block with title and syntax highlighting view result</p>
</div>
<div class="paragraph">
<p><a id="app-listing"></a> [source,ruby] .app.rb ---- require 'sinatra'</p>
</div>
<div class="paragraph">
<p>get '/hi' do "Hello World!" end ----</p>
</div>
<div class="paragraph">
<p>Code block with callouts view result</p>
</div>
<div class="paragraph">
<p>[source,ruby] ---- require 'sinatra' // &lt;1&gt;</p>
</div>
<div class="paragraph">
<p>get '/hi' do // &lt;2&gt; "Hello World!" // &lt;3&gt; end ---- &lt;1&gt; Library import &lt;2&gt; URL
mapping &lt;3&gt; Content for response</p>
</div>
<div class="paragraph">
<p>Code block with non-selectable callouts view result</p>
</div>
<div class="listingblock">
<div class="content">
<pre>---- line of code  // &lt;1&gt; line of code  # &lt;2&gt; line of code  ;; &lt;3&gt; --<i class="conum" data-value="1"></i><b>(1)</b></pre>
</div>
</div>
<div class="paragraph">
<p>A callout behind a line comment for C-style languages. &lt;2&gt; A callout behind</p>
</div>
<div class="listingblock">
<div class="content">
<pre>a line comment for Ruby, Python, Perl, etc. &lt;3&gt; A callout behind a line</pre>
</div>
</div>
<div class="paragraph">
<p>comment for Clojure.</p>
</div>
<div class="paragraph">
<p>XML code block with a non-selectable callout view result</p>
</div>
<div class="paragraph">
<p>[source,xml] ---- &lt;section&gt; &lt;title&gt;Section Title&lt;/title&gt; &lt;!--1-&#8594; &lt;/section&gt; ----
&lt;1&gt; The section title is required.</p>
</div>
<div class="paragraph">
<p>Code block sourced from file</p>
</div>
<div class="paragraph">
<p>[source,ruby] ---- include::app.rb[] ----</p>
</div>
<div class="paragraph">
<p>Code block sourced from file relative to source directory</p>
</div>
<div class="paragraph">
<p>[source,java] ---- include::src/main/java/org/asciidoctor/Asciidoctor.java[] ----</p>
</div>
<div class="paragraph">
<p>Strip leading indentation from source</p>
</div>
<div class="paragraph">
<p>[source,ruby,indent=0] ---- include::lib/document.rb[lines=5..10] ----</p>
</div>
<div class="literalblock">
<div class="content">
<pre>When indent is 0, the leading block indent is stripped (tabs are replaced
with 4 spaces).</pre>
</div>
</div>
<div class="literalblock">
<div class="content">
<pre>When indent is &gt; 0, the leading block indent is first stripped (tabs are
replaced with 4 spaces), then a block is indented by the number of columns
equal to this value.</pre>
</div>
</div>
<div class="paragraph">
<p>Code block without delimiters (no blank lines) view result</p>
</div>
<div class="paragraph">
<p>[source,xml] &lt;meta name="viewport" content="width=device-width,
initial-scale=1.0"&gt;</p>
</div>
<div class="paragraph">
<p>This is normal content.</p>
</div>
<div class="paragraph">
<p>Enabling the syntax highlighter</p>
</div>
<div class="paragraph">
<p>Syntax highlighting is enabled by setting the source-highlighter attribute in
the document header or passed as an argument.</p>
</div>
<div class="paragraph">
<p>The valid options are coderay, highlightjs, prettify, and pygments. More
Delimited Blocks Sidebar view result</p>
</div>
<div class="paragraph">
<div class="title">AsciiDoc history <strong>*</strong>* AsciiDoc was first released in Nov 2002 by Stuart</div>
<p>Rackham. It was designed from the start to be a shorthand syntax for producing
professional documents like DocBook and LaTeX. <strong>*</strong>*</p>
</div>
<div class="literalblock">
<div class="content">
<pre>Any block can have a title, positioned above the block. A block title is a
line of text that starts with a dot. The dot cannot be followed by a space.
Example view result</pre>
</div>
</div>
<div class="paragraph">
<div class="title">Sample document ==== Here&#8217;s a sample AsciiDoc document:</div>
<p>[listing] &#8230;&#8203;. = Title of Document Doc Writer :toc:</p>
</div>
<div class="paragraph">
<p>This guide provides&#8230;&#8203; &#8230;&#8203;.</p>
</div>
<div class="paragraph">
<p>The document header is useful, but not required. ====</p>
</div>
<div class="paragraph">
<p>Admonition view result</p>
</div>
<div class="paragraph">
<p>[NOTE] ==== An admonition block may contain complex content.</p>
</div>
<div class="paragraph">
<div class="title">A list - one - two - three</div>
<p>Another paragraph. ====</p>
</div>
<div class="paragraph">
<p>Admonition and callout icons</p>
</div>
<div class="paragraph">
<p>Asciidoctor can “draw” icons using Font Awesome and CSS.</p>
</div>
<div class="paragraph">
<p>To use this feature, set the value of the icons document attribute to font.
Asciidoctor will then emit HTML markup that selects an appropriate font
character from the Font Awesome font for each admonition block.</p>
</div>
<div class="paragraph">
<p>Icons can also be used inline and styled. Blockquote view result</p>
</div>
<div class="paragraph">
<p>[quote, Abraham Lincoln, Address delivered at the dedication of the Cemetery at
Gettysburg] <em><em>_ Four score and seven years ago our fathers brought forth on
this continent a new nation&#8230;&#8203; </em>_</em></p>
</div>
<div class="paragraph">
<p>[quote, Albert Einstein] A person who never made a mistake never tried anything
new.</p>
</div>
<div class="paragraph">
<p><em><em>_ A person who never made a mistake never tried anything new. </em>_</em></p>
</div>
<div class="paragraph">
<p>[quote, Charles Lutwidge Dodgson, 'Mathematician and author, also known as
<a href="http://en.wikipedia.org/wiki/Lewis_Carroll">Lewis Carroll</a>'] <em><em>_ If you don&#8217;t
know where you are going, any road will get you there. </em>_</em></p>
</div>
<div class="paragraph">
<p>Abbreviated blockquote (Asciidoctor only) view result</p>
</div>
<div class="paragraph">
<p>"I hold it that a little rebellion now and then is a good thing, and as
necessary in the political world as storms in the physical."&#8201;&#8212;&#8201;Thomas
Jefferson, Papers of Thomas Jefferson: Volume 11</p>
</div>
<div class="paragraph">
<p>Air quotes: the best thing since fenced code blocks (Asciidoctor only) view
result</p>
</div>
<div class="paragraph">
<p>[, Richard M. Nixon] "" When the President does it, that means that it&#8217;s not
illegal. ""</p>
</div>
<div class="paragraph">
<p>Passthrough view result</p>
</div>
<div class="paragraph">
<p> &lt;p&gt; Content in a passthrough block is passed to the output unprocessed.
That means you can include raw HTML, like this embedded Gist: &lt;/p&gt;</p>
</div>
<div class="paragraph">
<p>&lt;script src="http://gist.github.com/mojavelinux/5333524.js"&gt; &lt;/script&gt; </p>
</div>
<div class="paragraph">
<p>Open view result</p>
</div>
<div class="openblock">
<div class="content">
<div class="paragraph">
<p>&#8201;&#8212;&#8201;An open block can be an anonymous container, or it can masquerade as any</p>
</div>
</div>
</div>
<div class="paragraph">
<p>other block.&#8201;&#8212;&#8201;</p>
</div>
<div class="paragraph">
<p>[source]&#8201;&#8212;&#8201;puts "I&#8217;m a source block!"&#8201;&#8212;&#8201;</p>
</div>
<div class="paragraph">
<p>Custom substitutions view result</p>
</div>
<div class="paragraph">
<p>[source,xml,subs="verbatim,attributes"] ---- &lt;dependency&gt;
&lt;groupId&gt;org.asciidoctor&lt;/groupId&gt;
&lt;artifactId&gt;asciidoctor-java-integration&lt;/artifactId&gt;
&lt;version&gt;0.1.4&lt;/version&gt; &lt;/dependency&gt; ----</p>
</div>
<div class="paragraph">
<p>Block Id, Role and Options Traditional markup method for assigning block id and
role</p>
</div>
<div class="paragraph">
<p><a id="goals"></a> [role="incremental"] * Goal 1 * Goal 2</p>
</div>
<div class="paragraph">
<p>Shorthand markup method for assigning block id and role (Asciidoctor only)</p>
</div>
<div class="paragraph">
<p>[#goals.incremental] * Goal 1 * Goal 2</p>
</div>
<div class="literalblock">
<div class="content">
<pre>To specify multiple roles using the shorthand syntax, separate them by dots.</pre>
</div>
</div>
<div class="literalblock">
<div class="content">
<pre>The order of id and role values in the shorthand syntax does not matter.</pre>
</div>
</div>
<div class="paragraph">
<p>Traditional markup method for assigning quoted text anchor (id) and role</p>
</div>
<div class="paragraph">
<p><a id="free_the_world"></a><em class="big goal">free the world</em></p>
</div>
<div class="paragraph">
<p>Shorthand markup method for assigning quoted text anchor (id) and role
(Asciidoctor only)</p>
</div>
<div class="paragraph">
<p><a id="free_the_world"></a><em class="big goal">free the world</em></p>
</div>
<div class="paragraph">
<p>Role assigned to text enclosed in backticks</p>
</div>
<div class="paragraph">
<p><code class="rolename">monospace text</code></p>
</div>
<div class="paragraph">
<p>Traditional markup method for assigning block options</p>
</div>
<div class="paragraph">
<p>[options="header,footer,autowidth"] |=== |Cell A |Cell B |===</p>
</div>
<div class="paragraph">
<p>Shorthand markup method for assigning block options (Asciidoctor only)</p>
</div>
<div class="paragraph">
<p>[%header%footer%autowidth] |=== |Cell A |Cell B |===</p>
</div>
<div class="paragraph">
<p>Comments Line</p>
</div>
<div class="literalblock">
<div class="content">
<pre>Single-line comments can be used to divide elements, such as two adjacent
lists. Block</pre>
</div>
</div>]]></description><link>https://spikebachman.github.io/2016/07/20/A-quick-reference-guide-to-my-most-commonly-used-Ascii-Doc-syntax.html</link><guid isPermaLink="true">https://spikebachman.github.io/2016/07/20/A-quick-reference-guide-to-my-most-commonly-used-Ascii-Doc-syntax.html</guid><dc:creator><![CDATA[Spike Bachman]]></dc:creator><pubDate>Wed, 20 Jul 2016 00:00:00 GMT</pubDate></item><item><title><![CDATA[Second Post]]></title><description><![CDATA[<div class="paragraph">
<p>Hrmmm. First post didn&#8217;t quite work out.</p>
</div>
<div class="paragraph">
<p>Turns out it&#8217;s always good to read documentation first. (I dislike reading documentation.)</p>
</div>
<div class="paragraph">
<p>How do I save this thing???</p>
</div>
<div class="imageblock">
<div class="content">
<img src="https://c3.staticflickr.com/4/3831/19138612090_3af4d7b716_k.jpg>" alt="19138612090 3af4d7b716 k.jpg&gt;">
</div>
</div>]]></description><link>https://spikebachman.github.io/2016/07/19/Second-Post.html</link><guid isPermaLink="true">https://spikebachman.github.io/2016/07/19/Second-Post.html</guid><category><![CDATA[playing around]]></category><category><![CDATA[ cats]]></category><dc:creator><![CDATA[Spike Bachman]]></dc:creator><pubDate>Tue, 19 Jul 2016 00:00:00 GMT</pubDate></item></channel></rss>