From f7259197ce59facb6025dee63b915f307df6e411 Mon Sep 17 00:00:00 2001
From: Antonio Ruberto <anto.ruberto@gmail.com>
Date: Sun, 10 Jan 2016 18:39:31 -0500
Subject: [PATCH] readme with previews

---
 README.md | 153 ++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 153 insertions(+)

diff --git a/README.md b/README.md
index 4733378..a7b0bef 100644
--- a/README.md
+++ b/README.md
@@ -19,3 +19,156 @@ hackmyresume BUILD resume.json TO out/resume.all --theme node_modules/fresh-them
 The swatch name can be either 'bootstrap' for default Bootstrap look and feel or name of any Bootswatch theme (lumen, darkly, readable ...)
 
 ## Examples
+
+### bootstrap
+
+```bash
+hackmyresume BUILD resume.json TO out/resume.all --theme node_modules/fresh-theme-bootstrap --css bootstrap
+```
+
+<img src="http://aruberto.github.io/fresh-theme-bootstrap/bootstrap.png" width="49%">
+<img src="http://aruberto.github.io/fresh-theme-bootstrap/bootstrap-xs.png" width="49%">
+
+### cerulean
+
+```bash
+hackmyresume BUILD resume.json TO out/resume.all --theme node_modules/fresh-theme-bootstrap --css cerulean
+```
+
+<img src="http://aruberto.github.io/fresh-theme-bootstrap/cerulean.png" width="49%">
+<img src="http://aruberto.github.io/fresh-theme-bootstrap/cerulean-xs.png" width="49%">
+
+### cosmo
+
+```bash
+hackmyresume BUILD resume.json TO out/resume.all --theme node_modules/fresh-theme-bootstrap --css cosmo
+```
+
+<img src="http://aruberto.github.io/fresh-theme-bootstrap/cosmo.png" width="49%">
+<img src="http://aruberto.github.io/fresh-theme-bootstrap/cosmo-xs.png" width="49%">
+
+### cyborg
+
+```bash
+hackmyresume BUILD resume.json TO out/resume.all --theme node_modules/fresh-theme-bootstrap --css cyborg
+```
+
+<img src="http://aruberto.github.io/fresh-theme-bootstrap/cyborg.png" width="49%">
+<img src="http://aruberto.github.io/fresh-theme-bootstrap/cyborg-xs.png" width="49%">
+
+### darkly
+
+```bash
+hackmyresume BUILD resume.json TO out/resume.all --theme node_modules/fresh-theme-bootstrap --css darkly
+```
+
+<img src="http://aruberto.github.io/fresh-theme-bootstrap/darkly.png" width="49%">
+<img src="http://aruberto.github.io/fresh-theme-bootstrap/darkly-xs.png" width="49%">
+
+### flatly
+
+```bash
+hackmyresume BUILD resume.json TO out/resume.all --theme node_modules/fresh-theme-bootstrap --css flatly
+```
+
+<img src="http://aruberto.github.io/fresh-theme-bootstrap/flatly.png" width="49%">
+<img src="http://aruberto.github.io/fresh-theme-bootstrap/flatly-xs.png" width="49%">
+
+### journal
+
+```bash
+hackmyresume BUILD resume.json TO out/resume.all --theme node_modules/fresh-theme-bootstrap --css journal
+```
+
+<img src="http://aruberto.github.io/fresh-theme-bootstrap/journal.png" width="49%">
+<img src="http://aruberto.github.io/fresh-theme-bootstrap/journal-xs.png" width="49%">
+
+### lumen
+
+```bash
+hackmyresume BUILD resume.json TO out/resume.all --theme node_modules/fresh-theme-bootstrap --css lumen
+```
+
+<img src="http://aruberto.github.io/fresh-theme-bootstrap/lumen.png" width="49%">
+<img src="http://aruberto.github.io/fresh-theme-bootstrap/lumen-xs.png" width="49%">
+
+### paper
+
+```bash
+hackmyresume BUILD resume.json TO out/resume.all --theme node_modules/fresh-theme-bootstrap --css paper
+```
+
+<img src="http://aruberto.github.io/fresh-theme-bootstrap/paper.png" width="49%">
+<img src="http://aruberto.github.io/fresh-theme-bootstrap/paper-xs.png" width="49%">
+
+### readable
+
+```bash
+hackmyresume BUILD resume.json TO out/resume.all --theme node_modules/fresh-theme-bootstrap --css readable
+```
+
+<img src="http://aruberto.github.io/fresh-theme-bootstrap/readable.png" width="49%">
+<img src="http://aruberto.github.io/fresh-theme-bootstrap/readable-xs.png" width="49%">
+
+### sandstone
+
+```bash
+hackmyresume BUILD resume.json TO out/resume.all --theme node_modules/fresh-theme-bootstrap --css sandstone
+```
+
+<img src="http://aruberto.github.io/fresh-theme-bootstrap/sandstone.png" width="49%">
+<img src="http://aruberto.github.io/fresh-theme-bootstrap/sandstone-xs.png" width="49%">
+
+### simplex
+
+```bash
+hackmyresume BUILD resume.json TO out/resume.all --theme node_modules/fresh-theme-bootstrap --css simplex
+```
+
+<img src="http://aruberto.github.io/fresh-theme-bootstrap/simplex.png" width="49%">
+<img src="http://aruberto.github.io/fresh-theme-bootstrap/simplex-xs.png" width="49%">
+
+### slate
+
+```bash
+hackmyresume BUILD resume.json TO out/resume.all --theme node_modules/fresh-theme-bootstrap --css slate
+```
+
+<img src="http://aruberto.github.io/fresh-theme-bootstrap/slate.png" width="49%">
+<img src="http://aruberto.github.io/fresh-theme-bootstrap/slate-xs.png" width="49%">
+
+### spacelab
+
+```bash
+hackmyresume BUILD resume.json TO out/resume.all --theme node_modules/fresh-theme-bootstrap --css spacelab
+```
+
+<img src="http://aruberto.github.io/fresh-theme-bootstrap/spacelab.png" width="49%">
+<img src="http://aruberto.github.io/fresh-theme-bootstrap/spacelab-xs.png" width="49%">
+
+### superhero
+
+```bash
+hackmyresume BUILD resume.json TO out/resume.all --theme node_modules/fresh-theme-bootstrap --css superhero
+```
+
+<img src="http://aruberto.github.io/fresh-theme-bootstrap/superhero.png" width="49%">
+<img src="http://aruberto.github.io/fresh-theme-bootstrap/superhero-xs.png" width="49%">
+
+### united
+
+```bash
+hackmyresume BUILD resume.json TO out/resume.all --theme node_modules/fresh-theme-bootstrap --css united
+```
+
+<img src="http://aruberto.github.io/fresh-theme-bootstrap/united.png" width="49%">
+<img src="http://aruberto.github.io/fresh-theme-bootstrap/united-xs.png" width="49%">
+
+### yeti
+
+```bash
+hackmyresume BUILD resume.json TO out/resume.all --theme node_modules/fresh-theme-bootstrap --css yeti
+```
+
+<img src="http://aruberto.github.io/fresh-theme-bootstrap/yeti.png" width="49%">
+<img src="http://aruberto.github.io/fresh-theme-bootstrap/yeti-xs.png" width="49%">