Add placeholder content and start theming.

_config.yml

@@ -19,6 +19,7 @@ github_short: hacksalot/HackMyResume
 author_name: hacksalot
 twitter_username: tweetsalot
 github_username:  hacksalot
+npm_package: hackmyresume
 
 # Build settings
 markdown: kramdown

_layouts/home.html

@@ -4,12 +4,17 @@ layout: master-bare
 <div class="wrapper">
   <header>
     <h1>{{ site.title }}</h1>
-    <p>A 21st-century resume authoring tool.</p>
-    <p class="view"><a href="{{ site.github_url }}">View the Project on GitHub <small>{{ site.github_short }}</small></a></p>
+    <p class="byline">A Swiss Army Knife for résumés and CVs<br>For Windows, OS X, Linux, and Node.js</p>
+    <p class="byline"><strong>Install</strong> with NPM:<br><br><code>[sudo] npm install hackmyresume -g</code></p>
+    <p class="byline"><strong>Feed me</strong>: One or more <a href="https://github.com/fluentdesk/FRESCA">FRESH</a> or <a href="https://github.com/json-resume/json-resume-schema">JSON Resume</a> format résumés.</p>
+    <p class="byline"><strong>Sit back</strong> while I generate polished résumés in HTML, WORD, Markdown, PDF, LaTeX, JSON, YAML, XML, plain text, smoke signal, and carrier pigeon.</p>
+    <p class="byline"><strong>Themes</strong>: Choose from any <a href="https://github.com/fluentdesk/fluent-themes">FRESH</a> or <a href="#">JSON Resume</a> theme or <strong>build your own</strong> with Handlebars or Underscore.</p>
+    <p class="byline"><strong>Validation?</strong> Yup.</p>
+    <p class="byline"><strong>100% Private and Local</strong> No registration, no <a href="https://github.com/jsonresume/resume-cli/blob/master/lib/export-resume/index.js#L67-L86">drive-by resume uploads</a>, no dialing home, and no recruitment.</p>
     <ul>
-      <li><a href="{{ site.github_url }}/zipball/master">Install with <strong>NPM</strong></a></li>
+      <li><a href="https://www.npmjs.com/package/{{ site.npm_package }}">Install with <strong>NPM</strong></a></li>
       <!-- <li><a href="{{ site.github_url }}/minimal/tarball/master">Download <strong>sources</strong></a></li> -->
-      <li><a href="{{ site.github_url }}">Fork On <strong>GitHub</strong></a></li>
+      <li><a href="{{ site.github_url }}">View on <strong>GitHub</strong></a></li>
     </ul>
   </header>
 
@@ -22,4 +27,4 @@ layout: master-bare
     <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>
+<script src="/js/scale.fix.js"></script>

_sass/_hmr.scss

@@ -0,0 +1,59 @@
+.byline {
+  text-transform: uppercase;
+  font-size: 80%;
+  margin: 0;
+  margin-bottom: 15px;
+}
+
+.wrapper {
+  max-width: 1150px;
+  width: 100%;
+}
+
+p > code {
+  background-color: #EAEAEA;
+  padding: 5px;
+}
+
+header {
+  position: static;
+  width: 33%;
+  max-width: 400px;
+}
+
+section {
+  width: 66%;
+  float: left;
+  max-width: 750px;
+}
+
+header, section, img {
+  box-sizing: border-box;
+}
+
+img {
+  border: solid 10px #000;
+  border-radius: 10px;
+  margin: 0 20px;
+}
+
+@media print, screen and (max-width: 960px) {
+  header {
+    width: auto;
+    padding-right: 0;
+
+  }
+  img {
+    margin: 0;
+  }
+  header ul {
+      /* position: absolute; */
+      position: static;
+      right: 50px;
+      top: 52px;
+  }
+  section {
+    float: none;
+    width: auto;
+  }
+}

_sass/_minimal.scss

@@ -101,7 +101,7 @@ th {
 }
 
 img {
-  //max-width:100%;
+  max-width:100%;
 }
 
 header {

css/main.scss

@@ -4,4 +4,4 @@
 @charset "utf-8";
 
 // Import partials from `sass_dir` (defaults to `_sass`)
-@import "minimal", "syntax-highlighting";
+@import "minimal", "syntax-highlighting", "hmr";

index.html

@@ -0,0 +1,4 @@
+---
+layout: home
+---
+<img src="img/hackmyresume_cli.png">

index.md

@@ -1,8 +0,0 @@
----
-layout: home
----
-
-Generate polished résumés and CVs in multiple formats from your command line or
-shell without violating DRY.
-
-![](img/hackmyresume_cli.png)

js/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";
+    }
+  }
+}