1
0
mirror of https://github.com/JuanCanham/fresh-themes.git synced 2024-12-25 06:17:22 +00:00
fresh-themes/themes/positive/src/positive-html.html
2015-12-18 12:55:30 -05:00

165 lines
5.0 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>{{ r.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 rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<link href="positive-html.css" rel="stylesheet" type="text/css">
</head>
<body>
<main>
<header>
<h1>{{initialWords r.name }} <span style="color: #C00000;">{{lastWord r.name }}</span></h1>
<span class="label">{{{ r.info.label }}}</span>
<p id="contact">
{{#if r.contact.email}}<span class="email"><a href="mailto:{{ RAW.contact.email }}">{{{ r.contact.email }}}</a></span>{{/if}}
{{#if r.contact.phone}}<span class="phone">{{{ r.contact.phone }}}</span>{{/if}}
{{#if r.contact.website}}<span class="website"><a href="{{ RAW.contact.website }}">{{{ r.contact.website }}}</a></span>{{/if}}
</p>
</header>
{{#if r.info.brief}}
<section id="summary">
{{{ r.info.brief }}}
</section>
{{/if}}
{{#if r.skills}}
<section id="skills">
<header>
<h2><span class="fa fa-code"></span> Skills</h2>
</header>
<table>
<thead>
<tr>
<th>Skill</th>
<th>Keywords</th>
</tr>
</thead>
<tbody>
{{#each r.skills.sets}}
<tr>
<td style="width: 33%;">{{{ name }}}</td>
<td class="keywords">{{#each skills}}{{{ this }}} {{/each}}</td>
</tr>
{{/each}}
</tbody>
</table>
</section>
{{/if}}
{{#if r.employment}}
<section id="employment">
<header>
<h2><span class="fa fa-building" style="vertical-align: top;"></span> Employment</h2>
</header>
{{#each r.employment.history }}
{{#compare @index 4 operator="<"}}
<h3><em>{{ position }}</em>,
{{#if url }}
<a href="{{ url }}">{{ employer }}</a>
{{else}}
{{ employer }}
{{/if}}
<span class="tenure">{{formatDate safe.start 'YYYY-MM' }} &mdash; {{formatDate safe.end 'YYYY-MM' }}<span></h3>
<p style="clear: both;">{{{ summary }}}</p>
{{#if highlights}}
<ul>
{{#each highlights}}
<li>{{{ this }}}</li>
{{/each}}
</ul>
{{/if}}
{{/compare}}
{{#compare @index 4 operator=">="}}
{{#compare @index 4 operator="=="}}
<h3>Previously...</h3>
<p style="clear: both;">Prior to {{{ employer }}}, I worked on a range of projects for companies large and small.</p>
<ul>
{{/compare}}
<li>{{{ position }}}, {{{ employer }}}</li>
{{#if @last}}
</ul>
{{/if}}
{{/compare}}
{{/each}}
</section>
{{/if}}
{{# if r.education}}
<section id="education">
<header>
<h2><span class="fa fa-mortar-board"></span> Education</h2>
</header>
{{#each r.education.history}}
<h3>{{{ institution }}} <span class="tenure">{{formatDate safe.start 'YYYY' }} &mdash; {{formatDate safe.end 'YYYY' }}<span></h3>
{{/each}}
</section>
{{/if}}
{{#if r.service}}
<section id="volunteer">
<header>
<h2><span class="fa fa-child" style="vertical-align: top;"></span> Service</h2>
</header>
{{#each r.service.history}}
<h3><em>{{ position }}</em>,
{{#if url}}
<a href="{{ url }}">{{ organization }}</a>
{{else}}
{{ organization }}
{{/if}}
<span class="tenure">{{formatDate safe.start 'YYYY' }} &mdash; {{formatDate safe.end 'YYYY' }}<span></h3>
<p style="clear: both;">{{{ summary }}}</p>
{{#if highlights}}
<ul>
{{#each highlights}}
<li>{{ this }}</li>
{{/each}}
</ul>
{{/if}}
{{/each}}
</section>
{{/if}}
{{#if r.writing}}
<section id="publications">
<header>
<h2><span class="fa fa-book"></span> Writing</h2>
</header>
{{#each r.writing }}
<h3><em>{{#if url}}<a href="{{ url }}">{{ title }}</a>{{else}}{{ title }}{{/if}}</em>,
{{{ publisher.name }}} <span class="tenure">{{formatDate safe.date 'YYYY'}}</span></h3>
{{# if summary}}{{{ summary }}}{{/if}}
{{/each}}
</section>
{{/if}}
{{# if r.recognition}}
<section id="awards">
<header>
<h2><span class="fa fa-trophy"></span> Awards</h2>
</header>
{{#each r.recognition}}
<h4><span class="res-label">{{ title }}</span>, {{ from }} <span class="tenure">{{formatDate safe.date 'YYYY' }}</span></h4>
{{{ summary }}}
{{/each}}
</section>
{{/if}}
</main>
</body>
</html>