mirror of
https://github.com/JuanCanham/fresh-themes.git
synced 2024-11-14 04:30:10 +00:00
208 lines
6.6 KiB
HTML
208 lines
6.6 KiB
HTML
<!DOCTYPE html>
|
|
<!-- [[[
|
|
title: Modern (HTML)
|
|
description: An HTML resume template for FluentCV's "modern" theme.
|
|
engine: Underscore
|
|
]]] -->
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>{{ r.name }}</title>
|
|
<link href='https://fonts.googleapis.com/css?family=Lato:400,700' rel='stylesheet' type='text/css'>
|
|
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
|
|
{{ headFragment }}
|
|
{% if( cssInfo.file ) { %}
|
|
<link href="{{ cssInfo.file }}" rel="stylesheet" type="text/css">
|
|
{% } else { %}
|
|
<style>
|
|
{{ cssInfo.data }}
|
|
</style>
|
|
{% } %}
|
|
</head>
|
|
<body>
|
|
<main id="main">
|
|
<div id="container">
|
|
<header>
|
|
<h1>{{ r.name }}</h1>
|
|
<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>{% } %}
|
|
</div>
|
|
</header>
|
|
|
|
{% if ( r.summary && r.summary.length ) { %}
|
|
<hr>
|
|
<section id="summary">
|
|
<h3>About</h3>
|
|
<span class="fa fa-lg fa-user"></span>
|
|
{{ r.summary|md }}
|
|
</section>
|
|
{% } %}
|
|
|
|
|
|
{% if ( r.skills && r.skills.length ) { %}
|
|
<hr>
|
|
<section id="skills">
|
|
<header>
|
|
<h3>Skills</h3>
|
|
</header>
|
|
<span class="fa fa-lg fa-code"></span>
|
|
|
|
<ul class="list-unstyled">
|
|
{% r.skills.forEach( function(skill) { %}
|
|
<li class="card card-nested card-skills">
|
|
<div class="skill-level" rel="tooltip" title="{{ skill.level }}" data-placement="left">
|
|
<div class="skill-progress {{ skill.level|lower }}">
|
|
</div>
|
|
</div>
|
|
<div class="skill-info">
|
|
<strong>{{ skill.name }}</strong>
|
|
<div class="space-top labels">
|
|
{% if( skill.keywords && skill.keywords.length ) { %}
|
|
{% skill.keywords.forEach(function(kw) { %}
|
|
<span class="label label-keyword">{{ kw }}</span>
|
|
{% }); %}
|
|
{% } %}
|
|
</div>
|
|
</div>
|
|
</li>
|
|
{% }); %}
|
|
</ul>
|
|
|
|
|
|
</section>
|
|
{% } %}
|
|
|
|
|
|
|
|
{% if ( r.employment.history && r.employment.history.length ) { %}
|
|
<hr>
|
|
<section id="employment">
|
|
<header>
|
|
<h3>Employment</h3>
|
|
</header>
|
|
<span class="fa fa-lg fa-building"></span>
|
|
{% r.employment.history.forEach( function( proj, idx, ar) { %}
|
|
{% if( proj.url && proj.url.length ) { %}
|
|
<h4><span class="res-label">{{ proj.position }}</span>, <a href="{{ proj.url|raw }}">{{ proj.employer }}</a></h4>
|
|
{% } else { %}
|
|
<h4><span class="res-label">{{ proj.position }}</span>, <span class="defunct">{{ proj.employer }}</span></h4>
|
|
{% } %}
|
|
<span class="tenure">{{ proj.safe.start.format('YYYY-MM') }}—{{ proj.safe.end.format('YYYY-MM') }}</span>
|
|
{{ proj.summary|md }}
|
|
{% if( proj.highlights ) { %}
|
|
<ul>
|
|
{% proj.highlights.forEach( function( high, idx, ar) { %}
|
|
<li>{{ high|mdin }}</li>
|
|
{% }); %}
|
|
</ul>
|
|
{% } %}
|
|
{% }); %}
|
|
|
|
</section>
|
|
{% } %}
|
|
|
|
|
|
|
|
{% if ( r.education.history && r.education.history.length ) { %}
|
|
<hr>
|
|
<section id="education">
|
|
<header>
|
|
<h3>Education</h3>
|
|
</header>
|
|
<span class="fa fa-lg fa-mortar-board"></span>
|
|
{% r.education.history.forEach( function( edu, idx, ar) { %}
|
|
<h4>{{ edu.institution }}</h4>
|
|
<span class="tenure">{{ edu.safe.start.format('YYYY-MM') }}—{{ edu.safe.end.format('YYYY-MM') }}</span>
|
|
{% if( edu.courses ) { %}
|
|
<ul>
|
|
{% edu.courses.forEach( function( course, idx, ar) { %}
|
|
<li>{{ course|mdin }}</li>
|
|
{% }); %}
|
|
</ul>
|
|
{% } %}
|
|
{% }); %}
|
|
|
|
</section>
|
|
{% } %}
|
|
|
|
{% if( r.awards && r.awards.length ) { %}
|
|
<hr>
|
|
<section id="awards">
|
|
<header>
|
|
<h3>Awards</h3>
|
|
</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 }}</h4>
|
|
<span class="tenure">{{ award.date }}</span>
|
|
{{ award.summary|md }}
|
|
{% }); %}
|
|
</section>
|
|
{% } %}
|
|
|
|
{% if( r.publications && r.publications.length ) { %}
|
|
<hr>
|
|
<section id="publications">
|
|
<header>
|
|
<h3>Publications</h3>
|
|
</header>
|
|
<span class="fa fa-lg fa-trophy"></span>
|
|
{% r.publications.forEach( function( pub, idx, ar) { %}
|
|
<h4>
|
|
{% if( pub.link ) { %}
|
|
<span class="res-label"><a href="{{ pub.link[0].url }}" ></span>{{ pub.title }}</a>, {{ pub.publisher }}
|
|
{% } else { %}
|
|
<span class="res-label">{{ pub.name }}</span>, {{ pub.publisher }}
|
|
{% } %}
|
|
</h4>
|
|
<span class="tenure">Published on: {{ pub.safe.date.format('YYYY-MM') }}</span>
|
|
|
|
|
|
|
|
{% }); %}
|
|
</section>
|
|
{% } %}
|
|
|
|
{% if ( r.service.history && r.service.history.length ) { %}
|
|
<hr>
|
|
<section id="volunteer">
|
|
<header>
|
|
<h3>Volunteer Work</h3>
|
|
</header>
|
|
<span class="fa fa-lg fa-child"></span>
|
|
{% r.service.history.forEach( function( vol, idx, ar) { %}
|
|
{% if( vol.url && vol.url.length ) { %}
|
|
<h4><span class="res-label">{{ vol.position }}</span>, <a href="{{ vol.website|raw }}">{{ vol.organization }}</a></h4>
|
|
{% } else { %}
|
|
<h4><span class="res-label">{{ vol.position }}</span>, <span class="defunct">{{ vol.organization }}</span></h4>
|
|
{% } %}
|
|
<span class="tenure">{{ vol.safe.start.format('YYYY-MM') }}—{{ vol.safe.end.format('YYYY-MM') }}</span>
|
|
{{ vol.summary|md }}
|
|
{% if( vol.highlights ) { %}
|
|
<ul>
|
|
{% vol.highlights.forEach( function( high, idx, ar) { %}
|
|
<li>{{ high|mdin }}</li>
|
|
{% }); %}
|
|
</ul>
|
|
{% } %}
|
|
{% }); %}
|
|
|
|
</section>
|
|
{% } %}
|
|
|
|
{% if( r.elevatorPitch ) { %}
|
|
<hr>
|
|
<section id='elevator-pitch'>
|
|
{{ r.elevatorPitch }}
|
|
</section>
|
|
{% } %}
|
|
|
|
</div>
|
|
</main>
|
|
</body>
|
|
</html>
|