Use explicit HTML format for Compact theme.

This commit is contained in:
hacksalot 2016-01-05 09:02:14 -05:00
parent aaf5755556
commit b43e520f40
3 changed files with 270 additions and 118 deletions

View File

@ -0,0 +1,171 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>{{ RAW.name }}</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
{{{styleSheet "html.css"}}}
</head>
<body>
<main>
<header>
<h1>{{{ r.name }}}</h1>
<div id="contact">
{{#has 'contact.email'}}<div class="email"><a href="mailto:{{{ RAW.contact.email }}}">{{ RAW.contact.email }}</a></div>{{/has}}
{{#has 'contact.phone'}}<div class="phone">{{ RAW.contact.phone }}</div>{{/has}}
{{#has 'contact.website'}}<div class="website"><a href="{{{ RAW.contact.website }}}">{{trimURL RAW.contact.website }}</a></div>{{/has}}
</div>
</header>
{{#has "info.brief"}}
<section id="summary">
{{{ r.info.brief }}}
</section>
{{/has}}
{{#section "skills"}}
<section id="skills">
<header>
<h2><span class="fa fa-code"></span> {{{sectionTitle "Skills"}}}</h2><hr>
</header>
<table>
<thead>
<tr>
<th>Skill</th>
<th>Keywords</th>
</tr>
</thead>
<tbody>
{{#each r.skills.sets}}
<tr>
<td style="width: 25%;">{{ name }}</td>
<td class="keywords">{{#each skills}}{{ this }} {{/each}}</td>
</tr>
{{/each}}
</tbody>
</table>
</section>
{{/section}}
{{#section "employment"}}
<section id="employment">
<header>
<h2><span class="fa fa-building" style="vertical-align: top;"></span> {{{sectionTitle "Employment"}}}</h2><hr>
</header>
{{#each r.employment.history}}
<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}}
{{/each}}
</section>
{{/section}}
{{#section 'projects'}}
<hr>
<section id="projects">
<header>
<h2><span class="fa fa-star"></span>{{{sectionTitle "Projects"}}}</h2>
</header>
{{#each r.projects}}
{{#if url}}
<h4><span class="res-label">{{ role }}</span>, <a href="{{{ url }}}">{{ title }}</a></h4>
{{else}}
<h4><span class="res-label">{{ role }}</span>, <span class="defunct">{{ title }}</span></h4>
{{/if}}
<span class="tenure">{{formatDate safe.start 'YYYY-MM' }}&mdash;{{formatDate safe.end 'YYYY-MM' }}</span>
{{{ summary }}}
{{#if proj.highlights}}
<ul>
{{#each highlights}}
<li>{{{ this }}}</li>
{{/each}}
</ul>
{{/if}}
{{/each}}
</section>
{{/section}}
{{#section "education"}}
<section id="education">
<header>
<h2><span class="fa fa-mortar-board"></span> {{{sectionTitle "Education"}}}</h2><hr>
</header>
{{#each r.education.history}}
<h3>{{{ institution }}} <span class="tenure">{{formatDate safe.start 'YYYY' }} &mdash; {{formatDate safe.end 'YYYY' }}<span></h3>
{{/each}}
</section>
{{/section}}
{{#section "service"}}
<section id="volunteer">
<header>
<h2><span class="fa fa-child" style="vertical-align: top;"></span> {{{sectionTitle "Service"}}}</h2><hr>
</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>
{{/section}}
{{#section "writing"}}
<section id="publications">
<header>
<h2><span class="fa fa-book"></span> {{{sectionTitle "Writing"}}}</h2><hr>
</header>
{{#each r.writing }}
<h3><em>{{#if url}}<a href="{{{ url }}}">{{{ title }}}</a>{{else}}{{{ title }}}{{/if}}</em>,
{{ publisher }} <span class="tenure">{{formatDate safe.date 'YYYY'}}</span></h3>
{{# if summary}}{{{ summary }}}{{/if}}
{{/each}}
</section>
{{/section}}
{{#section "recognition"}}
<section id="awards">
<header>
<h2><span class="fa fa-trophy"></span> {{{sectionTitle "recognition" "Awards"}}}</h2><hr>
</header>
{{#each r.recognition}}
<h4><span class="res-label">{{ title }}</span>, {{ from }} <span class="tenure">{{formatDate safe.date 'YYYY' }}</span></h4>
{{ summary }}
{{/each}}
</section>
{{/section}}
</main>
</body>
</html>

View File

@ -12,96 +12,78 @@
<header>
<h1>{{{ r.name }}}</h1>
<div id="contact">
{{#if r.contact.email}}<div class="email"><a href="mailto:{{{ RAW.contact.email }}}">{{ RAW.contact.email }}</a></div>{{/if}}
{{#if r.contact.phone}}<div class="phone">{{ RAW.contact.phone }}</div>{{/if}}
{{#if r.contact.website}}<div class="website"><a href="{{{ RAW.contact.website }}}">{{trimURL RAW.contact.website }}</a></div>{{/if}}
{{#has 'contact.email'}}<div class="email"><a href="mailto:{{{ RAW.contact.email }}}">{{ RAW.contact.email }}</a></div>{{/has}}
{{#has 'contact.phone'}}<div class="phone">{{ RAW.contact.phone }}</div>{{/has}}
{{#has 'contact.website'}}<div class="website"><a href="{{{ RAW.contact.website }}}">{{trimURL RAW.contact.website }}</a></div>{{/has}}
</div>
</header>
{{#has "info.brief"}}
<section id="summary">
{{{ r.info.brief }}}
</section>
<section id="summary">
{{{ r.info.brief }}}
</section>
{{/has}}
{{#section "skills"}}
<section id="skills">
<header>
<h2><span class="fa fa-code"></span> {{{sectionTitle "Skills"}}}</h2><hr>
</header>
<table>
<thead>
<tr>
<th>Skill</th>
<th>Keywords</th>
</tr>
</thead>
<tbody>
{{#each r.skills.sets}}
<tr>
<td style="width: 25%;">{{ name }}</td>
<td class="keywords">{{#each skills}}{{ this }} {{/each}}</td>
</tr>
{{/each}}
</tbody>
</table>
</section>
<section id="skills">
<header>
<h2><span class="fa fa-code"></span> {{{sectionTitle "Skills"}}}</h2><hr>
</header>
<table>
<thead>
<tr>
<th>Skill</th>
<th>Keywords</th>
</tr>
</thead>
<tbody>
{{#each r.skills.sets}}
<tr>
<td style="width: 25%;">{{ name }}</td>
<td class="keywords">{{#each skills}}{{ this }} {{/each}}</td>
</tr>
{{/each}}
</tbody>
</table>
</section>
{{/section}}
{{#section "employment"}}
<section id="employment">
<header>
<h2><span class="fa fa-building" style="vertical-align: top;"></span> {{{sectionTitle "Employment"}}}</h2><hr>
</header>
<section id="employment">
<header>
<h2><span class="fa fa-building" style="vertical-align: top;"></span> {{{sectionTitle "Employment"}}}</h2><hr>
</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 r.employment.history}}
<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}}
{{/each}}
</section>
</section>
{{/section}}
{{#section 'projects'}}
<hr>
<section id="projects">
<header>
<h3>{{{sectionTitle "Projects"}}}</h3>
<h2><span class="fa fa-star"></span>{{{sectionTitle "Projects"}}}</h2>
</header>
<span class="fa fa-lg fa-building"></span>
{{#each r.projects}}
{{#if url}}
<h4><span class="res-label">{{ role }}</span>, <a href="{{{ url }}}">{{ title }}</a></h4>
@ -123,66 +105,66 @@
{{/section}}
{{#section "education"}}
<section id="education">
<header>
<h2><span class="fa fa-mortar-board"></span> {{{sectionTitle "Education"}}}</h2><hr>
</header>
{{#each r.education.history}}
<h3>{{{ institution }}} <span class="tenure">{{formatDate safe.start 'YYYY' }} &mdash; {{formatDate safe.end 'YYYY' }}<span></h3>
{{/each}}
<section id="education">
<header>
<h2><span class="fa fa-mortar-board"></span> {{{sectionTitle "Education"}}}</h2><hr>
</header>
{{#each r.education.history}}
<h3>{{{ institution }}} <span class="tenure">{{formatDate safe.start 'YYYY' }} &mdash; {{formatDate safe.end 'YYYY' }}<span></h3>
{{/each}}
</section>
</section>
{{/section}}
{{#section "service"}}
<section id="volunteer">
<header>
<h2><span class="fa fa-child" style="vertical-align: top;"></span> {{{sectionTitle "Service"}}}</h2><hr>
</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 id="volunteer">
<header>
<h2><span class="fa fa-child" style="vertical-align: top;"></span> {{{sectionTitle "Service"}}}</h2><hr>
</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>
</section>
{{/section}}
{{#section "writing"}}
<section id="publications">
<header>
<h2><span class="fa fa-book"></span> {{{sectionTitle "Writing"}}}</h2><hr>
</header>
{{#each r.writing }}
<h3><em>{{#if url}}<a href="{{{ url }}}">{{{ title }}}</a>{{else}}{{{ title }}}{{/if}}</em>,
{{ publisher }} <span class="tenure">{{formatDate safe.date 'YYYY'}}</span></h3>
{{# if summary}}{{{ summary }}}{{/if}}
{{/each}}
</section>
<section id="publications">
<header>
<h2><span class="fa fa-book"></span> {{{sectionTitle "Writing"}}}</h2><hr>
</header>
{{#each r.writing }}
<h3><em>{{#if url}}<a href="{{{ url }}}">{{{ title }}}</a>{{else}}{{{ title }}}{{/if}}</em>,
{{ publisher }} <span class="tenure">{{formatDate safe.date 'YYYY'}}</span></h3>
{{# if summary}}{{{ summary }}}{{/if}}
{{/each}}
</section>
{{/section}}
{{#section "recognition"}}
<section id="awards">
<header>
<h2><span class="fa fa-trophy"></span> {{{sectionTitle "recognition" "Awards"}}}</h2><hr>
</header>
{{#each r.recognition}}
<h4><span class="res-label">{{ title }}</span>, {{ from }} <span class="tenure">{{formatDate safe.date 'YYYY' }}</span></h4>
{{ summary }}
{{/each}}
</section>
<section id="awards">
<header>
<h2><span class="fa fa-trophy"></span> {{{sectionTitle "recognition" "Awards"}}}</h2><hr>
</header>
{{#each r.recognition}}
<h4><span class="res-label">{{ title }}</span>, {{ from }} <span class="tenure">{{formatDate safe.date 'YYYY' }}</span></h4>
{{ summary }}
{{/each}}
</section>
{{/section}}
</main>

View File

@ -5,7 +5,6 @@
"engine": "handlebars",
"inherits": {
"txt": "basis",
"md": "basis",
"html": "basis"
"md": "basis"
}
}