Categorize more pages

_/layouts/home.html

@@ -4,13 +4,20 @@ html_class: home
 {% include head.html %}
 {% include site-header.html %}
 
-<div class='pages-list'>
+{% for category in site.category_names %}
-  {% for page in site.pages %}
+  <div class='pages-header'>
-    <a href="{{base}}{{ page.url }}">
+    <h2>{{ category }}</h2>
-      <span class='title'>{{ page.title }}</span>
+  </div>
-      <span class='date'>{{ page.url }}</span>
+  <div class='pages-list'>
-    </a>
+    {% for page in site.pages %}
-  {% endfor %}
+      {% if page.category == category %}
-</div>
+        <a href="{{base}}{{ page.url }}">
+          <span class='title'>{{ page.title }}</span>
+          <span class='date'>{{ page.url }}</span>
+        </a>
+      {% endif %}
+    {% endfor %}
+  </div>
+{% endfor %}
 
 {% include foot.html %}

_config.yml

@@ -26,6 +26,7 @@ defaults:
       path: ""
     values:
       layout: "default"
+      category: "Others"
 
 # Site info
 url: http://ricostacruz.com/cheatsheets
@@ -35,3 +36,16 @@ title: Cheatsheets
 analytics:
   hostname: ricostacruz.com
   id: "UA-20473929-1"
+
+category_names:
+  - Ruby
+  - Ansible
+  - Git
+  - Apps
+  - JavaScript
+  - Node.js
+  - HTML
+  - CSS
+  - Command line
+  - VIM
+  - Others

commanderjs.md

@@ -1,5 +1,6 @@
 ---
 title: Commander.js
+category: JavaScript
 ---
 
 ### Initialize

css-animation.md

@@ -1,5 +1,6 @@
 ---
 title: CSS animations
+category: CSS
 ---
 
     animation: bounce 300ms    linear          100ms infinite alternate-reverse;

css-antialias.md

@@ -1,5 +1,6 @@
 ---
 title: CSS antialiasing
+category: CSS
 ---
 
     * {

css-background.md

@@ -1,5 +1,6 @@
 ---
-title: CSS
+title: CSS background
+category: CSS
 ---
 
 Background

css-flexbox.md

@@ -1,5 +1,6 @@
 ---
 title: CSS flexbox
+category: CSS
 ---
 
     .container {

css-font.md

@@ -1,5 +1,6 @@
 ---
 title: CSS font
+category: CSS
 ---
 
     font: italic 400    14px     / 1.5       sans-serif;

css-selectors.md

@@ -1,5 +1,6 @@
 ---
 title: CSS selectors
+category: CSS
 ---
 
     [attr="value"]       /*  =   exact */

css.md

@@ -1,5 +1,6 @@
 ---
 title: CSS tricks
+category: CSS
 ---
 
 ### Heading kerning pairs and ligature

curl.md

@@ -1,5 +1,6 @@
 ---
 title: Curl
+category: Command line
 ---
 
 Options:

find.md

@@ -1,5 +1,6 @@
 ---
 title: Find
+category: Command line
 ---
 
 ### Usage

gh-pages.md

@@ -1,5 +1,6 @@
 ---
 title: GitHub pages
+category: Git
 ---
 
     $ echo "foobar.com" > CNAME

gulp.md

@@ -1,5 +1,6 @@
 ---
 title: Gulp
+category: JavaScript
 ---
 
  * gulp-ruby-sass

handlebars-js.md

@@ -1,5 +1,6 @@
 ---
 title: Handlebars.js
+category: JavaScript
 ---
 
 ### Helpers

harvey-js.md

@@ -1,5 +1,6 @@
 ---
 title: Harvey.js
+category: JavaScript
 ---
 
 ### Usage

ie.md

@@ -1,5 +1,6 @@
 ---
 title: Internet Explorer
+category: HTML
 ---
 
 ## CSS Selectors

ie_bugs.md

@@ -1,5 +1,6 @@
 ---
 title: IE bugs
+category: HTML
 ---
 
 ### IE8: 'change' event doesn't always fire

inkscape.md

@@ -1,5 +1,6 @@
 ---
 title: Inkscape
+category: Apps
 ---
 
 ### All

javascript-workers.md

@@ -1,5 +1,6 @@
 ---
 title: JavaScript workers
+category: JavaScript
 ---
 
 ## Web workers

jquery-cdn.md

@@ -1,5 +1,6 @@
 ---
 title: jQuery CDN
+category: JavaScript
 ---
 
 ### Google jQuery

jquery.md

@@ -1,5 +1,6 @@
 ---
 title: jQuery
+category: JavaScript
 ---
 
 ### Traversing

js-appcache.md

@@ -1,5 +1,6 @@
 ---
 title: applicationCache
+category: JavaScript
 ---
 
 ### applicationCache checking

js-array.md

@@ -1,5 +1,6 @@
 ---
 title: JavaScript arrays
+category: JavaScript
 ---
 
 ## JavaScript arrays

js-date.md

@@ -1,5 +1,6 @@
 ---
 title: JavaScript Date
+category: JavaScript
 ---
 
 ### Constructor

js-model.md

@@ -1,5 +1,6 @@
 ---
 title: Js-Model
+category: JavaScript
 ---
 
     Project = Model "project", ->

jscoverage.md

@@ -1,5 +1,6 @@
 ---
 title: jscoverage
+category: JavaScript
 ---
 
 Also see [mocha-blanket](mocha-blanket.html).

nodejs-assert.md

@@ -1,5 +1,6 @@
 ---
-title: Node.js - assert
+title: assert
+category: Node.js
 ---
 
     assert(val)

nodejs-fs.md

@@ -1,5 +1,6 @@
 ---
-title: Node.js - fs
+title: fs
+category: Node.js
 ---
 
 ### Reading

nodejs-path.md

@@ -1,5 +1,6 @@
 ---
-title: Node.js - path
+title: path
+category: Node.js
 ---
 
     fs.realpath('/etc/passwd', function(err, path) { /* "/private/etc/passwd" */ 

nodejs-process.md

@@ -1,5 +1,6 @@
 ---
-title: Node.js - process
+title: process
+category: Node.js
 ---
 
 ### Streams

nodejs.md

@@ -1,5 +1,6 @@
 ---
 title: Node.js API
+category: Node.js
 ---
 
 ## Globals

nopt.md

@@ -1,5 +1,6 @@
 ---
 title: Nopt
+category: JavaScript
 ---
 
 ```js

npm.md

@@ -1,5 +1,6 @@
 ---
 title: npm
+category: JavaScript
 ---
 
     npm install

tig.md

@@ -1,5 +1,6 @@
 ---
 title: Tig
+category: Git
 ---
 
 ### Installing

travis-gh-pages.md

@@ -1,5 +1,6 @@
 ---
 title: Deploy gh-pages via Travis
+category: Git
 ---
 
 Taken from https://medium.com/@nthgergo/publishing-gh-pages-with-travis-ci-53a8270e87db

underscore-string.md

@@ -1,5 +1,6 @@
 ---
 title: Underscore-string
+category: JavaScript
 ---
 
 ### Usage

vim-digraphs.md

@@ -1,5 +1,6 @@
 ---
 title: Vim digraphs
+category: Vim
 ---
 
 ### Typing digraphs in insert mode

vim-easyalign.md

@@ -2,6 +2,7 @@
 title: Vim Easyalign
 html_class: key-codes
 hljs_languages: [vim]
+category: Vim
 ---
 
 ## Command mode

vim-help.md

@@ -1,5 +1,6 @@
 ---
 title: Vim helpfiles
+category: Vim
 ---
 
 ```

vim-rails.md

@@ -1,5 +1,6 @@
 ---
 title: Vim-rails
+category: Vim
 html_class: key-codes
 ---
 

vim-unite.md

@@ -1,5 +1,6 @@
 ---
 title: Vim-Unite
+category: Vim
 ---
 
 ### Usage

vim.md

@@ -1,5 +1,6 @@
 ---
 title: vim
+category: Vim
 ---
 
  * [Digraphs](vim-digraphs.html)

vimscript-functions.md

@@ -1,5 +1,6 @@
 ---
 title: Vimscript functions
+category: Vim
 ---
 
 Dictionaries

vimscript-snippets.md

@@ -1,5 +1,6 @@
 ---
 title: Vimscript snippets
+category: Vim
 ---
 
 ### Bind function to key and command

vimscript.md

@@ -1,5 +1,6 @@
 ---
 title: Vim script
+category: Vim
 hljs_languages: [vim]
 ---
 

vows.md

@@ -1,5 +1,6 @@
 ---
 title: Vows
+category: JavaScript
 ---
 
   * [Vowsjs.org](http://vowsjs.org/)

webpack.md

@@ -1,5 +1,6 @@
 ---
 title: Webpack
+category: JavaScript
 ---
 
 ### Config

weechat.md

@@ -1,5 +1,6 @@
 ---
 title: Weechat
+category: Apps
 ---
 
 ### Keys

weinre.md

@@ -1,5 +1,6 @@
 ---
 title: Weinre
+category: JavaScript
 ---
 
  * [Weinre](http://people.apache.org/~pmuellr/weinre/)

yargs.md

@@ -1,5 +1,6 @@
 ---
 title: Yargs
+category: JavaScript
 ---
 
 ### Basic usage