Merge pull request #5 from fluentdesk/dev

Merge from dev.
Compact: Collapse jobs > 4 and use safe dates.
2025-07-06 18:21:06 +01:00 · 2015-10-27 10:28:02 -04:00 · 2015-10-27 10:30:59 -04:00 · 2015-10-27 09:06:36 -04:00 · 2015-10-27 08:41:12 -04:00 · 2015-10-26 13:39:58 -04:00
7 changed files with 498 additions and 12 deletions
--- a/README.md
+++ b/README.md
@ -1,12 +1,11 @@
-watermark
-=========
-Predefined template-based resume themes for [FluentCV][1] and [FluentCMD][2].
+fluent-themes
+=============
+Resume themes for [FluentCV][1] and [FluentCMD][2].

 - `minimist`: A no-frills theme.
- `informatic`: An informative theme for technical resumes.
 - `modern`: A middle of the road theme with a modern look 'n feel.
 - `hello-world`: A simple-as-possible example theme.
- New themes added weekly.
+- New themes forthcoming.

 ## How It Works

--- a/package.json
+++ b/package.json
@ -1,11 +1,10 @@
 {
-  "name": "watermark",
-  "version": "0.3.0-alpha",
-  "description": "Themes and exemplars for FluentCV.",
-  "private": true,
+  "name": "fluent-themes",
+  "version": "0.1.0-beta",
+  "description": "Resume themes for FluentCV and FluentCMD.",
  "repository": {
    "type": "git",
-    "url": "https://github.com/fluentdesk/watermark.git"
+    "url": "https://github.com/fluentdesk/fluent-themes.git"
  },
  "keywords": [
    "resume",
@ -16,8 +15,8 @@
  "author": "James M. Devlin",
  "license": "MIT",
  "bugs": {
-    "url": "https://github.com/fluentdesk/watermark/issues"
+    "url": "https://github.com/fluentdesk/fluent-themes/issues"
  },
-  "homepage": "https://github.com/fluentdesk/watermark",
+  "homepage": "https://github.com/fluentdesk/fluent-themes",
  "dependencies": { }
 }
--- a/themes/compact/templates/html.css
+++ b/themes/compact/templates/html.css
@ -0,0 +1,77 @@
+html, body, main, section, header, ul, p, h1, h2, h3 {
+  font-family: Helvetica, sans-serif;
+  font-size: 12px;
+  margin: 0; padding: 0;
+  display: block;
+}
+
+a {
+  color: #0064BD;
+  text-decoration: none;
+}
+
+a:visited {
+  color: #7B0796;
+}
+
+a:hover {
+  text-decoration: underline;
+}
+
+h2 {
+  text-transform: uppercase;
+}
+
+h3 {
+  font-size: 1em;
+}
+
+main {
+  padding: 15px;
+  max-width: 700px;
+  margin: 0 auto;
+}
+
+section {
+  margin-top: 1em;
+}
+
+li {
+  margin-left: 2em;
+}
+
+h3 {
+  margin-top: 1em;
+}
+
+p, li {
+  text-align: justify;
+}
+
+.tenure {
+  float: right;
+}
+
+thead {
+  display: none;
+}
+
+main > header {
+  width: 100%;
+  float: left;
+  margin-bottom: 1em;
+}
+
+
+main > header > h1 {
+  float: left;
+  font-size: 1.5em;
+}
+#contact {
+  float: right;
+}
+
+#contact > div {
+  display: inline-block;
+  margin-left: 5px;
+}
--- a/themes/compact/templates/html.html
+++ b/themes/compact/templates/html.html
@ -0,0 +1,169 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>{{ r.basics.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="resume.css" rel="stylesheet" type="text/css">
+  </head>
+  <body>
+    <main>
+      <header>
+        <h1>{{ r.basics.name }}</h1>
+        <div id="contact">
+          {% if (r.basics.email) { %}<div class="email">{{ r.basics.email }}</div>{% } %}
+          {% if (r.basics.phone) { %}<div class="phone">{{ r.basics.phone }}</div>{% } %}
+          {% if (r.basics.website) { %}<div class="website"><a href="{{ r.basics.website }}">{{ r.basics.website }}</a></div>{% } %}
+        </div>
+      </header>
+
+
+{% if ( r.basics.summary && r.basics.summary.length ) { %}
+      <section id="summary">
+        {{ r.basics.summary|md }}
+      </section>
+{% } %}
+
+
+{% if ( r.skills && r.skills.length ) { %}
+      <section id="skills">
+        <header>
+        <h2>Skills</h2><hr>
+        </header>
+        <table>
+          <thead>
+            <tr>
+              <th>Skill</th>
+              <th>Keywords</th>
+            </tr>
+          </thead>
+          <tbody>
+            {% r.skills.forEach( function( skill, idx, ar) { %}
+            <tr>
+              <td style="width: 25%;">{{ skill.name }}</td>
+              <td class="keywords">{% print( skill.keywords.join(', ') ) %}</td>
+            </tr>
+            {% }); %}
+          </tbody>
+        </table>
+      </section>
+{% } %}
+
+
+
+{% if ( r.work && r.work.length ) { %}
+      <section id="employment">
+        <header>
+        <h2>Employment</h2><hr>
+        </header>
+
+
+
+        {% r.work.forEach( function( proj, idx, ar) { %}
+          {% if( idx < 4 ) { %}
+            <h3><em>{{ proj.position }}</em>, {{ proj.company }} <span class="tenure">{{ proj.startDate }} &mdash; {{ proj.endDate }}<span></h3>
+            <p style="clear: both;">{{ proj.summary|md }}</p>
+            {% if( proj.highlights ) { %}
+              <ul>
+              {% proj.highlights.forEach( function( high, idx, ar) { %}
+                <li>{{ high|mdin }}</li>
+              {% }); %}
+              </ul>
+            {% } %}
+          {% } else { %}
+
+            {% if( idx === 4 ) { %}
+            <h3>Previously... <span class="tenure">{{ r.work[ r.work.length - 1 ].safeStartDate.format('YYYY') }} &mdash; {{ proj.safeEndDate.format('YYYY') }}<span></h3>
+            <p style="clear: both;">Prior to {{ r.work[ 3 ].company }}, I worked on a range of projects for companies large and small.</p>
+            <ul>
+            {% } %}
+
+
+            <li>{{ proj.position }}, {{ proj.company }}</li>
+
+
+            {% if( idx === ar.length - 1 ) { %}
+            </ul>
+            {% } %}
+
+          {% } %}
+        {% }); %}
+
+
+
+      </section>
+{% } %}
+
+
+
+{% if ( r.education && r.education.length ) { %}
+      <section id="education">
+        <header>
+        <h2>Education</h2><hr>
+        </header>
+        {% r.education.forEach( function( edu, idx, ar) { %}
+          <h3>{{ edu.institution }} <span class="tenure">{{ edu.safeStartDate.format('YYYY') }} &mdash; {{ edu.safeEndDate.format('YYYY') }}<span></h3>
+          <p style="clear: both;">{{ edu.area|md }}</p>
+        {% }); %}
+
+      </section>
+{% } %}
+
+{% if ( r.volunteer && r.volunteer.length ) { %}
+      <section id="volunteer">
+        <header>
+        <h2>Volunteer</h2><hr>
+        </header>
+        {% r.volunteer.forEach( function( vol, idx, ar ) { %}
+          <h3>{{ vol.organization }} <span class="tenure">{{ vol.safeStartDate.format('YYYY') }} &mdash; {{ vol.safeEndDate.format('YYYY') }}<span></h3>
+          <p style="clear: both;">{{ vol.summary|md }}</p>
+          {% if( vol.highlights ) { %}
+            <ul>
+            {% vol.highlights.forEach( function( high, idx, ar) { %}
+              <li>{{ high|md }}</li>
+            {% }); %}
+            </ul>
+          {% } %}
+        {% }); %}
+
+      </section>
+{% } %}
+
+{% if( r.publications ) { %}
+      <section id="publications">
+        <header>
+        <h2>Publications</h2><hr>
+        </header>
+        <span class="fa fa-lg fa-trophy"></span>
+        {% r.publications.forEach( function( pub, idx, ar) { %}
+          <h4>
+            {% if( pub.website ) { %}
+              <span class="res-label"><a href="{{ pub.website }}" ></span>{{ pub.name }}</a>,&nbsp;{{ pub.publisher }}
+            {% } else { %}
+              <span class="res-label">{{ pub.name }}</span>,&nbsp;{{ pub.publisher }}
+            {% } %}
+            <span class="tenure">{{ pub.safeReleaseDate.format('YYYY') }}</span>
+          </h4>
+
+        {{ pub.summary|md }}
+
+        {% }); %}
+      </section>
+{% } %}
+
+{% if( r.awards ) { %}
+      <section id="awards">
+        <header>
+        <h2>Awards</h2><hr>
+        </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 }} <span class="tenure">{{ award.safeDate.format('YYYY') }}</span></h4>
+          {{ award.summary|md }}
+        {% }); %}
+      </section>
+{% } %}
+
+    </main>
+  </body>
+</html>
--- a/themes/compact/templates/pdf.css
+++ b/themes/compact/templates/pdf.css
@ -0,0 +1,63 @@
+html, body, main, section, header, ul, p, h1, h2, h3 {
+  font-family: Helvetica, sans-serif;
+  font-size: 12px;
+  margin: 0; padding: 0;
+  display: block;
+}
+
+h2 {
+  text-transform: uppercase;
+}
+
+h3 {
+  font-size: 1em;
+}
+
+main {
+  padding: 15px;
+  max-width: 700px;
+  margin: 0 auto;
+}
+
+section {
+  margin-top: 1em;
+}
+
+li {
+  margin-left: 2em;
+}
+
+h3 {
+  margin-top: 1em;
+}
+
+p, li {
+  text-align: justify;
+}
+
+.tenure {
+  float: right;
+}
+
+thead {
+  display: none;
+}
+
+main > header {
+  width: 100%;
+  float: left;
+  margin-bottom: 1em;
+}
+
+
+main > header > h1 {
+  float: left;
+}
+#contact {
+  float: right;
+}
+
+#contact > div {
+  display: inline-block;
+  margin-left: 5px;
+}
--- a/themes/compact/templates/pdf.html
+++ b/themes/compact/templates/pdf.html
@ -0,0 +1,149 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>{{ r.basics.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 }}
+    </style>
+  </head>
+  <body>
+    <main>
+      <header>
+        <h1>{{ r.basics.name }}</h1>
+        <div id="contact">
+          {% if (r.basics.email) { %}<div class="email">{{ r.basics.email }}</div>{% } %}
+          {% if (r.basics.phone) { %}<div class="phone">{{ r.basics.phone }}</div>{% } %}
+          {% if (r.basics.website) { %}<div class="website"><a href="{{ r.basics.website }}">{{ r.basics.website }}</a></div>{% } %}
+        </div>
+      </header>
+
+
+{% if ( r.basics.summary && r.basics.summary.length ) { %}
+      <section id="summary">
+        {{ r.basics.summary|md }}
+      </section>
+{% } %}
+
+
+{% if ( r.skills && r.skills.length ) { %}
+      <section id="skills">
+        <header>
+        <h2>Skills</h2><hr>
+        </header>
+        <table>
+          <thead>
+            <tr>
+              <th>Skill</th>
+              <th>Keywords</th>
+            </tr>
+          </thead>
+          <tbody>
+            {% r.skills.forEach( function( skill, idx, ar) { %}
+            <tr>
+              <td style="width: 25%;">{{ skill.name }}</td>
+              <td class="keywords">{% print( skill.keywords.join(', ') ) %}</td>
+            </tr>
+            {% }); %}
+          </tbody>
+        </table>
+      </section>
+{% } %}
+
+
+
+{% if ( r.work && r.work.length ) { %}
+      <section id="employment">
+        <header>
+        <h2>Employment</h2><hr>
+        </header>
+        {% r.work.forEach( function( proj, idx, ar) { %}
+          <h3><em>{{ proj.position }}</em>, {{ proj.company }} <span class="tenure">{{ proj.startDate }} &mdash; {{ proj.endDate }}<span></h3>
+          <p style="clear: both;">{{ proj.summary|md }}</p>
+          {% if( proj.highlights ) { %}
+            <ul>
+            {% proj.highlights.forEach( function( high, idx, ar) { %}
+              <li>{{ high|md }}</li>
+            {% }); %}
+            </ul>
+          {% } %}
+        {% }); %}
+
+      </section>
+{% } %}
+
+
+
+{% if ( r.education && r.education.length ) { %}
+      <section id="education">
+        <header>
+        <h2>Education</h2><hr>
+        </header>
+        {% r.education.forEach( function( edu, idx, ar) { %}
+          <h3>{{ edu.institution }} <span class="tenure">{{ edu.startDate }} &mdash; {{ edu.endDate }}<span></h3>
+          <p style="clear: both;">{{ edu.area|md }}</p>
+        {% }); %}
+
+      </section>
+{% } %}
+
+{% if ( r.volunteer && r.volunteer.length ) { %}
+      <section id="volunteer">
+        <header>
+        <h2>Volunteer</h2><hr>
+        </header>
+        {% r.volunteer.forEach( function( vol, idx, ar ) { %}
+          <h3>{{ vol.organization }} <span class="tenure">{{ vol.startDate }} &mdash; {{ vol.endDate }}<span></h3>
+          <p style="clear: both;">{{ vol.summary|md }}</p>
+          {% if( vol.highlights ) { %}
+            <ul>
+            {% vol.highlights.forEach( function( high, idx, ar) { %}
+              <li>{{ high|md }}</li>
+            {% }); %}
+            </ul>
+          {% } %}
+        {% }); %}
+
+      </section>
+{% } %}
+
+{% if( r.publications ) { %}
+      <section id="publications">
+        <header>
+        <h2>Publications</h2><hr>
+        </header>
+        <span class="fa fa-lg fa-trophy"></span>
+        {% r.publications.forEach( function( pub, idx, ar) { %}
+          <h4>
+            {% if( pub.website ) { %}
+              <span class="res-label"><a href="{{ pub.website }}" ></span>{{ pub.name }}</a>,&nbsp;{{ pub.publisher }}
+            {% } else { %}
+              <span class="res-label">{{ pub.name }}</span>,&nbsp;{{ pub.publisher }}
+            {% } %}
+          </h4>
+        <span class="tenure">Published on: {{ pub.releaseDate }}</span>
+
+        {{ pub.summary|md }}
+
+        {% }); %}
+      </section>
+{% } %}
+
+{% if( r.awards ) { %}
+      <section id="awards">
+        <header>
+        <h2>Awards</h2><hr>
+        </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>
+{% } %}
+
+    </main>
+  </body>
+</html>
--- a/themes/compact/templates/txt.txt
+++ b/themes/compact/templates/txt.txt
@ -0,0 +1,30 @@
+{{ r.basics.name }}
+{% if (r.basics.email) { %}Email: {{ r.basics.email }}{% } %}
+{% if (r.basics.phone) { %}Tel: {{ r.basics.phone }}{% } %}
+{% if (r.basics.website) { %}Web: {{ r.basics.website }}{% } %}
+
+***
+
+{% if ( r.basics.summary && r.basics.summary.length ) { %}{{ r.basics.summary }}{% } %}
+
+
+{% if ( r.skills && r.skills.length ) { %}SKILLS
+{% r.skills.forEach( function( skill, idx, ar) { %}
+  - {{ skill.name }}: {% print( skill.keywords.join(', ') ); %}
+{% }); } %}
+
+{% if ( r.work && r.work.length ) { %}EMPLOYMENT
+{% r.work.forEach( function( proj, idx, ar) { %}
+{{ proj.company }} ({{ proj.startDate }} — {{ proj.endDate }})
+{{ proj.summary }}
+{% if( proj.highlights ) { %}{% proj.highlights.forEach( function( high, idx, ar) { %}
+  - {{ high }}
+{% }); }  }); } %}
+
+{% if ( r.education && r.education.length ) { %}EDUCATION
+{% r.education.forEach( function( edu, idx, ar) { %}
+{{ edu.institution }} ({{ edu.startDate }} — {{ edu.endDate }})
+{{ edu.area }}
+{% if( edu.courses ) { %}{% edu.courses.forEach( function( course, idx, ar) { %}
+  - {{ course }}
+{% }); } }); } %}
Author	SHA1	Message	Date
JD	29b00a6f22	Merge pull request #5 from fluentdesk/dev Merge from dev.	2015-10-27 10:28:02 -04:00
devlinjd	ecb085ed10	Compact: Collapse jobs > 4 and use safe dates.	2015-10-27 10:30:59 -04:00
devlinjd	9c3d950af6	Compact: Use inline Markdown.	2015-10-27 09:06:36 -04:00
devlinjd	c9f116207e	Introduce "Compact" theme.	2015-10-27 08:41:12 -04:00
devlinjd	6db7691c38	Unprivatize package.json.	2015-10-26 13:39:58 -04:00
JD	ae19fec60b	Merge pull request #4 from fluentdesk/dev Unprivatize package.json.	2015-10-26 13:38:37 -04:00
devlinjd	6a52ddb19c	Rename to fluent-themes.	2015-10-26 13:36:18 -04:00
JD	30fd9222aa	Merge pull request #3 from fluentdesk/dev Rename to fluent-themes.	2015-10-26 13:32:54 -04:00