From 080fe7f6fef0ea2a0f427d437b85af379d09f0d8 Mon Sep 17 00:00:00 2001 From: Graeme Maciver Date: Sat, 22 Nov 2014 18:45:24 +0000 Subject: [PATCH] Short theme version 1 --- index.js | 10 ++ package.json | 10 +- resume.template | 426 ------------------------------------------------ style.css | 150 +++++++++++++---- 4 files changed, 135 insertions(+), 461 deletions(-) delete mode 100644 resume.template diff --git a/index.js b/index.js index 4ea42aa..c3d18c7 100644 --- a/index.js +++ b/index.js @@ -4,6 +4,16 @@ var Handlebars = require("handlebars"); function render(resume) { var css = fs.readFileSync(__dirname + "/style.css", "utf-8"); var template = fs.readFileSync(__dirname + "/resume.template", "utf-8"); + // var months = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December']; + var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']; + + // Nicer dates + Handlebars.registerHelper('date', function(date) { + var theDate = new Date(date); + + return months[theDate.getMonth()] + ' ' + theDate.getFullYear(); + }); + return Handlebars.compile(template)({ css: css, resume: resume diff --git a/package.json b/package.json index 07ed767..e743843 100644 --- a/package.json +++ b/package.json @@ -1,11 +1,11 @@ { - "name": "jsonresume-theme-boilerplate", - "version": "0.1.1", - "description": "Boilerplate theme for JSON Resume", - "author": "Mattias Erming", + "name": "jsonresume-theme-short", + "version": "0.1.0", + "description": "Simple to the point theme for JSON Resume", + "author": "Graeme Maciver", "repository": { "type": "git", - "url": "https://github.com/erming/jsonresume-theme-boilerplate" + "url": "https://github.com/isnotahippy/jsonresume-theme-short" }, "license": "MIT", "dependencies": { diff --git a/resume.template b/resume.template deleted file mode 100644 index ad8ede9..0000000 --- a/resume.template +++ /dev/null @@ -1,426 +0,0 @@ - - - - - - - - {{#resume.basics}}{{name}}{{/resume.basics}} - - - - - - -
- - {{#resume.basics}} -

{{name}}

-

{{label}}

-
-
- {{#if website}} -
- Website - {{website}} -
- {{/if}} - {{#if email}} - - {{/if}} - {{#if phone}} -
- Phone - {{phone}} -
- {{/if}} -
- {{#if summary}} -
-

{{summary}}

-
- {{/if}} - {{#location}} -

Location

-
- {{#if address}} -
- Address - {{address}} -
- {{/if}} - {{#if postalCode}} -
- Postal code - {{postalCode}} -
- {{/if}} - {{#if city}} -
- City - {{city}} -
- {{/if}} - {{#if countryCode}} -
- Country code - {{countryCode}} -
- {{/if}} - {{#if region}} -
- Region - {{region}} -
- {{/if}} -
- {{/location}} - {{#if profiles.length}} -

Profiles

-
- {{#each profiles}} -
- {{#if network}} - - {{network}} - - {{/if}} - {{#if username}} -
- {{username}} -
- {{/if}} - {{#if url}} -
- Link -
- {{/if}} -
- {{/each}} -
- {{/if}} -
- {{/resume.basics}} - - {{#if resume.work.length}} -
-

Work

- {{#each resume.work}} -
- {{#if company}} -

- {{company}} -

- {{/if}} -
- {{#if startDate}} - - {{startDate}} - - {{/if}} - {{#if endDate}} - - - {{endDate}} - - {{else}} - - - Present - - {{/if}} -
- {{#if position}} -
- {{position}} -
- {{/if}} - {{#if website}} - - {{/if}} - {{#if summary}} -
-

{{summary}}

-
- {{/if}} - {{#if highlights.length}} -
    - {{#each highlights}} -
  • {{.}}
  • - {{/each}} -
- {{/if}} -
- {{/each}} -
- {{/if}} - - {{#if resume.volunteer.length}} -
-

Volunteer

- {{#each resume.volunteer}} -
- {{#if organization}} -

- {{organization}} -

- {{/if}} -
- {{#if startDate}} - - {{startDate}} - - {{/if}} - {{#if endDate}} - - - {{endDate}} - - {{else}} - - - Present - - {{/if}} -
- {{#if position}} -
- {{position}} -
- {{/if}} - {{#if website}} - - {{/if}} - {{#if summary}} -
-

{{summary}}

-
- {{/if}} - {{#if highlights.length}} -
    - {{#each highlights}} -
  • {{.}}
  • - {{/each}} -
- {{/if}} -
- {{/each}} -
- {{/if}} - - {{#if resume.education.length}} -
-

Education

- {{#each resume.education}} -
-
- {{#if startDate}} - - {{startDate}} - - {{/if}} - {{#if endDate}} - - - {{endDate}} - - {{else}} - - - Present - - {{/if}} -
- {{#if institution}} -
- {{institution}} -
- {{/if}} - {{#if area}} -
- {{area}} -
- {{/if}} - {{#if studyType}} -
- {{studyType}} -
- {{/if}} - {{#if gpa}} -
- GPA: {{gpa}} -
- {{/if}} - {{#if courses.length}} -
    - {{#each courses}} -
  • {{.}}
  • - {{/each}} -
- {{/if}} -
- {{/each}} -
- {{/if}} - - {{#if resume.awards.length}} -
-

Awards

- {{#each resume.awards}} -
- {{#if title}} -
- {{title}} -
- {{/if}} - {{#if date}} -
- {{date}} -
- {{/if}} - {{#if awarder}} -
- {{awarder}} -
- {{/if}} - {{#if summary}} -
-

{{summary}}

-
- {{/if}} -
- {{/each}} -
- {{/if}} - - {{#if resume.publications.length}} -
-

Publications

- {{#each resume.publications}} -
- {{#if name}} -
- {{name}} -
- {{/if}} - {{#if publisher}} -
- {{publisher}} -
- {{/if}} - {{#if releaseDate}} -
- {{releaseDate}} -
- {{/if}} - {{#if website}} -
- Link -
- {{/if}} - {{#if summary}} -
-

{{summary}}

-
- {{/if}} -
- {{/each}} -
- {{/if}} - - {{#if resume.skills.length}} -
-

Skills

- {{#each resume.skills}} -
- {{#if name}} -
- {{name}} -
- {{/if}} - {{#if level}} -
- {{level}} -
- {{/if}} - {{#if keywords.length}} -
    - {{#each keywords}} -
  • {{.}}
  • - {{/each}} -
- {{/if}} -
- {{/each}} -
- {{/if}} - - {{#if resume.languages.length}} -
-

Languages

- {{#each resume.languages}} -
- {{#if language}} -
- {{language}} -
- {{/if}} - {{#if fluency}} -
- {{fluency}} -
- {{/if}} -
- {{/each}} -
- {{/if}} - - {{#if resume.interests.length}} -
-

Interests

- {{#each resume.interests}} -
- {{#if name}} -
- {{name}} -
- {{/if}} - {{#if keywords.length}} -
    - {{#each keywords}} -
  • {{.}}
  • - {{/each}} -
- {{/if}} -
- {{/each}} -
- {{/if}} - - {{#if resume.references.length}} -
-

References

- {{#each resume.references}} -
- {{#if reference}} -
- {{reference}} -
- {{/if}} - {{#if name}} -
- — {{name}} -
- {{/if}} -
- {{/each}} -
- {{/if}} - -
- - - diff --git a/style.css b/style.css index 1031fba..c5b7b48 100644 --- a/style.css +++ b/style.css @@ -1,54 +1,144 @@ body { background: #fff; - font: 15px Arial, Helvetica, sans-serif; + font: 14px 'Open Sans' Helvetica, Arial, sans-serif; line-height: 1.4; - margin: 50px 0; + margin: 0 0; margin-bottom: 100px; } em { color: #999; } p { - line-height: 1.4; + line-height: 1.6; + font-size: 90%; +} + +a { + color: #2C85B1; + text-decoration: none; + font-weight: 400; } ul { margin-bottom: 0; } section { - margin-bottom: 2em; + margin: 1em 0 2em; } blockquote { margin: 0; margin-bottom: 1em; } -.item { - margin-bottom: 1em; -} #resume { - margin: 0 auto; - max-width: 480px; + margin: 2em 2em 2em 2.5em; + max-width: 960px; padding: 0 20px; } -#basics { - margin-bottom: -10px; -} -#basics h3 { - margin-top: 1.5em; -} -#basics .contact strong, -#location strong { - clear: both; - float: left; - line-height: 1.3; - width: 120px; -} -#profiles, -#skills { - overflow: hidden; -} -#profiles .item, -#skills .item { - float: left; - width: 50%; + +/* Resume heading */ +.heading header { + } +.heading header h1 { + font-size: 180%; + margin: 0.5em 0; + font-weight: 600; +} + +.heading header h2 { + font-size: 140%; + margin: 0; + font-weight: 400; +} + +.heading header .contact .detail { + margin: 0 1em 0 0; +} + +#profiles .profile { + display: inline-block; + margin: 0 1em 0 0; +} + +#profiles .profile strong, +#profiles .profile span { + margin: 0 1em 0 0; +} +/* section / line breaks */ +section h2 { + font-size: 140%; + margin: 0 0 1em; + text-transform: uppercase; + color: #BC1B39; + font-weight: 400; +} + +/* Experience items */ +.item { + margin: 0 0 1em; + padding: 0 0 1em; + border-bottom: 1px solid #F2EBEC; +} + +.item:last-child { + border-bottom: none; +} + + +.item header h3 { + margin: 0.2em 1em 0.2em 0; + display: inline-block; + font-weight: 600; +} + +.item header a { + display: inline-block; +} + +.item .position { + font-weight: 600; + font-size: 100%; + margin: 0.2em 1em 0.2em 0; +} + +.item .startDate, +.item .endDate { + color: #6B6B6B; +} + +.item .summary { + font-size: 90%; +} + +.item .highlights { + list-style: square; + font-size: 90%; +} + +/* skills */ +#skills .item { + margin: 0.4em 0; + padding: 0; + font-size: 90%; + border-bottom: 0; +} + +#skills .item .name { + font-weight: 600; + display: inline-block; + text-transform: uppercase; + margin: 0 1em 0 0; +} + +#skills .item .keywords { + display: inline-block; +} + +/* education */ +#education .item { + display: inline-block; + width: 49.5%; + border-bottom: 0; +} + +