Positive: Fix PDF format.
This commit is contained in:
hacksalot
parent
d09a6b59a3
commit
0475bb5a9e
|
|
@ -1,6 +1,6 @@
|
|||
html, body, main, section, header, ul, p, h1, h2, h3 {
|
||||
font-family: Helvetica, sans-serif;
|
||||
font-size: 12px;
|
||||
font-family: Calibri, 'Open Sans', sans-serif;
|
||||
font-size: 14px;
|
||||
margin: 0; padding: 0;
|
||||
display: block;
|
||||
}
|
||||
|
|
@ -18,17 +18,43 @@ a:hover {
|
|||
text-decoration: underline;
|
||||
}
|
||||
|
||||
h1 {
|
||||
text-transform: uppercase;
|
||||
font-size:
|
||||
}
|
||||
|
||||
h2 {
|
||||
text-transform: uppercase;
|
||||
color: #898989;
|
||||
font-size: 2em;
|
||||
position: relative;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
table {
|
||||
width: 100%;
|
||||
text-transform: uppercase;
|
||||
font-size: 1.3em;
|
||||
}
|
||||
|
||||
td:first-child {
|
||||
text-align: right;
|
||||
color: #A9A9A9;
|
||||
/*letter-spacing: 5px;*/
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
td:last-child {
|
||||
text-align: justify; /* HTML justification sucks, but in this case... */
|
||||
}
|
||||
|
||||
main {
|
||||
padding: 15px;
|
||||
max-width: 700px;
|
||||
max-width: 800px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
|
|
@ -65,18 +91,35 @@ main > header {
|
|||
|
||||
main > header > h1 {
|
||||
float: left;
|
||||
font-size: 1.5em;
|
||||
}
|
||||
#contact {
|
||||
float: right;
|
||||
}
|
||||
|
||||
#contact > div {
|
||||
display: inline-block;
|
||||
margin-left: 5px;
|
||||
main > header > h1, .label {
|
||||
font-size: 2.5em;
|
||||
text-transform: uppercase;
|
||||
font-weight: 300;
|
||||
font-family: 'Open Sans', 'Segoe UI', sans-serif;
|
||||
}
|
||||
|
||||
#contact {
|
||||
clear: both;
|
||||
float: right;
|
||||
}
|
||||
|
||||
h2 > span.fa {
|
||||
text-align: left;
|
||||
text-align: center;
|
||||
margin-right: 3px;
|
||||
position: absolute;
|
||||
width: 40px;
|
||||
transform: translateX(-110%);
|
||||
color: #DADADA;
|
||||
}
|
||||
|
||||
.label {
|
||||
float: right;
|
||||
color: #DADADA;
|
||||
}
|
||||
|
||||
#summary {
|
||||
color: #717171;
|
||||
font-size: 1.25em;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -5,24 +5,25 @@
|
|||
<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'>
|
||||
<style>
|
||||
{{ cssInfo.data }}
|
||||
{{{ cssInfo.data }}}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<header>
|
||||
<h1>{{ r.name }}</h1>
|
||||
<div id="contact">
|
||||
{{#if r.contact.email}}<div class="email"><a href="mailto:{{ RAW.contact.email }}">{{ r.contact.email }}</a></div>{{/if}}
|
||||
{{#if r.contact.phone}}<div class="phone">{{ r.contact.phone }}</div>{{/if}}
|
||||
{{#if r.contact.website}}<div class="website"><a href="{{ RAW.contact.website }}">{{ r.contact.website }}</a></div>{{/if}}
|
||||
</div>
|
||||
<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 }}
|
||||
{{{ r.info.brief }}}
|
||||
</section>
|
||||
{{/if}}
|
||||
|
||||
|
|
@ -30,7 +31,7 @@
|
|||
{{#if r.skills}}
|
||||
<section id="skills">
|
||||
<header>
|
||||
<h2><span class="fa fa-code"></span> Skills</h2><hr>
|
||||
<h2><span class="fa fa-code"></span> Skills</h2>
|
||||
</header>
|
||||
<table>
|
||||
<thead>
|
||||
|
|
@ -42,8 +43,8 @@
|
|||
<tbody>
|
||||
{{#each r.skills.sets}}
|
||||
<tr>
|
||||
<td style="width: 25%;">{{ name }}</td>
|
||||
<td class="keywords">{{#each skills}}{{ this }} {{/each}}</td>
|
||||
<td style="width: 33%;">{{{ name }}}</td>
|
||||
<td class="keywords">{{#each skills}}{{{ this }}} {{/each}}</td>
|
||||
</tr>
|
||||
{{/each}}
|
||||
</tbody>
|
||||
|
|
@ -56,7 +57,7 @@
|
|||
{{#if r.employment}}
|
||||
<section id="employment">
|
||||
<header>
|
||||
<h2><span class="fa fa-building" style="vertical-align: top;"></span> Employment</h2><hr>
|
||||
<h2><span class="fa fa-building" style="vertical-align: top;"></span> Employment</h2>
|
||||
</header>
|
||||
|
||||
{{#each r.employment.history }}
|
||||
|
|
@ -68,11 +69,11 @@
|
|||
{{ employer }}
|
||||
{{/if}}
|
||||
<span class="tenure">{{formatDate safe.start 'YYYY-MM' }} — {{formatDate safe.end 'YYYY-MM' }}<span></h3>
|
||||
<p style="clear: both;">{{ summary }}</p>
|
||||
<p style="clear: both;">{{{ summary }}}</p>
|
||||
{{#if highlights}}
|
||||
<ul>
|
||||
{{#each highlights}}
|
||||
<li>{{ this }}</li>
|
||||
<li>{{{ this }}}</li>
|
||||
{{/each}}
|
||||
</ul>
|
||||
{{/if}}
|
||||
|
|
@ -81,11 +82,11 @@
|
|||
|
||||
{{#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>
|
||||
<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>
|
||||
<li>{{{ position }}}, {{{ employer }}}</li>
|
||||
|
||||
{{#if @last}}
|
||||
</ul>
|
||||
|
|
@ -99,10 +100,10 @@
|
|||
{{# if r.education}}
|
||||
<section id="education">
|
||||
<header>
|
||||
<h2><span class="fa fa-mortar-board"></span> Education</h2><hr>
|
||||
<h2><span class="fa fa-mortar-board"></span> Education</h2>
|
||||
</header>
|
||||
{{#each r.education.history}}
|
||||
<h3>{{ institution }} <span class="tenure">{{formatDate safe.start 'YYYY' }} — {{formatDate safe.end 'YYYY' }}<span></h3>
|
||||
<h3>{{{ institution }}} <span class="tenure">{{formatDate safe.start 'YYYY' }} — {{formatDate safe.end 'YYYY' }}<span></h3>
|
||||
{{/each}}
|
||||
|
||||
</section>
|
||||
|
|
@ -111,7 +112,7 @@
|
|||
{{#if r.service}}
|
||||
<section id="volunteer">
|
||||
<header>
|
||||
<h2><span class="fa fa-child" style="vertical-align: top;"></span> Service</h2><hr>
|
||||
<h2><span class="fa fa-child" style="vertical-align: top;"></span> Service</h2>
|
||||
</header>
|
||||
{{#each r.service.history}}
|
||||
<h3><em>{{ position }}</em>,
|
||||
|
|
@ -121,7 +122,7 @@
|
|||
{{ organization }}
|
||||
{{/if}}
|
||||
<span class="tenure">{{formatDate safe.start 'YYYY' }} — {{formatDate safe.end 'YYYY' }}<span></h3>
|
||||
<p style="clear: both;">{{ summary }}</p>
|
||||
<p style="clear: both;">{{{ summary }}}</p>
|
||||
{{#if highlights}}
|
||||
<ul>
|
||||
{{#each highlights}}
|
||||
|
|
@ -137,12 +138,12 @@
|
|||
{{#if r.writing}}
|
||||
<section id="publications">
|
||||
<header>
|
||||
<h2><span class="fa fa-book"></span> Writing</h2><hr>
|
||||
<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 }} <span class="tenure">{{formatDate safe.date 'YYYY'}}</span></h3>
|
||||
{{# if summary}}{{ summary }}{{/if}}
|
||||
{{{ publisher.name }}} <span class="tenure">{{formatDate safe.date 'YYYY'}}</span></h3>
|
||||
{{# if summary}}{{{ summary }}}{{/if}}
|
||||
{{/each}}
|
||||
</section>
|
||||
{{/if}}
|
||||
|
|
@ -150,11 +151,11 @@
|
|||
{{# if r.recognition}}
|
||||
<section id="awards">
|
||||
<header>
|
||||
<h2><span class="fa fa-trophy"></span> Awards</h2><hr>
|
||||
<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 }}
|
||||
{{{ summary }}}
|
||||
{{/each}}
|
||||
</section>
|
||||
{{/if}}
|
||||
|
|
|
|||
Loading…
Reference in New Issue