2012-04-05 15:38:48 +02:00
<!doctype html>
< html >
< head >
< meta charset = "utf-8" >
< meta http-equiv = "X-UA-Compatible" content = "chrome=1" >
< title > Minimal by Steve Smith< / title >
2015-10-27 17:04:08 +01:00
2012-04-05 15:38:48 +02:00
< link rel = "stylesheet" href = "stylesheets/styles.css" >
< link rel = "stylesheet" href = "stylesheets/pygment_trac.css" >
2012-04-16 09:59:28 +02:00
< meta name = "viewport" content = "width=device-width" >
2012-04-05 15:38:48 +02:00
<!-- [if lt IE 9]>
< script src = "//html5shiv.googlecode.com/svn/trunk/html5.js" > < / script >
<![endif]-->
< / head >
< body >
< div class = "wrapper" >
< header >
< h1 > Minimal< / h1 >
< p > A Theme for GitHub Pages< / p >
< p class = "view" > < a href = "http://github.com/orderedlist/minimal" > View the Project on GitHub < small > orderedlist/minimal< / small > < / a > < / p >
< ul >
2012-10-06 19:48:42 +02:00
< li > < a href = "https://github.com/orderedlist/minimal/zipball/master" > Download < strong > ZIP File< / strong > < / a > < / li >
2012-04-05 15:38:48 +02:00
< li > < a href = "https://github.com/orderedlist/minimal/tarball/master" > Download < strong > TAR Ball< / strong > < / a > < / li >
< li > < a href = "http://github.com/orderedlist/minimal" > Fork On < strong > GitHub< / strong > < / a > < / li >
< / ul >
< / header >
< section >
2015-10-27 17:04:08 +01:00
< h1 > GitHub Flavored Markdown< / h1 >
2012-04-05 15:38:48 +02:00
< p > < em > View the < a href = "http://github.github.com/github-flavored-markdown/sample_content.html" > source of this content< / a > .< / em > < / p >
2015-10-27 17:04:08 +01:00
2012-04-05 15:38:48 +02:00
< 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 >
2015-10-27 17:04:08 +01:00
< p > Roses are red< br >
Violets are blue< / p >
2012-04-05 15:38:48 +02:00
< p > The next paragraph has the same phrases, but now they are separated by two spaces and a newline character:< / p >
2015-10-27 17:04:08 +01:00
< 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 >
2012-04-05 15:38:48 +02:00
< h2 > A bit of the GitHub spice< / h2 >
2015-10-27 17:04:08 +01:00
< p > In addition to the changes in the previous section, certain references are auto-linked:< / p >
2012-04-05 15:38:48 +02:00
< ul >
2015-10-27 17:04:08 +01:00
< 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 >
2012-04-05 15:38:48 +02:00
< / ul >
2015-10-27 17:04:08 +01:00
< p > These are dangerous goodies though, and we need to make sure email addresses don't get mangled:< / p >
2012-04-05 15:38:48 +02:00
< p > My email addy is < a href = "mailto:tom@github.com" > tom@github.com< / a > .< / p >
2015-10-27 17:04:08 +01:00
2012-04-05 15:38:48 +02:00
< h2 > Math is hard, let's go shopping< / h2 >
2015-10-27 17:04:08 +01:00
2012-04-05 15:38:48 +02:00
< p > In first grade I learned that 5 > 3 and 2 < 7. Maybe some arrows. 1 -> 2 -> 3. 9 < - 8 < - 7.< / p >
2015-10-27 17:04:08 +01:00
2012-04-05 15:38:48 +02:00
< p > Triangles man! a^2 + b^2 = c^2< / p >
2015-10-27 17:04:08 +01:00
2012-04-05 15:38:48 +02:00
< h2 > We all like making lists< / h2 >
2015-10-27 17:04:08 +01:00
2012-04-05 15:38:48 +02:00
< p > The above header should be an H2 tag. Now, for a list of fruits:< / p >
2015-10-27 17:04:08 +01:00
2012-04-05 15:38:48 +02:00
< ul >
2015-10-27 17:04:08 +01:00
< li > Red Apples< / li >
< li > Purple Grapes< / li >
< li > Green Kiwifruits< / li >
2012-04-05 15:38:48 +02:00
< / ul >
2015-10-27 17:04:08 +01:00
2012-04-05 15:38:48 +02:00
< p > Let's get crazy:< / p >
2015-10-27 17:04:08 +01:00
2012-04-05 15:38:48 +02:00
< ol >
2015-10-27 17:04:08 +01:00
< 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 >
2012-04-05 15:38:48 +02:00
< / ol >
2015-10-27 17:04:08 +01:00
2012-04-05 15:38:48 +02:00
< p > What about some code < strong > in< / strong > a list? That's insane, right?< / p >
2015-10-27 17:04:08 +01:00
2012-04-05 15:38:48 +02:00
< ol >
2015-10-27 17:04:08 +01:00
< 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(& :uppercase)< / code > < / pre >
< / li >
2012-04-05 15:38:48 +02:00
< / ol >
2015-10-27 17:04:08 +01:00
2012-04-05 15:38:48 +02:00
< p > Some people seem to like definition lists< / p >
2015-10-27 17:04:08 +01:00
2012-04-05 15:38:48 +02:00
< 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 >
2015-10-27 17:04:08 +01:00
< h2 > I am a robot< / h2 >
2012-04-05 15:38:48 +02:00
< p > Maybe you want to print < code > robot< / code > to the console 1000 times. Why not?< / p >
2015-10-27 17:04:08 +01:00
2012-04-05 15:38:48 +02:00
< pre > < code > def robot_invasion
puts("robot " * 1000)
2015-10-27 17:04:08 +01:00
end
< / code > < / pre >
2012-04-05 15:38:48 +02:00
< p > You see, that was formatted as code because it's been indented by four spaces.< / p >
2015-10-27 17:04:08 +01:00
2012-04-05 15:38:48 +02:00
< p > How about we throw some angle braces and ampersands in there?< / p >
2015-10-27 17:04:08 +01:00
2012-04-05 15:38:48 +02:00
< pre > < code > < div class="footer">
& copy; 2004 Foo Corporation
2015-10-27 17:04:08 +01:00
< /div>
< / code > < / pre >
< h2 > Set in stone< / h2 >
< p > Preformatted blocks are useful for ASCII art:< / p >
< pre > ,-.
, ,-. ,-.
/ \ ( )-( )
\ | ,.> -( )-<
\|,' ( )-( )
Y ___`-' `-'
|/__/ `-'
|
|
| -hrr-
___|_____________
< / pre >
2012-04-05 15:38:48 +02:00
< h2 > Playing the blame game< / h2 >
2015-10-27 17:04:08 +01:00
< p > If you need to blame someone, the best way to do so is by quoting them:< / p >
2012-04-05 15:38:48 +02:00
< blockquote >
2015-10-27 17:04:08 +01:00
< p > I, at any rate, am convinced that He does not throw dice.< / p >
2012-04-05 15:38:48 +02:00
< / blockquote >
2015-10-27 17:04:08 +01:00
2012-04-05 15:38:48 +02:00
< p > Or perhaps someone a little less eloquent:< / p >
2015-10-27 17:04:08 +01:00
2012-04-05 15:38:48 +02:00
< blockquote >
2015-10-27 17:04:08 +01:00
< 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 >
2012-04-05 15:38:48 +02:00
< / blockquote >
2015-10-27 17:04:08 +01:00
2012-04-05 15:38:48 +02:00
< h2 > Table for two< / h2 >
2015-10-27 17:04:08 +01:00
2012-04-05 15:38:48 +02:00
< table >
2015-10-27 17:04:08 +01:00
< tbody >
< tr >
< th > ID< / th >
< th > Name< / th >
< th > Rank< / th >
2012-04-05 15:38:48 +02:00
< / tr >
< tr >
2015-10-27 17:04:08 +01:00
< td > 1< / td >
< td > Tom Preston-Werner< / td >
< td > Awesome< / td >
2012-04-05 15:38:48 +02:00
< / tr >
< tr >
2015-10-27 17:04:08 +01:00
< td > 2< / td >
< td > Albert Einstein< / td >
< td > Nearly as awesome< / td >
2012-04-05 15:38:48 +02:00
< / tr >
2015-10-27 17:04:08 +01:00
< / tbody >
< / table >
2012-04-05 15:38:48 +02:00
< h2 > Crazy linking action< / h2 >
2015-10-27 17:04:08 +01:00
< 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 >
2012-04-05 15:38:48 +02:00
< / section >
< footer >
< p > This project is maintained by < a href = "http://github.com/orderedlist" > Steve Smith< / a > < / p >
< p > < small > Hosted on GitHub Pages — Theme by < a href = "https://github.com/orderedlist" > orderedlist< / a > < / small > < / p >
< / footer >
< / div >
< script src = "javascripts/scale.fix.js" > < / script >
< / body >
2015-10-27 17:04:08 +01:00
< / html >
