json-theme-even-fork/resume.template

479 lines
15 KiB
Plaintext

<!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>