From a5727e00cb762ff928d94fc868f417eedd5026ae Mon Sep 17 00:00:00 2001
From: hacksalot <hacksalot@indevious.com>
Date: Mon, 21 Dec 2015 19:51:53 -0500
Subject: [PATCH] Add placeholder content and start theming.

---
 _config.yml         |  1 +
 _layouts/home.html  | 15 ++++++++----
 _sass/_hmr.scss     | 59 +++++++++++++++++++++++++++++++++++++++++++++
 _sass/_minimal.scss |  2 +-
 css/main.scss       |  2 +-
 index.html          |  4 +++
 index.md            |  8 ------
 js/scale.fix.js     | 17 +++++++++++++
 8 files changed, 93 insertions(+), 15 deletions(-)
 create mode 100644 _sass/_hmr.scss
 create mode 100644 index.html
 delete mode 100644 index.md
 create mode 100644 js/scale.fix.js

diff --git a/_config.yml b/_config.yml
index ea1fd79..ea3b147 100644
--- a/_config.yml
+++ b/_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
diff --git a/_layouts/home.html b/_layouts/home.html
index 6aea446..697b65f 100644
--- a/_layouts/home.html
+++ b/_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>
diff --git a/_sass/_hmr.scss b/_sass/_hmr.scss
new file mode 100644
index 0000000..d794be9
--- /dev/null
+++ b/_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;
+  }
+}
diff --git a/_sass/_minimal.scss b/_sass/_minimal.scss
index 552e150..7d7769b 100644
--- a/_sass/_minimal.scss
+++ b/_sass/_minimal.scss
@@ -101,7 +101,7 @@ th {
 }
 
 img {
-  //max-width:100%;
+  max-width:100%;
 }
 
 header {
diff --git a/css/main.scss b/css/main.scss
index 7d0948d..dbbc197 100644
--- a/css/main.scss
+++ b/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";
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..bef3b65
--- /dev/null
+++ b/index.html
@@ -0,0 +1,4 @@
+---
+layout: home
+---
+<img src="img/hackmyresume_cli.png">
diff --git a/index.md b/index.md
deleted file mode 100644
index da6a27f..0000000
--- a/index.md
+++ /dev/null
@@ -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)
diff --git a/js/scale.fix.js b/js/scale.fix.js
new file mode 100644
index 0000000..6a2cc56
--- /dev/null
+++ b/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";
+    }
+  }
+}