476 lines
15 KiB
Handlebars
476 lines
15 KiB
Handlebars
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<title>{{#resume.basics}}{{name}}{{/resume.basics}}</title>
|
|
<meta name="description" content="{{#resume.basics}}{{summary}}{{/resume.basics}}" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400,700&display=swap" />
|
|
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" />
|
|
<style>
|
|
{{{css}}}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<header id="header">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-sm-9 offset-sm-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 float-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 float-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 float-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 float-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 float-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 float-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>
|