JuanCanham/fresh-themes
1
0
Fork 0
mirror of https://github.com/JuanCanham/fresh-themes.git synced 2025-10-30 12:27:28 +00:00
Code Issues Releases Wiki Activity

Enhance "compact" theme.

Browse Source
This commit is contained in:
devlinjd
2015-11-21 09:12:18 -05:00
parent c64e6e450a
commit c2498a1421
4 changed files with 36 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
themes/compact/templates/html.css
View File

@@ -75,3 +75,8 @@ main > header > h1 {
display: inline-block; display: inline-block;
margin-left: 5px; margin-left: 5px;
} }
h2 > span.fa {
text-align: left;
margin-right: 3px;
}

35
themes/compact/templates/html.html
View File

@@ -4,6 +4,7 @@
<meta charset="utf-8"> <meta charset="utf-8">
<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'>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<link href="html.css" rel="stylesheet" type="text/css"> <link href="html.css" rel="stylesheet" type="text/css">
</head> </head>
<body> <body>
@@ -11,7 +12,7 @@
<header> <header>
<h1>{{ r.name }}</h1> <h1>{{ r.name }}</h1>
<div id="contact"> <div id="contact">
{% if (r.contact.email) { %}<div class="email">{{ r.contact.email }}</div>{% } %} {% if (r.contact.email) { %}<div class="email"><a href="mailto:{{ r.contact.email }}">{{ r.contact.email }}</a></div>{% } %}
{% if (r.contact.phone) { %}<div class="phone">{{ r.contact.phone }}</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>{% } %} {% if (r.contact.website) { %}<div class="website"><a href="{{ r.contact.website }}">{{ r.contact.website }}</a></div>{% } %}
</div> </div>
@@ -28,7 +29,7 @@
{% if ( r.skills && r.skills.sets && r.skills.sets.length ) { %} {% if ( r.skills && r.skills.sets && r.skills.sets.length ) { %}
<section id="skills"> <section id="skills">
<header> <header>
<h2>Skills</h2><hr> <h2><span class="fa fa-code"></span> Skills</h2><hr>
</header> </header>
<table> <table>
<thead> <thead>
@@ -41,7 +42,7 @@
{% r.skills.sets.forEach( function( skillset ) { %} {% r.skills.sets.forEach( function( skillset ) { %}
<tr> <tr>
<td style="width: 25%;">{{ skillset.name }}</td> <td style="width: 25%;">{{ skillset.name }}</td>
<td class="keywords">{{ skillset.skills.join(',') }}</td> <td class="keywords">{{ skillset.skills.join(', ') }}</td>
</tr> </tr>
{% }); %} {% }); %}
</tbody> </tbody>
@@ -54,14 +55,14 @@
{% if ( r.employment && r.employment.history ) { %} {% if ( r.employment && r.employment.history ) { %}
<section id="employment"> <section id="employment">
<header> <header>
<h2>Employment</h2><hr> <h2><span class="fa fa-building" style="vertical-align: top;"></span> Employment</h2><hr>
</header> </header>
{% r.employment.history.forEach( function( proj, idx, ar) { %} {% r.employment.history.forEach( function( proj, idx, ar) { %}
{% if( idx < 4 ) { %} {% if( idx < 4 ) { %}
<h3><em>{{ proj.position }}</em>, {{ proj.employer }} <span class="tenure">{{ proj.safe.start.format('YYYY-MM') }} &mdash; {{ proj.safe.end.format('YYYY-MM') }}<span></h3> <h3><em>{{ proj.position }}</em>, {{ filt.link( proj.employer, proj.url ) }} <span class="tenure">{{ proj.safe.start.format('YYYY-MM') }} &mdash; {{ proj.safe.end.format('YYYY-MM') }}<span></h3>
<p style="clear: both;">{{ proj.summary|md }}</p> <p style="clear: both;">{{ proj.summary|md }}</p>
{% if( proj.highlights ) { %} {% if( proj.highlights ) { %}
<ul> <ul>
@@ -99,11 +100,10 @@
{% if ( r.education && r.education.history ) { %} {% if ( r.education && r.education.history ) { %}
<section id="education"> <section id="education">
<header> <header>
<h2>Education</h2><hr> <h2><span class="fa fa-mortar-board"></span> Education</h2><hr>
</header> </header>
{% r.education.history.forEach( function( edu, idx, ar) { %} {% r.education.history.forEach( function( edu, idx, ar) { %}
<h3>{{ edu.institution }} <span class="tenure">{{ edu.safe.start.format('YYYY') }} &mdash; {{ edu.safe.end.format('YYYY') }}<span></h3> <h3>{{ edu.institution }} <span class="tenure">{{ edu.safe.start.format('YYYY') }} &mdash; {{ edu.safe.end.format('YYYY') }}<span></h3>
{% if(edu.summary) { %}<p style="clear: both;">{{ edu.summary|md }}</p>{% } %}
{% }); %} {% }); %}
</section> </section>
@@ -112,10 +112,10 @@
{% if ( r.service && r.service.history && r.service.history.length ) { %} {% if ( r.service && r.service.history && r.service.history.length ) { %}
<section id="volunteer"> <section id="volunteer">
<header> <header>
<h2>Volunteer</h2><hr> <h2><span class="fa fa-child" style="vertical-align: top;"></span> Service</h2><hr>
</header> </header>
{% r.service.history.forEach( function( vol, idx, ar ) { %} {% r.service.history.forEach( function( vol, idx, ar ) { %}
<h3>{{ vol.organization }} <span class="tenure">{{ vol.safe.start.format('YYYY') }} &mdash; {{ vol.safe.end.format('YYYY') }}<span></h3> <h3><em>{{ vol.position }}</em>, {{ filt.link(vol.organization, vol.url) }} <span class="tenure">{{ vol.safe.start.format('YYYY') }} &mdash; {{ vol.safe.end.format('YYYY') }}<span></h3>
<p style="clear: both;">{{ vol.summary|md }}</p> <p style="clear: both;">{{ vol.summary|md }}</p>
{% if( vol.highlights ) { %} {% if( vol.highlights ) { %}
<ul> <ul>
@@ -132,18 +132,10 @@
{% if( r.writing && r.writing.length ) { %} {% if( r.writing && r.writing.length ) { %}
<section id="publications"> <section id="publications">
<header> <header>
<h2>Publications</h2><hr> <h2><span class="fa fa-book"></span> Writing</h2><hr>
</header> </header>
<span class="fa fa-lg fa-trophy"></span> {% r.writing.forEach( function( pub, idx, ar ) { %}
{% r.writing.forEach( function( pub, idx, ar) { %} <h3><em>{{ filt.link( pub.title, pub.url ) }}</em>, {{ pub.publisher }} <span class="tenure">{{ pub.safe.date.format('YYYY') }}</span></h3>
<h4>
{% if( pub.url ) { %}
<span class="res-label"><a href="{{ pub.link[0].url }}" ></span>{{ pub.title }}</a>,&nbsp;{{ pub.publisher }}
{% } else { %}
<span class="res-label">{{ pub.title }}</span>,&nbsp;{{ pub.publisher }}
{% } %}
<span class="tenure">{{ pub.safe.date.format('YYYY') }}</span>
</h4>
{% if (pub.summary) { %}{{ pub.summary|md }}{% } %} {% if (pub.summary) { %}{{ pub.summary|md }}{% } %}
@@ -154,9 +146,8 @@
{% if( r.recognition && r.recognition.length ) { %} {% if( r.recognition && r.recognition.length ) { %}
<section id="awards"> <section id="awards">
<header> <header>
<h2>Awards</h2><hr> <h2><span class="fa fa-trophy"></span> Awards</h2><hr>
</header> </header>
<span class="fa fa-lg fa-trophy"></span>
{% r.recognition.forEach( function( award, idx, ar) { %} {% r.recognition.forEach( function( award, idx, ar) { %}
<h4><span class="res-label">{{ award.title }}</span>, {{ award.from }} <span class="tenure">{{ award.safe.date.format('YYYY') }}</span></h4> <h4><span class="res-label">{{ award.title }}</span>, {{ award.from }} <span class="tenure">{{ award.safe.date.format('YYYY') }}</span></h4>
{{ award.summary|md }} {{ award.summary|md }}

5
themes/compact/templates/pdf.css
View File

@@ -75,3 +75,8 @@ main > header > h1 {
display: inline-block; display: inline-block;
margin-left: 5px; margin-left: 5px;
} }
h2 > span.fa {
text-align: left;
margin-right: 3px;
}

35
themes/compact/templates/pdf.html
View File

@@ -13,7 +13,7 @@
<header> <header>
<h1>{{ r.name }}</h1> <h1>{{ r.name }}</h1>
<div id="contact"> <div id="contact">
{% if (r.contact.email) { %}<div class="email">{{ r.contact.email }}</div>{% } %} {% if (r.contact.email) { %}<div class="email"><a href="mailto:{{ r.contact.email }}">{{ r.contact.email }}</a></div>{% } %}
{% if (r.contact.phone) { %}<div class="phone">{{ r.contact.phone }}</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>{% } %} {% if (r.contact.website) { %}<div class="website"><a href="{{ r.contact.website }}">{{ r.contact.website }}</a></div>{% } %}
</div> </div>
@@ -30,7 +30,7 @@
{% if ( r.skills && r.skills.sets && r.skills.sets.length ) { %} {% if ( r.skills && r.skills.sets && r.skills.sets.length ) { %}
<section id="skills"> <section id="skills">
<header> <header>
<h2>Skills</h2><hr> <h2><span class="fa fa-code"></span> Skills</h2><hr>
</header> </header>
<table> <table>
<thead> <thead>
@@ -43,7 +43,7 @@
{% r.skills.sets.forEach( function( skillset ) { %} {% r.skills.sets.forEach( function( skillset ) { %}
<tr> <tr>
<td style="width: 25%;">{{ skillset.name }}</td> <td style="width: 25%;">{{ skillset.name }}</td>
<td class="keywords">{{ skillset.skills.join(',') }}</td> <td class="keywords">{{ skillset.skills.join(', ') }}</td>
</tr> </tr>
{% }); %} {% }); %}
</tbody> </tbody>
@@ -56,14 +56,14 @@
{% if ( r.employment && r.employment.history ) { %} {% if ( r.employment && r.employment.history ) { %}
<section id="employment"> <section id="employment">
<header> <header>
<h2>Employment</h2><hr> <h2><span class="fa fa-building" style="vertical-align: top;"></span> Employment</h2><hr>
</header> </header>
{% r.employment.history.forEach( function( proj, idx, ar) { %} {% r.employment.history.forEach( function( proj, idx, ar) { %}
{% if( idx < 4 ) { %} {% if( idx < 4 ) { %}
<h3><em>{{ proj.position }}</em>, {{ proj.employer }} <span class="tenure">{{ proj.safe.start.format('YYYY-MM') }} &mdash; {{ proj.safe.end.format('YYYY-MM') }}<span></h3> <h3><em>{{ proj.position }}</em>, {{ filt.link( proj.employer, proj.url ) }} <span class="tenure">{{ proj.safe.start.format('YYYY-MM') }} &mdash; {{ proj.safe.end.format('YYYY-MM') }}<span></h3>
<p style="clear: both;">{{ proj.summary|md }}</p> <p style="clear: both;">{{ proj.summary|md }}</p>
{% if( proj.highlights ) { %} {% if( proj.highlights ) { %}
<ul> <ul>
@@ -101,11 +101,10 @@
{% if ( r.education && r.education.history ) { %} {% if ( r.education && r.education.history ) { %}
<section id="education"> <section id="education">
<header> <header>
<h2>Education</h2><hr> <h2><span class="fa fa-mortar-board"></span> Education</h2><hr>
</header> </header>
{% r.education.history.forEach( function( edu, idx, ar) { %} {% r.education.history.forEach( function( edu, idx, ar) { %}
<h3>{{ edu.institution }} <span class="tenure">{{ edu.safe.start.format('YYYY') }} &mdash; {{ edu.safe.end.format('YYYY') }}<span></h3> <h3>{{ edu.institution }} <span class="tenure">{{ edu.safe.start.format('YYYY') }} &mdash; {{ edu.safe.end.format('YYYY') }}<span></h3>
{% if(edu.summary) { %}<p style="clear: both;">{{ edu.summary|md }}</p>{% } %}
{% }); %} {% }); %}
</section> </section>
@@ -114,10 +113,10 @@
{% if ( r.service && r.service.history && r.service.history.length ) { %} {% if ( r.service && r.service.history && r.service.history.length ) { %}
<section id="volunteer"> <section id="volunteer">
<header> <header>
<h2>Volunteer</h2><hr> <h2><span class="fa fa-child" style="vertical-align: top;"></span> Service</h2><hr>
</header> </header>
{% r.service.history.forEach( function( vol, idx, ar ) { %} {% r.service.history.forEach( function( vol, idx, ar ) { %}
<h3>{{ vol.organization }} <span class="tenure">{{ vol.safe.start.format('YYYY') }} &mdash; {{ vol.safe.end.format('YYYY') }}<span></h3> <h3>{{ filt.link(vol.organization, vol.url) }} <span class="tenure">{{ vol.safe.start.format('YYYY') }} &mdash; {{ vol.safe.end.format('YYYY') }}<span></h3>
<p style="clear: both;">{{ vol.summary|md }}</p> <p style="clear: both;">{{ vol.summary|md }}</p>
{% if( vol.highlights ) { %} {% if( vol.highlights ) { %}
<ul> <ul>
@@ -134,18 +133,10 @@
{% if( r.writing && r.writing.length ) { %} {% if( r.writing && r.writing.length ) { %}
<section id="publications"> <section id="publications">
<header> <header>
<h2>Publications</h2><hr> <h2><span class="fa fa-book"></span> Writing</h2><hr>
</header> </header>
<span class="fa fa-lg fa-trophy"></span> {% r.writing.forEach( function( pub, idx, ar ) { %}
{% r.writing.forEach( function( pub, idx, ar) { %} <h3><em>{{ filt.link( pub.title, pub.url ) }}</em>, {{ pub.publisher }} <span class="tenure">{{ pub.safe.date.format('YYYY') }}</span></h3>
<h4>
{% if( pub.url ) { %}
<span class="res-label"><a href="{{ pub.link[0].url }}" ></span>{{ pub.title }}</a>,&nbsp;{{ pub.publisher }}
{% } else { %}
<span class="res-label">{{ pub.title }}</span>,&nbsp;{{ pub.publisher }}
{% } %}
<span class="tenure">{{ pub.safe.date.format('YYYY') }}</span>
</h4>
{% if (pub.summary) { %}{{ pub.summary|md }}{% } %} {% if (pub.summary) { %}{{ pub.summary|md }}{% } %}
@@ -156,9 +147,8 @@
{% if( r.recognition && r.recognition.length ) { %} {% if( r.recognition && r.recognition.length ) { %}
<section id="awards"> <section id="awards">
<header> <header>
<h2>Awards</h2><hr> <h2><span class="fa fa-trophy"></span> Awards</h2><hr>
</header> </header>
<span class="fa fa-lg fa-trophy"></span>
{% r.recognition.forEach( function( award, idx, ar) { %} {% r.recognition.forEach( function( award, idx, ar) { %}
<h4><span class="res-label">{{ award.title }}</span>, {{ award.from }} <span class="tenure">{{ award.safe.date.format('YYYY') }}</span></h4> <h4><span class="res-label">{{ award.title }}</span>, {{ award.from }} <span class="tenure">{{ award.safe.date.format('YYYY') }}</span></h4>
{{ award.summary|md }} {{ award.summary|md }}
@@ -168,3 +158,4 @@
</main> </main>
</body> </body>
</html>