1
0
mirror of https://github.com/JuanCanham/fresh-themes.git synced 2024-11-15 05:00:11 +00:00
fresh-themes/themes/compact/templates/html.html

170 lines
5.3 KiB
HTML
Raw Normal View History

2015-10-27 12:41:12 +00:00
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>{{ r.name }}</title>
2015-10-27 12:41:12 +00:00
<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">
2015-10-27 12:41:12 +00:00
</head>
<body>
<main>
<header>
<h1>{{ r.name }}</h1>
2015-10-27 12:41:12 +00:00
<div id="contact">
{% if (r.contact.email) { %}<div class="email">{{ r.contact.email }}</div>{% } %}
{% if (r.contact.phone) { %}<div class="phone">{{ r.contact.phone }}</div>{% } %}
{% if (r.contact.website) { %}<div class="website"><a href="{{ r.contact.website }}">{{ r.contact.website }}</a></div>{% } %}
2015-10-27 12:41:12 +00:00
</div>
</header>
2015-11-19 15:05:10 +00:00
{% if ( r.info.brief && r.info.brief.length ) { %}
2015-10-27 12:41:12 +00:00
<section id="summary">
2015-11-19 15:05:10 +00:00
{{ r.info.brief|md }}
2015-10-27 12:41:12 +00:00
</section>
{% } %}
2015-11-21 13:20:44 +00:00
{% if ( r.skills && r.skills.sets && r.skills.sets.length ) { %}
2015-10-27 12:41:12 +00:00
<section id="skills">
<header>
<h2>Skills</h2><hr>
</header>
<table>
<thead>
<tr>
<th>Skill</th>
<th>Keywords</th>
</tr>
</thead>
<tbody>
2015-11-21 13:20:44 +00:00
{% r.skills.sets.forEach( function( skillset ) { %}
2015-10-27 12:41:12 +00:00
<tr>
2015-11-21 13:20:44 +00:00
<td style="width: 25%;">{{ skillset.name }}</td>
<td class="keywords">{{ skillset.skills.join(',') }}</td>
2015-10-27 12:41:12 +00:00
</tr>
{% }); %}
</tbody>
</table>
</section>
{% } %}
{% if ( r.employment && r.employment.history ) { %}
2015-10-27 12:41:12 +00:00
<section id="employment">
<header>
<h2>Employment</h2><hr>
</header>
{% r.employment.history.forEach( function( proj, idx, ar) { %}
{% if( idx < 4 ) { %}
<h3><em>{{ proj.position }}</em>, {{ proj.employer }} <span class="tenure">{{ proj.safe.start.format('YYYY-MM') }} &mdash; {{ proj.safe.end.format('YYYY-MM') }}<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.employment.history[ r.employment.history.length - 1 ].safe.start.format('YYYY') }} &mdash; {{ proj.safe.end.format('YYYY') }}<span></h3>
<p style="clear: both;">Prior to {{ r.employment.history[ 3 ].employer }}, I worked on a range of projects for companies large and small.</p>
2015-10-27 12:41:12 +00:00
<ul>
{% } %}
<li>{{ proj.position }}, {{ proj.employer }}</li>
{% if( idx === ar.length - 1 ) { %}
2015-10-27 12:41:12 +00:00
</ul>
{% } %}
2015-10-27 12:41:12 +00:00
{% } %}
{% }); %}
2015-10-27 12:41:12 +00:00
</section>
{% } %}
{% if ( r.education && r.education.history ) { %}
2015-10-27 12:41:12 +00:00
<section id="education">
<header>
<h2>Education</h2><hr>
</header>
{% r.education.history.forEach( function( edu, idx, ar) { %}
<h3>{{ edu.institution }} <span class="tenure">{{ edu.safe.start.format('YYYY') }} &mdash; {{ edu.safe.end.format('YYYY') }}<span></h3>
{% if(edu.summary) { %}<p style="clear: both;">{{ edu.summary|md }}</p>{% } %}
2015-10-27 12:41:12 +00:00
{% }); %}
</section>
{% } %}
{% if ( r.service && r.service.history && r.service.history.length ) { %}
2015-10-27 12:41:12 +00:00
<section id="volunteer">
<header>
<h2>Volunteer</h2><hr>
</header>
{% r.service.history.forEach( function( vol, idx, ar ) { %}
<h3>{{ vol.organization }} <span class="tenure">{{ vol.safe.start.format('YYYY') }} &mdash; {{ vol.safe.end.format('YYYY') }}<span></h3>
2015-10-27 12:41:12 +00:00
<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>
{% } %}
2015-11-21 13:20:44 +00:00
{% if( r.writing && r.writing.length ) { %}
2015-10-27 12:41:12 +00:00
<section id="publications">
<header>
<h2>Publications</h2><hr>
</header>
<span class="fa fa-lg fa-trophy"></span>
2015-11-21 13:20:44 +00:00
{% r.writing.forEach( function( pub, idx, ar) { %}
2015-10-27 12:41:12 +00:00
<h4>
2015-11-21 13:20:44 +00:00
{% if( pub.url ) { %}
<span class="res-label"><a href="{{ pub.link[0].url }}" ></span>{{ pub.title }}</a>,&nbsp;{{ pub.publisher }}
2015-10-27 12:41:12 +00:00
{% } else { %}
<span class="res-label">{{ pub.title }}</span>,&nbsp;{{ pub.publisher }}
2015-10-27 12:41:12 +00:00
{% } %}
<span class="tenure">{{ pub.safe.date.format('YYYY') }}</span>
2015-10-27 12:41:12 +00:00
</h4>
{% if (pub.summary) { %}{{ pub.summary|md }}{% } %}
2015-10-27 12:41:12 +00:00
{% }); %}
</section>
{% } %}
2015-11-21 13:20:44 +00:00
{% if( r.recognition && r.recognition.length ) { %}
2015-10-27 12:41:12 +00:00
<section id="awards">
<header>
<h2>Awards</h2><hr>
</header>
<span class="fa fa-lg fa-trophy"></span>
2015-11-21 13:20:44 +00:00
{% r.recognition.forEach( function( award, idx, ar) { %}
<h4><span class="res-label">{{ award.title }}</span>, {{ award.from }} <span class="tenure">{{ award.safe.date.format('YYYY') }}</span></h4>
2015-10-27 12:41:12 +00:00
{{ award.summary|md }}
{% }); %}
</section>
{% } %}
</main>
</body>
</html>