Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP

Loading…

Changed the CSS to use the "Minimal" Github Pages theme #34

Closed
wants to merge 2 commits into from

1 participant

@kgrz
Owner

No description provided.

kgrz added some commits
@kgrz kgrz added the awesome modernist theme by orderedlist actually meant for g…
…ithub pages
60ee1ae
@kgrz kgrz Added vim swap files to the ignore list
Now uses thin
Made this more semantic by using header, aside and nav tags
Now using a slightly modified "Minimal" github pages theme
originally designed by @orderedlist. Modification involves
cloning the styles of the header tag to aside tag.
da68101
@kgrz kgrz closed this
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Commits on Feb 8, 2013
  1. @kgrz
Commits on Feb 9, 2013
  1. @kgrz

    Added vim swap files to the ignore list

    kgrz authored
    Now uses thin
    Made this more semantic by using header, aside and nav tags
    Now using a slightly modified "Minimal" github pages theme
    originally designed by @orderedlist. Modification involves
    cloning the styles of the header tag to aside tag.
This page is out of date. Refresh to see the latest.
View
1  .gitignore
@@ -5,3 +5,4 @@ config/database.yml
bin
.bundle
+*.swp
View
1  Gemfile
@@ -3,3 +3,4 @@ gem "sinatra"
gem "sass"
gem "rdiscount"
gem "rack-cache"
+gem "thin"
View
186 app.rb
@@ -3,6 +3,7 @@
require 'erb'
require 'sass'
+set :public_folder, File.dirname(__FILE__) + '/public'
configure :production do
sha1, date = `git log HEAD~1..HEAD --pretty=format:%h^%ci`.strip.split('^')
@@ -59,138 +60,77 @@
<meta charset='utf-8'>
<meta http-equiv="X-UA-Compatible" content="chrome=1">
<title>Sinatra Recipes</title>
- <link rel="stylesheet" type="text/css" href="/style.css" />
+ <link rel="stylesheet" type="text/css" href="/stylesheets/styles.css" />
+ <link rel="stylesheet" type="text/css" href="/stylesheets/pygment_trac.css" />
<link rel="shortcut icon" href="https://github.com/sinatra/resources/raw/master/logo/favicon.ico">
- <script
- type='text/javascript'
+ <script src="javascripts/scale.fix.js"/>
+ <script type='text/javascript'
src='https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js'>
</script>
</head>
<body>
- <a name='top' />
- <div id="header">
- <h2>Community contributed recipes and techniques</h2>
- <h1><a href="/">
- <img src="https://github.com/sinatra/resources/raw/master/logo/sinatra-classic-156.png" />
- Sinatra Recipes
- </a></h1>
- </div>
- <div id="menu">
- <ul>
- <% @menu.each do |me| %>
- <li>
- <a href='/p/<%= "#{me}" %>'>
- <%= me.capitalize.sub('_', ' ') %>
- </a>
- </li>
- <% end %>
- </ul>
- </div>
- <div id="content">
- <div id="post">
- <%= yield %>
- <% if @children %>
- <div id="children">
- <ul>
- <% @children.each do |child| %>
- <li>
- <a href='/p/<%= "#{params[:topic]}/#{child}" %>'>
- <%= child.capitalize.sub('_', ' ') %>
+ <div class="wrapper">
+ <aside>
+ <header>
+ <img src="https://github.com/sinatra/resources/raw/master/logo/sinatra-classic-156.png" />
+ <h1>
+ Sinatra Recipes
+ </h1>
+ <p>Community contributed recipes and techniques</p>
+ <p class="view"><a href="http://github.com/sinatra/sinatra-recipes">View the Project on GitHub <small>sinatra/sinatra-recipes</small></a></p>
+ <ul>
+ <li><a href="https://github.com/sinatra/sinatra-recipes/zipball/master">Download <strong>ZIP File</strong></a></li>
+ <li><a href="https://github.com/sinatra/sinatra-recipes/tarball/master">Download <strong>TAR Ball</strong></a></li>
+ <li><a href="http://github.com/sinatra/sinatra-recipes">Fork On <strong>GitHub</strong></a></li>
+ </ul>
+ </header>
+ <nav>
+ <h2>Topics</h2>
+ <dl>
+ <% @menu.each do |me| %>
+ <dt>
+ <a href='/p/<%= "#{me}" %>'>
+ <%= me.capitalize.sub('_', ' ') %>
</a>
- </li>
+ </dt>
<% end %>
- </ul>
- </div>
- <% end %>
-
- <% if @readme %>
- <div id="footer">
- <h2>Did we miss something?</h2>
- <p>It's very possible we've left something out, thats why we need your help! This
- is a community driven project after all. Feel free to fork the project and send
- us a pull request to get your recipe or tutorial included in the book.</p>
- <p>See the <a href="http://github.com/sinatra/recipes/blob/master/README.md">README</a> for more details.</p>
- </div>
- <% end %>
- </div>
+ </dl>
+ </nav>
+ </aside>
+ <section>
+ <div id="post">
+ <%= yield %>
+ <% if @children %>
+ <div id="children">
+ <ul>
+ <% @children.each do |child| %>
+ <li>
+ <a href='/p/<%= "#{params[:topic]}/#{child}" %>'>
+ <%= child.capitalize.sub('_', ' ') %>
+ </a>
+ </li>
+ <% end %>
+ </ul>
+ </div>
+ <% end %>
+
+ <% if @readme %>
+ <div id="footer">
+ <h2>Did we miss something?</h2>
+ <p>It's very possible we've left something out, thats why we need your help! This
+ is a community driven project after all. Feel free to fork the project and send
+ us a pull request to get your recipe or tutorial included in the book.</p>
+ <p>See the <a href="http://github.com/sinatra/recipes/blob/master/README.md">README</a> for more details.</p>
+ </div>
+ <% end %>
+ </div>
+ </section>
+
+ <a href="http://github.com/sinatra/sinatra-recipes">
+ <img style="position: absolute; top: 0; right: 0; border: 0;" src="http://s3.amazonaws.com/github/ribbons/forkme_right_gray_6d6d6d.png" alt="Fork me on GitHub" />
+ </a>
</div>
-
- <a href="http://github.com/sinatra/sinatra-recipes">
- <img style="position: absolute; top: 0; right: 0; border: 0;" src="http://s3.amazonaws.com/github/ribbons/forkme_right_gray_6d6d6d.png" alt="Fork me on GitHub" />
- </a>
</body>
</html>
-@@ style
-body
- font-family: 'Lucida Grande', Verdana, sans-serif
- margin: 0 auto
- max-width: 800px
-
-h1, h2, h3, h4, h5
- font-family: georgia, 'bitstream vera serif', serif
- font-weight: normal
- font-size: 2em
- line-height: 160%
-
-a:link, a:visited
- color: #3F3F3F
-
-a:hover, a:active
- color: #8F8F8F
-
-.small
- font-size: .7em
-
-#header
- margin: 10px 0px
- a
- text-decoration: none
- h1
- float: left
- width: 250px
- font-size: 2.65em
- line-height: .75em
- h2
- text-align: right
- font-style: oblique
- font-size: 1em
- float: right
- width: 450px
- img
- float: left
- width: 100px
- margin-right: 15px
- border: 0
-
-#menu
- float: left
- max-width: 200px
- word-wrap: break-word
- font-size: .9em
- clear: left
-
-#children
- clear: both
- ul li
- float: left
- width: 275px
- height: 40px
-
-#content
- float: right
- max-width: 600px
- pre
- padding: 10px
- max-width: 600px
- overflow: auto
- overflow-Y: hidden
- background: #EEE
- line-height: 100%
-
-#post
- line-height: 110%
-#footer
- clear: both
- margin-top: 20px
View
113 asset_management/README.md
@@ -0,0 +1,113 @@
+# Asset Management
+There are quite a few reasons why a production app should have proper
+asset management (CSS, JS, Image files).
+
+
+## Why Asset Management
+ "Why should I care about asset management?"
+
+ A typical app ends up with many `.css` and `.js` (or `.coffee` for that matter)
+especially if you use a lot of external plugins such as the excellent Compass
+framework or say, Ember.js
+
+Serving uncompressed/minified assets is a crime in itself and that's one reason
+why many libraries like jQuery and Ember provide a minified version of the library.
+
+Even if you have a minifed version of those vendor plugins, you probably follow
+best practices and write your `.css`|`.sass` and `.js`|`.coffee` code in a modular
+fashion and end up with a bunch of those files that need to be served to the end-user.
+
+There are many tools available that would optimize the assets for you. Some of the tools
+available in Ruby are:
+
+* Sinatra-Assetpack
+* Sprockets
+* Rake-pipeline
+
+In general, these tools do the following:
+
+* Compile (If they are written in, say, Sass or Coffeescript)
+* Concatenate
+* Compress
+* Cache busting
+
+
+### Compile
+
+If you use sass/scss/less/coffeescript in your app, before serving the files, they
+need to be compiled into CSS/Javascript.
+
+### Concatenate
+
+Multiple files may be concatenated into a single file and so, instead of having:
+
+ script src="jquery.js"
+ script src="foundation.js"
+ script src="home.js"
+ script src="feed.js"
+ script src="collections.js"
+ script src="ember.js"
+ script src="app.js"
+
+you'll end up with:
+
+ script src="application.js"
+
+
+### Compress
+
+The compress step involves minifying the Javascript files (and CSS files) by removing extra
+whitespaces which add to the file size and replacing long variable names with shorter ones
+inside function bodies. Note that it won't change the API – only internal variables will
+be changed. This step reduces the sizes of JS and CSS files by a huge margin.
+
+### Cache busting
+
+Browser-caching can be used to ensure the files won't be downloaded from the server for
+every request. Many browsers check for the availability of the static files in the local
+cache before sending the request to the server.
+
+Cache busting is a procedure where the assets are numbered with a unique number that lets
+the browser download the latest version of the assets. For example, assume that the
+name of the compressed javscript file as "app.js" for a version of your production app
+that was pushed yesterday. If you enabled caching by sending a "Cache-Control:public",
+the "app.js" gets stored in the browser cache.
+
+Now, if you've changed the "app.js" file today and pushed the new change to the server, the
+browser may still load the cached "app.js" and not the new one.
+
+This problem may be avoided by having a unique number after the name that changed per commit
+that lets the browser know the latest version of the asset.
+
+
+
+All the above steps are handled by the tools mentioned previously.
+
+
+## Thinking in pipelines in Sinatra
+
+
+A typical app consists of many assets usually stored in the public directory
+which is the default for Sinatra application. The structure is something similar
+to this:
+
+ app.rb
+ |
+ |public/
+ |css
+ |js
+ |images
+
+The files then are accessible in the views with the urls: `css/app.css`,
+'js/app.js` etc. If your app uses other plugins such as the excellent Compass
+framekwork or Ember.js, you'll find that the number of files and the file sizes
+increase which slows the download of your app/site when deployed in production.
+
+For this reason, a lot of tools have been developed to ensure that the files are
+concatenated and compressed. Some of the tools are:
+
+* Sinatra-assetpack
+* Sprockets
+* Rake-pipeline
+
+
View
141 index.html
@@ -0,0 +1,141 @@
+<!doctype html>
+<html>
+ <head>
+ <meta charset="utf-8">
+ <meta http-equiv="X-UA-Compatible" content="chrome=1">
+ <title>Minimal by Steve Smith</title>
+
+ <link rel="stylesheet" href="stylesheets/styles.css">
+ <link rel="stylesheet" href="stylesheets/pygment_trac.css">
+ <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
+ <!--[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>
+ <li><a href="https://github.com/orderedlist/minimal/zipball/master">Download <strong>ZIP File</strong></a></li>
+ <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>
+ <h1>Let&rsquo;s Test Some Markup</h1>
+ <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 <em>emphasized</em><br>Violets are <strong>strong</strong></p>
+ <h2>A bit of the GitHub spice</h2>
+ <h3>In addition to the changes in the previous section, certain references are auto-linked:</h3>
+ <ul>
+ <li>SHA: <a href="http://github.com/mojombo/god/commit/be6a8cc1c1ecfe9489fb51e4869af15a13fc2cd2">be6a8cc</a></li>
+ <li>User@SHA ref: <a href="http://github.com/mojombo/god/commit/be6a8cc1c1ecfe9489fb51e4869af15a13fc2cd2">mojombo@be6a8cc</a></li>
+ <li>User/Project@SHA: <a href="http://github.com/mojombo/god/commit/be6a8cc1c1ecfe9489fb51e4869af15a13fc2cd2">mojombo/god@be6a8cc</a></li>
+ <li>#Num: <a href="http://github.com/mojombo/god/issues/#issue/1">#1</a></li>
+ <li>User/#Num: <a href="http://github.com/mojombo/god/issues/#issue/1">mojombo#1</a></li>
+ <li>User/Project#Num: <a href="http://github.com/mojombo/god/issues/#issue/1">mojombo/god#1</a></li>
+ </ul>
+ <h3>These are dangerous goodies though, and we need to make sure email addresses don't get mangled:</h3>
+ <p>My email addy is <a href="mailto:tom@github.com">tom@github.com</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>
+ <div class="highlight">
+ <pre><span class="nb">require</span> <span class="s1">'redcarpet'</span>
+<span class="n">markdown</span> <span class="o">=</span> <span class="no">Redcarpet</span><span class="o">.</span><span class="n">new</span><span class="p">(</span><span class="s2">"Hello World!"</span><span class="p">)</span>
+<span class="nb">puts</span> <span class="n">markdown</span><span class="o">.</span><span class="n">to_html</span></pre>
+ </div>
+ <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>
+ <p>I am a robot</p>
+ <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</code></pre>
+ <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
+&lt;/div&gt;</code></pre>
+ <h2>Playing the blame game</h2>
+ <h3>If you need to blame someone, the best way to do so is by quoting them:</h3>
+ <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>Play by the rules</h2>
+ <p>Let's not forget the horizontal rule</p>
+ <hr/>
+
+ <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>
+ <h2>Headlines</h2>
+ <h1>Headline 1</h1>
+ <p>Lorem ipsizzle funky fresh i'm in the shizzle boom shackalack, consectetizzle adipiscing my shizz. Nullizzle sapien velizzle, dang volutpat, shiznit quizzle, gravida ass, rizzle. Pot get down get down tortor. Sed erizzle. Black go to hizzle dolizzle dapibizzle turpis fo shizzle my nizzle yo. Maurizzle pellentesque nibh et check it out. Bow wow wow check it out tortizzle. Pellentesque for sure rhoncizzle bow wow wow. In owned habitasse brizzle dictumst. Nizzle dapibizzle. Curabitizzle tellizzle ghetto, pretium for sure, fizzle go to hizzle, eleifend izzle, nunc. Dope suscipizzle. Integizzle boom shackalack velit ass purus.</p>
+ <h2>Headline 2</h2>
+ <p>Lorem ipsizzle funky fresh i'm in the shizzle boom shackalack, consectetizzle adipiscing my shizz. Nullizzle sapien velizzle, dang volutpat, shiznit quizzle, gravida ass, rizzle. Pot get down get down tortor. Sed erizzle. Black go to hizzle dolizzle dapibizzle turpis fo shizzle my nizzle yo. Maurizzle pellentesque nibh et check it out. Bow wow wow check it out tortizzle. Pellentesque for sure rhoncizzle bow wow wow. In owned habitasse brizzle dictumst. Nizzle dapibizzle. Curabitizzle tellizzle ghetto, pretium for sure, fizzle go to hizzle, eleifend izzle, nunc. Dope suscipizzle. Integizzle boom shackalack velit ass purus.</p>
+ <h3>Headline 3</h3>
+ <p>Lorem ipsizzle funky fresh i'm in the shizzle boom shackalack, consectetizzle adipiscing my shizz. Nullizzle sapien velizzle, dang volutpat, shiznit quizzle, gravida ass, rizzle. Pot get down get down tortor. Sed erizzle. Black go to hizzle dolizzle dapibizzle turpis fo shizzle my nizzle yo. Maurizzle pellentesque nibh et check it out. Bow wow wow check it out tortizzle. Pellentesque for sure rhoncizzle bow wow wow. In owned habitasse brizzle dictumst. Nizzle dapibizzle. Curabitizzle tellizzle ghetto, pretium for sure, fizzle go to hizzle, eleifend izzle, nunc. Dope suscipizzle. Integizzle boom shackalack velit ass purus.</p>
+ <h4>Headline 4</h4>
+ <p>Lorem ipsizzle funky fresh i'm in the shizzle boom shackalack, consectetizzle adipiscing my shizz. Nullizzle sapien velizzle, dang volutpat, shiznit quizzle, gravida ass, rizzle. Pot get down get down tortor. Sed erizzle. Black go to hizzle dolizzle dapibizzle turpis fo shizzle my nizzle yo. Maurizzle pellentesque nibh et check it out. Bow wow wow check it out tortizzle. Pellentesque for sure rhoncizzle bow wow wow. In owned habitasse brizzle dictumst. Nizzle dapibizzle. Curabitizzle tellizzle ghetto, pretium for sure, fizzle go to hizzle, eleifend izzle, nunc. Dope suscipizzle. Integizzle boom shackalack velit ass purus.</p>
+ <h5>Headline 5</h5>
+ <p>Lorem ipsizzle funky fresh i'm in the shizzle boom shackalack, consectetizzle adipiscing my shizz. Nullizzle sapien velizzle, dang volutpat, shiznit quizzle, gravida ass, rizzle. Pot get down get down tortor. Sed erizzle. Black go to hizzle dolizzle dapibizzle turpis fo shizzle my nizzle yo. Maurizzle pellentesque nibh et check it out. Bow wow wow check it out tortizzle. Pellentesque for sure rhoncizzle bow wow wow. In owned habitasse brizzle dictumst. Nizzle dapibizzle. Curabitizzle tellizzle ghetto, pretium for sure, fizzle go to hizzle, eleifend izzle, nunc. Dope suscipizzle. Integizzle boom shackalack velit ass purus.</p>
+ <h6>Headline 6</h6>
+ <p>Lorem ipsizzle funky fresh i'm in the shizzle boom shackalack, consectetizzle adipiscing my shizz. Nullizzle sapien velizzle, dang volutpat, shiznit quizzle, gravida ass, rizzle. Pot get down get down tortor. Sed erizzle. Black go to hizzle dolizzle dapibizzle turpis fo shizzle my nizzle yo. Maurizzle pellentesque nibh et check it out. Bow wow wow check it out tortizzle. Pellentesque for sure rhoncizzle bow wow wow. In owned habitasse brizzle dictumst. Nizzle dapibizzle. Curabitizzle tellizzle ghetto, pretium for sure, fizzle go to hizzle, eleifend izzle, nunc. Dope suscipizzle. Integizzle boom shackalack velit ass purus.</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>
+ </body>
+</html>
View
17 public/javascripts/scale.fix.js
@@ -0,0 +1,17 @@
+var metas = document.getElementsByTagName('meta');
+var i;
+if (navigator.userAgent.match(/iPhone/i)) {
+ for (i=0; i<metas.length; i++) {
+ if (metas[i].name == "viewport") {
+ metas[i].content = "width=device-width, minimum-scale=1.0, maximum-scale=1.0";
+ }
+ }
+ document.addEventListener("gesturestart", gestureStart, false);
+}
+function gestureStart() {
+ for (i=0; i<metas.length; i++) {
+ if (metas[i].name == "viewport") {
+ metas[i].content = "width=device-width, minimum-scale=0.25, maximum-scale=1.6";
+ }
+ }
+}
View
69 public/stylesheets/pygment_trac.css
@@ -0,0 +1,69 @@
+.highlight { background: #ffffff; }
+.highlight .c { color: #999988; font-style: italic } /* Comment */
+.highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */
+.highlight .k { font-weight: bold } /* Keyword */
+.highlight .o { font-weight: bold } /* Operator */
+.highlight .cm { color: #999988; font-style: italic } /* Comment.Multiline */
+.highlight .cp { color: #999999; font-weight: bold } /* Comment.Preproc */
+.highlight .c1 { color: #999988; font-style: italic } /* Comment.Single */
+.highlight .cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */
+.highlight .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
+.highlight .gd .x { color: #000000; background-color: #ffaaaa } /* Generic.Deleted.Specific */
+.highlight .ge { font-style: italic } /* Generic.Emph */
+.highlight .gr { color: #aa0000 } /* Generic.Error */
+.highlight .gh { color: #999999 } /* Generic.Heading */
+.highlight .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
+.highlight .gi .x { color: #000000; background-color: #aaffaa } /* Generic.Inserted.Specific */
+.highlight .go { color: #888888 } /* Generic.Output */
+.highlight .gp { color: #555555 } /* Generic.Prompt */
+.highlight .gs { font-weight: bold } /* Generic.Strong */
+.highlight .gu { color: #800080; font-weight: bold; } /* Generic.Subheading */
+.highlight .gt { color: #aa0000 } /* Generic.Traceback */
+.highlight .kc { font-weight: bold } /* Keyword.Constant */
+.highlight .kd { font-weight: bold } /* Keyword.Declaration */
+.highlight .kn { font-weight: bold } /* Keyword.Namespace */
+.highlight .kp { font-weight: bold } /* Keyword.Pseudo */
+.highlight .kr { font-weight: bold } /* Keyword.Reserved */
+.highlight .kt { color: #445588; font-weight: bold } /* Keyword.Type */
+.highlight .m { color: #009999 } /* Literal.Number */
+.highlight .s { color: #d14 } /* Literal.String */
+.highlight .na { color: #008080 } /* Name.Attribute */
+.highlight .nb { color: #0086B3 } /* Name.Builtin */
+.highlight .nc { color: #445588; font-weight: bold } /* Name.Class */
+.highlight .no { color: #008080 } /* Name.Constant */
+.highlight .ni { color: #800080 } /* Name.Entity */
+.highlight .ne { color: #990000; font-weight: bold } /* Name.Exception */
+.highlight .nf { color: #990000; font-weight: bold } /* Name.Function */
+.highlight .nn { color: #555555 } /* Name.Namespace */
+.highlight .nt { color: #000080 } /* Name.Tag */
+.highlight .nv { color: #008080 } /* Name.Variable */
+.highlight .ow { font-weight: bold } /* Operator.Word */
+.highlight .w { color: #bbbbbb } /* Text.Whitespace */
+.highlight .mf { color: #009999 } /* Literal.Number.Float */
+.highlight .mh { color: #009999 } /* Literal.Number.Hex */
+.highlight .mi { color: #009999 } /* Literal.Number.Integer */
+.highlight .mo { color: #009999 } /* Literal.Number.Oct */
+.highlight .sb { color: #d14 } /* Literal.String.Backtick */
+.highlight .sc { color: #d14 } /* Literal.String.Char */
+.highlight .sd { color: #d14 } /* Literal.String.Doc */
+.highlight .s2 { color: #d14 } /* Literal.String.Double */
+.highlight .se { color: #d14 } /* Literal.String.Escape */
+.highlight .sh { color: #d14 } /* Literal.String.Heredoc */
+.highlight .si { color: #d14 } /* Literal.String.Interpol */
+.highlight .sx { color: #d14 } /* Literal.String.Other */
+.highlight .sr { color: #009926 } /* Literal.String.Regex */
+.highlight .s1 { color: #d14 } /* Literal.String.Single */
+.highlight .ss { color: #990073 } /* Literal.String.Symbol */
+.highlight .bp { color: #999999 } /* Name.Builtin.Pseudo */
+.highlight .vc { color: #008080 } /* Name.Variable.Class */
+.highlight .vg { color: #008080 } /* Name.Variable.Global */
+.highlight .vi { color: #008080 } /* Name.Variable.Instance */
+.highlight .il { color: #009999 } /* Literal.Number.Integer.Long */
+
+.type-csharp .highlight .k { color: #0000FF }
+.type-csharp .highlight .kt { color: #0000FF }
+.type-csharp .highlight .nf { color: #000000; font-weight: normal }
+.type-csharp .highlight .nc { color: #2B91AF }
+.type-csharp .highlight .nn { color: #000000 }
+.type-csharp .highlight .s { color: #A31515 }
+.type-csharp .highlight .sc { color: #A31515 }
View
287 public/stylesheets/styles.css
@@ -0,0 +1,287 @@
+@import url(https://fonts.googleapis.com/css?family=Lato:300italic,700italic,300,700);
+
+body {
+ padding:50px;
+ font:14px/1.5 Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;
+ color:#777;
+ font-weight:300;
+}
+
+h1, h2, h3, h4, h5, h6 {
+ color:#222;
+ margin:0 0 20px;
+}
+
+p, ul, ol, table, pre, dl {
+ margin:0 0 20px;
+}
+
+h1, h2, h3 {
+ line-height:1.1;
+}
+
+h1 {
+ font-size:28px;
+}
+
+h2 {
+ color:#393939;
+}
+
+h3, h4, h5, h6 {
+ color:#494949;
+}
+
+a {
+ color:#39c;
+ font-weight:400;
+ text-decoration:none;
+}
+
+a:hover {
+ color:#069;
+}
+
+a small {
+ font-size:11px;
+ color:#777;
+ margin-top:-0.6em;
+ display:block;
+}
+
+a:hover small {
+ color:#777;
+}
+
+.wrapper {
+ width:860px;
+ margin:0 auto;
+}
+
+blockquote {
+ border-left:1px solid #e5e5e5;
+ margin:0;
+ padding:0 0 0 20px;
+ font-style:italic;
+}
+
+code, pre {
+ font-family:Monaco, Bitstream Vera Sans Mono, Lucida Console, Terminal;
+ color:#333;
+ font-size:12px;
+}
+
+pre {
+ padding:8px 15px;
+ background: #f8f8f8;
+ border-radius:5px;
+ border:1px solid #e5e5e5;
+ overflow-x: auto;
+}
+
+table {
+ width:100%;
+ border-collapse:collapse;
+}
+
+th, td {
+ text-align:left;
+ padding:5px 10px;
+ border-bottom:1px solid #e5e5e5;
+}
+
+dt {
+ color:#444;
+ font-weight:700;
+}
+
+th {
+ color:#444;
+}
+
+img {
+ max-width:100%;
+}
+
+aside {
+ float:left;
+ position:fixed;
+ width:270px;
+}
+
+header ul {
+ list-style:none;
+ height:40px;
+
+ padding:0;
+
+ background: #eee;
+ background: -moz-linear-gradient(top, #f8f8f8 0%, #dddddd 100%);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#dddddd));
+ background: -webkit-linear-gradient(top, #f8f8f8 0%,#dddddd 100%);
+ background: -o-linear-gradient(top, #f8f8f8 0%,#dddddd 100%);
+ background: -ms-linear-gradient(top, #f8f8f8 0%,#dddddd 100%);
+ background: linear-gradient(top, #f8f8f8 0%,#dddddd 100%);
+
+ border-radius:5px;
+ border:1px solid #d2d2d2;
+ box-shadow:inset #fff 0 1px 0, inset rgba(0,0,0,0.03) 0 -1px 0;
+ width:270px;
+}
+
+header li {
+ width:89px;
+ float:left;
+ border-right:1px solid #d2d2d2;
+ height:40px;
+}
+
+header li:first-child a {
+ border-radius:5px 0 0 5px;
+}
+
+header li:last-child a {
+ border-radius:0 5px 5px 0;
+}
+
+header ul a {
+ line-height:1;
+ font-size:11px;
+ color:#999;
+ display:block;
+ text-align:center;
+ padding-top:6px;
+ height:34px;
+}
+
+header ul a:hover {
+ color:#999;
+ background: -moz-linear-gradient(top, #fff 0%, #ddd 100%);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#ddd));
+ background: -webkit-linear-gradient(top, #fff 0%,#ddd 100%);
+ background: -o-linear-gradient(top, #fff 0%,#ddd 100%);
+ background: -ms-linear-gradient(top, #fff 0%,#ddd 100%);
+ background: linear-gradient(top, #fff 0%,#ddd 100%);
+}
+
+header ul a:active {
+ -webkit-box-shadow: inset 0px 2px 2px 0px #ddd;
+ -moz-box-shadow: inset 0px 2px 2px 0px #ddd;
+ box-shadow: inset 0px 2px 2px 0px #ddd;
+}
+
+strong {
+ color:#222;
+ font-weight:700;
+}
+
+header ul li + li {
+ width:88px;
+ border-left:1px solid #fff;
+}
+
+header ul li + li + li {
+ border-right:none;
+ width:89px;
+}
+
+header ul a strong {
+ font-size:14px;
+ display:block;
+ color:#222;
+}
+
+section {
+ width:500px;
+ float:right;
+ padding-bottom:50px;
+}
+
+small {
+ font-size:11px;
+}
+
+hr {
+ border:0;
+ background:#e5e5e5;
+ height:1px;
+ margin:0 0 20px;
+}
+
+footer {
+ width:270px;
+ float:left;
+ position:fixed;
+ bottom:50px;
+}
+
+@media print, screen and (max-width: 960px) {
+
+ div.wrapper {
+ width:auto;
+ margin:0;
+ }
+
+ header, section, footer {
+ float:none;
+ position:static;
+ width:auto;
+ }
+
+ header {
+ padding-right:320px;
+ }
+
+ section {
+ border:1px solid #e5e5e5;
+ border-width:1px 0;
+ padding:20px 0;
+ margin:0 0 20px;
+ }
+
+ header a small {
+ display:inline;
+ }
+
+ header ul {
+ position:absolute;
+ right:50px;
+ top:52px;
+ }
+}
+
+@media print, screen and (max-width: 720px) {
+ body {
+ word-wrap:break-word;
+ }
+
+ header {
+ padding:0;
+ }
+
+ header ul, header p.view {
+ position:static;
+ }
+
+ pre, code {
+ word-wrap:normal;
+ }
+}
+
+@media print, screen and (max-width: 480px) {
+ body {
+ padding:15px;
+ }
+
+ header ul {
+ display:none;
+ }
+}
+
+@media print {
+ body {
+ padding:0.4in;
+ font-size:12pt;
+ color:#444;
+ }
+}
Something went wrong with that request. Please try again.