mirror of
https://github.com/JuanCanham/fresh-themes.git
synced 2025-10-31 04:47:28 +00:00
Use explicit HTML format for Compact theme.
This commit is contained in:
hacksalot
171
themes/compact/src/compact-html.html
Normal file
171
themes/compact/src/compact-html.html
Normal 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' }} — {{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' }}—{{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' }} — {{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' }} — {{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>
|
||||
@@ -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' }} — {{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' }} — {{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' }} — {{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' }} — {{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' }} — {{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' }} — {{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>
|
||||
|
||||
Reference in New Issue
Block a user