dragora-website/source/pages/en/testbed/index.html.in

<!--PAGETITLE:Testbed-->

<h2>The testbed page</h2>

<p><i>This</i> is the testbed page, a page to <b>demonstrate what things look
like</b> with Dragora's style sheet applied to them.</p>

<h3>Quote blocks</h3>

<p>Blocks of quoted text will have some indentation. Here's an example of what
someone had to say about Dragora on Distrowatch lately:</p>

<blockquote>Dragora is neat and minimalist, but would only appeal to
intermediate and advanced linux users.</blockquote>

<p>Okay, that sounds fair.</p>

<h3>Code</h3>

<p>Here's an example of a code block:</p>

<pre>$ echo 'Dragora rocks!' | cowsay
 ________________
 < Dragora rocks! >
  ----------------
        \   ^__^
         \  (oo)\_______
            (__)\       )\/\
                ||----w |
                ||     ||
0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 72</pre>                                                     

<p>Now, here's a taste of what inline code looks like: To clone the repository
containing this website's source, you could run <code>git clone
https://notabug.org/dragora/dragora-website</code>, for example.

<h3>Lists</h3>

<p>Everyone loves lists, so much so that they're used to create navigation menus
on websites and then often made look like bars instead of lists with some nifty
CSS. Anyway, here come some lists. There being several types of lists makes this
a good opportunity to showcase sub-headings as well.</p>

<h4>Unordered lists</h4>

<p>Dragora is…</p>

<ul>
  <li>minimalist</li>
  <li>getting better by the day</li>
  <li>free as in freedom</li>
  <li>offering two different shells
    <ul>
      <li>Bash</li>
      <li>mksh</li>
    </ul>
  </li>
  <li>a whole lot of fun</li>
</ul>

<h4>Ordered lists</h4>

<p>Dragora is…</p>

<ol>
  <li>minimalist</li>
  <li>getting better by the day</li>
  <li>free as in freedom, meaning you're free to…
    <ol>
      <li>use it</li>
      <li>examine its source code</li>
      <li>modify it to your liking</li>
      <li>redistribute modified versions</li>
    </ol>
  </li>
  <li>a whole lot of fun</li>
</ol>

<h4>Description lists</h4>

<dl>
  <dt>Dragora</dt>
    <dd>an independent GNU/Linux-Libre distribution based on concepts of
      simplicity</dd>
  <dt>Qi</dt>
    <dd>Dragora's package manager</dd>
  <dt>#dragora</dt>
    <dd>Dragora's IRC channel on Freenode</dd>
</dl>

<h3>Tables</h3>

<p>Tables are great, so let's look one:</p>

<table>
  <thead>
    <tr><th>Element</th><th>Color code</th><th>Description</th></tr>
  </thead>
  <tfoot>
    <tr><th>Element</th><th>Color code</th><th>Description</th></tr>
  </tfoot>
  <tbody>
    <tr><td>main text</td><td>#000000</td><td>black</td></tr>
    <tr><td>headings</td><td>#005500</td><td>green</td></tr>
    <tr><td>links</td><td>#002288</td><td>blue</td></tr>
  </tbody>
</table>

<h3>Other things</h3>

<p>Somestimes, you might feel the need to draw a line. That's what horizontal
rulers are for. An here's what they look like on this website:</p>

<hr>