jsonresume-theme-straightforward-fet-adapt 1.1.0

package/LICENSE

@@ -0,0 +1,22 @@
+MIT License
+
+Copyright (c) 2020 Aaron Gershman (original work)
+Copyright (c) 2026 Franco Trujillo (modifications and enhancements)
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,86 @@
+# jsonresume-theme-straightforward-fet-adapt
+
+A straightforward [jsonresume](https://github.com/jsonresume) theme with adaptive layouts and enhanced link support.
+
+**Note:** This is a fork of the original [jsonresume-theme-straightforward](https://github.com/slugstack/jsonresume-theme-straightforward) with modifications and enhancements.
+
+## Preview
+
+![Sample Resume](.img/new_straightforward_sample.png)
+
+## Changes from Original
+
+### Header/Basics Section
+
+- Centered layout with name at the top
+- Contact information (phone, email, social profiles) in a single centered line
+- SVG icons for phone, email, LinkedIn, and GitHub
+- Generic link icon (link-45deg.svg) for unrecognized networks with URLs
+- Social profiles display actual URLs (e.g., `linkedin.com/in/username`) instead of platform names
+- Profiles with empty or null URLs are automatically skipped
+- Location only shows comma when city is present
+
+### Work Experience Section
+
+- Adaptive two-line layout when highlights are present:
+  - Line 1: `Organization | Title`
+  - Line 2: `Date range`
+- Compact one-line layout when no highlights: `Organization | Title Date`
+
+### Volunteer Section
+
+- Same adaptive layout as Work section
+- Two-line format with highlights, one-line without
+
+### Awards Section
+
+- Adaptive layout based on highlights presence
+- Two-line format: `Award Title | Awarder` on first line, `Date` on second
+- One-line format: `Award Title, Awarder Date` on single line
+
+### Publications Section
+
+- Adaptive layout based on highlights presence
+- Two-line format: `Publication Name` on first line, `Date` on second
+- One-line format: `Publication Name Date` on single line
+
+### Education Section
+
+- Maintains original one-line format
+- Displays: `Institution | Study Type - Area, GPA Date`
+
+### Print/PDF
+
+- Job blocks avoid splitting when possible
+- Orphan/widow control for better page breaks
+
+### Icon Support
+
+- Supports custom SVG icons in the `icons/` folder
+- Icons are inlined for portability
+
+## examples
+
+- [as HTML (https://francoet.github.io/jsonresume-theme-straightforward-fet-adapt)](https://francoet.github.io/jsonresume-theme-straightforward-fet-adapt)
+- [as PDF (docs/index.pdf)](docs/index.pdf)
+
+## usage
+
+```sh
+npm install jsonresume-theme-straightforward-fet-adapt
+
+resume export resume.pdf --format pdf --theme jsonresume-theme-straightforward-fet-adapt
+resume export resume.html --format html --theme jsonresume-theme-straightforward-fet-adapt
+```
+
+## building local
+
+```sh
+npm install
+npm start
+npm test
+
+npm run export:html
+```
+
+Note that running `npm run export:pdf` will result in a different binary every time it's run, even if the source hasn't changed. So it's not the most reliable indicator of differences.

package/index.js

@@ -0,0 +1,198 @@
+const fs = require("fs");
+const path = require("path");
+const Handlebars = require("handlebars");
+
+const extname = ".hbs";
+const partialsDir = path.join(__dirname, "partials");
+
+fs.readdirSync(partialsDir)
+  .filter((filename) => path.extname(filename) === extname)
+  .map((filename) => [
+    filename,
+    fs.readFileSync(path.join(partialsDir, filename), "utf8"),
+  ])
+  .forEach(([filename, template]) =>
+    Handlebars.registerPartial(path.basename(filename, extname), template)
+  );
+
+// Handlebars.registerHelper('STRIP_PROTOCOL', urlStr => {
+//   const result = urlStr.replace(/(^\w+:|^)\/\//, '');
+//   return result;
+// })
+
+Handlebars.registerHelper("MONTH_YEAR", (dateString) =>
+  // https://dockyard.com/blog/2020/02/14/you-probably-don-t-need-moment-js-anymore
+  // https://stackoverflow.com/questions/5619202/parsing-a-string-to-a-date-in-javascript
+  new Date(dateString + "T00:00:00").toLocaleDateString("en-US", {
+    month: "short",
+    year: "numeric",
+  })
+);
+
+Handlebars.registerHelper(
+  "IF_DATES_HAVE_SAME_MONTH_AND_YEAR",
+  function (arg1, arg2) {
+    // prevents situation where we render same month/date combination
+    // such as "Sept. 2020 - Sept. 2020"
+    const d1 = new Date(arg1 + "T00:00:00");
+    const d2 = new Date(arg2 + "T00:00:00");
+    const matchingYear = d1.getFullYear() == d2.getFullYear();
+    const matchingMonth = d1.getMonth() == d2.getMonth();
+    return matchingYear && matchingMonth;
+  }
+);
+
+Handlebars.registerHelper("join", (arr, separator) =>
+  arr.join(typeof separator === "string" ? separator : ", ")
+);
+
+Handlebars.registerHelper("eq", (a, b) => a === b);
+
+// Helper to load and inline SVG icons
+Handlebars.registerHelper("icon", (iconName) => {
+  try {
+    const iconPath = path.join(__dirname, "icons", `${iconName}.svg`);
+    const svg = fs.readFileSync(iconPath, "utf-8");
+    return new Handlebars.SafeString(svg);
+  } catch (e) {
+    return "";
+  }
+});
+
+// Helper to strip protocol from URLs for cleaner display
+Handlebars.registerHelper("STRIP_PROTOCOL", (urlStr) => {
+  const result = urlStr.replace(/(^\w+:|^)\/\//, "");
+  return result;
+});
+
+Handlebars.registerHelper("STATE_ABBREVIATION_TO_FULL_NAME", (state) => {
+  const stateList = {
+    AZ: "Arizona",
+    AL: "Alabama",
+    AK: "Alaska",
+    AR: "Arkansas",
+    CA: "California",
+    CO: "Colorado",
+    CT: "Connecticut",
+    DC: "District of Columbia",
+    DE: "Delaware",
+    FL: "Florida",
+    GA: "Georgia",
+    HI: "Hawaii",
+    ID: "Idaho",
+    IL: "Illinois",
+    IN: "Indiana",
+    IA: "Iowa",
+    KS: "Kansas",
+    KY: "Kentucky",
+    LA: "Louisiana",
+    ME: "Maine",
+    MD: "Maryland",
+    MA: "Massachusetts",
+    MI: "Michigan",
+    MN: "Minnesota",
+    MS: "Mississippi",
+    MO: "Missouri",
+    MT: "Montana",
+    NE: "Nebraska",
+    NV: "Nevada",
+    NH: "New Hampshire",
+    NJ: "New Jersey",
+    NM: "New Mexico",
+    NY: "New York",
+    NC: "North Carolina",
+    ND: "North Dakota",
+    OH: "Ohio",
+    OK: "Oklahoma",
+    OR: "Oregon",
+    PA: "Pennsylvania",
+    RI: "Rhode Island",
+    SC: "South Carolina",
+    SD: "South Dakota",
+    TN: "Tennessee",
+    TX: "Texas",
+    UT: "Utah",
+    VT: "Vermont",
+    VA: "Virginia",
+    WA: "Washington",
+    WV: "West Virginia",
+    WI: "Wisconsin",
+    WY: "Wyoming",
+    AS: "American Samoa",
+    GU: "Guam",
+    MP: "Northern Mariana Islands",
+    PR: "Puerto Rico",
+    VI: "U.S. Virgin Islands",
+    UM: "U.S. Minor Outlying Islands",
+  };
+  if (stateList[state] != null) {
+    return stateList[state];
+  }
+  return state;
+});
+
+Handlebars.registerHelper("STATE_NAME_TO_ABBREVIATION", (state) => {
+  const stateList = {
+    Arizona: "AZ",
+    Alabama: "AL",
+    Alaska: "AK",
+    Arkansas: "AR",
+    California: "CA",
+    Colorado: "CO",
+    Connecticut: "CT",
+    Delaware: "DE",
+    Florida: "FL",
+    Georgia: "GA",
+    Hawaii: "HI",
+    Idaho: "ID",
+    Illinois: "IL",
+    Indiana: "IN",
+    Iowa: "IA",
+    Kansas: "KS",
+    Kentucky: "KY",
+    Louisiana: "LA",
+    Maine: "ME",
+    Maryland: "MD",
+    Massachusetts: "MA",
+    Michigan: "MI",
+    Minnesota: "MN",
+    Mississippi: "MS",
+    Missouri: "MO",
+    Montana: "MT",
+    Nebraska: "NE",
+    Nevada: "NV",
+    "New Hampshire": "NH",
+    "New Jersey": "NJ",
+    "New Mexico": "NM",
+    "New York": "NY",
+    "North Carolina": "NC",
+    "North Dakota": "ND",
+    Ohio: "OH",
+    Oklahoma: "OK",
+    Oregon: "OR",
+    Pennsylvania: "PA",
+    "Rhode Island": "RI",
+    "South Carolina": "SC",
+    "South Dakota": "SD",
+    Tennessee: "TN",
+    Texas: "TX",
+    Utah: "UT",
+    Vermont: "VT",
+    Virginia: "VA",
+    Washington: "WA",
+    "West Virginia": "WV",
+    Wisconsin: "WI",
+    Wyoming: "WY",
+  };
+  if (stateList[state] != null) {
+    return stateList[state];
+  }
+  return state;
+});
+
+exports.render = (resume) => {
+  const css = fs.readFileSync(path.join(__dirname, "style.css"), "utf-8");
+  const template = fs.readFileSync(path.join(__dirname, "resume.hbs"), "utf-8");
+
+  return Handlebars.compile(template)({ css, resume });
+};

package/package.json

@@ -0,0 +1,54 @@
+{
+  "name": "jsonresume-theme-straightforward-fet-adapt",
+  "private": false,
+  "version": "1.1.0",
+  "description": "A straightforward jsonresume theme with adaptive layouts and enhanced link support",
+  "homepage": "https://github.com/FrancoETrujillo/jsonresume-theme-straightforward-fet-adapt",
+  "bugs": {
+    "url": "https://github.com/FrancoETrujillo/jsonresume-theme-straightforward-fet-adapt/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/FrancoETrujillo/jsonresume-theme-straightforward-fet-adapt.git"
+  },
+  "license": "MIT",
+  "author": "Franco Trujillo",
+  "contributors": [
+    "Aaron Gershman (original author)"
+  ],
+  "keywords": [
+    "jsonresume",
+    "theme",
+    "straightforward",
+    "resume",
+    "cv"
+  ],
+  "files": [
+    "index.js",
+    "partials/*.hbs",
+    "resume.hbs",
+    "style.css"
+  ],
+  "scripts": {
+    "start": "resume serve --theme .",
+    "export": "npm-run-all export:*",
+    "export:html": "resume export docs/index.html --format html --theme .",
+    "export:pdf": "resume export docs/index.pdf --format pdf --theme .",
+    "lint": "npm-run-all lint:*",
+    "lint:eslint": "eslint .",
+    "lint:pa11y": "pa11y --reporter=cli $(pwd)/docs/index.html",
+    "test": "jest && npm run export:html && npm run lint"
+  },
+  "dependencies": {
+    "handlebars": "^4.7.6"
+  },
+  "devDependencies": {
+    "@types/jest": "^30.0.0",
+    "eslint": "^9.0.0",
+    "html-validate": "^10.0.0",
+    "jest": "^30.0.2",
+    "npm-run-all": "^4.1.5",
+    "pa11y": "^9.0.0",
+    "resume-cli": "^3.1.2"
+  }
+}

package/partials/awards.hbs

@@ -0,0 +1,48 @@
+{{#if resume.awards.length}}
+  <div id='awards' class='section-block'>
+    <div class='section-intro'>
+      <div class='section-name'>
+        <span>AWARDS</span>
+      </div>
+      <div class='section-intro-line'></div>
+    </div>
+    <div class='section-content'>
+      {{#each resume.awards}}
+        {{#if highlights.length}}
+          <div class='block-header'>
+            <div>
+              <span class='organization'>{{title}}</span>{{#if awarder}} | <span class='title'>{{awarder}}</span>{{/if}}
+            </div>
+            {{#if date}}
+              <div class='date'>
+                <time datetime="{{date}}">{{MONTH_YEAR date}}</time>
+              </div>
+            {{/if}}
+          </div>
+        {{else}}
+          <div class='block-header'>
+            <div>
+              <span class='title'>{{title}}{{#if awarder}}, {{awarder}}{{/if}}</span>
+              {{#if date}}
+                <span class='date'>
+                  <time datetime="{{date}}">{{MONTH_YEAR date}}</time>
+                </span>
+              {{/if}}
+            </div>
+          </div>
+        {{/if}}
+        {{#if highlights.length}}
+          <ul class='highlights'>
+            {{#each highlights}}
+              <li>{{.}}</li>
+            {{/each}}
+          </ul>
+        {{/if}}
+        {{#unless @last}}
+          <div class='separator'></div>
+        {{/unless}}
+      {{/each}}
+    </div>
+  </div>
+  <div class='section-line'></div>
+{{/if}}

package/partials/basics.hbs

@@ -0,0 +1,73 @@
+{{#resume.basics}}
+  <div class="basics">
+    <div id="basics-left-content">
+      {{! note: this content should not appear or have any effect on styling, this is only to enable any automated content parsing }}
+      <div class="display-none">
+        {{#location}}
+          <span class="address">
+            {{address}}
+            {{city}}
+            {{region}}
+            {{postalCode}}
+          </span>
+        {{/location}}
+        {{#if phone}}
+          <span class="phone">
+            <a href="tel:{{phone}}">{{phone}}</a>
+          </span>
+        {{/if}}
+      </div>
+    </div>
+
+    <div id="basics-center-content">
+      <span class="name">{{name}}</span>
+    </div>
+
+    <div id="basics-right-content">
+      <div class="contact-block">
+        {{#if phone}}
+          <div>
+            <span class="phone">{{{icon "telephone-fill"}}}
+              <a href="tel:{{phone}}">{{phone}}</a></span>
+          </div>
+          <span class="divider">|</span>
+        {{/if}}
+        {{#if email}}
+          <div>
+            <span class="email">{{{icon "envelope"}}}
+              <a href="mailto:{{email}}">{{email}}</a></span>
+          </div>
+        {{/if}}
+        {{#each profiles}}
+          {{#if url}}
+            <span class="divider">|</span>
+            <div>
+              <span class="profile">
+                {{#if (eq network "LinkedIn")}}
+                  {{{icon "linkedin"}}}
+                  <a href="{{url}}">{{STRIP_PROTOCOL url}}</a>
+                {{else if (eq network "GitHub")}}
+                  {{{icon "github"}}}
+                  <a href="{{url}}">{{STRIP_PROTOCOL url}}</a>
+                {{else}}
+                  {{{icon "link-45deg"}}}
+                  <a href="{{url}}">{{STRIP_PROTOCOL url}}</a>
+                {{/if}}
+              </span>
+            </div>
+          {{/if}}
+        {{/each}}
+      </div>
+
+      {{! location and full address hidden for parsing }}
+      {{#location}}
+        <div class="display-none">
+          <span class="address">{{#if city}}{{city}}{{#if region}},
+              {{/if}}{{/if}}{{STATE_ABBREVIATION_TO_FULL_NAME region}}</span>
+        </div>
+      {{/location}}
+
+    </div>
+  </div>
+
+{{/resume.basics}}

package/partials/education.hbs

@@ -0,0 +1,33 @@
+{{#if resume.education.length}}
+  <div id="education" class="section-block">
+    <div class="section-intro">
+      <div class="section-name">
+        <span>EDUCATION</span>
+      </div>
+      <div class="section-intro-line"></div>
+    </div>
+    <div class="section-content">
+      {{#each resume.education}}
+        <div class="block-header">
+          <span class="title">{{institution}}</span>
+          {{#if startDate}}
+            <span class="date">
+              {{#if startDate}}{{MONTH_YEAR startDate}}{{/if}}
+              &mdash;
+              {{#if endDate}}{{MONTH_YEAR endDate}}{{else}}Present{{/if}}
+            </span>
+          {{/if}}
+          <div class="">
+            {{#if studyType}}{{studyType}} {{/if}}
+            -
+            {{#if area}}{{area}}{{/if}}{{#if score}}, GPA: {{score}}{{/if}}
+          </div>
+        </div>
+        {{#unless @last}}
+          <div class="separator"></div>
+        {{/unless}}
+      {{/each}}
+    </div>
+  </div>
+  <div class="section-line"></div>
+{{/if}}

package/partials/interests.hbs

@@ -0,0 +1,25 @@
+{{#if resume.interests.length}}
+  <div id='interests' class='section-block'>
+    <div class='section-intro'>
+      <div class='section-name'>
+        <span>INTERESTS</span>
+      </div>
+      <div class='section-intro-line'></div>
+    </div>
+    <div class='section-content'>
+      <ul class='highlights'>
+        {{#each resume.interests}}
+          <li>
+            <span class='title'>{{name}}:</span>
+            {{#if keywords.length}}
+              {{#each keywords}}
+                <span>{{.}}</span>{{#unless @last}}, {{/unless}}
+              {{/each}}
+            {{/if}}
+          </li>
+        {{/each}}
+      </ul>
+    </div>
+    <div class='section-line'></div>
+  </div>
+{{/if}}

package/partials/projects.hbs

@@ -0,0 +1,30 @@
+{{#if resume.projects.length}}
+  <div id='projects' class='section-block'>
+    <div class='section-intro'>
+      <div class='section-name'>
+        <span>PROJECTS</span>
+      </div>
+      <div class='section-intro-line'></div>
+    </div>
+    <div class='section-content'>
+      <ul class='highlights'>
+        {{#each resume.projects}}
+          <li>
+            {{#if url}}
+              <span class='title'><a href="{{url}}">{{name}}</a>: </span>
+            {{else}}
+              <span class='title'>{{name}}: </span>
+            {{/if}}
+            {{#if highlights.length}}
+              {{#each highlights}}
+                {{!-- formatting is expecting resume.json highlights to not have end punctuation --}}
+                <span>{{.}}</span>.{{#unless @last}} {{/unless}}
+              {{/each}}
+            {{/if}}
+          </li>
+        {{/each}}
+      </ul>
+    </div>
+  </div>
+  <div class='section-line'></div>
+{{/if}}

package/partials/publications.hbs

@@ -0,0 +1,51 @@
+{{#if resume.publications.length}}
+  <div id='publications' class='section-block'>
+    <div class='section-intro'>
+      <div class='section-name'>
+        <span>PUBLICATIONS</span>
+      </div>
+      <div class='section-intro-line'></div>
+    </div>
+    <div class='section-content'>
+      {{#each resume.publications}}
+        {{#if highlights.length}}
+          <div class='block-header'>
+            <div>
+              <span class='organization'>{{name}}</span>
+            </div>
+            {{#if releaseDate}}
+              <div class='date'>
+                <time datetime="{{releaseDate}}">{{MONTH_YEAR releaseDate}}</time>
+              </div>
+            {{/if}}
+          </div>
+        {{else}}
+          <div class='block-header'>
+            <div>
+              <span class='title'>{{name}}</span>
+              {{#if releaseDate}}
+                <span class='date'>
+                  <time datetime="{{releaseDate}}">{{MONTH_YEAR releaseDate}}</time>
+                </span>
+              {{/if}}
+            </div>
+          </div>
+        {{/if}}
+        {{#if website}}
+          <div class='website'><a href='{{website}}'>{{website}}</a></div>
+        {{/if}}
+        {{#if highlights.length}}
+          <ul class='highlights'>
+            {{#each highlights}}
+              <li>{{.}}</li>
+            {{/each}}
+          </ul>
+        {{/if}}
+        {{#unless @last}}
+          <div class='separator'></div>
+        {{/unless}}
+      {{/each}}
+    </div>
+  </div>
+  <div class='section-line'></div>
+{{/if}}

package/partials/skills.hbs

@@ -0,0 +1,25 @@
+{{#if resume.skills.length}}
+  <div id='skills' class='section-block'>
+    <div class='section-intro'>
+      <div class='section-name'>
+        <span>SKILLS AND TECH</span>
+      </div>
+      <div class='section-intro-line'></div>
+    </div>
+    <div class='section-content'>
+      <ul class='highlights'>
+        {{#each resume.skills}}
+          <li>
+            <span class='title'>{{name}}:</span>
+            {{#if keywords.length}}
+              {{#each keywords}}
+                <span>{{.}}</span>{{#unless @last}}, {{/unless}}{{#if @last}}.{{/if}}
+              {{/each}}
+            {{/if}}
+          </li>
+        {{/each}}
+      </ul>
+    </div>
+  </div>
+  <div class='section-line'></div>
+{{/if}}

package/partials/summary.hbs

@@ -0,0 +1,14 @@
+{{#if resume.basics.summary}}
+  <div id='summary-block' class='section-block'>
+    <div class='section-intro'>
+      <div class='section-name'>
+        <span>SUMMARY</span>
+      </div>
+      <div class='section-intro-line'></div>
+    </div>
+    <div class='section-content'>
+      <span>{{resume.basics.summary}}</span>
+    </div>
+  </div>
+  <div class='section-line'></div>
+{{/if}}

package/partials/volunteer.hbs

@@ -0,0 +1,61 @@
+{{#if resume.volunteer.length}}
+  <div id='volunteer' class='section-block'>
+    <div class='section-intro'>
+      <div class='section-name'>
+        <span>VOLUNTEERING</span>
+      </div>
+      <div class='section-intro-line'></div>
+    </div>
+    <div class='section-content'>
+      {{#each resume.volunteer}}
+        {{#if highlights.length}}
+          <div class='block-header'>
+            <div>
+              <span class='organization'>{{organization}}</span> | <span class='title'>{{position}}</span>
+            </div>
+            {{#if startDate}}
+              <div class='date'>
+                {{#if (IF_DATES_HAVE_SAME_MONTH_AND_YEAR startDate endDate)}}
+                  {{MONTH_YEAR startDate}}
+                {{else}}
+                  {{#if startDate}}{{MONTH_YEAR startDate}}{{/if}} &mdash;
+                  {{#if endDate}}{{MONTH_YEAR endDate}}{{else}}Present{{/if}}
+                {{/if}}
+              </div>
+            {{/if}}
+          </div>
+        {{else}}
+          <div class='block-header'>
+            <div>
+              <span class='organization'>{{organization}}</span> | <span class='title'>{{position}}</span>
+              {{#if startDate}}
+                <span class='date'>
+                  {{#if (IF_DATES_HAVE_SAME_MONTH_AND_YEAR startDate endDate)}}
+                    {{MONTH_YEAR startDate}}
+                  {{else}}
+                    {{#if startDate}}{{MONTH_YEAR startDate}}{{/if}} &mdash;
+                    {{#if endDate}}{{MONTH_YEAR endDate}}{{else}}Present{{/if}}
+                  {{/if}}
+                </span>
+              {{/if}}
+            </div>
+          </div>
+        {{/if}}
+        {{#if website}}
+          <div class='website'><a href='{{website}}'>{{website}}</a></div>
+        {{/if}}
+        {{#if highlights.length}}
+          <ul class='highlights'>
+            {{#each highlights}}
+              <li>{{.}}</li>
+            {{/each}}
+          </ul>
+        {{/if}}
+        {{#unless @last}}
+          <div class='separator'></div>
+        {{/unless}}
+      {{/each}}
+    </div>
+  </div>
+  <div class='section-line'></div>
+{{/if}}

package/partials/work.hbs

@@ -0,0 +1,59 @@
+{{#if resume.work.length}}
+  <div id='work-block' class='section-block'>
+    <div class='section-intro'>
+      <div class='section-name'>
+        <span>EXPERIENCE</span>
+      </div>
+      <div class='section-intro-line'></div>
+    </div>
+    <div class='section-content'>
+      {{#each resume.work}}
+        <div class='job-block'>
+          {{#if highlights.length}}
+            <div class='block-header'>
+              <div>
+                <span class='organization'>{{name}}</span> | <span class='title'>{{position}}</span>
+              </div>
+              <div class='date'>
+                <time datetime="{{startDate}}">{{MONTH_YEAR startDate}}</time> &mdash;
+                {{#if endDate}}<time datetime="{{endDate}}">{{MONTH_YEAR endDate}}</time>{{else}}Present{{/if}}
+              </div>
+            </div>
+          {{else}}
+            <div class='block-header'>
+              <div>
+                <span class='organization'>{{name}}</span> | <span class='title'>{{position}}</span>
+                <span class='date'>
+                  <time datetime="{{startDate}}">{{MONTH_YEAR startDate}}</time> &mdash;
+                  {{#if endDate}}<time datetime="{{endDate}}">{{MONTH_YEAR endDate}}</time>{{else}}Present{{/if}}
+                </span>
+              </div>
+            </div>
+          {{/if}}
+
+          <div class='display-none'>
+            {{!-- note: this is to enable any automated parsing of content --}}
+            {{#if location}}
+              <span class='location'>{{location}}</span>
+            {{/if}}
+            {{#if website}}
+              <span class='website'><a href='{{website}}'>{{website}}</a></span>
+            {{/if}}
+          </div>
+
+          {{#if highlights.length}}
+            <ul class='highlights'>
+              {{#each highlights}}
+                <li>{{.}}</li>
+              {{/each}}
+            </ul>
+          {{/if}}
+          {{#unless @last}}
+            <div class='separator'></div>
+          {{/unless}}
+        </div>
+      {{/each}}
+    </div>
+  </div>
+  <div class='section-line'></div>
+{{/if}}

package/resume.hbs

@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset='utf-8'>
+  <title>{{resume.basics.name}}</title>
+  {{#if resume.basics.summary}}
+    <meta name="description" content='{{resume.basics.summary}}'>
+  {{else}}
+    <meta name="description" content='{{resume.basics.name}}'>
+  {{/if}}
+  <meta name='viewport' content='width=device-width, minimal-ui'>
+  <meta name='resume-version' content='{{resume.meta.version}}'>
+  <style>{{{css}}}</style>
+</head>
+
+<body>
+  <div id='wrapper'>
+    <div id='resume'>
+      {{> basics}}
+      {{> summary}}
+      {{> skills}}
+      {{> work}}
+      {{> volunteer}}
+      {{> projects}}
+      {{> education}}
+      {{> publications}}
+      {{> awards}}
+      {{> interests}}
+    </div>
+  </div>
+</body>
+
+</html>

package/style.css

@@ -0,0 +1,208 @@
+body {
+  font-family: "Times New Roman", Times, sans-serif;
+  /* 13px to 15px looks good */
+  font-size: 15px;
+  /* 1.38, 1.4, or 1.5 looks good */
+  line-height: 1.4;
+  margin: 0 auto;
+}
+
+#wrapper {
+  margin: 0 auto;
+  max-width: 800px;
+}
+
+/* when generating the resume as a website or as headless, this will keep a nice readable margin in place */
+#resume {
+  margin: 0.4in;
+}
+
+/* use-case is when a user generates their resume as a website, saves their website as a PDF, and uses their browser to manage the margins during save */
+@media print {
+  #resume {
+    margin: 0;
+  }
+}
+
+ul {
+  margin-bottom: 0;
+}
+
+li {
+  margin-bottom: 2px;
+}
+
+a {
+  color: black;
+  /* it's less likely someone will click the links; removing underline to reduce noise */
+  text-decoration: none;
+}
+
+.display-none {
+  /* note: this is to enable any automated parsing of content */
+  display: none;
+}
+
+.basics {
+  display: block;
+  text-align: center;
+}
+
+#basics-center-content {
+  text-align: center;
+  font-size: 30px;
+  margin-bottom: 5px;
+}
+
+#basics-right-content {
+  text-align: center;
+  font-size: 13px;
+  margin-bottom: 15px;
+}
+
+#basics-left-content {
+  display: none;
+}
+
+.contact-block {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 10px;
+}
+
+.contact-block > div {
+  display: inline;
+}
+
+.contact-block svg {
+  width: 14px;
+  height: 14px;
+  vertical-align: middle;
+  margin-right: 2px;
+}
+
+.basics .divider {
+  font-weight: bold;
+  margin-left: 5px;
+  margin-right: 5px;
+}
+
+.section-block {
+  display: block;
+  width: 100%;
+}
+
+.section-name {
+  color: #004687;
+  display: block;
+  font-weight: bold;
+}
+
+.section-line {
+  border-color: none;
+  border-style: hidden;
+  border-width: 1px;
+  margin-top: 10px;
+  margin-bottom: 5px;
+  border-color: #004687;
+  border-style: solid;
+  border-width: 1px;
+  margin-top: 0px;
+  margin-bottom: 5px;
+}
+
+#work-block .block-header,
+#volunteer .block-header,
+#awards .block-header,
+#publications .block-header {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: space-between;
+}
+
+#work-block .block-header > *,
+#volunteer .block-header > *,
+#awards .block-header > *,
+#publications .block-header > * {
+  flex-grow: 1;
+  flex-shrink: 1;
+  flex-basis: 30%;
+}
+
+#work-block .block-header > div:first-child,
+#volunteer .block-header > div:first-child,
+#awards .block-header > div:first-child,
+#publications .block-header > div:first-child {
+  flex-basis: 100%;
+}
+
+#work-block .block-header > div.date,
+#volunteer .block-header > div.date,
+#awards .block-header > div.date,
+#publications .block-header > div.date {
+  flex-basis: 100%;
+  text-align: left;
+}
+
+.block-header .date {
+  font-weight: bold;
+  text-align: right;
+}
+
+.block-header .organization {
+  font-weight: bold;
+  text-align: left;
+}
+
+.block-header .title {
+  font-weight: bold;
+  text-align: center;
+}
+
+.section-content {
+  display: block;
+}
+
+.section-content ul {
+  padding-left: 20px;
+  margin-top: 3px;
+  list-style-type: circle;
+}
+
+.section-content .title {
+  font-weight: bold;
+}
+
+.section-content .date {
+  float: right;
+}
+
+.section-content .separator {
+  height: 7px;
+}
+
+.summary {
+  margin-top: 6px;
+}
+
+.job-block {
+  page-break-inside: avoid;
+}
+
+@media print {
+  .job-block {
+    margin-top: 10px;
+  }
+
+  .job-block:first-child {
+    margin-top: 0;
+  }
+
+  .section-content ul,
+  .section-content .highlights {
+    orphans: 2;
+    widows: 2;
+  }
+}