0.1.0
This commit is contained in:
Rafael Bardini
commit
f203660e46
|
|
@ -0,0 +1,2 @@
|
|||
node_modules/
|
||||
npm-debug.log
|
||||
|
|
@ -0,0 +1,21 @@
|
|||
MIT License
|
||||
|
||||
Copyright (c) 2018 Rafael Bardini
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||
of this software and associated documentation files (the "Software"), to deal
|
||||
in the Software without restriction, including without limitation the rights
|
||||
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||
copies of the Software, and to permit persons to whom the Software is
|
||||
furnished to do so, subject to the following conditions:
|
||||
|
||||
The above copyright notice and this permission notice shall be included in all
|
||||
copies or substantial portions of the Software.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
||||
SOFTWARE.
|
||||
|
|
@ -0,0 +1,17 @@
|
|||
jsonresume-theme-even
|
||||
=====================
|
||||
|
||||
[](https://www.npmjs.com/package/jsonresume-theme-even)
|
||||
[](https://david-dm.org/rbardini/jsonresume-theme-even)
|
||||
|
||||
A flat theme for [JSON Resume](https://jsonresume.org/), compatible with the bleeding edge [resume schema](https://github.com/jsonresume/resume-schema/tree/v1.0.0).
|
||||
|
||||
Based on [jsonresume-theme-flat](https://github.com/erming/jsonresume-theme-flat).
|
||||
|
||||
## Installation
|
||||
|
||||
$ npm install jsonresume-theme-even
|
||||
|
||||
## License
|
||||
|
||||
Licensed under the [MIT License](https://opensource.org/licenses/MIT).
|
||||
|
|
@ -0,0 +1,32 @@
|
|||
var fs = require("fs");
|
||||
var Handlebars = require("handlebars");
|
||||
|
||||
module.exports = {
|
||||
render: render
|
||||
};
|
||||
|
||||
function render(resume) {
|
||||
var css = fs.readFileSync(__dirname + "/style.css", "utf-8");
|
||||
var template = fs.readFileSync(__dirname + "/resume.template", "utf-8");
|
||||
return Handlebars.compile(template)({
|
||||
css: css,
|
||||
resume: resume
|
||||
});
|
||||
}
|
||||
|
||||
Handlebars.registerHelper("formatDate", function(dateString) {
|
||||
const date = new Date(dateString);
|
||||
return date.toLocaleDateString("en", {
|
||||
month: "short",
|
||||
year: "numeric"
|
||||
});
|
||||
});
|
||||
|
||||
Handlebars.registerHelper("join", function(arr, separator) {
|
||||
separator = typeof separator === "string" ? separator : ", ";
|
||||
return arr.join(separator);
|
||||
});
|
||||
|
||||
Handlebars.registerHelper("nl2br", function(value) {
|
||||
return (value || "").replace(/\n/g, "</p><p>");
|
||||
});
|
||||
|
|
@ -0,0 +1,72 @@
|
|||
{
|
||||
"name": "jsonresume-theme-even",
|
||||
"version": "0.1.0",
|
||||
"lockfileVersion": 1,
|
||||
"requires": true,
|
||||
"dependencies": {
|
||||
"async": {
|
||||
"version": "2.6.1",
|
||||
"resolved": "https://registry.npmjs.org/async/-/async-2.6.1.tgz",
|
||||
"integrity": "sha512-fNEiL2+AZt6AlAw/29Cr0UDe4sRAHCpEHh54WMz+Bb7QfNcFw4h3loofyJpLeQs4Yx7yuqu/2dLgM5hKOs6HlQ==",
|
||||
"requires": {
|
||||
"lodash": "^4.17.10"
|
||||
}
|
||||
},
|
||||
"commander": {
|
||||
"version": "2.17.1",
|
||||
"resolved": "https://registry.npmjs.org/commander/-/commander-2.17.1.tgz",
|
||||
"integrity": "sha512-wPMUt6FnH2yzG95SA6mzjQOEKUU3aLaDEmzs1ti+1E9h+CsrZghRlqEM/EJ4KscsQVG8uNN4uVreUeT8+drlgg==",
|
||||
"optional": true
|
||||
},
|
||||
"handlebars": {
|
||||
"version": "4.0.12",
|
||||
"resolved": "https://registry.npmjs.org/handlebars/-/handlebars-4.0.12.tgz",
|
||||
"integrity": "sha512-RhmTekP+FZL+XNhwS1Wf+bTTZpdLougwt5pcgA1tuz6Jcx0fpH/7z0qd71RKnZHBCxIRBHfBOnio4gViPemNzA==",
|
||||
"requires": {
|
||||
"async": "^2.5.0",
|
||||
"optimist": "^0.6.1",
|
||||
"source-map": "^0.6.1",
|
||||
"uglify-js": "^3.1.4"
|
||||
}
|
||||
},
|
||||
"lodash": {
|
||||
"version": "4.17.11",
|
||||
"resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.11.tgz",
|
||||
"integrity": "sha512-cQKh8igo5QUhZ7lg38DYWAxMvjSAKG0A8wGSVimP07SIUEK2UO+arSRKbRZWtelMtN5V0Hkwh5ryOto/SshYIg=="
|
||||
},
|
||||
"minimist": {
|
||||
"version": "0.0.10",
|
||||
"resolved": "http://registry.npmjs.org/minimist/-/minimist-0.0.10.tgz",
|
||||
"integrity": "sha1-3j+YVD2/lggr5IrRoMfNqDYwHc8="
|
||||
},
|
||||
"optimist": {
|
||||
"version": "0.6.1",
|
||||
"resolved": "https://registry.npmjs.org/optimist/-/optimist-0.6.1.tgz",
|
||||
"integrity": "sha1-2j6nRob6IaGaERwybpDrFaAZZoY=",
|
||||
"requires": {
|
||||
"minimist": "~0.0.1",
|
||||
"wordwrap": "~0.0.2"
|
||||
}
|
||||
},
|
||||
"source-map": {
|
||||
"version": "0.6.1",
|
||||
"resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
|
||||
"integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g=="
|
||||
},
|
||||
"uglify-js": {
|
||||
"version": "3.4.9",
|
||||
"resolved": "https://registry.npmjs.org/uglify-js/-/uglify-js-3.4.9.tgz",
|
||||
"integrity": "sha512-8CJsbKOtEbnJsTyv6LE6m6ZKniqMiFWmm9sRbopbkGs3gMPPfd3Fh8iIA4Ykv5MgaTbqHr4BaoGLJLZNhsrW1Q==",
|
||||
"optional": true,
|
||||
"requires": {
|
||||
"commander": "~2.17.1",
|
||||
"source-map": "~0.6.1"
|
||||
}
|
||||
},
|
||||
"wordwrap": {
|
||||
"version": "0.0.3",
|
||||
"resolved": "https://registry.npmjs.org/wordwrap/-/wordwrap-0.0.3.tgz",
|
||||
"integrity": "sha1-o9XabNXAvAAI03I0u68b7WMFkQc="
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
{
|
||||
"name": "jsonresume-theme-even",
|
||||
"version": "0.1.0",
|
||||
"description": "A flat theme for JSON Resume, compatible with the bleeding edge resume schema",
|
||||
"author": "Rafael Bardini",
|
||||
"homepage": "https://github.com/rbardini/jsonresume-theme-even",
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "https://github.com/rbardini/jsonresume-theme-even"
|
||||
},
|
||||
"bugs": {
|
||||
"url": "https://github.com/rbardini/jsonresume-theme-even/issues"
|
||||
},
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"handlebars": "4.0.12"
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,494 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, user-scalable=no, minimal-ui">
|
||||
|
||||
<title>{{#resume.basics}}{{name}}{{/resume.basics}}</title>
|
||||
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.2.0/css/bootstrap.min.css">
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/octicons/2.0.2/octicons.min.css">
|
||||
|
||||
<style type="text/css">
|
||||
{{{css}}}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<header id="header">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-9 col-sm-push-3">
|
||||
{{#resume.basics}}
|
||||
{{#name}}
|
||||
<h1>
|
||||
{{.}}
|
||||
</h1>
|
||||
{{/name}}
|
||||
{{#label}}
|
||||
<h2>
|
||||
{{.}}
|
||||
</h2>
|
||||
{{/label}}
|
||||
{{/resume.basics}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<div id="content" class="container">
|
||||
|
||||
{{#resume.basics}}
|
||||
<section id="contact" class="row">
|
||||
<aside class="col-sm-3">
|
||||
<h3>Contact</h3>
|
||||
</aside>
|
||||
<div class="col-sm-9">
|
||||
<div class="row">
|
||||
{{#email}}
|
||||
<div class="col-sm-6">
|
||||
<strong>Email</strong>
|
||||
<div class="email">
|
||||
<a href="mailto:{{.}}">{{.}}</a>
|
||||
</div>
|
||||
</div>
|
||||
{{/email}}
|
||||
{{#phone}}
|
||||
<div class="col-sm-6">
|
||||
<strong>Phone</strong>
|
||||
<div class="phone">{{.}}</div>
|
||||
</div>
|
||||
{{/phone}}
|
||||
{{#url}}
|
||||
<div class="col-sm-6">
|
||||
<strong>Website</strong>
|
||||
<div class="website">
|
||||
<a href="{{.}}">{{.}}</a>
|
||||
</div>
|
||||
</div>
|
||||
{{/url}}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{#summary}}
|
||||
<section id="about" class="row">
|
||||
<aside class="col-sm-3">
|
||||
<h3>About</h3>
|
||||
</aside>
|
||||
<div class="col-sm-9">
|
||||
<p>{{.}}</p>
|
||||
</div>
|
||||
</section>
|
||||
{{/summary}}
|
||||
{{#if profiles.length}}
|
||||
<section id="profiles" class="row">
|
||||
<aside class="col-sm-3">
|
||||
<h3>Profiles</h3>
|
||||
</aside>
|
||||
<div class="col-sm-9">
|
||||
<div class="row">
|
||||
{{#profiles}}
|
||||
<div class="col-sm-6">
|
||||
{{#network}}
|
||||
<strong class="network">
|
||||
{{.}}
|
||||
</strong>
|
||||
{{/network}}
|
||||
{{#if username}}
|
||||
<div class="username">
|
||||
{{#if url}}
|
||||
<div class="url">
|
||||
<a href="{{url}}">{{username}}</a>
|
||||
</div>
|
||||
{{else}}
|
||||
{{username}}
|
||||
{{/if}}
|
||||
</div>
|
||||
{{else}}
|
||||
{{#if url}}
|
||||
<div class="url">
|
||||
<a href="{{url}}">{{url}}</a>
|
||||
</div>
|
||||
{{/if}}
|
||||
{{/if}}
|
||||
</div>
|
||||
{{/profiles}}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{/if}}
|
||||
{{/resume.basics}}
|
||||
|
||||
{{#if resume.work.length}}
|
||||
<section id="work" class="row">
|
||||
<aside class="col-sm-3">
|
||||
<h3>Work</h3>
|
||||
</aside>
|
||||
<div class="col-sm-9">
|
||||
<div class="row">
|
||||
{{#each resume.work}}
|
||||
<div class="col-sm-12">
|
||||
<h4 class="strike-through">
|
||||
<span>{{name}}</span>
|
||||
<span class="date">
|
||||
{{formatDate startDate}} —
|
||||
{{#if endDate}}{{formatDate endDate}}{{else}}Present{{/if}}
|
||||
</span>
|
||||
</h4>
|
||||
{{#url}}
|
||||
<div class="website pull-right">
|
||||
<a href="{{.}}">{{.}}</a>
|
||||
</div>
|
||||
{{/url}}
|
||||
{{#position}}
|
||||
<div class="position">
|
||||
{{.}}
|
||||
</div>
|
||||
{{/position}}
|
||||
{{#summary}}
|
||||
<div class="summary">
|
||||
<p>{{.}}</p>
|
||||
</div>
|
||||
{{/summary}}
|
||||
{{#if highlights.length}}
|
||||
<h4>Highlights</h4>
|
||||
<ul class="highlights">
|
||||
{{#highlights}}
|
||||
<li class="bullet">{{.}}</li>
|
||||
{{/highlights}}
|
||||
</ul>
|
||||
{{/if}}
|
||||
</div>
|
||||
{{/each}}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{/if}}
|
||||
|
||||
{{#if resume.volunteer.length}}
|
||||
<section id="volunteer" class="row">
|
||||
<aside class="col-sm-3">
|
||||
<h3>Volunteer</h3>
|
||||
</aside>
|
||||
<div class="col-sm-9">
|
||||
<div class="row">
|
||||
{{#each resume.volunteer}}
|
||||
<div class="col-sm-12">
|
||||
<h4 class="strike-through">
|
||||
<span>{{organization}}</span>
|
||||
<span class="date">
|
||||
{{formatDate startDate}} —
|
||||
{{#if endDate}}{{formatDate endDate}}{{else}}Present{{/if}}
|
||||
</span>
|
||||
</h4>
|
||||
{{#url}}
|
||||
<div class="website pull-right">
|
||||
<a href="{{.}}">{{.}}</a>
|
||||
</div>
|
||||
{{/url}}
|
||||
{{#position}}
|
||||
<div class="position">
|
||||
{{.}}
|
||||
</div>
|
||||
{{/position}}
|
||||
{{#summary}}
|
||||
<div class="summary">
|
||||
<p>{{.}}</p>
|
||||
</div>
|
||||
{{/summary}}
|
||||
{{#if highlights.length}}
|
||||
<h4>Highlights</h4>
|
||||
<ul class="highlights">
|
||||
{{#highlights}}
|
||||
<li class="bullet">{{.}}</li>
|
||||
{{/highlights}}
|
||||
</ul>
|
||||
{{/if}}
|
||||
</div>
|
||||
{{/each}}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{/if}}
|
||||
|
||||
{{#if resume.education.length}}
|
||||
<section id="education" class="row">
|
||||
<aside class="col-sm-3">
|
||||
<h3>Education</h3>
|
||||
</aside>
|
||||
<div class="col-sm-9">
|
||||
<div class="row">
|
||||
{{#each resume.education}}
|
||||
<div class="col-sm-12">
|
||||
<h4 class="strike-through">
|
||||
<span>{{institution}}</span>
|
||||
<span class="date">
|
||||
{{formatDate startDate}} —
|
||||
{{#if endDate}}{{formatDate endDate}}{{else}}Present{{/if}}
|
||||
</span>
|
||||
</h4>
|
||||
{{#url}}
|
||||
<div class="website pull-right">
|
||||
<a href="{{.}}">{{.}}</a>
|
||||
</div>
|
||||
{{/url}}
|
||||
{{#area}}
|
||||
<div class="area">
|
||||
{{.}}
|
||||
</div>
|
||||
{{/area}}
|
||||
{{#studyType}}
|
||||
<div class="studyType">
|
||||
{{.}}
|
||||
</div>
|
||||
{{/studyType}}
|
||||
{{#if courses.length}}
|
||||
<h4>Courses</h4>
|
||||
<ul class="courses">
|
||||
{{#courses}}
|
||||
<li>{{.}}</li>
|
||||
{{/courses}}
|
||||
</ul>
|
||||
{{/if}}
|
||||
</div>
|
||||
{{/each}}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{/if}}
|
||||
|
||||
{{#if resume.projects.length}}
|
||||
<section id="projects" class="row">
|
||||
<aside class="col-sm-3">
|
||||
<h3>Projects</h3>
|
||||
</aside>
|
||||
<div class="col-sm-9">
|
||||
<div class="row">
|
||||
{{#each resume.projects}}
|
||||
<div class="col-sm-12">
|
||||
<h4 class="strike-through">
|
||||
<span>{{name}}</span>
|
||||
<span class="date">
|
||||
{{formatDate startDate}} —
|
||||
{{#if endDate}}{{formatDate endDate}}{{else}}Present{{/if}}
|
||||
</span>
|
||||
</h4>
|
||||
{{#url}}
|
||||
<div class="website pull-right">
|
||||
<a href="{{.}}">{{.}}</a>
|
||||
</div>
|
||||
{{/url}}
|
||||
<div class="roles">
|
||||
<strong>{{join roles}}</strong>
|
||||
{{#entity}}
|
||||
<em>at</em>
|
||||
<strong>{{.}}</strong>
|
||||
{{/entity}}
|
||||
</div>
|
||||
{{#description}}
|
||||
<div class="description">
|
||||
<p>{{.}}</p>
|
||||
</div>
|
||||
{{/description}}
|
||||
{{#if highlights.length}}
|
||||
<h4>Highlights</h4>
|
||||
<ul class="highlights">
|
||||
{{#highlights}}
|
||||
<li class="bullet">{{.}}</li>
|
||||
{{/highlights}}
|
||||
</ul>
|
||||
{{/if}}
|
||||
</div>
|
||||
{{/each}}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{/if}}
|
||||
|
||||
{{#if resume.awards.length}}
|
||||
<section id="awards" class="row">
|
||||
<aside class="col-sm-3">
|
||||
<h3>Awards</h3>
|
||||
</aside>
|
||||
<div class="col-sm-9">
|
||||
<div class="row">
|
||||
{{#each resume.awards}}
|
||||
<div class="col-sm-12">
|
||||
<h4 class="strike-through">
|
||||
<span>{{title}}</span>
|
||||
</h4>
|
||||
{{#date}}
|
||||
<div class="date pull-right">
|
||||
<em>Awarded</em>
|
||||
{{formatDate .}}
|
||||
</div>
|
||||
{{/date}}
|
||||
{{#awarder}}
|
||||
<div class="awarder">
|
||||
<em>by</em>
|
||||
<strong>{{.}}</strong>
|
||||
</div>
|
||||
{{/awarder}}
|
||||
{{#summary}}
|
||||
<div class="summary">
|
||||
{{.}}
|
||||
</div>
|
||||
{{/summary}}
|
||||
</div>
|
||||
{{/each}}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{/if}}
|
||||
|
||||
{{#if resume.publications.length}}
|
||||
<section id="publications" class="row">
|
||||
<aside class="col-sm-3">
|
||||
<h3>Publications</h3>
|
||||
</aside>
|
||||
<div class="col-sm-9">
|
||||
<div class="row">
|
||||
{{#each resume.publications}}
|
||||
<div class="col-sm-12">
|
||||
<h4 class="strike-through">
|
||||
<span>{{name}}</span>
|
||||
<span class="date">
|
||||
{{releaseDate}}
|
||||
</span>
|
||||
</h4>
|
||||
{{#url}}
|
||||
<div class="website pull-right">
|
||||
<a href="{{.}}">{{.}}</a>
|
||||
</div>
|
||||
{{/url}}
|
||||
{{#publisher}}
|
||||
<div class="publisher">
|
||||
<em>Published by</em>
|
||||
<strong>{{.}}</strong>
|
||||
</div>
|
||||
{{/publisher}}
|
||||
{{#summary}}
|
||||
<div class="summary">
|
||||
<p>{{.}}</p>
|
||||
</div>
|
||||
{{/summary}}
|
||||
</div>
|
||||
{{/each}}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{/if}}
|
||||
|
||||
{{#if resume.skills.length}}
|
||||
<section id="skills" class="row">
|
||||
<aside class="col-sm-3">
|
||||
<h3>Skills</h3>
|
||||
</aside>
|
||||
<div class="col-sm-9">
|
||||
<div class="row">
|
||||
{{#each resume.skills}}
|
||||
<div class="col-sm-6">
|
||||
{{#name}}
|
||||
<div class="name">
|
||||
<h4>{{.}}</h4>
|
||||
</div>
|
||||
{{/name}}
|
||||
{{#if keywords.length}}
|
||||
<ul class="keywords">
|
||||
{{#keywords}}
|
||||
<li>{{.}}</li>
|
||||
{{/keywords}}
|
||||
</ul>
|
||||
{{/if}}
|
||||
</div>
|
||||
{{/each}}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{/if}}
|
||||
|
||||
{{#if resume.languages.length}}
|
||||
<section id="languages" class="row">
|
||||
<aside class="col-sm-3">
|
||||
<h3>Languages</h3>
|
||||
</aside>
|
||||
<div class="col-sm-9">
|
||||
<div class="row">
|
||||
{{#each resume.languages}}
|
||||
<div class="col-sm-6">
|
||||
{{#language}}
|
||||
<div class="language">
|
||||
<strong>{{.}}</strong>
|
||||
</div>
|
||||
{{/language}}
|
||||
{{#fluency}}
|
||||
<div class="fluency">
|
||||
{{.}}
|
||||
</div>
|
||||
{{/fluency}}
|
||||
</div>
|
||||
{{/each}}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{/if}}
|
||||
|
||||
{{#if resume.interests.length}}
|
||||
<section id="interests" class="row">
|
||||
<aside class="col-sm-3">
|
||||
<h3>Interests</h3>
|
||||
</aside>
|
||||
<div class="col-sm-9">
|
||||
<div class="row">
|
||||
{{#each resume.interests}}
|
||||
<div class="col-sm-6">
|
||||
{{#name}}
|
||||
<div class="name">
|
||||
<h4>{{.}}</h4>
|
||||
</div>
|
||||
{{/name}}
|
||||
{{#if keywords.length}}
|
||||
<ul class="keywords">
|
||||
{{#keywords}}
|
||||
<li>{{.}}</li>
|
||||
{{/keywords}}
|
||||
</ul>
|
||||
{{/if}}
|
||||
</div>
|
||||
{{/each}}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{/if}}
|
||||
|
||||
{{#if resume.references.length}}
|
||||
<section id="references" class="row">
|
||||
<aside class="col-sm-3">
|
||||
<h3>References</h3>
|
||||
</aside>
|
||||
<div class="col-sm-9">
|
||||
<div class="row">
|
||||
{{#each resume.references}}
|
||||
<div class="col-sm-12">
|
||||
{{#if reference}}
|
||||
<blockquote class="reference">
|
||||
<p>{{reference}}</p>
|
||||
{{#name}}
|
||||
<p class="name">
|
||||
<strong>— {{.}}</strong>
|
||||
</p>
|
||||
{{/name}}
|
||||
</blockquote>
|
||||
{{/if}}
|
||||
</div>
|
||||
{{/each}}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{/if}}
|
||||
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,176 @@
|
|||
@import url(
|
||||
https://fonts.googleapis.com/css?family=Lato:400,700
|
||||
);
|
||||
body {
|
||||
background: #fff;
|
||||
font-family: Lato, sans-serif;
|
||||
margin: 0 0 80px;
|
||||
}
|
||||
a {
|
||||
color: #2ecc71;
|
||||
}
|
||||
a:focus,
|
||||
a:hover {
|
||||
color: #f1c40f;
|
||||
text-decoration: none;
|
||||
}
|
||||
p {
|
||||
line-height: 1.5;
|
||||
margin: 0;
|
||||
}
|
||||
p + p {
|
||||
margin-top: 10px;
|
||||
}
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4 {
|
||||
margin-top: 0
|
||||
}
|
||||
section {
|
||||
margin-top: 30px;
|
||||
}
|
||||
li {
|
||||
line-height: 1.8;
|
||||
list-style: none;
|
||||
}
|
||||
li:before {
|
||||
content: "\f052";
|
||||
float: left;
|
||||
font: 13px Octicons;
|
||||
margin-top: 6px;
|
||||
margin-left: -20px;
|
||||
opacity: .1;
|
||||
position: absolute;
|
||||
}
|
||||
blockquote {
|
||||
border-left: 5px solid #e7e9ec;
|
||||
font-size: 14px;
|
||||
}
|
||||
em {
|
||||
color: #95a5a6;
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
h4 span:first-child {
|
||||
color: #000;
|
||||
font-weight: bold;
|
||||
}
|
||||
.container {
|
||||
max-width: 750px;
|
||||
padding: 0 30px;
|
||||
}
|
||||
.col-sm-6 {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.col-sm-12 h4 {
|
||||
margin-top: 12px;
|
||||
}
|
||||
.col-sm-12 + .col-sm-12 {
|
||||
margin-top: 30px;
|
||||
}
|
||||
#header {
|
||||
background: #f4f6f6;
|
||||
padding: 50px 0;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
#header h2 {
|
||||
color: #95a5a6;
|
||||
font-size: 24px;
|
||||
}
|
||||
#content h3 {
|
||||
color: #f1c40f;
|
||||
font-size: 26px;
|
||||
margin-top: -4px;
|
||||
}
|
||||
#content aside {
|
||||
text-align: right;
|
||||
padding-right: 30px;
|
||||
}
|
||||
#profiles .network {
|
||||
text-transform: capitalize;
|
||||
}
|
||||
#work .position,
|
||||
#volunteer .position {
|
||||
font-weight: bold;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
#education .area {
|
||||
font-weight: bold;
|
||||
}
|
||||
#education .area:before {
|
||||
content: "\f0d7";
|
||||
font: 16px Octicons;
|
||||
margin-right: 6px;
|
||||
}
|
||||
#education .studyType {
|
||||
margin-left: 25px;
|
||||
}
|
||||
#awards .summary,
|
||||
#publications .summary,
|
||||
#projects .description {
|
||||
margin-top: 8px;
|
||||
}
|
||||
#publications .website a:before {
|
||||
content: attr(href);
|
||||
}
|
||||
|
||||
@media (min-width: 480px) {
|
||||
.strike-through {
|
||||
border-top: 1px solid #f4f6f6;
|
||||
height: 20px;
|
||||
margin-top: 12px;
|
||||
margin-bottom: -2px;
|
||||
position: relative;
|
||||
}
|
||||
.strike-through span,
|
||||
.strike-through a {
|
||||
background: #fff;
|
||||
position: absolute;
|
||||
}
|
||||
.strike-through span:first-child {
|
||||
padding-right: 20px;
|
||||
margin-top: -12px;
|
||||
}
|
||||
.strike-through span + span {
|
||||
font-size: 14px;
|
||||
margin-top: -10px;
|
||||
padding-left: 20px;
|
||||
right: 0;
|
||||
}
|
||||
}
|
||||
@media (max-width: 768px) {
|
||||
.col-sm-6:last-child {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
#content aside {
|
||||
margin-bottom: 20px;
|
||||
padding-right: 0;
|
||||
text-align: left;
|
||||
}
|
||||
#publications .website a:before {
|
||||
content: "View publication";
|
||||
}
|
||||
}
|
||||
@media (max-width: 480px) {
|
||||
h1 {
|
||||
font-size: 26px;
|
||||
}
|
||||
.date {
|
||||
font-size: 14px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.strike-through span:first-child {
|
||||
margin-bottom: 7px;
|
||||
}
|
||||
.strike-through span {
|
||||
display: block;
|
||||
}
|
||||
#header {
|
||||
margin-bottom: 10px;
|
||||
padding: 40px 0;
|
||||
}
|
||||
#actions {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
Loading…
Reference in New Issue