1
0
mirror of https://github.com/JuanCanham/fresh-themes.git synced 2024-11-22 08:10:10 +00:00

Positive: Fix PDF format.

This commit is contained in:
hacksalot 2015-12-18 16:07:01 -05:00
parent d09a6b59a3
commit 0475bb5a9e
2 changed files with 80 additions and 36 deletions

View File

@ -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;
}

View File

@ -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' }} &mdash; {{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' }} &mdash; {{formatDate safe.end 'YYYY' }}<span></h3>
<h3>{{{ institution }}} <span class="tenure">{{formatDate safe.start 'YYYY' }} &mdash; {{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' }} &mdash; {{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}}