mirror of
https://github.com/JuanCanham/fresh-themes.git
synced 2024-11-23 00:30:10 +00:00
170 lines
5.2 KiB
HTML
170 lines
5.2 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>{{ r.basics.name }}</title>
|
|
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic' rel='stylesheet' type='text/css'>
|
|
<link href="html.css" rel="stylesheet" type="text/css">
|
|
</head>
|
|
<body>
|
|
<main>
|
|
<header>
|
|
<h1>{{ r.basics.name }}</h1>
|
|
<div id="contact">
|
|
{% if (r.basics.email) { %}<div class="email">{{ r.basics.email }}</div>{% } %}
|
|
{% if (r.basics.phone) { %}<div class="phone">{{ r.basics.phone }}</div>{% } %}
|
|
{% if (r.basics.website) { %}<div class="website"><a href="{{ r.basics.website }}">{{ r.basics.website }}</a></div>{% } %}
|
|
</div>
|
|
</header>
|
|
|
|
|
|
{% if ( r.basics.summary && r.basics.summary.length ) { %}
|
|
<section id="summary">
|
|
{{ r.basics.summary|md }}
|
|
</section>
|
|
{% } %}
|
|
|
|
|
|
{% if ( r.skills && r.skills.length ) { %}
|
|
<section id="skills">
|
|
<header>
|
|
<h2>Skills</h2><hr>
|
|
</header>
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<th>Skill</th>
|
|
<th>Keywords</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{% r.skills.forEach( function( skill, idx, ar) { %}
|
|
<tr>
|
|
<td style="width: 25%;">{{ skill.name }}</td>
|
|
<td class="keywords">{% print( (skill.keywords && skill.keywords.length && skill.keywords.join(', ')) || '[None Specified]' ) %}</td>
|
|
</tr>
|
|
{% }); %}
|
|
</tbody>
|
|
</table>
|
|
</section>
|
|
{% } %}
|
|
|
|
|
|
|
|
{% if ( r.work && r.work.length ) { %}
|
|
<section id="employment">
|
|
<header>
|
|
<h2>Employment</h2><hr>
|
|
</header>
|
|
|
|
|
|
|
|
{% r.work.forEach( function( proj, idx, ar) { %}
|
|
{% if( idx < 4 ) { %}
|
|
<h3><em>{{ proj.position }}</em>, {{ proj.company }} <span class="tenure">{{ proj.startDate }} — {{ proj.endDate }}<span></h3>
|
|
<p style="clear: both;">{{ proj.summary|md }}</p>
|
|
{% if( proj.highlights ) { %}
|
|
<ul>
|
|
{% proj.highlights.forEach( function( high, idx, ar) { %}
|
|
<li>{{ high|mdin }}</li>
|
|
{% }); %}
|
|
</ul>
|
|
{% } %}
|
|
{% } else { %}
|
|
|
|
{% if( idx === 4 ) { %}
|
|
<h3>Previously... <span class="tenure">{{ r.work[ r.work.length - 1 ].safeStartDate.format('YYYY') }} — {{ proj.safeEndDate.format('YYYY') }}<span></h3>
|
|
<p style="clear: both;">Prior to {{ r.work[ 3 ].company }}, I worked on a range of projects for companies large and small.</p>
|
|
<ul>
|
|
{% } %}
|
|
|
|
|
|
<li>{{ proj.position }}, {{ proj.company }}</li>
|
|
|
|
|
|
{% if( idx === ar.length - 1 ) { %}
|
|
</ul>
|
|
{% } %}
|
|
|
|
{% } %}
|
|
{% }); %}
|
|
|
|
|
|
|
|
</section>
|
|
{% } %}
|
|
|
|
|
|
|
|
{% if ( r.education && r.education.length ) { %}
|
|
<section id="education">
|
|
<header>
|
|
<h2>Education</h2><hr>
|
|
</header>
|
|
{% r.education.forEach( function( edu, idx, ar) { %}
|
|
<h3>{{ edu.institution }} <span class="tenure">{{ edu.safeStartDate.format('YYYY') }} — {{ edu.safeEndDate.format('YYYY') }}<span></h3>
|
|
<p style="clear: both;">{{ edu.area|md }}</p>
|
|
{% }); %}
|
|
|
|
</section>
|
|
{% } %}
|
|
|
|
{% if ( r.volunteer && r.volunteer.length ) { %}
|
|
<section id="volunteer">
|
|
<header>
|
|
<h2>Volunteer</h2><hr>
|
|
</header>
|
|
{% r.volunteer.forEach( function( vol, idx, ar ) { %}
|
|
<h3>{{ vol.organization }} <span class="tenure">{{ vol.safeStartDate.format('YYYY') }} — {{ vol.safeEndDate.format('YYYY') }}<span></h3>
|
|
<p style="clear: both;">{{ vol.summary|md }}</p>
|
|
{% if( vol.highlights ) { %}
|
|
<ul>
|
|
{% vol.highlights.forEach( function( high, idx, ar) { %}
|
|
<li>{{ high|md }}</li>
|
|
{% }); %}
|
|
</ul>
|
|
{% } %}
|
|
{% }); %}
|
|
|
|
</section>
|
|
{% } %}
|
|
|
|
{% if( r.publications && r.publications.length ) { %}
|
|
<section id="publications">
|
|
<header>
|
|
<h2>Publications</h2><hr>
|
|
</header>
|
|
<span class="fa fa-lg fa-trophy"></span>
|
|
{% r.publications.forEach( function( pub, idx, ar) { %}
|
|
<h4>
|
|
{% if( pub.website ) { %}
|
|
<span class="res-label"><a href="{{ pub.website }}" ></span>{{ pub.name }}</a>, {{ pub.publisher }}
|
|
{% } else { %}
|
|
<span class="res-label">{{ pub.name }}</span>, {{ pub.publisher }}
|
|
{% } %}
|
|
<span class="tenure">{{ pub.safeReleaseDate.format('YYYY') }}</span>
|
|
</h4>
|
|
|
|
{{ pub.summary|md }}
|
|
|
|
{% }); %}
|
|
</section>
|
|
{% } %}
|
|
|
|
{% if( r.awards && r.awards.length ) { %}
|
|
<section id="awards">
|
|
<header>
|
|
<h2>Awards</h2><hr>
|
|
</header>
|
|
<span class="fa fa-lg fa-trophy"></span>
|
|
{% r.awards.forEach( function( award, idx, ar) { %}
|
|
<h4><span class="res-label">{{ award.title }}</span>, {{ award.awarder }} <span class="tenure">{{ award.safeDate.format('YYYY') }}</span></h4>
|
|
{{ award.summary|md }}
|
|
{% }); %}
|
|
</section>
|
|
{% } %}
|
|
|
|
</main>
|
|
</body>
|
|
</html>
|