|
| 1 | +<!doctype html> |
| 2 | +<html> |
| 3 | + <head> |
| 4 | + <meta charset="utf-8"> |
| 5 | + <meta http-equiv="X-UA-Compatible" content="chrome=1"> |
| 6 | + <title>Minimal by Steve Smith</title> |
| 7 | + |
| 8 | + <link rel="stylesheet" href="stylesheets/styles.css"> |
| 9 | + <link rel="stylesheet" href="stylesheets/pygment_trac.css"> |
| 10 | + <meta name="viewport" content="width=device-width"> |
| 11 | + <!--[if lt IE 9]> |
| 12 | + <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script> |
| 13 | + <![endif]--> |
| 14 | + </head> |
| 15 | + <body> |
| 16 | + <div class="wrapper"> |
| 17 | + <header> |
| 18 | + <h1>Minimal</h1> |
| 19 | + <p>A Theme for GitHub Pages</p> |
| 20 | + <p class="view"><a href="http://github.com/orderedlist/minimal">View the Project on GitHub <small>orderedlist/minimal</small></a></p> |
| 21 | + <ul> |
| 22 | + <li><a href="https://github.com/orderedlist/minimal/zipball/master">Download <strong>ZIP File</strong></a></li> |
| 23 | + <li><a href="https://github.com/orderedlist/minimal/tarball/master">Download <strong>TAR Ball</strong></a></li> |
| 24 | + <li><a href="http://github.com/orderedlist/minimal">Fork On <strong>GitHub</strong></a></li> |
| 25 | + </ul> |
| 26 | + </header> |
| 27 | + <section> |
| 28 | + <h1>GitHub Flavored Markdown</h1> |
| 29 | + |
| 30 | + <p><em>View the <a href="http://github.github.com/github-flavored-markdown/sample_content.html">source of this content</a>.</em></p> |
| 31 | + |
| 32 | + <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> |
| 33 | + |
| 34 | + <p>Roses are red<br> |
| 35 | + Violets are blue</p> |
| 36 | + |
| 37 | + <p>The next paragraph has the same phrases, but now they are separated by two spaces and a newline character:</p> |
| 38 | + |
| 39 | + <p>Roses are red<br><br> |
| 40 | + Violets are blue</p> |
| 41 | + |
| 42 | + <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> |
| 43 | + |
| 44 | + <h2>A bit of the GitHub spice</h2> |
| 45 | + |
| 46 | + <p>In addition to the changes in the previous section, certain references are auto-linked:</p> |
| 47 | + |
| 48 | + <ul> |
| 49 | + <li>SHA: be6a8cc1c1ecfe9489fb51e4869af15a13fc2cd2</li> |
| 50 | + <li>User@SHA ref: <a href="https://github.com/mojombo/product/commit/be6a8cc1c1ecfe9489fb51e4869af15a13fc2cd2" class="commit-link">mojombo@<tt>be6a8cc</tt></a></li> |
| 51 | + <li>User/Project@SHA: <a href="https://github.com/mojombo/god/commit/be6a8cc1c1ecfe9489fb51e4869af15a13fc2cd2" class="commit-link">mojombo/god@<tt>be6a8cc</tt></a></li> |
| 52 | + <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> |
| 53 | + <li>User/#Num: mojombo#1</li> |
| 54 | + <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> |
| 55 | + </ul> |
| 56 | + |
| 57 | + <p>These are dangerous goodies though, and we need to make sure email addresses don't get mangled:</p> |
| 58 | + |
| 59 | + <p>My email addy is <a href=" mailto:[email protected]" >[email protected]</a>. </p> |
| 60 | + |
| 61 | + <h2>Math is hard, let's go shopping</h2> |
| 62 | + |
| 63 | + <p>In first grade I learned that 5 > 3 and 2 < 7. Maybe some arrows. 1 -> 2 -> 3. 9 <- 8 <- 7.</p> |
| 64 | + |
| 65 | + <p>Triangles man! a^2 + b^2 = c^2</p> |
| 66 | + |
| 67 | + <h2>We all like making lists</h2> |
| 68 | + |
| 69 | + <p>The above header should be an H2 tag. Now, for a list of fruits:</p> |
| 70 | + |
| 71 | + <ul> |
| 72 | + <li>Red Apples</li> |
| 73 | + <li>Purple Grapes</li> |
| 74 | + <li>Green Kiwifruits</li> |
| 75 | + </ul> |
| 76 | + |
| 77 | + <p>Let's get crazy:</p> |
| 78 | + |
| 79 | + <ol> |
| 80 | + <li> |
| 81 | + <p>This is a list item with two paragraphs. Lorem ipsum dolor<br> |
| 82 | + sit amet, consectetuer adipiscing elit. Aliquam hendrerit<br> |
| 83 | + mi posuere lectus.</p> |
| 84 | + |
| 85 | + <p>Vestibulum enim wisi, viverra nec, fringilla in, laoreet<br> |
| 86 | + vitae, risus. Donec sit amet nisl. Aliquam semper ipsum<br> |
| 87 | + sit amet velit.</p> |
| 88 | + </li> |
| 89 | + <li><p>Suspendisse id sem consectetuer libero luctus adipiscing.</p></li> |
| 90 | + </ol> |
| 91 | + |
| 92 | + <p>What about some code <strong>in</strong> a list? That's insane, right?</p> |
| 93 | + |
| 94 | + <ol> |
| 95 | + <li> |
| 96 | + <p>In Ruby you can map like this:</p> |
| 97 | + |
| 98 | + <pre><code>['a', 'b'].map { |x| x.uppercase }</code></pre> |
| 99 | + </li> |
| 100 | + <li> |
| 101 | + <p>In Rails, you can do a shortcut:</p> |
| 102 | + |
| 103 | + <pre><code>['a', 'b'].map(&:uppercase)</code></pre> |
| 104 | + </li> |
| 105 | + </ol> |
| 106 | + |
| 107 | + <p>Some people seem to like definition lists</p> |
| 108 | + |
| 109 | + <dl> |
| 110 | + <dt>Lower cost</dt> |
| 111 | + <dd>The new version of this product costs significantly less than the previous one!</dd> |
| 112 | + <dt>Easier to use</dt> |
| 113 | + <dd>We've changed the product so that it's much easier to use!</dd> |
| 114 | + </dl> |
| 115 | + |
| 116 | + <h2>I am a robot</h2> |
| 117 | + |
| 118 | + <p>Maybe you want to print <code>robot</code> to the console 1000 times. Why not?</p> |
| 119 | + |
| 120 | + <pre><code>def robot_invasion |
| 121 | + puts("robot " * 1000) |
| 122 | +end |
| 123 | +</code></pre> |
| 124 | + |
| 125 | + <p>You see, that was formatted as code because it's been indented by four spaces.</p> |
| 126 | + |
| 127 | + <p>How about we throw some angle braces and ampersands in there?</p> |
| 128 | + |
| 129 | + <pre><code><div class="footer"> |
| 130 | + &copy; 2004 Foo Corporation |
| 131 | +</div> |
| 132 | +</code></pre> |
| 133 | + |
| 134 | + <h2>Set in stone</h2> |
| 135 | + |
| 136 | + <p>Preformatted blocks are useful for ASCII art:</p> |
| 137 | + |
| 138 | + <pre> ,-. |
| 139 | + , ,-. ,-. |
| 140 | + / \ ( )-( ) |
| 141 | + \ | ,.>-( )-< |
| 142 | + \|,' ( )-( ) |
| 143 | + Y ___`-' `-' |
| 144 | + |/__/ `-' |
| 145 | + | |
| 146 | + | |
| 147 | + | -hrr- |
| 148 | + ___|_____________ |
| 149 | +</pre> |
| 150 | + |
| 151 | + <h2>Playing the blame game</h2> |
| 152 | + |
| 153 | + <p>If you need to blame someone, the best way to do so is by quoting them:</p> |
| 154 | + |
| 155 | + <blockquote> |
| 156 | + <p>I, at any rate, am convinced that He does not throw dice.</p> |
| 157 | + </blockquote> |
| 158 | + |
| 159 | + <p>Or perhaps someone a little less eloquent:</p> |
| 160 | + |
| 161 | + <blockquote> |
| 162 | + <p>I wish you'd have given me this written question ahead of time so I<br> |
| 163 | + could plan for it... I'm sure something will pop into my head here in<br> |
| 164 | + the midst of this press conference, with all the pressure of trying to<br> |
| 165 | + come up with answer, but it hadn't yet...</p> |
| 166 | + |
| 167 | + <p>I don't want to sound like<br> |
| 168 | + I have made no mistakes. I'm confident I have. I just haven't - you<br> |
| 169 | + just put me under the spot here, and maybe I'm not as quick on my feet<br> |
| 170 | + as I should be in coming up with one.</p> |
| 171 | + </blockquote> |
| 172 | + |
| 173 | + <h2>Table for two</h2> |
| 174 | + |
| 175 | + <table> |
| 176 | + <tbody> |
| 177 | + <tr> |
| 178 | + <th>ID</th> |
| 179 | + <th>Name</th> |
| 180 | + <th>Rank</th> |
| 181 | + </tr> |
| 182 | + <tr> |
| 183 | + <td>1</td> |
| 184 | + <td>Tom Preston-Werner</td> |
| 185 | + <td>Awesome</td> |
| 186 | + </tr> |
| 187 | + <tr> |
| 188 | + <td>2</td> |
| 189 | + <td>Albert Einstein</td> |
| 190 | + <td>Nearly as awesome</td> |
| 191 | + </tr> |
| 192 | + </tbody> |
| 193 | + </table> |
| 194 | + |
| 195 | + <h2>Crazy linking action</h2> |
| 196 | + |
| 197 | + <p>I get 10 times more traffic from <a href="http://google.com/" title="Google">Google</a> than from<br> |
| 198 | + <a href="http://search.yahoo.com/" title="Yahoo Search">Yahoo</a> or <a href="http://search.msn.com/" title="MSN Search">MSN</a>.</p> |
| 199 | + </section> |
| 200 | + <footer> |
| 201 | + <p>This project is maintained by <a href="http://github.com/orderedlist">Steve Smith</a></p> |
| 202 | + <p><small>Hosted on GitHub Pages — Theme by <a href="https://github.com/orderedlist">orderedlist</a></small></p> |
| 203 | + </footer> |
| 204 | + </div> |
| 205 | + <script src="javascripts/scale.fix.js"></script> |
| 206 | + </body> |
| 207 | +</html> |
0 commit comments