jsonresume-theme-engineering 0.1.3

package/README.md

@@ -0,0 +1,121 @@
+# jsonresume-theme-engineering [![](https://badge.fury.io/js/jsonresume-theme-engineering.svg)](https://www.npmjs.org/package/jsonresume-theme-engineering)
+
+This is the engineering theme for [JSON Resume](http://jsonresume.org/), which aims to implement the best practices for engineering resumes described in https://www.reddit.com/r/EngineeringResumes/wiki/index/. It is intended [senior/staff level engineers](https://www.reddit.com/r/EngineeringResumes/wiki/index/#wiki_senior_engineers_and_above_.2810.2B_yoe.29).
+
+## Getting started
+
+To get started with theme development, this is what you'll need:
+
+- [node.js](http://howtonode.org/how-to-install-nodejs)
+- [npm](http://howtonode.org/introduction-to-npm)
+
+If you're on Linux, you can simply run:
+
+```
+sudo apt-get install nodejs-legacy npm
+```
+
+Or if you're on OSX and got [Homebrew](http://brew.sh/) installed:
+
+```
+brew install node
+```
+
+### Download theme
+
+Lets go ahead and download a [copy of the repository](https://github.com/skoenig/jsonresume-theme-engineering/archive/master.zip).
+
+### Install npm packages
+
+We need to install the dependencies. `cd` into the theme folder we just downloaded and run:
+
+```bash
+npm install
+```
+
+This will read the local `package.json` and install the packages listed under `dependencies`.
+
+### Install the command line
+
+We're going to use the official [resume-cli](https://github.com/jsonresume/resume-cli) to run our development server.
+
+Go ahead and install it:
+
+```
+npm install resume-cli
+```
+
+### Serve theme
+
+While inside the theme folder, copy the sample resume and run the development server:
+
+```
+cp sample-resume.json resume.json
+npm start
+```
+
+You should now see this message:
+
+```
+Preview: http://localhost:4000
+Press ctrl-c to stop
+```
+
+Congratulations, you've made it!
+
+__The theme development can now begin.__
+
+## Development
+
+### Overview
+
+Quick overview of each of the files needed for this JSONResume theme:
+
+- `package.json`: Your package.json is required by all npm packages. Everytime you want to release a new update of your theme, you'll need to update it's version number.
+- `index.js`: This is the file that will return the needed HTML to the theme server. You can use it to process some things with your theme first, but we'll talk about that a bit later.
+- `resume.hbs`: This is your actual template. This file is sent to the `index.js` for it to send to the theme server.
+- `style.css`: This is where all the CSS of your project goes. Since the `index.js` only returns HTML, the contents of this file are put between `<style>` tags in your `resume.hbs` file.
+
+### package.json
+
+Because you'll need to publish this as your own soon, you'll need to change some of the fields. You can replace the name field with your own theme name, so long as it starts with `jsonresume-theme-`. This prefix will allow your theme to be found by the theme server during deployment.
+
+Next, you'll want to change the description and author. You can change the description to anything you'd like, and the author should be your name.
+
+If you are also putting your theme up on Github, you'll probably want to keep the repository field, but replace the url with your own.
+
+Lastly, you can put all of your theme dependencies in the `dependencies` field. As you can see, we already have [Handlebars](http://handlebarsjs.com/) as one of the dependencies. If you wish not to use Handlebars, you may remove this, and replace it with another templating system.
+
+### index.js
+
+The `index.js` is where all the compiliing of your theme, and neccessary edits will go.
+
+At the top, you can already see the Node.js `require` function being used with the dependencies. You can obviously add own dependencies, if you are planning on using a different templating system, you can remove it.
+
+The most important part of `index.js` is the `render` function. This is where all the compilation goes. This render function is expected to take a resume object (from a `resume.json`), and should return HTML. In this case, it is returning a compiled Handlebars document. If you removed the Handlebars dependency, you'll want to remove it and replace it with your own templating system compilation.
+
+Above the `return` line are css and template variables. Using the Node.js `fs` module, it reads first the `style.css` and the `resume.hbs`.
+
+### resume.hbs
+
+The `resume.hbs` file is where the actual template is. It contains all of the markup needed for your resume. By default, this is a Handlebars document, but it can obviously be changed into a different templating document.
+
+### style.css
+
+Last but not least, the `style.css` defines your styles. Technically, this is completely optional, as you could just write all of your styles in the `<style>` tags of your `resume.hbs`. As the `index.js`, the contents of the `style.css` are put into the `<style>` tags of your compiled theme later, yet again, this is something can change.
+
+## Deployment
+
+If you are familar with NPM, you should be done with this in no time.
+
+If you already have an NPM account, you can run `npm login` and enter your username and password. If not, you can run `npm adduser` and fill in the proper fields.
+
+If you changed the dependencies or added new ones, you'll want to run `npm install` again, and just to make sure, run `npm update` to get the latest version of each dependency.
+
+When you are done with that, you may go into your package.json, and edit the version number. When all of the above is finished, you may run `npm publish` to release your theme to the public. Now everyone can use your theme with their resume.
+
+When updating your theme, you'll need to change the version number and run `npm publish` again.
+
+## License
+
+Available under [the MIT license](http://mths.be/mit).

package/index.js

@@ -0,0 +1,65 @@
+const
+  fs = require('fs'),
+  handlebars = require('handlebars'),
+  handlebarsWax = require('handlebars-wax'),
+  addressFormat = require('address-format'),
+  moment = require('moment'),
+  Swag = require('swag');
+
+Swag.registerHelpers(handlebars);
+
+handlebars.registerHelper({
+  removeProtocol: function (url) {
+    return url.replace(/.*?:\/\//g, '');
+  },
+
+  concat: function () {
+    let res = '';
+
+    for (let arg in arguments) {
+      if (typeof arguments[arg] !== 'object') {
+        res += arguments[arg];
+      }
+    }
+
+    return res;
+  },
+
+  formatAddress: function (address, city, region, postalCode, countryCode) {
+    let addressList = addressFormat({
+      address: address,
+      city: city,
+      subdivision: region,
+      postalCode: postalCode,
+      countryCode: countryCode
+    });
+
+
+    return addressList.join('<br/>');
+  },
+
+  formatDate: function (date) {
+    return moment(date).format('MMM YYYY');
+  }
+});
+
+
+function render(resume) {
+  let dir = __dirname,
+    css = fs.readFileSync(dir + '/style.css', 'utf-8'),
+    resumeTemplate = fs.readFileSync(dir + '/resume.hbs', 'utf-8');
+
+  let Handlebars = handlebarsWax(handlebars);
+
+  Handlebars.partials(dir + '/views/**/*.{hbs,js}');
+  Handlebars.partials(dir + '/partials/**/*.{hbs,js}');
+
+  return Handlebars.compile(resumeTemplate)({
+    css: css,
+    resume: resume
+  });
+}
+
+module.exports = {
+  render: render
+};

package/package.json

@@ -0,0 +1,21 @@
+{
+  "name": "jsonresume-theme-engineering",
+  "version": "0.1.3",
+  "description": "JSON Resume theme for engineers",
+  "author": "Sören König",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/skoenig/jsonresume-theme-engineering"
+  },
+  "license": "MIT",
+  "scripts": {
+    "start": "resume serve --theme ."
+  },
+  "dependencies": {
+    "address-format": "0.0.3",
+    "handlebars": "^4.7.7",
+    "handlebars-wax": "^6.1.0",
+    "moment": "^2.29.4",
+    "swag": "^0.7.0"
+  }
+}

package/partials/item-details.hbs

@@ -0,0 +1,19 @@
+<div class="item-details">
+  {{#if location}}
+  <div class="item-details-title">
+    {{location}}
+  </div>
+  {{/if}}
+  {{#if startDate}}
+  {{#if endDate}}
+  <div class="date">
+    {{formatDate startDate}} — {{formatDate endDate}}{{#if startDate2}}{{#if endDate2}}, {{formatDate startDate2}} —
+    {{formatDate endDate2}}{{else}}, {{formatDate startDate2}} — Present{{/if}}{{/if}}
+  </div>
+  {{else}}
+  <div class="date">
+    {{formatDate startDate}} — Present
+  </div>
+  {{/if}}
+  {{/if}}
+</div>

package/partials/item-header.hbs

@@ -0,0 +1,12 @@
+<div class="item-header">
+  {{#if title}}
+  <div class="item-header-title">
+    {{title}}
+  </div>
+  {{/if}}
+  {{#if subtitle}}
+  <div class="item-header-subtitle">
+    {{subtitle}}
+  </div>
+  {{/if}}
+</div>

package/partials/item.hbs

@@ -0,0 +1,6 @@
+<div class="item">
+  {{> item-header title=title subtitle=subtitle }}
+  {{> item-details location=location startDate=startDate endDate=endDate }}
+  <div class="clearfix"></div>
+  {{> @partial-block }}
+</div>

package/public/index.html

@@ -0,0 +1,221 @@
+<!doctype html>
+<html>
+	<head>
+
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, user-scalable=no, minimal-ui">
+
+	<title>Richard Hendriks</title>
+
+	<style>
+	/* Template level */
+body {
+    font-family: Georgia, serif;
+    font-size: 11px;
+    margin: 24px 48px;
+}
+
+h1 {
+    font-size: 26px;
+    text-align: center;
+    margin: 5px;
+}
+
+h2 {
+    border-width: 1px;
+    border-style: none none solid none;
+    margin: 10px 0 2.5px 0;
+}
+
+section {
+    margin: 3px 0;
+}
+
+ul {
+    margin: 0;
+    padding-left: 20px;
+}
+
+.item {
+    margin-top: 8px;
+}
+
+.item>.item-header {
+    float: left;
+    display: block;
+}
+
+.item>.item-header>.item-header-title {
+    font-weight: bold;
+}
+
+.item>.item-header>.item-header-subtitle {
+    font-style: italic;
+}
+
+.item>.item-details {
+    float: right;
+    text-align: right;
+}
+
+.item>.item-details>.item-details-title {
+    font-weight: bold;
+}
+
+.clearfix {
+    clear: both;
+}
+
+.centered {
+    text-align: center;
+}
+
+/* Section specific */
+/* basics */
+.vertical-separator {
+    text-align: center;
+    padding: 0 10px;
+}
+
+.vertical-separator:not(:first-child) {
+    border-left: 1px solid #000;
+    text-align: center;
+}
+
+/* Set some print settings. */
+@media print {
+    @page {
+        size: portrait;
+        margin: 10mm 25mm;
+    }
+    .resume {
+        max-width: 100%;
+        border: 0px;
+        background: #fff;
+        box-shadow: none;
+        -webkit-box-shadow: none;
+    }
+    body,
+    html,
+    .resume {
+        margin: 0px;
+        padding: 0px;
+    }
+    .controls {
+        display: none;
+    }
+}
+
+	</style>
+
+	</head>
+	<body>
+
+	<div id="resume">
+		<section id="basics">
+			<h1>Richard Hendriks</h1>
+			<div class="contact centered">
+				<span class="vertical-separator">richard.hendriks@piedpiper.com</span>
+				<span class="vertical-separator">(912) 555-4321</span>
+				<span class="vertical-separator">Palo Alto, US</span>
+				<span class="vertical-separator">http://piedpiper.com</span>
+			</div>
+			<div class="summary">
+			    <h2>Summary</h2>
+				<p>Richard hails from Tulsa. He has earned degrees from the University of Oklahoma and Stanford. (Go Sooners and Cardinals!) Before starting Pied Piper, he worked for Hooli as a part time software developer. While his work focuses on applied information theory, mostly optimizing lossless compression schema of both the length-limited and adaptive variants, his non-work interests range widely, everything from quantum computing to chaos theory. He could tell you about it, but THAT would NOT be a “length-limited” conversation!</p>
+			</div>
+		</section>
+		<section id="skills">
+			<h2>Skills</h2>
+			<ul class="item">
+				<li>
+					<strong>Web Development</strong>: HTML, CSS, Javascript
+				</li>
+				<li>
+					<strong>Compression</strong>: Mpeg, MP4, GIF
+				</li>
+			</ul>
+		</section>
+		<section id="work">
+			<h2>Work Experience</h2>
+		<div class="item">
+		  <div class="item-header">
+		    <div class="item-header-title">
+		      Pied Piper
+		    </div>
+		    <div class="item-header-subtitle">
+		      CEO/President
+		    </div>
+		  </div>  <div class="item-details">
+		    <div class="date">
+		      Apr 2014 — Present
+		    </div>
+		  </div>  <div class="clearfix"></div>
+		  
+		          <ul class="highlights">
+		              <li>Build an algorithm for artist to detect if their music was violating copy right infringement laws</li>
+		              <li>Successfully won Techcrunch Disrupt</li>
+		              <li>Optimized an algorithm that holds the current world record for Weisman Scores</li>
+		          </ul>
+		</div><div class="item">
+		  <div class="item-header">
+		    <div class="item-header-title">
+		      Hooli
+		    </div>
+		    <div class="item-header-subtitle">
+		      Senior Software Engineer
+		    </div>
+		  </div>  <div class="item-details">
+		    <div class="date">
+		      Jan 2014 — Apr 2014
+		    </div>
+		  </div>  <div class="clearfix"></div>
+		  
+		          <ul class="highlights">
+		              <li>Worked on optimizing the backend algorithms for Hooli</li>
+		          </ul>
+		</div><div class="item">
+		  <div class="item-header">
+		    <div class="item-header-subtitle">
+		      Software Engineer
+		    </div>
+		  </div>  <div class="item-details">
+		    <div class="date">
+		      Jan 2013 — Jan 2014
+		    </div>
+		  </div>  <div class="clearfix"></div>
+		  
+		          <ul class="highlights">
+		              <li>Contributed bugfixes and smaller features for Hooli</li>
+		          </ul>
+		</div></section>
+		<section id="education">
+			<h2>Education</h2>
+		<div class="item">
+		  <div class="item-header">
+		    <div class="item-header-title">
+		      Stanford
+		    </div>
+		    <div class="item-header-subtitle">
+		      B.S
+		    </div>
+		  </div>  <div class="item-details">
+		    <div class="date">
+		      Jun 2011 — Jan 2014
+		    </div>
+		  </div>  <div class="clearfix"></div>
+		  	<ul class="courses">
+		  		<li>DB1101 - Basic SQL</li>
+		  		<li>CS2011 - Java Introduction</li>
+		  	</ul>
+		</div></section>
+		<section id="awards">
+			<h2>Awards & Recognitions</h2>
+			<ul class="item">
+				<li>
+					<strong>Digital Compression Pioneer Award</strong>: There is no spoon.
+				</li>
+			</ul>
+		</section>
+	</body>
+</html>

package/resume.hbs

@@ -0,0 +1,24 @@
+<!doctype html>
+<html>
+	<head>
+
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, user-scalable=no, minimal-ui">
+
+	<title>{{#resume.basics}}{{name}}{{/resume.basics}}</title>
+
+	<style>
+	{{{css}}}
+	</style>
+
+	</head>
+	<body>
+
+	<div id="resume">
+		{{> basics }}
+		{{> languages-skills-interests }}
+		{{> work }}
+		{{> education }}
+		{{> awards }}
+	</body>
+</html>

package/sample-resume.json

@@ -0,0 +1,156 @@
+{
+  "basics": {
+    "name": "Richard Hendriks",
+    "label": "Programmer",
+    "picture": "http://www.piedpiper.com/app/themes/pied-piper/dist/images/richard.png",
+    "email": "richard.hendriks@piedpiper.com",
+    "phone": "(912) 555-4321",
+    "website": "http://piedpiper.com",
+    "summary": "Richard hails from Tulsa. He has earned degrees from the University of Oklahoma and Stanford. (Go Sooners and Cardinals!) Before starting Pied Piper, he worked for Hooli as a part time software developer. While his work focuses on applied information theory, mostly optimizing lossless compression schema of both the length-limited and adaptive variants, his non-work interests range widely, everything from quantum computing to chaos theory. He could tell you about it, but THAT would NOT be a “length-limited” conversation!",
+    "location": {
+      "address": "Newell Road",
+      "postalCode": "94303",
+      "city": "Palo Alto",
+      "countryCode": "US",
+      "region": "CA"
+    },
+    "profiles": [
+      {
+        "network": "Twitter",
+        "username": "siliconHBO",
+        "url": "https://twitter.com/siliconHBO"
+      },
+      {
+        "network": "Facebook",
+        "username": "SiliconHBO",
+        "url": "https://www.facebook.com/SiliconHBO"
+      },
+      {
+        "network": "Instagram",
+        "username": "siliconhbo",
+        "url": "https://www.instagram.com/siliconhbo/"
+      }
+    ]
+  },
+  "work": [
+    {
+      "company": "Pied Piper",
+      "position": "CEO/President",
+      "website": "http://piedpiper.com",
+      "startDate": "2014-04-13",
+      "summary": "Pied Piper is a multi-platform technology based on a proprietary universal compression algorithm that has consistently fielded high Weisman Scores™ that are not merely competitive, but approach the theoretical limit of lossless compression.",
+      "highlights": [
+        "Build an algorithm for artist to detect if their music was violating copy right infringement laws",
+        "Successfully won Techcrunch Disrupt",
+        "Optimized an algorithm that holds the current world record for Weisman Scores"
+      ]
+    },
+    {
+      "company": "Hooli",
+      "position": "Senior Software Engineer",
+      "website": "http://www.hooli.xyz/",
+      "startDate": "2014-01-01",
+      "endDate": "2014-04-06",
+      "highlights": [
+        "Worked on optimizing the backend algorithms for Hooli"
+      ]
+    },
+    {
+      "company": "Hooli",
+      "position": "Software Engineer",
+      "website": "http://www.hooli.xyz/",
+      "startDate": "2013-01-01",
+      "endDate": "2014-01-01",
+      "highlights": [
+        "Contributed bugfixes and smaller features for Hooli"
+      ]
+    }
+  ],
+  "volunteer": [
+    {
+      "organization": "CoderDojo",
+      "position": "Teacher",
+      "website": "http://coderdojo.com/",
+      "startDate": "2012-01-01",
+      "endDate": "2013-01-01",
+      "summary": "Global movement of free coding clubs for young people.",
+      "highlights": [
+        "Awarded 'Teacher of the Month'"
+      ]
+    }
+  ],
+  "education": [
+    {
+      "institution": "Stanford",
+      "area": "Computer Science",
+      "studyType": "B.S",
+      "location": "Palo Alto, CA",
+      "specialization": "Machine Learning",
+      "startDate": "2011-06-01",
+      "endDate": "2014-01-01",
+      "gpa": "GPA 4.0",
+      "courses": [
+        "DB1101 - Basic SQL",
+        "CS2011 - Java Introduction"
+      ]
+    }
+  ],
+  "awards": [
+    {
+      "title": "Digital Compression Pioneer Award",
+      "date": "2014-11-01",
+      "awarder": "Techcrunch",
+      "summary": "There is no spoon."
+    }
+  ],
+  "publications": [
+    {
+      "name": "Video compression for 3d media",
+      "publisher": "Hooli",
+      "releaseDate": "2014-10-01",
+      "website": "http://en.wikipedia.org/wiki/Silicon_Valley_(TV_series)",
+      "summary": "Innovative middle-out compression algorithm that changes the way we store data."
+    }
+  ],
+  "skills": [
+    {
+      "name": "Web Development",
+      "level": "Master",
+      "keywords": [
+        "HTML",
+        "CSS",
+        "Javascript"
+      ]
+    },
+    {
+      "name": "Compression",
+      "level": "Master",
+      "keywords": [
+        "Mpeg",
+        "MP4",
+        "GIF"
+      ]
+    }
+  ],
+  "languages": [
+    {
+      "language": "English",
+      "fluency": "Native speaker"
+    }
+  ],
+  "interests": [
+    {
+      "name": "Wildlife",
+      "keywords": [
+        "Ferrets",
+        "Unicorns"
+      ]
+    }
+  ],
+  "references": [
+    {
+      "name": "Erlich Bachman",
+      "reference": "It is my pleasure to recommend Richard. That is all."
+    }
+  ]
+}

package/style.css

@@ -0,0 +1,73 @@
+/* Template level */
+body {
+	font: 12px Times, sans-serif;
+	margin: 24px 48px;
+}
+
+h1 {
+	font: 26px Georgia, serif;
+	text-align: center;
+	margin: 5px;
+}
+
+h2 {
+	font-variant-caps: all-small-caps;
+	border-width: 1px;
+	border-style: none none solid none;
+	margin: 5px 0 2.5px 0;
+}
+
+section {
+	margin: 3px 0;
+}
+
+ul {
+	margin: 0;
+	padding-left: 40px;
+}
+
+.item {
+	margin-top: 8px;
+}
+
+.item>.item-header {
+	float: left;
+	display: block;
+}
+
+.item>.item-header>.item-header-title {
+	font-weight: bold;
+}
+
+.item>.item-header>.item-header-subtitle {
+	font-style: italic;
+}
+
+.item>.item-details {
+	float: right;
+	text-align: right;
+}
+
+.item>.item-details>.item-details-title {
+	font-weight: bold;
+}
+
+.clearfix {
+	clear: both;
+}
+
+.centered {
+	text-align: center;
+}
+
+/* Section specific */
+/* basics */
+.vertical-separator {
+	text-align: center;
+	padding: 0 10px;
+}
+
+.vertical-separator:not(:first-child) {
+	border-left: 1px solid #000;
+	text-align: center;
+}

package/views/awards.hbs

@@ -0,0 +1,18 @@
+{{#if resume.awards.length}}
+<section id="awards">
+	<h2>Awards & Recognitions</h2>
+	<ul class="item">
+		{{#each resume.awards}}
+		<li>
+			{{#if title}}
+			{{#if summary}}
+			<strong>{{title}}</strong>: {{summary}}
+			{{else}}
+			<strong>{{title}}</strong>
+			{{/if}}
+			{{/if}}
+		</li>
+		{{/each}}
+	</ul>
+</section>
+{{/if}}

package/views/basics.hbs

@@ -0,0 +1,25 @@
+{{#resume.basics}}
+<section id="basics">
+	<h1>{{name}}</h1>
+	<div class="contact centered">
+		{{#if email}}
+		<span class="vertical-separator">{{email}}</span>
+		{{/if}}
+		{{#if phone}}
+		<span class="vertical-separator">{{phone}}</span>
+		{{/if}}
+		{{#if location}}
+		<span class="vertical-separator">{{location.address}}, {{location.city}}, {{location.region}}</span>
+		{{/if}}
+		{{#if website}}
+		<span class="vertical-separator">{{website}}</span>
+		{{/if}}
+	</div>
+	{{#if summary}}
+	<div class="summary">
+	    <h2>Summary</h2>
+		<p>{{summary}}</p>
+	</div>
+	{{/if}}
+</section>
+{{/resume.basics}}

package/views/education.hbs

@@ -0,0 +1,32 @@
+{{#if resume.education.length}}
+<section id="education">
+	<h2>Education</h2>
+	{{#each resume.education}}
+	{{#> item title=institution subtitle=studyType location=city startDate=startDate endDate=endDate}}
+	{{#if score}}
+	<ul>
+		<li>
+			<div class="score">
+				{{score}}
+			</div>
+		</li>
+		{{#if score2}}
+		<li>
+			<div class="score2">
+				{{score2}}
+			</div>
+		</li>
+		{{/if}}
+	</ul>
+	{{/if}}
+	{{#if courses.length}}
+	<ul class="courses">
+		{{#each courses}}
+		<li>{{.}}</li>
+		{{/each}}
+	</ul>
+	{{/if}}
+	{{/item}}
+	{{/each}}
+</section>
+{{/if}}

package/views/languages-skills-interests.hbs

@@ -0,0 +1,18 @@
+{{#if resume.skills.length}}
+<section id="skills">
+	<h2>Skills</h2>
+	<ul class="item">
+		{{#each resume.skills}}
+		<li>
+			{{#if name}}
+			{{#if keywords.length}}
+			<strong>{{name}}</strong>: {{#each keywords}}{{.}}{{#unless @last}}, {{/unless}}{{/each}}
+			{{else}}
+			<strong>{{name}}</strong>
+			{{/if}}
+			{{/if}}
+		</li>
+		{{/each}}
+	</ul>
+</section>
+{{/if}}

package/views/work.hbs

@@ -0,0 +1,16 @@
+{{#if resume.work.length}}
+<section id="work">
+	<h2>Work Experience</h2>
+	{{#each resume.work}}
+	{{#> item title=name subtitle=position location=location startDate=startDate endDate=endDate startDate2=startDate2 endDate2=endDate2}}
+	{{#if highlights.length}}
+	<ul class="highlights">
+		{{#each highlights}}
+		<li>{{.}}</li>
+		{{/each}}
+	</ul>
+	{{/if}}
+	{{/item}}
+	{{/each}}
+</section>
+{{/if}}