JuanCanham/fresh-themes
1
0
Fork 0
mirror of https://github.com/JuanCanham/fresh-themes.git synced 2024-11-26 01:50:10 +00:00
Code Issues Releases Wiki Activity

Positive: Fix PDF format.

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

63
themes/positive/src/positive-pdf.css
View File

@ -1,6 +1,6 @@
html, body, main, section, header, ul, p, h1, h2, h3 { html, body, main, section, header, ul, p, h1, h2, h3 {
font-family: Helvetica, sans-serif; font-family: Calibri, 'Open Sans', sans-serif;
font-size: 12px; font-size: 14px;
margin: 0; padding: 0; margin: 0; padding: 0;
display: block; display: block;
} }
@ -18,17 +18,43 @@ a:hover {
text-decoration: underline; text-decoration: underline;
} }
h1 {
text-transform: uppercase;
font-size:
}
h2 { h2 {
text-transform: uppercase; text-transform: uppercase;
color: #898989;
font-size: 2em;
position: relative;
font-weight: 400;
} }
h3 { h3 {
font-size: 1em; 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 { main {
padding: 15px; padding: 15px;
max-width: 700px; max-width: 800px;
margin: 0 auto; margin: 0 auto;
} }
@ -65,18 +91,35 @@ main > header {
main > header > h1 { main > header > h1 {
float: left; float: left;
font-size: 1.5em;
} }
main > header > h1, .label {
font-size: 2.5em;
text-transform: uppercase;
font-weight: 300;
font-family: 'Open Sans', 'Segoe UI', sans-serif;
}
#contact { #contact {
clear: both;
float: right; float: right;
} }
#contact > div { h2 > span.fa {
display: inline-block; text-align: center;
margin-left: 5px; margin-right: 3px;
position: absolute;
width: 40px;
transform: translateX(-110%);
color: #DADADA;
} }
h2 > span.fa { .label {
text-align: left; float: right;
margin-right: 3px; color: #DADADA;
}
#summary {
color: #717171;
font-size: 1.25em;
} }

51
themes/positive/src/positive-pdf.html
View File

@ -5,24 +5,25 @@
<title>{{ r.name }}</title> <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'> <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic' rel='stylesheet' type='text/css'>
<style> <style>
{{ cssInfo.data }} {{{ cssInfo.data }}}
</style> </style>
</head> </head>
<body> <body>
<main> <main>
<header> <header>
<h1>{{ r.name }}</h1> <h1>{{initialWords r.name }} <span style="color: #C00000;">{{lastWord r.name }}</span></h1>
<div id="contact"> <span class="label">{{{ r.info.label }}}</span>
{{#if r.contact.email}}<div class="email"><a href="mailto:{{ RAW.contact.email }}">{{ r.contact.email }}</a></div>{{/if}} <p id="contact">
{{#if r.contact.phone}}<div class="phone">{{ r.contact.phone }}</div>{{/if}} {{#if r.contact.email}}<span class="email"><a href="mailto:{{ RAW.contact.email }}">{{{ r.contact.email }}}</a></span>{{/if}}
{{#if r.contact.website}}<div class="website"><a href="{{ RAW.contact.website }}">{{ r.contact.website }}</a></div>{{/if}} {{#if r.contact.phone}}<span class="phone">{{{ r.contact.phone }}}</span>{{/if}}
</div> {{#if r.contact.website}}<span class="website"><a href="{{ RAW.contact.website }}">{{{ r.contact.website }}}</a></span>{{/if}}
</p>
</header> </header>
{{#if r.info.brief}} {{#if r.info.brief}}
<section id="summary"> <section id="summary">
{{ r.info.brief }} {{{ r.info.brief }}}
</section> </section>
{{/if}} {{/if}}
@ -30,7 +31,7 @@
{{#if r.skills}} {{#if r.skills}}
<section id="skills"> <section id="skills">
<header> <header>
<h2><span class="fa fa-code"></span> Skills</h2><hr> <h2><span class="fa fa-code"></span> Skills</h2>
</header> </header>
<table> <table>
<thead> <thead>
@ -42,8 +43,8 @@
<tbody> <tbody>
{{#each r.skills.sets}} {{#each r.skills.sets}}
<tr> <tr>
<td style="width: 25%;">{{ name }}</td> <td style="width: 33%;">{{{ name }}}</td>
<td class="keywords">{{#each skills}}{{ this }} {{/each}}</td> <td class="keywords">{{#each skills}}{{{ this }}} {{/each}}</td>
</tr> </tr>
{{/each}} {{/each}}
</tbody> </tbody>
@ -56,7 +57,7 @@
{{#if r.employment}} {{#if r.employment}}
<section id="employment"> <section id="employment">
<header> <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> </header>
{{#each r.employment.history }} {{#each r.employment.history }}
@ -68,11 +69,11 @@
{{ employer }} {{ employer }}
{{/if}} {{/if}}
<span class="tenure">{{formatDate safe.start 'YYYY-MM' }} &mdash; {{formatDate safe.end 'YYYY-MM' }}<span></h3> <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}} {{#if highlights}}
<ul> <ul>
{{#each highlights}} {{#each highlights}}
<li>{{ this }}</li> <li>{{{ this }}}</li>
{{/each}} {{/each}}
</ul> </ul>
{{/if}} {{/if}}
@ -81,11 +82,11 @@
{{#compare @index 4 operator="=="}} {{#compare @index 4 operator="=="}}
<h3>Previously...</h3> <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> <ul>
{{/compare}} {{/compare}}
<li>{{ position }}, {{ employer }}</li> <li>{{{ position }}}, {{{ employer }}}</li>
{{#if @last}} {{#if @last}}
</ul> </ul>
@ -99,10 +100,10 @@
{{# if r.education}} {{# if r.education}}
<section id="education"> <section id="education">
<header> <header>
<h2><span class="fa fa-mortar-board"></span> Education</h2><hr> <h2><span class="fa fa-mortar-board"></span> Education</h2>
</header> </header>
{{#each r.education.history}} {{#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}} {{/each}}
</section> </section>
@ -111,7 +112,7 @@
{{#if r.service}} {{#if r.service}}
<section id="volunteer"> <section id="volunteer">
<header> <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> </header>
{{#each r.service.history}} {{#each r.service.history}}
<h3><em>{{ position }}</em>, <h3><em>{{ position }}</em>,
@ -121,7 +122,7 @@
{{ organization }} {{ organization }}
{{/if}} {{/if}}
<span class="tenure">{{formatDate safe.start 'YYYY' }} &mdash; {{formatDate safe.end 'YYYY' }}<span></h3> <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}} {{#if highlights}}
<ul> <ul>
{{#each highlights}} {{#each highlights}}
@ -137,12 +138,12 @@
{{#if r.writing}} {{#if r.writing}}
<section id="publications"> <section id="publications">
<header> <header>
<h2><span class="fa fa-book"></span> Writing</h2><hr> <h2><span class="fa fa-book"></span> Writing</h2>
</header> </header>
{{#each r.writing }} {{#each r.writing }}
<h3><em>{{#if url}}<a href="{{ url }}">{{ title }}</a>{{else}}{{ title }}{{/if}}</em>, <h3><em>{{#if url}}<a href="{{ url }}">{{ title }}</a>{{else}}{{ title }}{{/if}}</em>,
{{ publisher }} <span class="tenure">{{formatDate safe.date 'YYYY'}}</span></h3> {{{ publisher.name }}} <span class="tenure">{{formatDate safe.date 'YYYY'}}</span></h3>
{{# if summary}}{{ summary }}{{/if}} {{# if summary}}{{{ summary }}}{{/if}}
{{/each}} {{/each}}
</section> </section>
{{/if}} {{/if}}
@ -150,11 +151,11 @@
{{# if r.recognition}} {{# if r.recognition}}
<section id="awards"> <section id="awards">
<header> <header>
<h2><span class="fa fa-trophy"></span> Awards</h2><hr> <h2><span class="fa fa-trophy"></span> Awards</h2>
</header> </header>
{{#each r.recognition}} {{#each r.recognition}}
<h4><span class="res-label">{{ title }}</span>, {{ from }} <span class="tenure">{{formatDate safe.date 'YYYY' }}</span></h4> <h4><span class="res-label">{{ title }}</span>, {{ from }} <span class="tenure">{{formatDate safe.date 'YYYY' }}</span></h4>
{{ summary }} {{{ summary }}}
{{/each}} {{/each}}
</section> </section>
{{/if}} {{/if}}