<button class="uk-button uk-button-link" data-uk-modal="{target:'#status-badge-modal'}">embed</button>
<div id="status-badge-modal" class="uk-modal">
  <div class="uk-modal-dialog badge-codes-modal">
    <a class="uk-modal-close uk-close"></a>
    <ul class="uk-tab" data-uk-tab="{connect: '#status-badge-snippets'}">
      <li><a>Markdown</a></li>
      <li><a>reST</a></li>
      <li><a>Rdoc</a></li>
      <li><a>Textile</a></li>
      <li><a>HTML</a></li>
    </ul>
    <ul id="status-badge-snippets" class="uk-switcher uk-margin-top">
      <li>
        <pre class="uk-margin-bottom-remove snippet">
          [![Lint Status]({{ project.get_url(request) }}/status.svg)]({{ project.get_url(request) }})
        </pre>
      </li>
      <li>
{% whitespace all %}
<pre class="uk-margin-bottom-remove snippet">
.. image:: {{ project.get_url(request) }}/status.svg
    :target: {{ project.get_url(request) }}
    :alt: Lint Status
</pre>
{% whitespace single %}
      </li>
      <li>
        <pre class="uk-margin-bottom-remove snippet">
          {&lt;img src="{{ project.get_url(request) }}/status.svg" alt="Lint Status" /&gt;}[{{ project.get_url(request) }}]
        </pre>
      </li>
      <li>
        <pre class="uk-margin-bottom-remove snippet">
          !{{ project.get_url(request) }}/status.svg(Lint Status)!:{{ project.get_url(request) }}
        </pre>
      </li>
      <li>
{% whitespace all %}
<pre class="uk-margin-bottom-remove snippet">
&lt;a href="{{ project.get_url(request) }}"&gt;
  &lt;img src='{{ project.get_url(request) }}/status.svg' alt='Lint Status' /&gt;
&lt;/a&gt;
</pre>
{% whitespace single %}
      </li>
    </ul>
  </div>
</div>