kmzrk/example

example

"hi." <title>Minimal by Steve Smith</title>

<link rel="stylesheet" href="https://raw.githubusercontent.com/orderedlist/minimal/master/stylesheets/styles.css">
<link rel="stylesheet" href="https://raw.githubusercontent.com/orderedlist/minimal/master/stylesheets/pygment_trac.css">
<meta name="viewport" content="width=device-width">
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

Minimal

A Theme for GitHub Pages

View the Project on GitHub orderedlist/minimal

• Download ZIP File
• Download TAR Ball
• Fork On GitHub

GitHub Flavored Markdown

    <p><em>View the <a href="http://github.github.com/github-flavored-markdown/sample_content.html">source of this content</a>.</em></p>

    <p>Let's get the whole "linebreak" thing out of the way. The next paragraph contains two phrases separated by a single newline character:</p>

    <p>Roses are red<br>
    Violets are blue</p>

    <p>The next paragraph has the same phrases, but now they are separated by two spaces and a newline character:</p>

    <p>Roses are red<br><br>
    Violets are blue</p>

    <p>Oh, and one thing I cannot stand is the mangling of words with multiple underscores in them like perform_complicated_task or do_this_and_do_that_and_another_thing.</p>

    <h2>A bit of the GitHub spice</h2>

    <p>In addition to the changes in the previous section, certain references are auto-linked:</p>

    <ul>
      <li>SHA: be6a8cc1c1ecfe9489fb51e4869af15a13fc2cd2</li>
      <li>User@SHA ref: <a href="https://github.com/mojombo/product/commit/be6a8cc1c1ecfe9489fb51e4869af15a13fc2cd2" class="commit-link">mojombo@<tt>be6a8cc</tt></a></li>
      <li>User/Project@SHA: <a href="https://github.com/mojombo/god/commit/be6a8cc1c1ecfe9489fb51e4869af15a13fc2cd2" class="commit-link">mojombo/god@<tt>be6a8cc</tt></a></li>
      <li>#Num: <a href="https://github.com/github/product/issues/1" class="issue-link" title="Baseline: What is up in the air right now?">#1</a></li>
      <li>User/#Num: mojombo#1</li>
      <li>User/Project#Num: <a href="https://github.com/mojombo/god/issues/1" class="issue-link" title="The server is not available (or you do not have permissions to access it)">mojombo/god#1</a></li>
    </ul>

    <p>These are dangerous goodies though, and we need to make sure email addresses don't get mangled:</p>

    <p>My email addy is <a href="mailto:[email protected]">[email protected]</a>.</p>

    <h2>Math is hard, let's go shopping</h2>

    <p>In first grade I learned that 5 &gt; 3 and 2 &lt; 7. Maybe some arrows. 1 -&gt; 2 -&gt; 3. 9 &lt;- 8 &lt;- 7.</p>

    <p>Triangles man! a^2 + b^2 = c^2</p>

    <h2>We all like making lists</h2>

    <p>The above header should be an H2 tag. Now, for a list of fruits:</p>

    <ul>
      <li>Red Apples</li>
      <li>Purple Grapes</li>
      <li>Green Kiwifruits</li>
    </ul>

    <p>Let's get crazy:</p>

    <ol>
      <li>
        <p>This is a list item with two paragraphs. Lorem ipsum dolor<br>
        sit amet, consectetuer adipiscing elit. Aliquam hendrerit<br>
        mi posuere lectus.</p>

        <p>Vestibulum enim wisi, viverra nec, fringilla in, laoreet<br>
        vitae, risus. Donec sit amet nisl. Aliquam semper ipsum<br>
        sit amet velit.</p>
      </li>
      <li><p>Suspendisse id sem consectetuer libero luctus adipiscing.</p></li>
    </ol>

    <p>What about some code <strong>in</strong> a list? That's insane, right?</p>

    <ol>
      <li>
        <p>In Ruby you can map like this:</p>

        <pre><code>['a', 'b'].map { |x| x.uppercase }</code></pre>
      </li>
      <li>
        <p>In Rails, you can do a shortcut:</p>

        <pre><code>['a', 'b'].map(&amp;:uppercase)</code></pre>
      </li>
    </ol>

    <p>Some people seem to like definition lists</p>

    <dl>
      <dt>Lower cost</dt>
      <dd>The new version of this product costs significantly less than the previous one!</dd>
      <dt>Easier to use</dt>
      <dd>We've changed the product so that it's much easier to use!</dd>
    </dl>

    <h2>I am a robot</h2>

    <p>Maybe you want to print <code>robot</code> to the console 1000 times. Why not?</p>

    <pre><code>def robot_invasion

puts("robot " * 1000) end

    <p>You see, that was formatted as code because it's been indented by four spaces.</p>

    <p>How about we throw some angle braces and ampersands in there?</p>

    <pre><code>&lt;div class="footer"&gt;
&amp;copy; 2004 Foo Corporation

</div>

    <h2>Set in stone</h2>

    <p>Preformatted blocks are useful for ASCII art:</p>

    <pre>             ,-.
,     ,-.   ,-.

/ \ ( )-( ) \ | ,.>-( )-< |,' ( )-( ) Y -' -' |// `-' | | | -hrr- |_________

    <h2>Playing the blame game</h2>

    <p>If you need to blame someone, the best way to do so is by quoting them:</p>

    <blockquote>
    <p>I, at any rate, am convinced that He does not throw dice.</p>
    </blockquote>

    <p>Or perhaps someone a little less eloquent:</p>

    <blockquote>
    <p>I wish you'd have given me this written question ahead of time so I<br>
    could plan for it... I'm sure something will pop into my head here in<br>
    the midst of this press conference, with all the pressure of trying to<br>
    come up with answer, but it hadn't yet...</p>

    <p>I don't want to sound like<br>
    I have made no mistakes. I'm confident I have. I just haven't - you<br>
    just put me under the spot here, and maybe I'm not as quick on my feet<br>
    as I should be in coming up with one.</p>
    </blockquote>

    <h2>Table for two</h2>

    <table>
      <tbody>
    <tr>
        <th>ID</th>
    <th>Name</th>
    <th>Rank</th>
      </tr>
      <tr>
        <td>1</td>
    <td>Tom Preston-Werner</td>
    <td>Awesome</td>
      </tr>
      <tr>
        <td>2</td>
    <td>Albert Einstein</td>
    <td>Nearly as awesome</td>
      </tr>
    </tbody>
    </table>

    <h2>Crazy linking action</h2>

    <p>I get 10 times more traffic from <a href="http://google.com/" title="Google">Google</a> than from<br>
    <a href="http://search.yahoo.com/" title="Yahoo Search">Yahoo</a> or <a href="http://search.msn.com/" title="MSN Search">MSN</a>.</p>
  </section>
  <footer>
    <p>This project is maintained by <a href="http://github.com/orderedlist">Steve Smith</a></p>
    <p><small>Hosted on GitHub Pages &mdash; Theme by <a href="https://github.com/orderedlist">orderedlist</a></small></p>
  </footer>
</div>
<script src="javascripts/scale.fix.js"></script>