[
  {
    "path": ".gitignore",
    "content": "# Numerous always-ignore extensions\n*.diff\n*.err\n*.orig\n*.log\n*.rej\n*.swo\n*.swp\n*.vi\n*~\n*.sass-cache\nnpm-debug.log\n\n# OS or Editor folders\n.DS_Store\n.cache\n.project\n.settings\n.tmproj\nnbproject\nThumbs.db\n\n# NPM packages folder.\nnode_modules/\n\n# Brunch folder for temporary files.\ntmp/\n\n# Brunch output folder.\npublic/\nbuild/\n\n# Bower stuff.\nbower_components/\n"
  },
  {
    "path": ".travis.yml",
    "content": "language: node_js\nnode_js:\n- 20\nnotifications:\n  slack:\n    secure: qTKyJRT+HA7Bz0HsClvSBeVrN3M8w4Z6uXDNEkNP/o+1eBmDTl1WXV94Pvi/UkwuABm7XOvdLljvUcHKqalVL1PyiPYbl0Oe8ZPLgNtHKliQ0GY6qQdB4slLYJMzrSAyufID+3g3NW2Flxivb9dXT8lChYEuwXHm0rQlULdLCy+W9/qXPne1NGJN3TbZeGWqlhHI8+7ViQUUDCSPEJ+MZIDbKo6+FAkagJu2ZTsnMR21Ry+ZltaMSrImN2YkXbSEXN9mCKZVsQlDCFD4TnK/LVeMeBeo9MCTsJ7DjkmfqUsh1A7e9dyHdPLIzPPk+lln5PPRuAwjT0L/aPQ50XXDumFRZEAG/G6GyYqq1xRM6flizCjFzoF7vS9qfCapol0oz0jQ1J3AK6rlayXht/IAVAdEanbIDqWhIQQFt9LtE3lKx4yT7QTotmMOdlmkfs44gBa3mpF6d5+sqVSe6bh8rQAQnwoKrJqhDVw3fW1EnaFZzUsfZtmU8BnUgB+cAGMQ9hNeg9rwXq/UWZUejCENwPVQBV2slweT/RXqHEtBN2eUQmdTAx+TBFWLMON8992GqMDM9DnOnRnpvR5lw60/sd+8QBwCLQyjvo5ViVMUngck4bMg2gsOwgXd9UhsJHGvl9G2YOKhFyCR3284Qg8iwe/ZpFIUV9VBBn8Tjip/Wio=\n    on_success: change\n    on_failure: always\n"
  },
  {
    "path": "LICENSE",
    "content": "MIT License\n\nCopyright (c) Pixelnest Studio (pixelnest.io)\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n"
  },
  {
    "path": "README.md",
    "content": "# ![presskit.html](header.png)\n\n> Re-implementation of presskit() as a static site generator\n\n![Build Status](https://travis-ci.org/pixelnest/presskit.html.svg?branch=master)\n[![NPM - Presskit](https://badgen.net/npm/v/presskit)](https://www.npmjs.com/package/presskit)\n[![Code Style - Standard](https://badgen.net/badge/code%20style/standard/f2a)](http://standardjs.com/)\n\n* [Why presskit.html?](#why)\n* [Showcase](#showcase)\n* [Roadmap](#roadmap)\n* [Quickstart](#quickstart-for-existing-presskit-users)\n* [Installation](#installation)\n* [Usage](#usage)\n* [Documentation](#documentation)\n* [Migration Guide](#migration-guide)\n* [Credits](#credits)\n\n_Created by [Pixelnest Studio](http://pixelnest.io/)._\n\nThis is a complete re-implementation, with a permissive MIT license, of [presskit()][dopresskit], which was originally created by [Rami Ismail](https://twitter.com/tha_rami) of [Vlambeer](http://www.vlambeer.com).\n\nWarning: **presskit.html** is, _currently_, a tool for developers. You need to know how to use the command-line — but that's all, to be honest. However, we plan to create a small app to simplify this process in the future. Stay tuned by following our [Twitter account](https://twitter.com/pixelnest).\n\n---\n\n**presskit.html** is a tool to create a presskit for your company, products or games.\n\nTo quote the original [presskit()][dopresskit]:\n\n> Developers & press both have the same goal: to bring great games to as many people as possible - after all, a good game is worth nothing if no-one plays it. For the press, finding out about a game but not having access to information & media for the game means that they can't write about it. Of course, developers want to spend their valuable time making games instead of press pages.\n\n> **presskit()** (pronounced _'do presskit'_) is the solution. Free for everyone, open and easy-to-use for both developers & press. Developers only have to spend an hour or so creating well-laid out press pages with everything the press needs to write to their hearts desire. Everybody wins.\n\nIt uses an **almost-identical format and output** as its precursor. The goal is to be compatible, as much as possible.\n\nAnd even if presskit() was conceived with videogames in mind, we think that you can use it for any kind of product.\n\nExamples (built with **presskit.html**):\n\n* [Pixelnest Studio](http://pixelnest.io/presskit/)\n* [Fake Pizza Burger Studio](http://pixelnest.io/presskit.html/example/)\n\nThe goal of **presskit.html** is to generate only static HTML pages — no PHP required at all. Just fill some XML data files, add some images, execute a command, and boom. It's done.\n\n**You already have a presskit and you want to use this tool instead of the old un-maintained PHP-based presskit()? [Read the migration guide](#migration-guide).**\n\n## Why\n\n**Why reimplement [presskit()][dopresskit]?** **presskit.html** is basically a static site generator for presskit(). Everything is built once on your computer, and then distributed as static files to your users.\n\nWe love the concept behind static site generators like [Jekyll](https://jekyllrb.com) or [Hugo](https://gohugo.io). These tools create lightweight static HTML pages, which are, by design, more secure and efficient than using a PHP server, for example.\n\nMoreover, if you use one of these tools to build your company or product's website, you can simply drop the result of **presskit.html** into your site directly, whatever the technology you are using — it's just HTML pages, after all. 😉\n\nThat's mainly why we built **presskit.html** — that's how we make our websites, and we can integrate our presskits more easily this way.\n\nWe have also added some nice little things (like thumbnails generation, a \"Press Copy Request\" button, widgets integration, relations between products or an optional hamburger menu, for example) and created a more robust implementation of presskit() (which is, unfortunately, un-maintained since 2014).\n\nHowever, _we have tried to be as close as possible to the original presskit format and style._ In fact, comparing the output of **presskit.html** with the one of presskit() should be almost indistinguishable.\n\nThis is by design: the aim of the original presskit() was to create an instantly-recognizable website — almost a standard in the videogame industry.\n\nYou already have a presskit? Just try it: [follow our migration guide](#migration-guide), run **presskit.html** in the folder containing your presskit()-based `data.xml` and `images/` and you will have a ready to deploy set of HTML pages which are almost identical to what you already have.\n\n## Showcase\n\nBuilt with **presskit.html**:\n\n* [Pixelnest Studio](http://pixelnest.io/presskit/) ([source code](https://github.com/pixelnest/presskit/))\n* [Genix Lab](http://www.genix-lab.com/presskit/)\n* [Creative Brothers](http://www.creativebrothers.io/presskit/en/)\n\n<small>_You are using **presskit.html**? Tell us or submit a pull request!_</small>\n\nWant to compare with presskit() websites? Check these ones:\n\n* [Vlambeer](http://www.vlambeer.com/press/)\n* [Flying Oak Games](http://www.flying-oak.com/presskit/index.php)\n\n## Roadmap\n\nThe roadmap is available on [Trello](https://trello.com/b/5T6BIyi3/open-source-presskit-html).\n\n## Quickstart for existing presskit users\n\n1. Install [Node.js](https://nodejs.org).\n2. Open your terminal (\"Terminal\" on macOS, \"cmd\" on Windows).\n3. Run `npm install -g presskit`.\n4. Type `cd`, press space, and drag the folder containing your `data.xml` files.\n5. Run `presskit build`.\n6. Open the `build/` folder, double-click on index.html and… 🍾\n\n## Installation\n\nYou will need a terminal and [Node.js](https://nodejs.org/).\n\nThe simplest way to install **presskit.html** is to use [npm](http://npmjs.org/) (bundled with Node.js):\n\n```shell\nnpm install -g presskit\n```\n\n(Feeling fancy? Use [Yarn](https://yarnpkg.com/en/) instead.)\n\nThis should add a globally available `presskit` command to your shell.\n\nTo update to a new version of **presskit.html**, just type:\n\n```shell\nnpm update -g presskit\n```\n\n## Usage\n\nRun this command:\n\n```\npresskit build\n```\n\n**presskit.html** will then scan your local working directory (where you are executing the command) and all direct sub-directories for `data.xml` files and `images/` folders.\n\nTo launch your presskit with a server and automatically reload it each time your save a `data.xml`, just use:\n\n```\npresskit build --watch\n```\n\nYou can also specify the folder to scan:\n\n```shell\npresskit build path/to/folder\n```\n\nThe `presskit` command does a bunch more (watch mode, generation of `data.xml`, etc.). Use `presskit -h` to learn more.\n\nIn order to generate a complete presskit, you should have:\n\n- One `data.xml` for your company.\n- One `data.xml` per product in unique subfolders.\n- All assets (mostly images) located in an `images/` subfolder next to the corresponding `data.xml`.\n\nExample:\n\n```\n📄 data.xml\n📂 images/\n  📄 header.png\n  📄 logo.png\n📂 product-name-01/\n  📄 data.xml\n  📂 images/\n    📄 header.png\n    📄 logo.png\n    📄 screenshot1.png\n    📄 screenshot2.png\n```\n\nThe `header.png` is used as the banner for the corresponding page. `logo.png` will be used as the product's brand.\n\nThe arborescence above should generate a build folder containing:\n\n```\n📂 build/\n  📄 index.html\n  📂 images/\n    📄 header.png\n    📄 logo.png\n    📄 images.zip\n    📄 logo.zip\n  📂 product-name-01/\n    📄 index.html\n    📂 images/\n      📄 header.png\n      📄 logo.png\n      📄 screenshot1.png\n      📄 screenshot2.png\n      📄 images.zip\n      📄 logo.zip\n  📂 css/\n  📂 js/\n```\n\nSimply copy **all** the files in the `build/` folder to your server… and you're done!\n\n_Note: the webserver is **not** included._\n\nYou can also [try our example](https://github.com/pixelnest/presskit.html/tree/master/data) from this repository, available online here: http://pixelnest.io/presskit.html/example/.\n\n### Additional options of `presskit build`\n\n`presskit build` has a few other features. Use `presskit build -h` to discover them all.\n\nTwo interesting ones are:\n\n- `presskit build --collapse-menu` uses a collapsed menu for the main navigation at the top (commonly-known as the \"[hamburger button](https://en.wikipedia.org/wiki/Hamburger_button)\") — only for small screens. This option toggles this behavior on all pages.\n- `presskit build --pretty-links` hides `index.html` at the end of URLs.\n\nYou can combine all these options together, of course.\n\n### Create `data.xml` files with `presskit new`\n\nYou can also generate empty `data.xml` with the `presskit new` command.\n\n## Documentation\n\nFor a tag by tag walkthrough, open these links:\n\n- [Company `data.xml` file](http://pixelnest.io/presskit.html/company/)\n- [Product or game `data.xml` file](http://pixelnest.io/presskit.html/product/)\n\n**If you have never written a presskit before, those links are a must-read.**\n\nFor a more detailed documentation about some specific features, see below.\n\n_NB: since **presskit.html** is 99% compatible with [presskit()][dopresskit], you can also just read the existing documentation there._\n\n### Tags\n\n**Warning: do not put XML tags inside your content.**\n\nFor example, do not do this (note the `<br />`):\n\n```xml\n<description>\n  Lorem ipsum<br /> sit amet.\n</description>\n```\n\n#### Widgets\n\nThis is a new feature of **presskit.html**: you can put your widgets directly into your presskit pages.\n\n- Mailchimp `<mailchimp>LIST_URL inside your signup form</mailchimp>`\n- App Store `<appstore>APP_ID</appstore>`\n- Play Store `<playstore>com.domain.yourappid</playstore>`\n- Steam `<steam>STEAM_ID</steam>`\n- Humble Bundle `<humble>product_name/BUNDLE_ID</humble>`\n- Itch.io `<itch>ITCH_ID</itch>`\n- Game Jolt `<gamejolt>PACKAGE_ID</gamejolt>`\n- Bandcamp `<bandcamp>BANDCAMP_ID</bandcamp>`\n\nJust add the `<widgets>` tag, and the widget providers that you want:\n\n```xml\n<widgets>\n  <mailchimp>//url.us3.list-manage.com/subscribe/post?u=USER_ID&amp;id=LIST_ID</mailchimp>\n  <appstore>950812012</appstore>\n  <playstore>com.noodlecake.altosadventure</playstore>\n  <steam>347160</steam>\n  <humble>steredenn/7SDLfk23hw</humble>\n  <itch>27992</itch>\n  <gamejolt>8ReMi2Nw</gamejolt>\n  <bandcamp>1135613467</bandcamp>\n</widgets>\n```\n\nWe don't support other widgets for the moment, but feel free to send a pull request or submit an issue.\n\n**Warning: widgets import many scripts and assets. This may have a penalty on your page size and responsiveness.**\n\n#### Relations\n\nThis is a new feature of **presskit.html**: you can specify relations between products using the `<relations>` tag.\n\nFor example, on a product page, you could add something like:\n\n```xml\n<title>StarCraft</title>\n\n[…]\n\n<relations>\n  <relation>\n    <type>Expansion</type>\n    <product>StarCraft: Brood War</product>\n  </relation>\n  <relation>\n    <type>Sequel</type>\n    <product>StarCraft II</product>\n  </relation>\n</relations>\n```\n\n_This tag should be added on the **main** page; not the related product._\n\nAt build time, a relation will be added to the product and its related product, with a link between the two.\n\nYou can have as many relations as you want. You can use it to show DLCs, expansions, sequels, prequels, etc.\n\n**Warning**: you need to rebuild the presskit to see the changes.\n\n#### Other tags\n\nWe recommend to read the [company](http://pixelnest.io/presskit.html/company/) and [product](http://pixelnest.io/presskit.html/product/) documentation pages for more information. New tags include `<partners>` and `<abouts>`. More might be implemented later.\n\n### Images\n\nFor each `data.xml`, you can add an `images/` folder containing the assets of your product or game.\n\n- An image named `header.png` or `header.jpg` will be used for the page's banner.\n- An image named `logo.png` or `logo.jpg` will be used as your page's logo.\n- Each `jpg`, `jpeg`, `png` or `gif` will be displayed in the gallery.\n\nFor each non-header/non-logo image, a thumbnail will be automatically generated during the build process. If you don't want to use the thumbnails, you can disable them with the `--ignore-thumbnails` option of `presskit build`. However, we do not recommend this: it might drastically increase the size of your pages. It can be a massive change: for example, on our presskit, one of our page has gone from 100mB to 4mB. We also convert gifs to small JPGs, that you can animate with a click.\n\n#### Logos\n\nYou can provide multiple logos for a page. As long as they start with \"logo\", they will be displayed in the \"Logo & Icon\" section.\n\nThis will work, for example:\n\n```\n📄 logo01.png\n📄 logo02.png\n📄 logo03.jpg\n```\n\n#### Categories\n\nInside the `images/` folder, you can sort images by categories. It's simple: put a few images into a subfolder (like `images/wallpapers/`), and a new category will be automatically added to the gallery.\n\n[You can find an example here.](http://pixelnest.io/presskit.html/example/product/#gallery-wallpapers)\n\n#### Favicon\n\nIf a `favicon.ico` is found in the `images/` folder of a `data.xml`, it will be used as the favicon of this HTML page. It will not be exported in the `images.zip`, nor visible in the images gallery.\n\n### Archives\n\n**presskit.html** will find every images and logos in the `images/` folder of a `data.xml`. Then, it will create two archives: `images.zip` and `logo.zip`.\n\nThere's a small trick to know: if you provide one (or both) of these zips in your `images/` folder, **presskit.html** will just copy it directly, instead of overriding it. This is nice, because it allows you to provide a more complete (and heavy) zip. In this archive, you can, for example, put bigger gifs, images, artworks, or even videos.\n\nThat's purely optional, and most products or games won't need a specially crafted archive. 😉\n\n## Migration Guide\n\nThis tool is almost a drop-in replacement for presskit() (well, except for the fact that it generates HTML instead of using a PHP back-end — but that's simpler, not harder). Which mean that you can go in your folder containing the `data.xml` and `images/`, run `presskit build` and boom, you're done.\n\n_Well, almost._\n\nWe have made some breaking changes between this format and the original presskit() format. But be reassured: they are fairly small, and are, indeed, useful.\n\nFollow the guide.\n\n### URLs\n\nThis re-implementation of presskit() has a big difference: all your product URLs will break. With presskit(), you pointed to `/sheet.php?p=MYSUPERGAME` for the `MYSUPERGAME` page. Here, you will point to `/MYSUPERGAME/` directly (the `index.html` is not required, which makes prettier URLs).\n\n**This can't be changed.** We don't use PHP, but simple, robust and lightweight HTML files, and this difference is inevitable.\n\n### External URLs\n\npresskit() didn't require the protocol (ie., `http` or `https`) for most URLs in the `data.xml`.\n\nFor example:\n\n```xml\n<socials>\n  <social>\n    <name>twitter.com/pixelnest/</name>\n    <link>twitter.com/pixelnest/</link>\n  </social>\n</socials>\n```\n\nNote that the `<link>` has no `http` or `https` protocol before its destination.\n\nThe problem with that is that we cannot deduce the protocol automatically. It will work seamlessly for the biggest sites like Facebook or Twitter, but we cannot guarantee that it will link correctly for everything.\n\nThat's why we require that you specify the protocol for your URLs:\n\n```xml\n<socials>\n  <social>\n    <name>twitter.com/pixelnest/</name>\n    <link>https://twitter.com/pixelnest/</link>\n  </social>\n</socials>\n```\n\nOtherwise, the URL will be relative to your presskit, and thus, will break.\n\n### Company `data.xml`\n\n**This is recommended, but presskit.html is smart enough to detect the company `data.xml` automatically, if your file structure is correct.**\n\nYour main `data.xml` containing your company information should use a `<company></company>` root tag for your XML document.\n\nBefore:\n\n```xml\n<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<game>\n  <title>Pixelnest Studio</title>\n  <!-- The rest -->\n</game>\n```\n\nAfter:\n\n```xml\n<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<company>\n  <title>Pixelnest Studio</title>\n  <!-- The rest -->\n</company>\n```\n\n**Why?** It allows us to better differentiate the main `data.xml` from the others. And moreover, it does not make sense that the company `data.xml` is considered as a `<game>`, right?\n\n### Release dates\n\nThe original presskit() assumed that you had only one release date for a product or game. And we all know that it's simply not true.\n\nThat's why we handle multiple release dates.\n\nSo, in your product/game `data.xml`, you must change your `<release-date>` tag.\n\nBefore:\n\n```xml\n<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<product>\n  <title>My Super Game</title>\n  <release-date>04 Feb, 2016</release-date>\n  <!-- The rest -->\n</product>\n```\n\nAfter:\n\n```xml\n<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<product>\n  <title>My Super Game</title>\n  <release-dates>\n    <release-date>PC/Mac - 04 Feb, 2016</release-date>\n    <release-date>iOS/Android - 04 Feb, 2017</release-date>\n  </release-dates>\n  <!-- The rest -->\n</product>\n```\n\n**Why?** We all know that there's no single release date for a product or a game.\n\n### Contacts\n\nIn each `data.xml`, you can set a list of contacts:\n\n```xml\n<contacts>\n  <contact>\n    <name>Inquiries</name>\n    <mail>contact@pizzaburger.studio</mail>\n  </contact>\n  <!-- Others -->\n</contacts>\n```\n\nIn presskit(), you needed to set these informations _only in the company page_. Each product then retrieved the values from the company and added them automatically.\n\nWe modified that: now, you **need** to set these informations everywhere. That way, you can change mails and links for each product individually.\n\n---\n\n## Pixelnest Studio\n\n[Pixelnest Studio](http://pixelnest.io/) is a small indie company, creating games and apps. You can contact us on [Twitter at @pixelnest](https://twitter.com/pixelnest). Want to check our game, Steredenn? Go to http://steredenn.pixelnest.io/.\n\n## Credits\n\n### [presskit()][dopresskit]\n\nThis couldn't have be made without the awesome work of [Rami Ismail](https://twitter.com/tha_rami) and the [presskit()][dopresskit] team. Thanks to them!\n\n### Assets\n\n* The images used in this repository can be found on [Unsplash](https://unsplash.com/), a free provider of high-quality images.\n* Pizza gif is from [Giphy](http://giphy.com/).\n\n\n[dopresskit]: http://dopresskit.com\n"
  },
  {
    "path": "assets/_includes/about.html",
    "content": "{{#if company.title}}\n<section class=\"block\">\n  <h2 id=\"about\">About {{company.title}}</h2>\n\n  <dl>\n    <dt>Boilerplate</dt>\n    <dd>{{company.description}}</dd>\n\n    <dt>More information</dt>\n    <dd>More information on {{company.title}}, our logo & relevant media are available <a href=\"..\">here</a>.</dd>\n  </dl>\n</section>\n{{/if}}\n\n{{#each presskit.abouts}}\n<section class=\"block\">\n  <h2 id=\"about_{{title}}\">About {{title}}</h2>\n\n  <dl>\n    <dt>Boilerplate</dt>\n    <dd>{{description}}</dd>\n\n    {{#if link}}\n    <dt>More information</dt>\n    <dd>More information on {{title}} is available <a href=\"{{link}}\">here</a>.</dd>\n    {{/if}}\n  </dl>\n</section>\n{{/each}}\n"
  },
  {
    "path": "assets/_includes/appstore.html",
    "content": "<svg class=\"svg-appstore\" xmlns=\"http://www.w3.org/2000/svg\" width=\"270\" height=\"80\" viewBox=\"0 0 135 40\"><style>.a{fill:#FFF;}</style><path d=\"M130.2 40H4.7C2.1 40 0 37.9 0 35.3V4.7C0 2.1 2.1 0 4.7 0h125.5C132.8 0 135 2.1 135 4.7v30.5C135 37.9 132.8 40 130.2 40L130.2 40z\" fill=\"#A6A6A6\"/><path d=\"M134 35.3c0 2.1-1.7 3.8-3.8 3.8H4.7c-2.1 0-3.8-1.7-3.8-3.8V4.7c0-2.1 1.7-3.8 3.8-3.8h125.5c2.1 0 3.8 1.7 3.8 3.8L134 35.3 134 35.3z\"/><path d=\"M30.1 19.8c0-3.2 2.6-4.8 2.8-4.9 -1.5-2.2-3.9-2.5-4.7-2.5 -2-0.2-3.9 1.2-4.9 1.2 -1 0-2.6-1.2-4.2-1.1 -2.1 0-4.1 1.3-5.2 3.2 -2.3 3.9-0.6 9.7 1.6 12.9 1.1 1.6 2.4 3.3 4 3.2 1.6-0.1 2.2-1 4.2-1 1.9 0 2.5 1 4.2 1 1.7 0 2.8-1.6 3.9-3.1 1.3-1.8 1.8-3.5 1.8-3.6C33.5 24.9 30.2 23.6 30.1 19.8z\" class=\"a\"/><path d=\"M26.9 10.3c0.9-1.1 1.5-2.6 1.3-4.1 -1.3 0.1-2.8 0.9-3.8 1.9 -0.8 0.9-1.5 2.5-1.3 3.9C24.6 12.2 26 11.4 26.9 10.3z\" class=\"a\"/><path d=\"M53.6 31.5h-2.3l-1.2-3.9h-4.3l-1.2 3.9h-2.2l4.3-13.3h2.6L53.6 31.5zM49.8 26L48.6 22.5c-0.1-0.4-0.3-1.2-0.7-2.5h0c-0.1 0.6-0.3 1.4-0.6 2.5l-1.1 3.5H49.8z\" class=\"a\"/><path d=\"M64.7 26.6c0 1.6-0.4 2.9-1.3 3.9 -0.8 0.8-1.8 1.3-2.9 1.3 -1.3 0-2.2-0.5-2.7-1.4h0v5.1h-2.1V25.1c0-1 0-2.1-0.1-3.2h1.9l0.1 1.5h0c0.7-1.1 1.8-1.7 3.2-1.7 1.1 0 2.1 0.4 2.8 1.3C64.3 23.9 64.7 25.1 64.7 26.6zM62.5 26.7c0-0.9-0.2-1.7-0.6-2.3 -0.5-0.6-1.1-0.9-1.9-0.9 -0.5 0-1 0.2-1.4 0.5 -0.4 0.4-0.7 0.8-0.8 1.4 -0.1 0.3-0.1 0.5-0.1 0.7v1.6c0 0.7 0.2 1.3 0.6 1.8s1 0.7 1.7 0.7c0.8 0 1.4-0.3 1.9-0.9C62.3 28.5 62.5 27.7 62.5 26.7z\" class=\"a\"/><path d=\"M75.7 26.6c0 1.6-0.4 2.9-1.3 3.9 -0.8 0.8-1.8 1.3-2.9 1.3 -1.3 0-2.2-0.5-2.7-1.4H68.7v5.1h-2.1V25.1c0-1 0-2.1-0.1-3.2h1.9l0.1 1.5h0c0.7-1.1 1.8-1.7 3.2-1.7 1.1 0 2.1 0.4 2.8 1.3C75.3 23.9 75.7 25.1 75.7 26.6zM73.5 26.7c0-0.9-0.2-1.7-0.6-2.3 -0.5-0.6-1.1-0.9-1.9-0.9 -0.5 0-1 0.2-1.4 0.5 -0.4 0.4-0.7 0.8-0.8 1.4 -0.1 0.3-0.1 0.5-0.1 0.7v1.6c0 0.7 0.2 1.3 0.6 1.8 0.4 0.5 1 0.7 1.7 0.7 0.8 0 1.4-0.3 1.9-0.9C73.3 28.5 73.5 27.7 73.5 26.7z\" class=\"a\"/><path d=\"M88 27.8c0 1.1-0.4 2.1-1.2 2.8 -0.9 0.8-2.1 1.2-3.6 1.2 -1.4 0-2.6-0.3-3.4-0.8l0.5-1.8c0.9 0.6 2 0.9 3.1 0.9 0.8 0 1.4-0.2 1.9-0.5 0.4-0.4 0.7-0.8 0.7-1.5 0-0.5-0.2-1-0.6-1.4 -0.4-0.4-1-0.7-1.8-1 -2.3-0.9-3.5-2.1-3.5-3.8 0-1.1 0.4-2 1.2-2.7 0.8-0.7 1.9-1 3.3-1 1.2 0 2.2 0.2 3 0.6l-0.5 1.7c-0.7-0.4-1.6-0.6-2.5-0.6 -0.7 0-1.3 0.2-1.8 0.6 -0.4 0.3-0.5 0.7-0.5 1.2 0 0.5 0.2 1 0.6 1.3 0.4 0.3 1 0.7 1.9 1 1.1 0.5 2 1 2.5 1.6C87.8 26.1 88 26.9 88 27.8z\" class=\"a\"/><path d=\"M95.1 23.5h-2.3v4.7c0 1.2 0.4 1.8 1.2 1.8 0.4 0 0.7 0 0.9-0.1l0.1 1.6c-0.4 0.2-1 0.2-1.7 0.2 -0.8 0-1.5-0.3-2-0.8 -0.5-0.5-0.7-1.4-0.7-2.6v-4.8h-1.4v-1.6h1.4v-1.8l2.1-0.6v2.4h2.4V23.5z\" class=\"a\"/><path d=\"M105.7 26.6c0 1.5-0.4 2.7-1.3 3.6 -0.9 1-2.1 1.5-3.5 1.5 -1.4 0-2.5-0.5-3.4-1.4s-1.3-2.1-1.3-3.5c0-1.5 0.4-2.7 1.3-3.7 0.9-0.9 2-1.4 3.5-1.4 1.4 0 2.5 0.5 3.4 1.4C105.3 24 105.7 25.2 105.7 26.6zM103.5 26.7c0-0.9-0.2-1.6-0.6-2.3 -0.4-0.8-1.1-1.1-1.9-1.1 -0.9 0-1.5 0.4-2 1.1 -0.4 0.6-0.6 1.4-0.6 2.3 0 0.9 0.2 1.6 0.6 2.3 0.5 0.8 1.1 1.1 1.9 1.1 0.8 0 1.5-0.4 1.9-1.2C103.3 28.3 103.5 27.6 103.5 26.7z\" class=\"a\"/><path d=\"M112.6 23.8c-0.2 0-0.4-0.1-0.7-0.1 -0.7 0-1.3 0.3-1.7 0.9 -0.4 0.5-0.5 1.1-0.5 1.9v5h-2.1l0-6.6c0-1.1 0-2.1-0.1-3h1.9l0.1 1.8h0.1c0.2-0.6 0.6-1.1 1.1-1.5 0.5-0.3 1-0.5 1.5-0.5 0.2 0 0.4 0 0.5 0V23.8z\" class=\"a\"/><path d=\"M122.2 26.3c0 0.4 0 0.7-0.1 1h-6.4c0 0.9 0.3 1.7 0.9 2.2 0.5 0.4 1.2 0.7 2.1 0.7 0.9 0 1.8-0.2 2.6-0.5l0.3 1.5c-0.9 0.4-2 0.6-3.2 0.6 -1.5 0-2.7-0.4-3.5-1.3 -0.8-0.9-1.3-2-1.3-3.5 0-1.4 0.4-2.7 1.2-3.6 0.8-1 1.9-1.5 3.4-1.5 1.4 0 2.4 0.5 3.1 1.5C121.9 24 122.2 25.1 122.2 26.3zM120.1 25.7c0-0.6-0.1-1.2-0.4-1.6 -0.4-0.6-0.9-0.9-1.7-0.9 -0.7 0-1.3 0.3-1.7 0.9 -0.4 0.5-0.6 1-0.6 1.7H120.1z\" class=\"a\"/><path d=\"M49.1 10c0 1.2-0.4 2.1-1.1 2.7 -0.7 0.5-1.6 0.8-2.8 0.8 -0.6 0-1.1 0-1.5-0.1V7c0.6-0.1 1.2-0.1 1.8-0.1 1.1 0 2 0.2 2.6 0.7C48.7 8.2 49.1 9 49.1 10zM47.9 10c0-0.8-0.2-1.3-0.6-1.8 -0.4-0.4-1-0.6-1.8-0.6 -0.3 0-0.6 0-0.8 0.1v4.9c0.1 0 0.4 0 0.7 0 0.8 0 1.4-0.2 1.9-0.7S47.9 10.9 47.9 10z\" class=\"a\"/><path d=\"M54.9 11c0 0.7-0.2 1.3-0.6 1.8 -0.4 0.5-1 0.7-1.7 0.7 -0.7 0-1.2-0.2-1.7-0.7 -0.4-0.5-0.6-1-0.6-1.7 0-0.7 0.2-1.3 0.6-1.8s1-0.7 1.7-0.7c0.7 0 1.2 0.2 1.7 0.7C54.7 9.8 54.9 10.3 54.9 11zM53.8 11.1c0-0.4-0.1-0.8-0.3-1.1 -0.2-0.4-0.5-0.6-0.9-0.6 -0.4 0-0.7 0.2-1 0.6 -0.2 0.3-0.3 0.7-0.3 1.1 0 0.4 0.1 0.8 0.3 1.1 0.2 0.4 0.5 0.6 1 0.6 0.4 0 0.7-0.2 0.9-0.6C53.7 11.9 53.8 11.5 53.8 11.1z\" class=\"a\"/><path d=\"M62.8 8.7l-1.5 4.7h-1l-0.6-2c-0.2-0.5-0.3-1-0.4-1.5h0c-0.1 0.5-0.2 1-0.4 1.5l-0.6 2h-1l-1.4-4.7h1.1l0.5 2.2c0.1 0.5 0.2 1 0.3 1.5h0c0.1-0.4 0.2-0.9 0.4-1.5l0.7-2.2h0.9l0.6 2.2c0.2 0.5 0.3 1.1 0.4 1.6h0c0.1-0.5 0.2-1 0.3-1.6l0.6-2.2H62.8z\" class=\"a\"/><path d=\"M68.2 13.4H67.2v-2.7c0-0.8-0.3-1.2-0.9-1.2 -0.3 0-0.6 0.1-0.8 0.3 -0.2 0.2-0.3 0.5-0.3 0.8v2.8h-1v-3.4c0-0.4 0-0.9 0-1.3h0.9l0 0.7h0c0.1-0.2 0.3-0.4 0.5-0.6 0.3-0.2 0.6-0.3 1-0.3 0.4 0 0.8 0.1 1.1 0.4 0.4 0.3 0.5 0.9 0.5 1.6V13.4z\" class=\"a\"/><path d=\"M71.1 13.4h-1V6.6h1V13.4z\" class=\"a\"/><path d=\"M77.3 11c0 0.7-0.2 1.3-0.6 1.8 -0.4 0.5-1 0.7-1.7 0.7 -0.7 0-1.2-0.2-1.7-0.7 -0.4-0.5-0.6-1-0.6-1.7 0-0.7 0.2-1.3 0.6-1.8s1-0.7 1.7-0.7c0.7 0 1.2 0.2 1.7 0.7C77.1 9.8 77.3 10.3 77.3 11zM76.2 11.1c0-0.4-0.1-0.8-0.3-1.1 -0.2-0.4-0.5-0.6-0.9-0.6 -0.4 0-0.7 0.2-1 0.6 -0.2 0.3-0.3 0.7-0.3 1.1 0 0.4 0.1 0.8 0.3 1.1 0.2 0.4 0.5 0.6 1 0.6 0.4 0 0.7-0.2 0.9-0.6C76.1 11.9 76.2 11.5 76.2 11.1z\" class=\"a\"/><path d=\"M82.3 13.4h-0.9l-0.1-0.5h0c-0.3 0.4-0.8 0.7-1.4 0.7 -0.4 0-0.8-0.1-1.1-0.4 -0.2-0.3-0.4-0.6-0.4-1 0-0.6 0.2-1 0.7-1.3 0.5-0.3 1.2-0.5 2-0.4V10.3c0-0.6-0.3-0.9-1-0.9 -0.5 0-0.9 0.1-1.2 0.3l-0.2-0.7c0.4-0.3 1-0.4 1.6-0.4 1.2 0 1.9 0.7 1.9 2v1.7C82.3 12.8 82.3 13.2 82.3 13.4zM81.2 11.8v-0.7c-1.2 0-1.7 0.3-1.7 1 0 0.2 0.1 0.4 0.2 0.6 0.1 0.1 0.3 0.2 0.5 0.2 0.2 0 0.4-0.1 0.6-0.2 0.2-0.1 0.3-0.3 0.4-0.6C81.2 11.9 81.2 11.9 81.2 11.8z\" class=\"a\"/><path d=\"M88.3 13.4h-0.9l0-0.8h0c-0.3 0.6-0.8 0.9-1.5 0.9 -0.6 0-1-0.2-1.4-0.7s-0.6-1-0.6-1.7c0-0.8 0.2-1.4 0.6-1.9 0.4-0.4 0.9-0.7 1.5-0.7 0.6 0 1.1 0.2 1.3 0.6h0V6.6h1v5.6C88.2 12.6 88.3 13 88.3 13.4zM87.2 11.4v-0.8c0-0.1 0-0.2 0-0.3 -0.1-0.3-0.2-0.5-0.4-0.6 -0.2-0.2-0.4-0.3-0.7-0.3 -0.4 0-0.7 0.2-0.9 0.5 -0.2 0.3-0.3 0.7-0.3 1.2 0 0.5 0.1 0.8 0.3 1.1 0.2 0.3 0.5 0.5 0.9 0.5 0.3 0 0.6-0.1 0.8-0.4C87.1 12.1 87.2 11.8 87.2 11.4z\" class=\"a\"/><path d=\"M97.2 11c0 0.7-0.2 1.3-0.6 1.8 -0.4 0.5-1 0.7-1.7 0.7 -0.7 0-1.2-0.2-1.7-0.7 -0.4-0.5-0.6-1-0.6-1.7 0-0.7 0.2-1.3 0.6-1.8s1-0.7 1.7-0.7c0.7 0 1.2 0.2 1.7 0.7C97 9.8 97.2 10.3 97.2 11zM96.2 11.1c0-0.4-0.1-0.8-0.3-1.1 -0.2-0.4-0.5-0.6-0.9-0.6 -0.4 0-0.7 0.2-1 0.6 -0.2 0.3-0.3 0.7-0.3 1.1 0 0.4 0.1 0.8 0.3 1.1 0.2 0.4 0.5 0.6 1 0.6 0.4 0 0.7-0.2 0.9-0.6C96.1 11.9 96.2 11.5 96.2 11.1z\" class=\"a\"/><path d=\"M102.9 13.4h-1v-2.7c0-0.8-0.3-1.2-1-1.2 -0.3 0-0.6 0.1-0.8 0.3s-0.3 0.5-0.3 0.8v2.8h-1v-3.4c0-0.4 0-0.9 0-1.3h0.9l0 0.7h0c0.1-0.2 0.3-0.4 0.5-0.6 0.3-0.2 0.6-0.3 1-0.3 0.4 0 0.8 0.1 1.1 0.4 0.4 0.3 0.5 0.9 0.5 1.6V13.4z\" class=\"a\"/><path d=\"M109.9 9.5h-1.2v2.3c0 0.6 0.2 0.9 0.6 0.9 0.2 0 0.3 0 0.5 0l0 0.8c-0.2 0.1-0.5 0.1-0.8 0.1 -0.4 0-0.7-0.1-1-0.4 -0.2-0.3-0.3-0.7-0.3-1.3V9.5h-0.7V8.7h0.7V7.9l1-0.3v1.2h1.2V9.5z\" class=\"a\"/><path d=\"M115.5 13.4h-1v-2.7c0-0.8-0.3-1.3-0.9-1.3 -0.5 0-0.8 0.2-1 0.7 0 0.1 0 0.2 0 0.4v2.8h-1V6.6h1v2.8h0c0.3-0.5 0.8-0.8 1.4-0.8 0.4 0 0.8 0.1 1.1 0.4 0.4 0.4 0.5 0.9 0.5 1.6V13.4z\" class=\"a\"/><path d=\"M121.2 10.9c0 0.2 0 0.3 0 0.5h-3.1c0 0.5 0.2 0.8 0.5 1.1 0.3 0.2 0.6 0.3 1 0.3 0.5 0 0.9-0.1 1.3-0.2l0.2 0.7c-0.4 0.2-1 0.3-1.6 0.3 -0.7 0-1.3-0.2-1.7-0.6 -0.4-0.4-0.6-1-0.6-1.7 0-0.7 0.2-1.3 0.6-1.8 0.4-0.5 1-0.8 1.6-0.8 0.7 0 1.2 0.3 1.5 0.8C121.1 9.8 121.2 10.3 121.2 10.9zM120.2 10.6c0-0.3-0.1-0.6-0.2-0.8 -0.2-0.3-0.5-0.4-0.8-0.4 -0.3 0-0.6 0.1-0.8 0.4 -0.2 0.2-0.3 0.5-0.3 0.8H120.2z\" class=\"a\"/></svg>\n"
  },
  {
    "path": "assets/_includes/assets.html",
    "content": "{{#if presskit.trailers}}\n<section class=\"block\">\n  <h2 id=\"videos\">Videos</h2>\n\n  {{#each presskit.trailers}}\n  <div>\n    {{#youtube}}\n    <p>\n      <strong>{{../name}}</strong> — <a href=\"https://www.youtube.com/embed/{{trim .}}?rel=0\">YouTube</a> {{#if ../download}}| <a href=\"{{../download}}\" target=\"_blank\">Download</a>{{/if}}\n    </p>\n\n    <div class=\"video-player\">\n      <iframe class=\"video-player__frame\" src=\"https://www.youtube.com/embed/{{trim .}}?rel=0\" frameborder=\"0\" allowfullscreen></iframe>\n    </div>\n    {{/youtube}}\n\n    {{#vimeo}}\n    <p>\n      <strong>{{../name}}</strong> — <a href=\"https://player.vimeo.com/video/{{trim .}}\">Vimeo</a> {{#if ../download}}| <a href=\"{{../download}}\" target=\"_blank\">Download</a>{{/if}}\n    </p>\n\n    <div class=\"video-player\">\n      <iframe class=\"video-player__frame\" src=\"https://player.vimeo.com/video/{{trim .}}\" frameborder=\"0\" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>\n    </div>\n    {{/vimeo}}\n\n    {{#unless youtube}}\n      {{#unless vimeo}}\n        {{#download}}\n        <p>\n          <strong>{{../name}}</strong> — <a href=\"{{../download}}\" target=\"_blank\">Download</a>\n        </p>\n        {{/download}}\n      {{/unless}}\n    {{/unless}}\n  </div>\n  {{/each}}\n</section>\n{{else}}\n<section class=\"block\">\n  <h2 id=\"videos\">Videos</h2>\n\n  <p>There are currently no trailers available for {{presskit.title}}. Check back later for more or <a href=\"#contact\">contact us</a> for specific requests!</p>\n</section>\n{{/if}}\n\n{{#if hasScreenshots}}\n<section class=\"block\">\n  <h2 id=\"images\">Images</h2>\n\n  <aside class=\"block__notice\">\n    <a href=\"images/images.zip\">\n      download all screenshots & photos as .zip\n    </a>\n  </aside>\n\n  <div class=\"gallery clearfix\" id=\"gallery\">\n    {{#each images.screenshots}}\n    <div class=\"gallery__item\">\n      <a href=\"images/{{.}}\">\n        <img src=\"{{thumbOrImage .}}\" alt=\"{{basename .}}\">\n      </a>\n    </div>\n    {{/each}}\n  </div>\n\n  {{#each images.screenshotsWithCategory}}\n  <section>\n    <h3 class=\"capitalize\" id=\"gallery-{{title}}\">{{title}}</h3>\n    <div class=\"gallery clearfix\">\n      {{#each elements}}\n      <div class=\"gallery__item\">\n        <a href=\"images/{{.}}\">\n          <img src=\"{{thumbOrImage .}}\" alt=\"{{basename .}}\">\n        </a>\n      </div>\n      {{/each}}\n    </div>\n  </section>\n  {{/each}}\n</section>\n{{/if}}\n\n{{#if images.logos}}\n<section class=\"block\">\n  <h2 id=\"logo\">Logo & Icon</h2>\n\n  <aside class=\"block__notice\">\n    <a href=\"images/logo.zip\">\n      download logo files as .zip\n    </a>\n  </aside>\n\n  {{#each images.logos}}\n  <a href=\"images/{{.}}\">\n    <img src=\"images/{{.}}\" alt=\"{{basename .}}\" class=\"logo\">\n  </a>\n  {{/each}}\n</section>\n{{else}}\n<section class=\"block\">\n  <h2 id=\"logo\">Logo & Icon</h2>\n\n  <p>There are currently no logos or icons available for {{presskit.title}}. Check back later for more or <a href=\"#contact\">contact us</a> for specific requests!</p>\n</section>\n{{/if}}\n"
  },
  {
    "path": "assets/_includes/description.html",
    "content": "<h2 id=\"description\">Description</h2>\n<p>{{rawText presskit.description}}</p>\n\n<h2 id=\"history\">History</h2>\n{{#if presskit.history}}\n<p>{{rawText presskit.history}}</p>\n{{/if}}\n\n{{#each presskit.histories}}\n<h3>{{header}}</h3>\n<p>{{rawText text}}</p>\n{{/each}}\n"
  },
  {
    "path": "assets/_includes/factsheet.html",
    "content": "<aside class=\"factsheet grid__item\">\n  <h2 id=\"factsheet\" class=\"factsheet__title\">Factsheet</h2>\n\n  {{#if isCompany}}\n  <dl class=\"factsheet__list\">\n    <dt>Developer:</dt>\n    <dd>\n      <a href=\".\">{{presskit.title}}</a>\n    </dd>\n    {{#if presskit.basedIn}}\n    <dd>Based in {{presskit.basedIn}}</dd>\n    {{/if}}\n\n    {{#if presskit.foundingDate}}\n    <dt>Founding date:</dt>\n    <dd>{{presskit.foundingDate}}</dd>\n    {{/if}}\n\n    {{#if presskit.website}}\n    <dt>Website:</dt>\n    <dd>\n      <a href=\"{{presskit.website}}\">{{prettyURL presskit.website}}</a>\n    </dd>\n    {{/if}}\n\n    {{#if presskit.pressContact}}\n    <dt>Press / Business contact:</dt>\n    <dd>\n      <a href=\"mailto:{{presskit.pressContact}}\">{{presskit.pressContact}}</a>\n    </dd>\n    {{/if}}\n\n    {{#if presskit.socials}}\n    <dt>Social:</dt>\n    {{#each presskit.socials}}\n    <dd>\n      <a href=\"{{link}}\">{{name}}</a>\n    </dd>\n    {{/each}}\n    {{/if}}\n\n    {{#if products}}\n    <dt>Releases:</dt>\n    {{#each products}}\n    <dd>\n      <a href=\"{{permalink path}}\">{{title}}</a>\n    </dd>\n    {{/each}}\n    {{/if}}\n\n    {{#if presskit.address.line}}\n    <dt>Address:</dt>\n    {{#each presskit.address.line}}\n    <dd>{{.}}</dd>\n    {{/each}}\n    {{/if}}\n\n    {{#if presskit.phone}}\n    <dt>Phone:</dt>\n    <dd>{{presskit.phone}}</dd>\n    {{/if}}\n  </dl>\n  {{/if}}\n\n  {{#if isProduct}}\n  <dl class=\"factsheet__list\">\n    {{#if company.title}}\n    <dt>Developer:</dt>\n    <dd>\n      <a href=\"..\">{{company.title}}</a>\n    </dd>\n    {{#if company.basedIn}}<dd>Based in {{company.basedIn}}</dd>{{/if}}\n    {{/if}}\n\n    {{#each presskit.partners}}\n    <dt>{{type}}:</dt>\n    <dd>\n      {{#if website}}\n        <a href=\"{{website}}\">{{title}}</a>\n      {{else}}\n        {{title}}\n      {{/if}}\n    </dd>\n    {{#if basedIn}}<dd>Based in {{basedIn}}</dd>{{/if}}\n    {{/each}}\n\n    {{#if presskit.releaseDates}}\n    <dt>Release date:</dt>\n    {{#each presskit.releaseDates}}\n    <dd>{{.}}</dd>\n    {{/each}}\n    {{/if}}\n\n    {{#if presskit.platforms}}\n    <dt>Platforms:</dt>\n    {{#each presskit.platforms}}\n    <dd>\n      {{#if link}}\n        <a href=\"{{link}}\">{{name}}</a>\n      {{else}}\n        {{name}}\n      {{/if}}\n    </dd>\n    {{/each}}\n    {{/if}}\n\n    {{#if presskit.website}}\n    <dt>Website:</dt>\n    <dd>\n      <a href=\"{{presskit.website}}\">{{prettyURL presskit.website}}</a>\n    </dd>\n    {{/if}}\n\n    {{#if presskit.prices}}\n    <dt>Regular Price:</dt>\n    {{#each presskit.prices}}\n    <dd>{{currency}} {{value}}</dd>\n    {{/each}}\n    {{/if}}\n\n    {{#each presskit.relations}}\n    <dt>{{type}}:</dt>\n    <dd>\n      <a href=\"{{permalink path}}\">{{text}}</a>\n    </dd>\n    {{/each}}\n\n    {{#each presskit.relationOf}}\n    <dt>{{type}} of:</dt>\n    <dd>\n      <a href=\"{{permalink path}}\">{{text}}</a>\n    </dd>\n    {{/each}}\n  </dl>\n\n  {{#if presskit.pressCopyRequest}}\n  <p class=\"press\">\n    <a href=\"{{presskit.pressCopyRequest}}\" class=\"button\" tabindex=\"0\">\n      Request Press Copy\n    </a>\n  </p>\n  {{/if}}\n  {{/if}}\n</aside>\n"
  },
  {
    "path": "assets/_includes/footer.html",
    "content": "<footer class=\"page-footer\">\n  <a href=\"https://github.com/pixelnest/presskit.html\">presskit.html</a> by <a href=\"http://pixelnest.io\">Pixelnest Studio</a> — original <a href=\"http://dopresskit.com/\">presskit()</a> by Rami Ismail (<a href=\"http://www.vlambeer.com/\">Vlambeer</a>)\n</footer>\n"
  },
  {
    "path": "assets/_includes/head.html",
    "content": "<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n\n{{#if company.title}}\n<title>{{presskit.title}} - {{company.title}}</title>\n{{else}}\n<title>{{presskit.title}}</title>\n{{/if}}\n\n<link rel=\"shortcut icon\" href=\"images/favicon.ico?t={{buildTime}}\">\n\n<link rel=\"stylesheet\" href=\"{{assets}}/css/normalize.css\">\n<link rel=\"stylesheet\" href=\"{{assets}}/css/theme.css\">\n<link rel=\"stylesheet\" href=\"{{assets}}/css/print.css\" media=\"print\">\n\n<!-- Generated by presskit.html {{buildVersion}} (https://github.com/pixelnest/presskit.html). -->\n"
  },
  {
    "path": "assets/_includes/mailchimp.html",
    "content": "{{#if presskit.widgets.mailchimp}}\n<section class=\"block\">\n  <h2 id=\"mailing-list\">Mailing List</h2>\n\n  <!-- Begin MailChimp Signup Form -->\n  <link href=\"//cdn-images.mailchimp.com/embedcode/horizontal-slim-10_7.css\" rel=\"stylesheet\" type=\"text/css\">\n\n  <style type=\"text/css\">\n  \t#mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; width:100%;}\n    #mc_embed_signup form {padding: 0;}\n    #mc_embed_signup #mce-EMAIL{width: 100%;}\n    #mc-embedded-subscribe {margin-top: 15px;}\n  </style>\n\n  <div id=\"mc_embed_signup\">\n    <form action=\"{{trim presskit.widgets.mailchimp}}\" method=\"post\" id=\"mc-embedded-subscribe-form\" name=\"mc-embedded-subscribe-form\" class=\"validate\" target=\"_blank\" novalidate>\n      <div id=\"mc_embed_signup_scroll\">\n      \t<input type=\"email\" value=\"\" name=\"EMAIL\" class=\"email\" id=\"mce-EMAIL\" placeholder=\"email address\" required>\n        <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->\n        <div style=\"position: absolute; left: -5000px;\" aria-hidden=\"true\"><input type=\"text\" name=\"b_cb1093a5798d3677ea320108b_55e71ae780\" tabindex=\"-1\" value=\"\"></div>\n        <div class=\"clear\"><input type=\"submit\" value=\"Subscribe\" name=\"subscribe\" id=\"mc-embedded-subscribe\"></div>\n      </div>\n    </form>\n  </div>\n  <!--End mc_embed_signup-->\n</section>\n{{/if}}\n"
  },
  {
    "path": "assets/_includes/nav.html",
    "content": "<nav class=\"page-nav nav grid__item\">\n  <h1 class=\"nav__title\">\n    {{#if isCompany}}\n    <a href=\".\">{{presskit.title}}</a>\n    {{else if company.title}}\n    <a href=\"..\">{{company.title}}</a>\n    {{else}}\n    <a href=\".\">{{presskit.title}}</a>\n    {{/if}}\n  </h1>\n\n  <aside class=\"nav__subtitle\">\n    {{#if company.title}}\n    <a href=\"..\">press kit</a>\n    {{else}}\n    <a href=\"{{presskit.website}}\">{{prettyURL presskit.website}}</a>\n    {{/if}}\n  </aside>\n\n  <div class=\"nav__toggle\" id=\"hamburger\">\n    <a href=\"#\" class=\"button\" id=\"hamburger-toggle\">\n      <svg width=\"10\" height=\"10\" viewBox=\"0 0 19 19\" xmlns=\"http://www.w3.org/2000/svg\">\n        <g fill=\"currentColor\" fill-rule=\"nonzero\">\n          <path d=\"M0 16h19v3H0zM0 8h19v3H0zM0 0h19v3H0z\" />\n        </g>\n      </svg>\n      &nbsp;Menu\n    </a>\n  </div>\n\n  <ul class=\"nav__list\" id=\"hamburger-target\">\n    <li>\n      <a class=\"nav__item\" href=\"#factsheet\">Factsheet</a>\n    </li>\n\n    {{#if presskit.description}}\n    <li>\n      <a class=\"nav__item\" href=\"#description\">Description</a>\n    </li>\n    {{/if}}\n\n    {{#if presskit.history}}\n    <li>\n      <a class=\"nav__item\" href=\"#history\">History</a>\n    </li>\n    {{/if}}\n\n    {{#if presskit.histories}}\n    <li>\n      <a class=\"nav__item\" href=\"#history\">History</a>\n    </li>\n    {{/if}}\n\n    {{#if products}}\n    <li>\n      <a class=\"nav__item\" href=\"#projects\">Projects</a>\n    </li>\n    {{/if}}\n\n    {{#if presskit.widgets.mailchimp}}\n    <li>\n      <a class=\"nav__item\" href=\"#mailing-list\">Mailing List</a>\n    </li>\n    {{/if}}\n\n    {{#if presskit.trailers}}\n    <li>\n      <a class=\"nav__item\" href=\"#videos\">Videos</a>\n    </li>\n    {{/if}}\n\n    {{#if images.screenshots}}\n    <li>\n      <a class=\"nav__item\" href=\"#images\">Images</a>\n    </li>\n    {{/if}}\n\n    {{#if images.logos}}\n    <li>\n      <a class=\"nav__item\" href=\"#logo\">Logo & Icon</a>\n    </li>\n    {{/if}}\n\n    {{#if presskit.widgets}}\n    <li>\n      <a class=\"nav__item\" href=\"#widgets\">Widgets</a>\n    </li>\n    {{/if}}\n\n    {{#if presskit.awards}}\n    <li>\n      <a class=\"nav__item\" href=\"#awards\">Awards & Recognition</a>\n    </li>\n    {{/if}}\n\n    {{#if presskit.quotes}}\n    <li>\n      <a class=\"nav__item\" href=\"#articles\">Selected Articles</a>\n    </li>\n    {{/if}}\n\n    {{#if presskit.additionals}}\n    <li>\n      <a class=\"nav__item\" href=\"#links\">Additional Links</a>\n    </li>\n    {{/if}}\n\n    {{#if company.title}}\n    <li>\n      <a class=\"nav__item\" href=\"#about\">About {{company.title}}</a>\n    </li>\n    {{/if}}\n\n    {{#each presskit.abouts}}\n    <li>\n      <a class=\"nav__item\" href=\"#about_{{title}}\">About {{title}}</a>\n    </li>\n    {{/each}}\n\n    <li>\n      <a class=\"nav__item\" href=\"#credits\">Team</a>\n    </li>\n\n    {{#if presskit.contacts}}\n    <li>\n      <a class=\"nav__item\" href=\"#contact\">Contact</a>\n    </li>\n    {{/if}}\n  </ul>\n</nav>\n"
  },
  {
    "path": "assets/_includes/playstore.html",
    "content": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"270\" height=\"80\" viewBox=\"0 0 135.71649 40.018951\"><defs><linearGradient x1=\"31.8\" y1=\"183.29\" x2=\"15.017\" y2=\"166.508\" gradientUnits=\"userSpaceOnUse\" gradientTransform=\"matrix(.8 0 0 -.8 0 161.6)\" id=\"i\"><stop offset=\"0\" stop-color=\"#00a0ff\"/><stop offset=\".007\" stop-color=\"#00a1ff\"/><stop offset=\".26\" stop-color=\"#00beff\"/><stop offset=\".512\" stop-color=\"#00d2ff\"/><stop offset=\".76\" stop-color=\"#00dfff\"/><stop offset=\"1\" stop-color=\"#00e3ff\"/></linearGradient><linearGradient x1=\"43.834\" y1=\"171.999\" x2=\"19.638\" y2=\"171.999\" gradientUnits=\"userSpaceOnUse\" gradientTransform=\"matrix(.8 0 0 -.8 0 161.6)\" id=\"j\"><stop offset=\"0\" stop-color=\"#ffe000\"/><stop offset=\".409\" stop-color=\"#ffbd00\"/><stop offset=\".775\" stop-color=\"orange\"/><stop offset=\"1\" stop-color=\"#ff9c00\"/></linearGradient><linearGradient x1=\"34.827\" y1=\"169.704\" x2=\"12.069\" y2=\"146.946\" gradientUnits=\"userSpaceOnUse\" gradientTransform=\"matrix(.8 0 0 -.8 0 161.6)\" id=\"k\"><stop offset=\"0\" stop-color=\"#ff3a44\"/><stop offset=\"1\" stop-color=\"#c31162\"/></linearGradient><linearGradient x1=\"17.297\" y1=\"191.824\" x2=\"27.46\" y2=\"181.661\" gradientUnits=\"userSpaceOnUse\" gradientTransform=\"matrix(.8 0 0 -.8 0 161.6)\" id=\"l\"><stop offset=\"0\" stop-color=\"#32a071\"/><stop offset=\".069\" stop-color=\"#2da771\"/><stop offset=\".476\" stop-color=\"#15cf74\"/><stop offset=\".801\" stop-color=\"#06e775\"/><stop offset=\"1\" stop-color=\"#00f076\"/></linearGradient><clipPath id=\"a\"><path d=\"M0 0h124v48H0V0z\"/></clipPath><mask maskUnits=\"userSpaceOnUse\" x=\"0\" y=\"0\" width=\"1\" height=\"1\" id=\"m\"><g clip-path=\"url(#a)\"><path d=\"M0 0h124v48H0V0z\" fill-opacity=\".2\"/></g></mask><clipPath id=\"n\"><path d=\"M0 0h124v48H0V0z\"/></clipPath><clipPath id=\"b\"><path d=\"M0 0h124v48H0V0z\"/></clipPath><pattern patternTransform=\"matrix(1 0 0 -1 0 48)\" patternUnits=\"userSpaceOnUse\" width=\"124\" height=\"48\" id=\"o\"><g clip-path=\"url(#b)\"><path d=\"M29.625 20.695l-11.613-6.597c-.65-.37-1.23-.344-1.606-.008l-.058-.063.058-.058c.375-.337.957-.36 1.606.01L29.7 20.62l-.075.075z\"/></g></pattern><clipPath id=\"c\"><path d=\"M0 0h124v48H0V0z\"/></clipPath><mask maskUnits=\"userSpaceOnUse\" x=\"0\" y=\"0\" width=\"1\" height=\"1\" id=\"p\"><g clip-path=\"url(#c)\"><path d=\"M0 0h124v48H0V0z\" fill-opacity=\".12\"/></g></mask><clipPath id=\"q\"><path d=\"M0 0h124v48H0V0z\"/></clipPath><clipPath id=\"d\"><path d=\"M0 0h124v48H0V0z\"/></clipPath><pattern patternTransform=\"matrix(1 0 0 -1 0 48)\" patternUnits=\"userSpaceOnUse\" width=\"124\" height=\"48\" id=\"r\"><g clip-path=\"url(#d)\"><path d=\"M16.348 14.145c-.235.246-.37.628-.37 1.125v-.118c0-.496.135-.88.37-1.125l.058.063-.058.055z\"/></g></pattern><clipPath id=\"e\"><path d=\"M0 0h124v48H0V0z\"/></clipPath><mask maskUnits=\"userSpaceOnUse\" x=\"0\" y=\"0\" width=\"1\" height=\"1\" id=\"s\"><g clip-path=\"url(#e)\"><path d=\"M0 0h124v48H0V0z\" fill-opacity=\".12\"/></g></mask><clipPath id=\"t\"><path d=\"M0 0h124v48H0V0z\"/></clipPath><clipPath id=\"f\"><path d=\"M0 0h124v48H0V0z\"/></clipPath><pattern patternTransform=\"matrix(1 0 0 -1 0 48)\" patternUnits=\"userSpaceOnUse\" width=\"124\" height=\"48\" id=\"u\"><g clip-path=\"url(#f)\"><path d=\"M33.613 22.96l-3.988-2.265.074-.074 3.913 2.224c.56.316.836.734.836 1.156-.048-.38-.333-.75-.837-1.04z\"/></g></pattern><clipPath id=\"g\"><path d=\"M0 0h124v48H0V0z\"/></clipPath><mask maskUnits=\"userSpaceOnUse\" x=\"0\" y=\"0\" width=\"1\" height=\"1\" id=\"v\"><g clip-path=\"url(#g)\"><path d=\"M0 0h124v48H0V0z\" fill-opacity=\".25\"/></g></mask><clipPath id=\"w\"><path d=\"M0 0h124v48H0V0z\"/></clipPath><clipPath id=\"h\"><path d=\"M0 0h124v48H0V0z\"/></clipPath><pattern patternTransform=\"matrix(1 0 0 -1 0 48)\" patternUnits=\"userSpaceOnUse\" width=\"124\" height=\"48\" id=\"x\"><g clip-path=\"url(#h)\"><path d=\"M18.012 33.902l15.6-8.863c.51-.29.79-.66.837-1.04 0 .418-.278.836-.837 1.156l-15.6 8.864c-1.118.632-2.036.105-2.036-1.176v-.114c0 1.278.918 1.805 2.035 1.172z\" fill=\"#fff\"/></g></pattern></defs><path d=\"M130.54 39.943H5.24c-2.755 0-5.012-2.23-5.012-4.954V5.266C.228 2.544 2.485.314 5.24.314h125.3c2.755 0 5.01 2.23 5.01 4.953V34.99c0 2.723-2.255 4.953-5.01 4.953z\"/><path d=\"M130.54 1.108c2.32 0 4.208 1.866 4.208 4.16v29.72c0 2.295-1.888 4.16-4.21 4.16H5.24c-2.32 0-4.208-1.865-4.208-4.16V5.27c0-2.294 1.888-4.16 4.208-4.16h125.3m0-.794H5.24C2.485.314.228 2.544.228 5.267V34.99c0 2.723 2.257 4.953 5.012 4.953h125.3c2.755 0 5.01-2.23 5.01-4.954V5.266c0-2.723-2.255-4.953-5.01-4.953z\" fill=\"#a6a6a6\"/><path d=\"M45.934 16.195c0 .668-.2 1.203-.594 1.602-.453.473-1.043.71-1.766.71-.69 0-1.28-.24-1.765-.718-.486-.485-.728-1.08-.728-1.79s.242-1.305.727-1.785c.483-.48 1.073-.723 1.764-.723.344 0 .672.07.985.203.31.133.565.313.75.535l-.42.422c-.32-.38-.757-.566-1.316-.566-.504 0-.94.176-1.312.53-.367.357-.55.818-.55 1.384s.183 1.03.55 1.387c.37.35.808.53 1.312.53.535 0 .985-.18 1.34-.534.234-.235.367-.56.402-.973h-1.742v-.578h2.324c.028.125.036.246.036.363zM49.62 14.19H47.44v1.52h1.968v.58h-1.968v1.52h2.183v.588h-2.8v-4.796h2.8v.59zM52.223 18.398h-.618V14.19h-1.34v-.588h3.298v.59h-1.34v4.206zM55.95 18.398v-4.796h.616v4.796h-.617zM59.3 18.398h-.612V14.19h-1.344v-.588h3.3v.59h-1.343v4.206zM66.887 17.78c-.473.486-1.06.728-1.758.728-.704 0-1.29-.242-1.763-.727-.472-.483-.707-1.077-.707-1.78 0-.703.235-1.297.707-1.78.473-.486 1.06-.728 1.762-.728.694 0 1.28.242 1.753.73.476.49.71 1.08.71 1.778 0 .703-.234 1.297-.706 1.78zm-3.063-.4c.356.358.79.538 1.305.538.51 0 .948-.18 1.3-.54.355-.358.535-.82.535-1.378 0-.56-.18-1.02-.535-1.38-.352-.358-.79-.538-1.3-.538-.517 0-.95.18-1.306.54-.355.358-.535.82-.535 1.378 0 .56.18 1.02.534 1.38zM68.46 18.398v-4.796h.75l2.333 3.73h.027l-.027-.922v-2.808h.617v4.796h-.644l-2.442-3.914h-.027l.027.926v2.988h-.613z\" fill=\"#fff\" stroke=\"#fff\" stroke-width=\".16\" stroke-miterlimit=\"10\" transform=\"matrix(1.3 0 0 1.2 -9.8 -9.6)\"/><path d=\"M68.526 21.865c-2.354 0-4.277 1.77-4.277 4.214 0 2.423 1.922 4.212 4.276 4.212 2.36 0 4.283-1.79 4.283-4.213 0-2.444-1.924-4.215-4.284-4.215zm0 6.768c-1.29 0-2.403-1.054-2.403-2.554 0-1.52 1.112-2.556 2.403-2.556 1.292 0 2.41 1.035 2.41 2.555 0 1.5-1.118 2.553-2.41 2.553zm-9.333-6.768c-2.36 0-4.278 1.77-4.278 4.214 0 2.423 1.918 4.212 4.278 4.212 2.358 0 4.278-1.79 4.278-4.213 0-2.444-1.92-4.215-4.277-4.215zm0 6.768c-1.293 0-2.408-1.054-2.408-2.554 0-1.52 1.115-2.556 2.408-2.556 1.292 0 2.403 1.035 2.403 2.555 0 1.5-1.11 2.553-2.403 2.553zm-11.107-5.477v1.79h4.327c-.127 1.002-.465 1.737-.984 2.25-.632.62-1.616 1.307-3.344 1.307-2.662 0-4.747-2.124-4.747-4.756s2.084-4.756 4.746-4.756c1.44 0 2.488.558 3.26 1.278l1.277-1.262c-1.08-1.02-2.52-1.804-4.537-1.804-3.65 0-6.72 2.936-6.72 6.545 0 3.61 3.07 6.545 6.72 6.545 1.974 0 3.456-.64 4.62-1.838 1.195-1.18 1.568-2.84 1.568-4.18 0-.416-.035-.798-.098-1.118h-6.09zm45.416 1.39c-.352-.944-1.438-2.68-3.65-2.68-2.194 0-4.02 1.706-4.02 4.213 0 2.36 1.807 4.212 4.23 4.212 1.958 0 3.088-1.18 3.553-1.868l-1.453-.957c-.485.7-1.146 1.166-2.1 1.166-.95 0-1.63-.43-2.065-1.277l5.702-2.332-.198-.48zm-5.814 1.402c-.05-1.625 1.277-2.457 2.227-2.457.744 0 1.376.368 1.586.895l-3.812 1.563zm-4.634 4.088h1.874V17.652h-1.874v12.384zm-3.07-7.233h-.063c-.42-.493-1.223-.938-2.24-.938-2.136 0-4.088 1.852-4.088 4.228 0 2.36 1.952 4.2 4.087 4.2 1.017 0 1.82-.45 2.24-.958h.064v.604c0 1.61-.87 2.476-2.276 2.476-1.145 0-1.855-.817-2.15-1.505l-1.63.674c.47 1.117 1.715 2.49 3.78 2.49 2.198 0 4.052-1.277 4.052-4.386V22.12h-1.776v.683zm-2.144 5.83c-1.292 0-2.373-1.07-2.373-2.54 0-1.485 1.08-2.57 2.373-2.57 1.273 0 2.277 1.085 2.277 2.57 0 1.47-1.004 2.54-2.277 2.54zm24.438-10.98h-4.483v12.383h1.87v-4.693h2.613c2.076 0 4.112-1.485 4.112-3.846 0-2.36-2.04-3.845-4.112-3.845zm.05 5.968h-2.664v-4.246h2.663c1.396 0 2.193 1.146 2.193 2.123 0 .958-.797 2.124-2.193 2.124zm11.555-1.78c-1.35 0-2.755.59-3.333 1.897l1.66.687c.356-.687 1.013-.91 1.707-.91.97 0 1.954.576 1.97 1.593v.13c-.34-.193-1.064-.48-1.955-.48-1.787 0-3.607.973-3.607 2.787 0 1.66 1.463 2.728 3.11 2.728 1.257 0 1.95-.56 2.387-1.213h.064v.956h1.805v-4.75c0-2.196-1.658-3.425-3.807-3.425zm-.225 6.788c-.612 0-1.464-.3-1.464-1.05 0-.958 1.063-1.326 1.983-1.326.823 0 1.21.18 1.71.416-.148 1.147-1.147 1.96-2.23 1.96zm10.61-6.516l-2.147 5.37h-.063l-2.222-5.37h-2.016l3.337 7.503-1.905 4.174h1.954l5.143-11.678h-2.08zm-16.85 7.924h1.874V17.652h-1.874v12.384z\" fill=\"#fff\"/><path d=\"M16.348 33.97c-.235-.247-.37-.63-.37-1.126V15.152c0-.496.135-.88.37-1.125l.058-.054 9.914 9.91v.234l-9.914 9.91-.058-.058z\" fill=\"url(#i)\" transform=\"matrix(1.3 0 0 -1.2 -9.8 49.9)\"/><path d=\"M29.62 20.578l-3.3 3.305v.234l3.305 3.305.074-.043 3.913-2.228c1.117-.632 1.117-1.672 0-2.308L29.7 20.62l-.08-.042z\" fill=\"url(#j)\" transform=\"matrix(1.3 0 0 -1.2 -9.8 49.9)\"/><path d=\"M29.7 20.62L26.32 24l-9.972-9.973c.37-.39.976-.437 1.664-.047L29.7 20.62\" fill=\"url(#k)\" transform=\"matrix(1.3 0 0 -1.2 -9.8 49.9)\"/><path d=\"M29.7 27.38L18.01 34.02c-.688.386-1.293.34-1.664-.05L26.32 24l3.38 3.38z\" fill=\"url(#l)\" transform=\"matrix(1.3 0 0 -1.2 -9.8 49.9)\"/><g mask=\"url(#m)\" transform=\"matrix(1.3 0 0 -1.2 -9.8 49.9)\"><g clip-path=\"url(#n)\"><path d=\"M0 0h124v48H0V0z\" fill=\"url(#o)\"/></g></g><g mask=\"url(#p)\" transform=\"matrix(1.3 0 0 -1.2 -9.8 49.9)\"><g clip-path=\"url(#q)\"><path d=\"M0 0h124v48H0V0z\" fill=\"url(#r)\"/></g></g><g><g mask=\"url(#s)\" transform=\"matrix(1.3 0 0 -1.2 -9.8 49.9)\"><g clip-path=\"url(#t)\"><path d=\"M0 0h124v48H0V0z\" fill=\"url(#u)\"/></g></g></g><g><g mask=\"url(#v)\" transform=\"matrix(1.3 0 0 -1.2 -9.8 49.9)\"><g clip-path=\"url(#w)\"><path d=\"M0 0h124v48H0V0z\" fill=\"url(#x)\"/></g></g></g></svg>\n"
  },
  {
    "path": "assets/_includes/recognition.html",
    "content": "{{#if presskit.awards}}\n<section class=\"block\">\n  <h2 id=\"awards\">Awards & Recognition</h2>\n\n  <ul>\n    {{#each presskit.awards}}\n    <li>\"{{description}}\" <cite>{{info}}</cite></li>\n    {{/each}}\n  </ul>\n</section>\n{{/if}}\n\n{{#if presskit.quotes}}\n<section class=\"block\">\n  <h2 id=\"articles\">Selected Articles</h2>\n\n  <ul>\n    {{#each presskit.quotes}}\n    <li class=\"quote\">\n      <blockquote class=\"quote__content\" cite=\"{{link}}\">\n        {{description}}\n      </blockquote>\n      <cite class=\"quote__author\">\n        {{name}}, <a href=\"{{link}}\">{{website}}</a>\n      </cite>\n    </li>\n    {{/each}}\n  </ul>\n</section>\n{{/if}}\n\n{{#if presskit.additionals}}\n<section class=\"block\">\n  <h2 id=\"links\">Additional Links</h2>\n\n  <dl>\n    {{#each presskit.additionals}}\n    <dt>{{title}}</dt>\n    <dd>\n      {{description}} <a href=\"{{link}}\">{{domainURL link}}</a>.\n    </dd>\n    {{/each}}\n  </dl>\n</section>\n{{/if}}\n"
  },
  {
    "path": "assets/_includes/scripts.html",
    "content": "<script src=\"{{assets}}/js/masonry.min.js\"></script>\n<script src=\"{{assets}}/js/imagesloaded.min.js\"></script>\n<script>\n  document.addEventListener('DOMContentLoaded', function onContentLoaded() {\n    // Add masonry layout on the galleries.\n    var galleries = document.querySelectorAll('.gallery');\n\n    for (var i = 0; i < galleries.length; i++) {\n      (function (index) {\n        var gallery = galleries[index];\n\n        imagesLoaded(gallery, function onImagesLoaded() {\n          new Masonry(gallery, {\n            itemSelector: '.gallery__item'\n          });\n        });\n      })(i);\n    }\n\n    // Add mini-player to gifs.\n    var gifLinks = document.querySelectorAll('a[href$=\".gif\"]');\n    for (var i = 0; i < gifLinks.length; i++) {\n      (function (index) {\n        var link = gifLinks[index];\n        var img = link.querySelector('img');\n\n        // Don't add the mini-player if no thumbnail.\n        // It's already a gif, so no need to turn it on.\n        if (img.src.indexOf('.thumb.jpg') === -1) {\n          return\n        }\n\n        link.className = 'show-overlay'\n\n        link.onclick = function (e) {\n          // Make it work on IE8.\n          if (e.preventDefault) {\n            const openLinkInBackground = e.ctrlKey || e.metaKey;\n\n            // Stop default behavior, except if ctrl/cmd modifier is used.\n            // In this case, we want the link to go through and open\n            // its target in a background tab.\n            if (!openLinkInBackground) e.preventDefault();\n            e.stopPropagation();\n          } else {\n            // We don't care for the special background tab behavior on old IE.\n            e.returnValue = false;\n          }\n\n          // Remove overlay and remove thumbnail section of the image.\n          link.className = '';\n          img.src = img.src.replace('.thumb.jpg', '');\n\n          // Remove event listener after first trigger.\n          link.onclick = null;\n        }\n      }(i));\n    }\n  });\n</script>\n\n{{#if hamburger}}\n<script src=\"{{assets}}/js/hamburger.js\"></script>\n{{/if}}\n\n{{#if analytics}}\n<script>\n  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){\n  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),\n  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)\n  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');\n  ga('create', '{{analytics}}', 'auto');\n  ga('send', 'pageview');\n</script>\n{{/if}}\n"
  },
  {
    "path": "assets/_includes/team.html",
    "content": "<section class=\"block grid _team-fix-margin-top\">\n  {{#if presskit.credits}}\n  <article class=\"grid__item grid__item--flexible\">\n    {{#if title}}\n    <h2 id=\"credits\">{{title}}</h2>\n    {{else}}\n    <h2 id=\"credits\">{{presskit.title}} Credits</h2>\n    {{/if}}\n\n    <dl>\n      {{#each presskit.credits}}\n      <dt>{{person}}</dt>\n\n      <dd>\n        {{#if website}}\n          <a href=\"{{website}}\">{{role}}</a>\n        {{else}}\n          {{role}}\n        {{/if}}\n      </dd>\n      {{/each}}\n    </dl>\n  </article>\n  {{/if}}\n\n  {{#if presskit.contacts}}\n  <article class=\"grid__item grid__item--flexible\">\n    <h2 id=\"contact\">Contact</h2>\n\n    <dl>\n      {{#each presskit.contacts}}\n      <dt>{{name}}</dt>\n\n      <dd>\n        {{#if mail}}\n        <a href=\"mailto:{{mail}}\">{{mail}}</a>\n        {{/if}}\n\n        {{#if link}}\n        <a href=\"{{link}}\">{{prettyURL link}}</a>\n        {{/if}}\n      </dd>\n      {{/each}}\n    </dl>\n  </article>\n  {{/if}}\n</section>\n"
  },
  {
    "path": "assets/_includes/widgets.html",
    "content": "{{#if presskit.widgets}}\n<section class=\"block\">\n  <h2 id=\"widgets\">Widgets</h2>\n\n  <div class=\"grid\">\n    {{#if presskit.widgets.appstore}}\n    <p class=\"grid__item\">\n      <a\n        href=\"https://itunes.apple.com/app/id{{trim presskit.widgets.appstore}}\"\n        target=\"_blank\"\n        class=\"widget widget--appstore\">\n        {{>appstore}}\n      </a>\n    </p>\n    {{/if}}\n\n    {{#if presskit.widgets.playstore}}\n    <p class=\"grid__item\">\n      <a\n        href=\"https://play.google.com/store/apps/details?id={{trim presskit.widgets.playstore}}\"\n        target=\"_blank\"\n        class=\"widget widget--playstore\">\n        {{>playstore}}\n      </a>\n    </p>\n    {{/if}}\n  </div>\n\n  {{#if presskit.widgets.steam}}\n  <p>\n    <iframe src=\"https://store.steampowered.com/widget/{{trim presskit.widgets.steam}}/\" frameborder=\"0\" class=\"widget widget--steam\"></iframe>\n  </p>\n  {{/if}}\n\n  {{#if presskit.widgets.humble}}\n  <p>\n    <iframe src=\"https://www.humblebundle.com/widget/v2/product/{{trim presskit.widgets.humble}}\" frameborder=\"0\" scrolling=\"no\" class=\"widget widget--humble\"></iframe>\n  </p>\n  {{/if}}\n\n  {{#if presskit.widgets.itch}}\n  <p>\n    <iframe src=\"https://itch.io/embed/{{trim presskit.widgets.itch}}?dark=true\" frameborder=\"0\" class=\"widget widget--itch\"></iframe>\n  </p>\n  {{/if}}\n\n  {{#if presskit.widgets.gamejolt}}\n  <p>\n    <iframe src=\"https://widgets.gamejolt.com/package/v1?key={{trim presskit.widgets.gamejolt}}\" frameborder=\"0\" class=\"widget widget--gamejolt\"></iframe>\n  </p>\n  {{/if}}\n\n  {{#if presskit.widgets.bandcamp}}\n  <p>\n    <!-- TODO: customize `linkcol` with brand color. -->\n    <iframe src=\"https://bandcamp.com/EmbeddedPlayer/album={{trim presskit.widgets.bandcamp}}/size=large/bgcol=ffffff/linkcol=3398ff/tracklist=false/artwork=small/transparent=true/\" seamless class=\"widget widget--bandcamp\"></iframe>\n  </p>\n  {{/if}}\n</section>\n{{/if}}\n"
  },
  {
    "path": "assets/company.html",
    "content": "<!DOCTYPE html>\n<html>\n  <head>\n    {{>head}}\n  </head>\n  <body>\n    <div class=\"page grid\">\n      {{>nav}}\n\n      <div class=\"page-wrapper grid__item\">\n        <header class=\"page-header\">\n          {{#if images.header}}\n          <img src=\"./images/{{images.header}}\" alt=\"{{presskit.title}}\" title=\"{{presskit.title}}\">\n          {{/if}}\n        </header>\n\n        <main class=\"page-content\" role=\"main\">\n          <section class=\"block grid\">\n            {{>factsheet}}\n\n            <article class=\"description grid__item\">\n              {{>description}}\n\n              <h2 id=\"projects\">Projects</h2>\n              <ul>\n                {{#each products}}\n                <li>\n                  <a href=\"{{permalink path}}\">{{title}}</a>\n                </li>\n                {{/each}}\n              </ul>\n            </article>\n          </section>\n\n          {{>assets}}\n          {{>recognition}}\n          {{>team title=\"Team & Repeating Collaborator\"}}\n        </main>\n\n        {{>footer}}\n      </div>\n    </div>\n\n    {{>scripts}}\n  </body>\n</html>\n"
  },
  {
    "path": "assets/css/dark.css",
    "content": "@charset \"UTF-8\";\n\n/* ---------------------------------------------------------- *\\\n * Globals.\n\\* ---------------------------------------------------------- */\n\nhtml {\n  box-sizing: border-box;\n}\n\n*,\n*::before,\n*::after {\n  box-sizing: inherit;\n}\n\nbody {\n  position: relative;\n\n  min-height: 100vh;\n  margin: 0;\n}\n\n/* ---------------------------------------------------------- *\\\n * Typography & colors.\n\\* ---------------------------------------------------------- */\n\nhtml {\n  color: #cccccc;\n  background: #1a1a2e;\n\n  font: 62.5%/1.6 \"Trebuchet MS\", Arial, Helvetica, sans-serif;\n}\n\nbody {\n  font-size: 1.26em;\n}\n\nh1,\nh2 {\n  color: #e0e0e0;\n\n  font-family: Georgia, \"Times New Roman\", Times, serif;\n  font-weight: normal;\n}\n\n::-moz-selection {\n  color: white;\n  background: #4a90d9;\n}\n\n::selection {\n  color: white;\n  background: #4a90d9;\n}\n\n/* ---------------------------------------------------------- *\\\n * Basic elements.\n\\* ---------------------------------------------------------- */\n\nh1 {\n  margin: 0;\n\n  font-size: 2.8em;\n}\n\nh2 {\n  margin: 25px 0 15px 0;\n\n  font-size: 1.9em;\n}\n\nh3 {\n  font-size: inherit;\n  font-weight: bold;\n}\n\nimg {\n  max-width: 100%;\n}\n\np {\n  margin: 15px 0;\n}\n\np:last-child {\n  margin-bottom: 0;\n}\n\n/* Lists. */\n\nul,\nol {\n  margin: 15px 0;\n  padding-left: 30px;\n}\n\nul:last-child,\nol:last-child {\n  margin-bottom: 0;\n}\n\nul {\n  list-style-type: square;\n}\n\ndl {\n  margin: 0;\n}\n\ndt {\n  color: #e0e0e0;\n\n  font-weight: bold;\n}\n\ndd {\n  margin: 0;\n}\n\ndd + dt {\n  margin-top: 15px;\n}\n\n/* ---------------------------------------------------------- *\\\n * Layout.\n\\* ---------------------------------------------------------- */\n\nbody {\n  padding: 20px 0;\n}\n\n.page {\n  max-width: 1180px;\n  margin: 0 auto;\n  padding: 0 25px;\n}\n\n@media (min-width: 800px) {\n  .page {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n  }\n\n  .page-nav {\n    min-width: 25%;\n  }\n\n  .page-wrapper {\n    max-width: 75%;\n  }\n\n  .factsheet {\n    min-width: 33%;\n  }\n}\n\n/* ---------------------------------------------------------- *\\\n * Micro Components.\n\\* ---------------------------------------------------------- */\n\n.clearfix::after {\n  display: table;\n  clear: both;\n\n  content: \" \";\n}\n\n.capitalize {\n  text-transform: capitalize;\n}\n\n/* ---------------------------------------------------------- *\\\n * Components - Links.\n\\* ---------------------------------------------------------- */\n\na,\na:visited {\n  color: #5dade2;\n\n  text-decoration: none;\n}\n\na:hover {\n  color: #85c1e9;\n\n  text-decoration: underline;\n}\n\na:focus {\n  outline: thin dotted;\n}\n\na:active,\na:hover {\n  outline: none;\n}\n\n/* ---------------------------------------------------------- *\\\n * Components - Page Header.\n\\* ---------------------------------------------------------- */\n\n.page-header img {\n  display: block;\n}\n\n/* ---------------------------------------------------------- *\\\n * Components - Nav.\n\\* ---------------------------------------------------------- */\n\n.nav {\n  margin-bottom: 30px;\n}\n\n.nav__title {\n  padding: 0 15px;\n\n  font-family: \"Trebuchet MS\", Arial, Helvetica, sans-serif;\n  line-height: 1;\n}\n\n.nav__title a,\n.nav__title a:visited,\n.nav__title a:hover {\n  color: inherit;\n\n  text-decoration: none;\n}\n\n.nav__subtitle {\n  padding: 5px 15px;\n}\n\n.nav__list {\n  padding: 0;\n\n  list-style: none;\n}\n\n.nav__item,\n.nav__item:visited {\n  display: block;\n\n  padding: 5px 15px;\n\n  color: inherit;\n}\n\n.nav__item:hover {\n  color: inherit;\n  background: rgba(255, 255, 255, 0.05);\n\n  text-decoration: none;\n}\n\n.nav__item:focus {\n  background: rgba(255, 255, 255, 0.05);\n  outline: none;\n}\n\n/* ---------------------------------------------------------- *\\\n * Nav - Hamburger.\n\\* ---------------------------------------------------------- */\n\n.nav__toggle {\n  display: none;\n\n  margin: 15px 0;\n  padding: 0 15px;\n}\n\n.nav__toggle .button {\n  display: block;\n\n  height: 30px;\n}\n\n/* Nav list variant for hamburger feature. */\n.nav__list--slider {\n  overflow-y: hidden;\n\n  max-height: 0;\n\n  -webkit-transition: max-height 0.5s ease-in-out;\n     -moz-transition: max-height 0.5s ease-in-out;\n       -o-transition: max-height 0.5s ease-in-out;\n          transition: max-height 0.5s ease-in-out;\n}\n\n\n@media (min-width: 800px) {\n  .nav__toggle {\n    /* Always hide the button on big screens. */\n    display: none !important;\n  }\n\n  .nav__list--slider {\n    /* Always show the list on big screens. So disable slider. */\n    max-height: unset !important;\n  }\n}\n\n/* ---------------------------------------------------------- *\\\n * Components - Block.\n\\* ---------------------------------------------------------- */\n\n.block {\n  margin-bottom: 15px;\n  padding-bottom: 15px;\n\n  border-bottom: 1px solid #333355;\n}\n\n.block__notice {\n  margin-bottom: 15px;\n  padding: 10px;\n\n  color: #5dade2;\n  background: #16213e;\n  border: 1px solid rgba(93, 173, 226, 0.3);\n  border-radius: 4px;\n}\n\n.block__notice a {\n  color: inherit;\n}\n\n/* ---------------------------------------------------------- *\\\n * Components - Grid.\n\\* ---------------------------------------------------------- */\n\n@media (min-width: 800px) {\n  .grid {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n  }\n\n  .grid__item:not(:first-child) {\n    padding-left: 25px;\n  }\n\n  .grid__item--flexible {\n    -webkit-box-flex: 1;\n    -ms-flex: 1;\n        flex: 1;\n  }\n}\n\n/* ---------------------------------------------------------- *\\\n * Components - Images Gallery.\n\\* ---------------------------------------------------------- */\n\n.gallery {\n  margin-left: -25px;\n\n  font-size: 0; /* Disable the small space below the images. */\n}\n\n.gallery__item {\n  float: left;\n\n  width: 100%;\n  padding-bottom: 25px;\n  padding-left: 25px;\n}\n\n.gallery__item img {\n  width: 100%;\n}\n\n.gallery__item a[href$=\".gif\"] {\n  position: relative;\n\n  display: block;\n}\n\n.gallery__item a[href$=\".gif\"]:focus:active {\n  outline: none;\n}\n\n.gallery__item a[href$=\".gif\"]::after {\n  position: absolute;\n  z-index: 1;\n  top: 0;\n  left: 0;\n\n  display: none;\n\n  width: 100%;\n  height: 100%;\n  padding: 20px;\n\n  background: rgba(0, 0, 0, 0.45);\n\n  content: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAABGdBTUEAALGPC/xhBQAAAFFQTFRFAAAA/////////////////////////////Pz8/Pz8/Pz8/f39/f39/f39/f39/f39/f39/Pz8/Pz8/Pz8/Pz8/v7+/f39/f39/f39/f39/f395zF2nQAAABt0Uk5TAAEJCxQeIEpXYGFnc3V2d5WarK2/xNLb3N3m8ZFI2gAAAOlJREFUOMuVlckOgzAMRAdIWUrKUgK4/v8P7QWVLA64c0RPY9mxByBQ3U/LSrQuU18jKzM49uQGI2KVJY5Etkq5ZmNBWxNhheWMbOFz5cxZzaXnd8Exz6en5UvZXx98o6OjarsDtyop/Hrnixt/zm3x/AggGQCj/6UFHpLpAMBFICRTB9Qcg6JpjV4ABdMekwSmphMWGUTRBaYL1gwYma6gLBiYEvYr8HTZ9aXzzVDYjHo88sA7SgaufkJhKRI7Zgdg0K5ZtLiC3bG46lPQH5f6XPUBoI8UdUjpY08fpH9EMwAzqsL+5vfxBcKnb1vURTbUAAAAAElFTkSuQmCC\");\n\n  align-items: center;\n  justify-content: center;\n}\n\n.gallery__item a[href$=\".gif\"].show-overlay::after {\n  display: flex;\n}\n\n@media (min-width: 500px) {\n  .gallery__item {\n    width: 50%;\n  }\n}\n\n/* ---------------------------------------------------------- *\\\n * Components - Logo.\n\\* ---------------------------------------------------------- */\n\n@media (min-width: 800px) {\n  .logo {\n    max-width: 49%;\n  }\n}\n\n/* ---------------------------------------------------------- *\\\n * Components - Video player.\n\\* ---------------------------------------------------------- */\n\n.video-player {\n  position: relative;\n\n  padding-bottom: 56.25%; /* 16:9 */\n}\n\n.video-player__frame {\n  position: absolute;\n  top: 0;\n  left: 0;\n\n  width: 100%;\n  height: 100%;\n}\n\n/* ---------------------------------------------------------- *\\\n * Components - Quote.\n\\* ---------------------------------------------------------- */\n\n.quote__content {\n  margin: 0;\n}\n\n.quote__content::before {\n  content: open-quote;\n}\n\n.quote__content::after {\n  content: close-quote;\n}\n\n.quote__author::before {\n  content: \"-\";\n}\n\n/* ---------------------------------------------------------- *\\\n * Components - Button.\n\\* ---------------------------------------------------------- */\n\n.button {\n  display: inline-block;\n\n  padding: 5px 10px;\n\n  color: #cccccc;\n  background: -webkit-linear-gradient(top, #2a2a4a, #1a1a2e);\n  background:         linear-gradient(to bottom, #2a2a4a, #1a1a2e);\n  border: 1px solid #444466;\n  border-radius: 5px;\n}\n\n.button:hover {\n  cursor: pointer;\n  text-decoration: none;\n}\n\n.button:focus {\n  border: 1px solid #4a90d9;\n  outline: none;\n}\n\n.button:active {\n  color: white;\n  background: -webkit-linear-gradient(top, #4a90d9, #357abd);\n  background:         linear-gradient(to bottom, #4a90d9, #357abd);\n}\n\n/* ---------------------------------------------------------- *\\\n * Widgets.\n\\* ---------------------------------------------------------- */\n\n.widget {\n  width: 100%;\n}\n\n.widget--steam {\n  height: 190px;\n}\n\n.widget--humble {\n  height: 328px;\n}\n\n@media (max-width: 505px) {\n  .widget--humble {\n    height: 205px;\n  }\n}\n\n.widget--itch {\n  height: 167px;\n}\n\n.widget--gamejolt {\n  height: 245px;\n}\n\n.widget--bandcamp {\n  width: 100%;\n  height: 120px;\n\n  border: 0;\n}\n\n/* ---------------------------------------------------------- *\\\n * Hacks.\n\\* ---------------------------------------------------------- */\n\n@media (min-width: 800px) {\n  ._team-fix-margin-top {\n    margin-top: -15px;\n  }\n}\n\n/* ---------------------------------------------------------- *\\\n * Components - Footer.\n\\* ---------------------------------------------------------- */\n\n.page-footer {\n  color: #888888;\n}\n\n.page-footer a,\n.page-footer a:visited {\n  color: #5dade2;\n}\n"
  },
  {
    "path": "assets/css/light.css",
    "content": "@charset \"UTF-8\";\n\n/* ---------------------------------------------------------- *\\\n * Globals.\n\\* ---------------------------------------------------------- */\n\nhtml {\n  box-sizing: border-box;\n}\n\n*,\n*::before,\n*::after {\n  box-sizing: inherit;\n}\n\nbody {\n  position: relative;\n\n  min-height: 100vh;\n  margin: 0;\n}\n\n/* ---------------------------------------------------------- *\\\n * Typography & colors.\n\\* ---------------------------------------------------------- */\n\nhtml {\n  color: #444444;\n\n  font: 62.5%/1.6 \"Trebuchet MS\", Arial, Helvetica, sans-serif;\n}\n\nbody {\n  font-size: 1.26em;\n}\n\nh1,\nh2 {\n  font-family: Georgia, \"Times New Roman\", Times, serif;\n  font-weight: normal;\n}\n\n::-moz-selection {\n  color: white;\n  background: #3398ff;\n}\n\n::selection {\n  color: white;\n  background: #3398ff;\n}\n\n/* ---------------------------------------------------------- *\\\n * Basic elements.\n\\* ---------------------------------------------------------- */\n\nh1 {\n  margin: 0;\n\n  font-size: 2.8em;\n}\n\nh2 {\n  margin: 25px 0 15px 0;\n\n  font-size: 1.9em;\n}\n\nh3 {\n  font-size: inherit;\n  font-weight: bold;\n}\n\nimg {\n  max-width: 100%;\n}\n\np {\n  margin: 15px 0;\n}\n\np:last-child {\n  margin-bottom: 0;\n}\n\n/* Lists. */\n\nul,\nol {\n  margin: 15px 0;\n  padding-left: 30px;\n}\n\nul:last-child,\nol:last-child {\n  margin-bottom: 0;\n}\n\nul {\n  list-style-type: square;\n}\n\ndl {\n  margin: 0;\n}\n\ndt {\n  font-weight: bold;\n}\n\ndd {\n  margin: 0;\n}\n\ndd + dt {\n  margin-top: 15px;\n}\n\n/* ---------------------------------------------------------- *\\\n * Layout.\n\\* ---------------------------------------------------------- */\n\nbody {\n  padding: 20px 0;\n}\n\n.page {\n  max-width: 1180px;\n  margin: 0 auto;\n  padding: 0 25px;\n}\n\n@media (min-width: 800px) {\n  .page {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n  }\n\n  .page-nav {\n    min-width: 25%;\n  }\n\n  .page-wrapper {\n    max-width: 75%;\n  }\n\n  .factsheet {\n    min-width: 33%;\n  }\n}\n\n/* ---------------------------------------------------------- *\\\n * Micro Components.\n\\* ---------------------------------------------------------- */\n\n.clearfix::after {\n  display: table;\n  clear: both;\n\n  content: \" \";\n}\n\n.capitalize {\n  text-transform: capitalize;\n}\n\n/* ---------------------------------------------------------- *\\\n * Components - Links.\n\\* ---------------------------------------------------------- */\n\na,\na:visited {\n  color: #0077dd;\n\n  text-decoration: none;\n}\n\na:hover {\n  color: #005599;\n\n  text-decoration: underline;\n}\n\na:focus {\n  outline: thin dotted;\n}\n\na:active,\na:hover {\n  outline: none;\n}\n\n/* ---------------------------------------------------------- *\\\n * Components - Page Header.\n\\* ---------------------------------------------------------- */\n\n.page-header img {\n  display: block;\n}\n\n/* ---------------------------------------------------------- *\\\n * Components - Nav.\n\\* ---------------------------------------------------------- */\n\n.nav {\n  margin-bottom: 30px;\n}\n\n.nav__title {\n  padding: 0 15px;\n\n  font-family: \"Trebuchet MS\", Arial, Helvetica, sans-serif;\n  line-height: 1;\n}\n\n.nav__title a,\n.nav__title a:visited,\n.nav__title a:hover {\n  color: inherit;\n\n  text-decoration: none;\n}\n\n.nav__subtitle {\n  padding: 5px 15px;\n}\n\n.nav__list {\n  padding: 0;\n\n  list-style: none;\n}\n\n.nav__item,\n.nav__item:visited {\n  display: block;\n\n  padding: 5px 15px;\n\n  color: inherit;\n}\n\n.nav__item:hover {\n  color: inherit;\n  background: rgba(0, 0, 0, 0.05);\n\n  text-decoration: none;\n}\n\n.nav__item:focus {\n  background: rgba(0, 0, 0, 0.05);\n  outline: none;\n}\n\n/* ---------------------------------------------------------- *\\\n * Nav - Hamburger.\n\\* ---------------------------------------------------------- */\n\n.nav__toggle {\n  display: none;\n\n  margin: 15px 0;\n  padding: 0 15px;\n}\n\n.nav__toggle .button {\n  display: block;\n\n  height: 30px;\n}\n\n/* Nav list variant for hamburger feature. */\n.nav__list--slider {\n  overflow-y: hidden;\n\n  max-height: 0;\n\n  -webkit-transition: max-height 0.5s ease-in-out;\n     -moz-transition: max-height 0.5s ease-in-out;\n       -o-transition: max-height 0.5s ease-in-out;\n          transition: max-height 0.5s ease-in-out;\n}\n\n\n@media (min-width: 800px) {\n  .nav__toggle {\n    /* Always hide the button on big screens. */\n    display: none !important;\n  }\n\n  .nav__list--slider {\n    /* Always show the list on big screens. So disable slider. */\n    max-height: unset !important;\n  }\n}\n\n/* ---------------------------------------------------------- *\\\n * Components - Block.\n\\* ---------------------------------------------------------- */\n\n.block {\n  margin-bottom: 15px;\n  padding-bottom: 15px;\n\n  border-bottom: 1px solid rgb(221, 221, 221);\n}\n\n.block__notice {\n  margin-bottom: 15px;\n  padding: 10px;\n\n  color: #027194;\n  background: #ebf7fd;\n  border: 1px solid rgba(45,112,145,0.3);\n  border-radius: 4px;\n}\n\n.block__notice a {\n  color: inherit;\n}\n\n/* ---------------------------------------------------------- *\\\n * Components - Grid.\n\\* ---------------------------------------------------------- */\n\n@media (min-width: 800px) {\n  .grid {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n  }\n\n  .grid__item:not(:first-child) {\n    padding-left: 25px;\n  }\n\n  .grid__item--flexible {\n    -webkit-box-flex: 1;\n    -ms-flex: 1;\n        flex: 1;\n  }\n}\n\n/* ---------------------------------------------------------- *\\\n * Components - Images Gallery.\n\\* ---------------------------------------------------------- */\n\n.gallery {\n  margin-left: -25px;\n\n  font-size: 0; /* Disable the small space below the images. */\n}\n\n.gallery__item {\n  float: left;\n\n  width: 100%;\n  padding-bottom: 25px;\n  padding-left: 25px;\n}\n\n.gallery__item img {\n  width: 100%;\n}\n\n.gallery__item a[href$=\".gif\"] {\n  position: relative;\n\n  display: block;\n}\n\n.gallery__item a[href$=\".gif\"]:focus:active {\n  outline: none;\n}\n\n.gallery__item a[href$=\".gif\"]::after {\n  position: absolute;\n  z-index: 1;\n  top: 0;\n  left: 0;\n\n  display: none;\n\n  width: 100%;\n  height: 100%;\n  padding: 20px;\n\n  background: rgba(0, 0, 0, 0.25);\n\n  content: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAABGdBTUEAALGPC/xhBQAAAFFQTFRFAAAA/////////////////////////////Pz8/Pz8/Pz8/f39/f39/f39/f39/f39/f39/Pz8/Pz8/Pz8/Pz8/v7+/f39/f39/f39/f39/f395zF2nQAAABt0Uk5TAAEJCxQeIEpXYGFnc3V2d5WarK2/xNLb3N3m8ZFI2gAAAOlJREFUOMuVlckOgzAMRAdIWUrKUgK4/v8P7QWVLA64c0RPY9mxByBQ3U/LSrQuU18jKzM49uQGI2KVJY5Etkq5ZmNBWxNhheWMbOFz5cxZzaXnd8Exz6en5UvZXx98o6OjarsDtyop/Hrnixt/zm3x/AggGQCj/6UFHpLpAMBFICRTB9Qcg6JpjV4ABdMekwSmphMWGUTRBaYL1gwYma6gLBiYEvYr8HTZ9aXzzVDYjHo88sA7SgaufkJhKRI7Zgdg0K5ZtLiC3bG46lPQH5f6XPUBoI8UdUjpY08fpH9EMwAzqsL+5vfxBcKnb1vURTbUAAAAAElFTkSuQmCC\");\n\n  align-items: center;\n  justify-content: center;\n}\n\n.gallery__item a[href$=\".gif\"].show-overlay::after {\n  display: flex;\n}\n\n@media (min-width: 500px) {\n  .gallery__item {\n    width: 50%;\n  }\n}\n\n/* ---------------------------------------------------------- *\\\n * Components - Logo.\n\\* ---------------------------------------------------------- */\n\n@media (min-width: 800px) {\n  .logo {\n    max-width: 49%;\n  }\n}\n\n/* ---------------------------------------------------------- *\\\n * Components - Video player.\n\\* ---------------------------------------------------------- */\n\n.video-player {\n  position: relative;\n\n  padding-bottom: 56.25%; /* 16:9 */\n}\n\n.video-player__frame {\n  position: absolute;\n  top: 0;\n  left: 0;\n\n  width: 100%;\n  height: 100%;\n}\n\n/* ---------------------------------------------------------- *\\\n * Components - Quote.\n\\* ---------------------------------------------------------- */\n\n.quote__content {\n  margin: 0;\n}\n\n.quote__content::before {\n  content: open-quote;\n}\n\n.quote__content::after {\n  content: close-quote;\n}\n\n.quote__author::before {\n  content: \"-\";\n}\n\n/* ---------------------------------------------------------- *\\\n * Components - Button.\n\\* ---------------------------------------------------------- */\n\n.button {\n  display: inline-block;\n\n  padding: 5px 10px;\n\n  background: -webkit-linear-gradient(top, white, #fafafa);\n  background:         linear-gradient(to bottom, white, #fafafa);\n  border: 1px solid #cccccc;\n  border-radius: 5px;\n}\n\n.button:hover {\n  cursor: pointer;\n  text-decoration: none;\n}\n\n.button:focus {\n  border: 1px solid #3398ff;\n  outline: none;\n}\n\n.button:active {\n  color: white;\n  background: -webkit-linear-gradient(top, #3398ff, #0077dd);\n  background:         linear-gradient(to bottom, #3398ff, #0077dd);\n}\n\n/* ---------------------------------------------------------- *\\\n * Widgets.\n\\* ---------------------------------------------------------- */\n\n.widget {\n  width: 100%;\n}\n\n.widget--steam {\n  height: 190px;\n}\n\n.widget--humble {\n  height: 328px;\n}\n\n@media (max-width: 505px) {\n  .widget--humble {\n    height: 205px;\n  }\n}\n\n.widget--itch {\n  height: 167px;\n}\n\n.widget--gamejolt {\n  height: 245px;\n}\n\n.widget--bandcamp {\n  width: 100%;\n  height: 120px;\n\n  border: 0;\n}\n\n/* ---------------------------------------------------------- *\\\n * Hacks.\n\\* ---------------------------------------------------------- */\n\n@media (min-width: 800px) {\n  ._team-fix-margin-top {\n    margin-top: -15px;\n  }\n}\n"
  },
  {
    "path": "assets/css/normalize.css",
    "content": "/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */\n\n/**\n * 1. Change the default font family in all browsers (opinionated).\n * 2. Correct the line height in all browsers.\n * 3. Prevent adjustments of font size after orientation changes in\n *    IE on Windows Phone and in iOS.\n */\n\n/* Document\n   ========================================================================== */\n\nhtml {\n  font-family: sans-serif; /* 1 */\n  line-height: 1.15; /* 2 */\n  -ms-text-size-adjust: 100%; /* 3 */\n  -webkit-text-size-adjust: 100%; /* 3 */\n}\n\n/* Sections\n   ========================================================================== */\n\n/**\n * Remove the margin in all browsers (opinionated).\n */\n\nbody {\n  margin: 0;\n}\n\n/**\n * Add the correct display in IE 9-.\n */\n\narticle,\naside,\nfooter,\nheader,\nnav,\nsection {\n  display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\n\nh1 {\n  font-size: 2em;\n  margin: 0.67em 0;\n}\n\n/* Grouping content\n   ========================================================================== */\n\n/**\n * Add the correct display in IE 9-.\n * 1. Add the correct display in IE.\n */\n\nfigcaption,\nfigure,\nmain { /* 1 */\n  display: block;\n}\n\n/**\n * Add the correct margin in IE 8.\n */\n\nfigure {\n  margin: 1em 40px;\n}\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\n\nhr {\n  box-sizing: content-box; /* 1 */\n  height: 0; /* 1 */\n  overflow: visible; /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\npre {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n   ========================================================================== */\n\n/**\n * 1. Remove the gray background on active links in IE 10.\n * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.\n */\n\na {\n  background-color: transparent; /* 1 */\n  -webkit-text-decoration-skip: objects; /* 2 */\n}\n\n/**\n * Remove the outline on focused links when they are also active or hovered\n * in all browsers (opinionated).\n */\n\na:active,\na:hover {\n  outline-width: 0;\n}\n\n/**\n * 1. Remove the bottom border in Firefox 39-.\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\n\nabbr[title] {\n  border-bottom: none; /* 1 */\n  text-decoration: underline; /* 2 */\n  text-decoration: underline dotted; /* 2 */\n}\n\n/**\n * Prevent the duplicate application of `bolder` by the next rule in Safari 6.\n */\n\nb,\nstrong {\n  font-weight: inherit;\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\ncode,\nkbd,\nsamp {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct font style in Android 4.3-.\n */\n\ndfn {\n  font-style: italic;\n}\n\n/**\n * Add the correct background and color in IE 9-.\n */\n\nmark {\n  background-color: #ff0;\n  color: #000;\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\nsmall {\n  font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/* Embedded content\n   ========================================================================== */\n\n/**\n * Add the correct display in IE 9-.\n */\n\naudio,\nvideo {\n  display: inline-block;\n}\n\n/**\n * Add the correct display in iOS 4-7.\n */\n\naudio:not([controls]) {\n  display: none;\n  height: 0;\n}\n\n/**\n * Remove the border on images inside links in IE 10-.\n */\n\nimg {\n  border-style: none;\n}\n\n/**\n * Hide the overflow in IE.\n */\n\nsvg:not(:root) {\n  overflow: hidden;\n}\n\n/* Forms\n   ========================================================================== */\n\n/**\n * 1. Change the font styles in all browsers (opinionated).\n * 2. Remove the margin in Firefox and Safari.\n */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: sans-serif; /* 1 */\n  font-size: 100%; /* 1 */\n  line-height: 1.15; /* 1 */\n  margin: 0; /* 2 */\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\n\nbutton,\ninput { /* 1 */\n  overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\nbutton,\nselect { /* 1 */\n  text-transform: none;\n}\n\n/**\n * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`\n *    controls in Android 4.\n * 2. Correct the inability to style clickable types in iOS and Safari.\n */\n\nbutton,\nhtml [type=\"button\"], /* 1 */\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button; /* 2 */\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\n/**\n * Change the border, margin, and padding in all browsers (opinionated).\n */\n\nfieldset {\n  border: 1px solid #c0c0c0;\n  margin: 0 2px;\n  padding: 0.35em 0.625em 0.75em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n *    `fieldset` elements in all browsers.\n */\n\nlegend {\n  box-sizing: border-box; /* 1 */\n  color: inherit; /* 2 */\n  display: table; /* 1 */\n  max-width: 100%; /* 1 */\n  padding: 0; /* 3 */\n  white-space: normal; /* 1 */\n}\n\n/**\n * 1. Add the correct display in IE 9-.\n * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\n\nprogress {\n  display: inline-block; /* 1 */\n  vertical-align: baseline; /* 2 */\n}\n\n/**\n * Remove the default vertical scrollbar in IE.\n */\n\ntextarea {\n  overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10-.\n * 2. Remove the padding in IE 10-.\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  box-sizing: border-box; /* 1 */\n  padding: 0; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n[type=\"search\"] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/**\n * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.\n */\n\n[type=\"search\"]::-webkit-search-cancel-button,\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/* Interactive\n   ========================================================================== */\n\n/*\n * Add the correct display in IE 9-.\n * 1. Add the correct display in Edge, IE, and Firefox.\n */\n\ndetails, /* 1 */\nmenu {\n  display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\n\nsummary {\n  display: list-item;\n}\n\n/* Scripting\n   ========================================================================== */\n\n/**\n * Add the correct display in IE 9-.\n */\n\ncanvas {\n  display: inline-block;\n}\n\n/**\n * Add the correct display in IE.\n */\n\ntemplate {\n  display: none;\n}\n\n/* Hidden\n   ========================================================================== */\n\n/**\n * Add the correct display in IE 10-.\n */\n\n[hidden] {\n  display: none;\n}\n"
  },
  {
    "path": "assets/css/print.css",
    "content": "@charset \"UTF-8\";\n\n/* ---------------------------------------------------------- *\\\n * Print stylesheet for presskit.html\n\\* ---------------------------------------------------------- */\n\n@media print {\n  /* Reset layout to single column. */\n  body {\n    padding: 0;\n\n    font-size: 12pt;\n  }\n\n  .page {\n    display: block;\n\n    max-width: none;\n    padding: 0;\n  }\n\n  .page-wrapper {\n    max-width: none;\n  }\n\n  /* Hide navigation. */\n  .page-nav {\n    display: none;\n  }\n\n  /* Full-width factsheet + description. */\n  .grid {\n    display: block;\n  }\n\n  .grid__item:not(:first-child) {\n    padding-left: 0;\n  }\n\n  /* Factsheet as a horizontal block before content. */\n  .factsheet {\n    min-width: 100%;\n    margin-bottom: 15px;\n    padding-bottom: 15px;\n\n    border-bottom: 1px solid #ccc;\n  }\n\n  .factsheet__list {\n    columns: 2;\n    column-gap: 30px;\n  }\n\n  .factsheet__list dt {\n    break-after: avoid;\n  }\n\n  .factsheet__list dd + dt {\n    break-before: auto;\n  }\n\n  /* Images: keep them reasonable. */\n  .page-header img {\n    max-height: 200px;\n\n    object-fit: contain;\n  }\n\n  .gallery__item {\n    width: 33.33%;\n\n    page-break-inside: avoid;\n  }\n\n  /* Hide interactive elements. */\n  .nav__toggle,\n  .video-player,\n  .widget,\n  .press {\n    display: none;\n  }\n\n  /* Links: show URL after link text. */\n  a[href^=\"http\"]::after {\n    content: \" (\" attr(href) \")\";\n\n    font-size: 0.85em;\n    font-style: italic;\n  }\n\n  /* But not for internal nav or anchor links. */\n  a[href^=\"#\"]::after,\n  a[href^=\".\"]::after,\n  a[href^=\"mailto\"]::after {\n    content: none;\n  }\n\n  /* Avoid page breaks inside blocks. */\n  .block {\n    page-break-inside: avoid;\n  }\n\n  /* Footer. */\n  .page-footer {\n    margin-top: 30px;\n    padding-top: 15px;\n\n    border-top: 1px solid #ccc;\n\n    font-size: 0.85em;\n  }\n}\n"
  },
  {
    "path": "assets/js/hamburger.js",
    "content": "'use strict'\n\n;(function () {\n  // Preamble: this code is very specific, and clearly made for then\n  // main nav.\n  // Currently, this functionality is not need elsewhere, so we didn't\n  // bother to generalized this.\n  // No guards too.\n\n  // To disable this feature, just remove the script tag.\n\n  window.addEventListener('DOMContentLoaded', function () {\n    const container = document.querySelector('#hamburger')\n    const button = document.querySelector('#hamburger-toggle')\n    const target = document.querySelector('#hamburger-target')\n\n    // Show hamburger (hidden by default if no js or hamburger disabled).\n    container.style.display = 'block'\n\n    // Get target height.\n    const baseHeight = getElementHeight(target)\n\n    // Do that after the height calculation!\n    target.className += ' nav__list--slider'\n\n    button.addEventListener('click', function (e) {\n      e.preventDefault()\n      e.stopPropagation()\n\n      const currentMaxHeight = parseInt(target.style.maxHeight, 10)\n\n      // If not set or 0, toggle to full height.\n      // Otherwise, hide.\n      if (!currentMaxHeight || currentMaxHeight === 0) {\n        target.style.cssText = 'max-height: ' + baseHeight + 'px'\n      } else {\n        target.style.cssText = 'max-height: 0px'\n      }\n    })\n  })\n\n  // Clone an element outside the screen to safely get its height, then destroy it.\n  function getElementHeight (element) {\n    const clone = element.cloneNode(true)\n    clone.style.cssText = 'visibility: hidden; display: block; margin: -999px 0'\n\n    const height = (element.parentNode.appendChild(clone)).clientHeight\n    element.parentNode.removeChild(clone)\n\n    return height\n  }\n})()\n"
  },
  {
    "path": "assets/product.html",
    "content": "<!DOCTYPE html>\n<html>\n  <head>\n    {{>head}}\n  </head>\n  <body>\n    <div class=\"page grid\">\n      {{>nav}}\n\n      <div class=\"page-wrapper grid__item\">\n        <header class=\"page-header\">\n          {{#if images.header}}\n          <img src=\"./images/{{images.header}}\" alt=\"{{presskit.title}}\" title=\"{{presskit.title}}\">\n          {{/if}}\n        </header>\n\n        <main class=\"page-content\" role=\"main\">\n          <section class=\"block grid\">\n            {{>factsheet}}\n\n            <article class=\"description grid__item\">\n              {{>description}}\n\n              <h2 id=\"features\">Features</h2>\n              <ul>\n                {{#each presskit.features}}\n                <li>{{.}}</li>\n                {{/each}}\n              </ul>\n            </article>\n          </section>\n\n          {{>mailchimp}}\n          {{>assets}}\n          {{>widgets}}\n          {{>recognition}}\n          {{>about}}\n          {{>team}}\n        </main>\n\n        {{>footer}}\n      </div>\n    </div>\n\n    {{>scripts}}\n  </body>\n</html>\n"
  },
  {
    "path": "assets/redirect.html",
    "content": "<!DOCTYPE html>\n<html>\n  <head>\n    <meta charset=\"UTF-8\">\n    <meta http-equiv=\"refresh\" content=\"0; url={{link}}\">\n    <title>Redirecting…</title>\n  </head>\n  <body>\n    <p>\n      <a href=\"{{link}}\">Click here to go to {{name}}.</a>\n    </p>\n  </body>\n</html>\n"
  },
  {
    "path": "assets/templates/company.xml",
    "content": "<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<company>\n  <title></title>\n  <based-in></based-in>\n  <founding-date></founding-date>\n  <website></website>\n  <press-contact>\n    <!-- Mail address -->\n  </press-contact>\n\n  <!-- Google analytics ID: -->\n  <analytics></analytics>\n\n  <phone></phone>\n  <address>\n    <line>\n      <!-- Street -->\n    </line>\n    <line>\n      <!-- City -->\n    </line>\n    <line>\n      <!-- Country -->\n    </line>\n  </address>\n\n  <socials>\n    <social>\n      <name></name>\n      <link>\n        <!-- URL starting with http or https -->\n      </link>\n    </social>\n  </socials>\n\n  <description></description>\n\n  <!-- Choose between a single block: -->\n  <history></history>\n\n  <!-- Or multiple blocks: -->\n  <!--\n  <histories>\n    <history>\n      <header></header>\n      <text></text>\n    </history>\n  </histories>\n  -->\n\n  <trailers>\n    <trailer>\n      <name></name>\n\n      <!-- Pick one: -->\n      <youtube>\n        <!-- Video ID only, not the full URL -->\n      </youtube>\n      <vimeo>\n        <!-- Video ID only, not the full URL -->\n      </vimeo>\n    </trailer>\n  </trailers>\n\n  <awards>\n    <award>\n      <description></description>\n      <info></info>\n    </award>\n  </awards>\n\n  <quotes>\n    <quote>\n      <description></description>\n      <name></name>\n      <website></website>\n      <link></link>\n    </quote>\n  </quotes>\n\n  <additionals>\n    <additional>\n      <title></title>\n      <description></description>\n      <link></link>\n    </additional>\n  </additionals>\n\n  <credits>\n    <credit>\n      <person></person>\n      <role></role>\n\n      <!-- Optional: -->\n      <website></website>\n    </credit>\n  </credits>\n\n  <contacts>\n    <contact>\n      <name></name>\n\n      <!-- Pick one: -->\n      <mail></mail>\n      <link></link>\n    </contact>\n  </contacts>\n</company>\n"
  },
  {
    "path": "assets/templates/product.xml",
    "content": "<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<product>\n  <title></title>\n  <release-date></release-date>\n  <website></website>\n\n  <!-- Link to request press copy: -->\n  <press-copy-request></press-copy-request>\n\n  <platforms>\n    <platform>\n      <name></name>\n      <link></link>\n    </platform>\n  </platforms>\n\n  <prices>\n    <price>\n      <currency></currency>\n      <value></value>\n    </price>\n  </prices>\n\n  <description></description>\n\n  <!-- Choose between a single block: -->\n  <history></history>\n\n  <!-- Or multiple blocks: -->\n  <!--\n  <histories>\n    <history>\n      <header></header>\n      <text></text>\n    </history>\n  </histories>\n  -->\n\n  <features>\n    <feature></feature>\n  </features>\n\n  <trailers>\n    <trailer>\n      <name></name>\n\n      <!-- Pick one: -->\n      <youtube>\n        <!-- Video ID only, not the full URL -->\n      </youtube>\n      <vimeo>\n        <!-- Video ID only, not the full URL -->\n      </vimeo>\n    </trailer>\n  </trailers>\n\n  <!-- You can set your widgets here (optional): -->\n  <widgets>\n    <steam>\n      <!-- Steam ID -->\n      <!-- e.g. 424242 -->\n    </steam>\n    <humble>\n      <!-- Humble Bundle product/id -->\n      <!-- e.g. mysupergame/42AAbB42dC -->\n    </humble>\n    <itch>\n      <!-- itch.io ID -->\n      <!-- e.g. 42424 -->\n    </itch>\n    <gamejolt>\n      <!-- Game Jolt package ID -->\n      <!-- e.g. 4AbCd2Ef -->\n    </gamejolt>\n    <bandcamp>\n      <!-- Bandcamp ID -->\n      <!-- e.g. 4242424242 -->\n    </bandcamp>\n  </widgets>\n\n  <awards>\n    <award>\n      <description></description>\n      <info></info>\n    </award>\n  </awards>\n\n  <quotes>\n    <quote>\n      <description></description>\n      <name></name>\n      <website></website>\n      <link></link>\n    </quote>\n  </quotes>\n\n  <additionals>\n    <additional>\n      <title></title>\n      <description></description>\n      <link></link>\n    </additional>\n  </additionals>\n\n  <credits>\n    <credit>\n      <person></person>\n      <role></role>\n\n      <!-- Optional: -->\n      <website></website>\n    </credit>\n  </credits>\n\n  <contacts>\n    <contact>\n      <name></name>\n\n      <!-- Pick one: -->\n      <mail></mail>\n      <link></link>\n    </contact>\n  </contacts>\n</product>\n"
  },
  {
    "path": "bin/presskit",
    "content": "#!/usr/bin/env node\n\nconst chalk = require('chalk')\nconst {program} = require('commander')\n\n// -------------------------------------------------------------\n// Constants.\n// -------------------------------------------------------------\n\nconst version = require('../package.json').version\n\nconst description = `Re-implementation of ${chalk.blue('http://dopresskit.com/')} as a static site generator.\n  Read the documentation on ${chalk.blue('https://github.com/pixelnest/presskit.html')}.`\n\n// -------------------------------------------------------------\n// Module.\n// -------------------------------------------------------------\n\nprogram\n  .version(version)\n  .description(description)\n  .command('build [entrypoint]', 'build the presskit from the folder [entry point]')\n  .command('new [destination]', 'create an empty template in the [destination] folder')\n  .parse(process.argv)\n"
  },
  {
    "path": "bin/presskit-build.js",
    "content": "'use strict'\n\nconst path = require('upath')\nconst chalk = require('chalk')\nconst { program } = require('commander')\nconst presskit = require('../lib/index')\n\n// -------------------------------------------------------------\n// Constants.\n// -------------------------------------------------------------\n\nconst version = require('../package.json').version\n\nconst usage = chalk.green('[options]') + ' ' + chalk.yellow('<entry point>')\n\nconst description = `Generate a presskit based on information found in \\`data.xml\\` files. The format and the ouput are (nearly) the same as ${chalk.blue('http://dopresskit.com/')}. However, this command will generate static HTML files.\n\n  More information on ${chalk.blue('https://github.com/pixelnest/presskit.html#usage')}.`\n\n// -------------------------------------------------------------\n// Module.\n// -------------------------------------------------------------\n\nprogram\n  .version(version)\n  .description(description)\n  .usage(usage)\n  .option(\n    '-o, --output [destination]', 'output the build folder to the [destination] (defaults to ./build)',\n    path.join(process.cwd(), 'build')\n  )\n  .option('-w, --watch', 'watch project for changes and re-generate if needed')\n  .option('-d, --dev', 'add monitoring of CSS and templates in watch mode')\n  .option('-p, --port [8080]', 'set the server port to [8080]', 8080)\n  .option('-D, --clean-build-folder', 'delete the build folder beforehand')\n  .option('-L, --pretty-links', 'hide index.html at the end of links')\n  .option('-M, --collapse-menu', 'use a collapsed menu (hamburger) on small screens')\n  .option('-B, --base-url [base]', 'prefix absolute urls with [base] (if your presskit is not at the root of your server)', '/')\n  .option('-T, --ignore-thumbnails', 'use original images in galleries instead of thumbnails (will increase pages size)')\n  .option('-C, --css [name]', 'CSS theme to use: a built-in name (light, dark) or a path to a custom file', 'light')\n  .parse(process.argv)\n\nconst opts = program.opts()\npresskit.runBuildCommand({\n  entryPoint: program.args[0],\n  cleanBuildFolder: opts.cleanBuildFolder,\n  ignoreThumbnails: opts.ignoreThumbnails,\n  prettyLinks: opts.prettyLinks,\n  baseUrl: opts.baseUrl,\n  css: opts.css,\n  hamburger: opts.collapseMenu,\n  output: opts.output,\n  watch: opts.watch,\n  port: opts.port,\n  dev: opts.dev\n})\n"
  },
  {
    "path": "bin/presskit-new.js",
    "content": "'use strict'\n\nconst chalk = require('chalk')\nconst { program } = require('commander')\nconst presskit = require('../lib/index')\n\n// -------------------------------------------------------------\n// Constants.\n// -------------------------------------------------------------\n\nconst version = require('../package.json').version\n\nconst usage = chalk.green('[options]') + ' ' + chalk.yellow('<destination>')\n\nconst description = `Create an empty \\`data.xml\\` file and its \\`images/\\` folder in the <destination> folder (current working directory by default).\n\n  There are two template types available: ${chalk.blue('company')} (default) or ${chalk.blue('product')}.`\n\n// -------------------------------------------------------------\n// Module.\n// -------------------------------------------------------------\n\nprogram\n  .version(version)\n  .description(description)\n  .usage(usage)\n  .option('-t, --type [company]', 'set the type of the new `data.xml` file', 'company')\n  .parse(process.argv)\n\npresskit.runNewCommand(program.opts().type, program.args[0] || process.cwd())\n"
  },
  {
    "path": "data/data.xml",
    "content": "<!-- # Company — presskit.html -->\n\n<!--\n  **This is your company page**. It should not focus on a specific product, but present your whole company. The journalists won't, most of the time, know you or your studio. With this page, you will have an opportunity to show your people, your work, your history and your contributions in a standard format. This is not a replacement for your website, but a quick way for the press to know you faster.\n\n  [Check the actual rendered page for the code you'll find below.](http://pixelnest.io/presskit.html/example/)\n\n  If you don't have a `data.xml` yet, the easiest way to start is to run this command in your presskit folder:\n\n  ```bash\n  presskit new -t company\n  ```\n\n  Then, open the generated `data.xml` file and fill the blanks while following this guide.\n\n  Okay… ready? Let's do this.\n\n  <hr>\n\n  For your products' `data.xml`, [refer to the product documentation](../product/).\n\n  <hr>\n-->\n\n<!-- Don't forget to set your XML header correctly. -->\n<?xml version=\"1.0\" encoding=\"utf-8\"?>\n\n<!--\n  Use a `<company>` tag for your main `data.xml` file. **It will be the root page of your presskit.**\n-->\n<company>\n  <!-- ## General Information -->\n\n  <!-- Begin with your company name, location, and miscellaneous information. -->\n  <title>Pizza Burger Studio</title>\n  <based-in>Paris, France</based-in>\n  <founding-date>February 6, 2014</founding-date>\n  <website>https://github.com/pixelnest/presskit.html</website>\n  <phone>+42 (3) 42 42 42 42 42</phone>\n\n  <!--\n    For the address, use as many lines as you want.\n    Don't forget to specify the country.\n  -->\n  <address>\n    <line>42 street of Pixelnest</line>\n    <line>35000 Rennes</line>\n    <line>France</line>\n  </address>\n\n  <!--\n    This section allows you to set your social networks links.\n    You can put whatever you like.\n\n    But Twitter and Facebook look like obvious choices. ;)\n  -->\n  <socials>\n    <social>\n      <name>Twitter @pizzaburgerstudio</name>\n      <link>https://twitter.com/pizzaburgerstudio</link>\n    </social>\n    <social>\n      <name>Facebook Page</name>\n      <link>https://facebook.com/pizzaburgerstudio</link>\n    </social>\n    <social>\n      <name>Skype</name>\n      <link>callto:pizzaburgerstudio</link>\n    </social>\n  </socials>\n\n  <!-- This field is the primary mail address you want to give to the press. -->\n  <press-contact>contact@pizzaburger.studio</press-contact>\n\n  <!--\n    Use this tag to set your Google analytics tracking code.\n\n    **It's, of course, completely optional.**\n  -->\n  <analytics>UA-42424242-0</analytics>\n\n  <!-- ## Description & History -->\n\n  <!-- The description is a simple short block to describe your company or studio. Be brief. -->\n  <description>\n    This is a fake presskit for a fake company called Pizza Burger Studio.\n  </description>\n\n  <!--\n    Tell your story with the `<history>` tag.\n\n    You have two possibilities here.\n\n    - Use an `<histories>` block like in the example.\n    - Or use a single `<history>` block if you don't have much to say.\n\n    You can't have both.\n\n    Example of a single block:\n\n    ```xml\n    <history>\n      Hello, world.\n    </history>\n    ```\n  -->\n  <histories>\n    <history>\n      <header>Built with presskit.html</header>\n      <text>This presskit is generated by presskit.html, a tool created by Pixelnest Studio.</text>\n    </history>\n    <history>\n      <header>Free and Open Source</header>\n      <text>Find presskit.html on https://github.com/pixelnest/presskit.html</text>\n    </history>\n  </histories>\n\n  <!-- ## Trailers -->\n\n  <!--\n    Add your videos. Because we are in the `<company>` page, try to be representative of all the products of your company.\n\n    You can use YouTube and/or Vimeo. Only one is needed, and only one is recommended.\n\n    Don't put the full link: just the ID is necessary.\n\n    If you want to provide a link to download the video, add this tag in `<trailer>`:\n\n    ```\n    <download>https://example.com/video.mp4</download>\n    ```\n  -->\n  <trailers>\n    <trailer>\n      <name>Example from YouTube. Don't give a full link: the ID is enough</name>\n      <youtube>er416Ad3R1g</youtube>\n    </trailer>\n    <trailer>\n      <name>Example from both YouTube and Vimeo</name>\n      <youtube>YH3c1QZzRK4</youtube>\n      <vimeo>108650530</vimeo>\n    </trailer>\n\n    <!--\n      You can also add a video link without YouTube or Vimeo.\n\n      In this case, only a sentence will be shown, along with a download link.\n    -->\n    <trailer>\n      <name>Interview with Damien Mayance and Matthieu Oger of Pixenest Studio</name>\n      <download>https://github.com/pixelnest/presskit.html</download>\n    </trailer>\n  </trailers>\n\n  <!-- ## Awards, quotes & links -->\n\n  <!--\n    You got awards? Great! Put them here.\n\n    But don't add too much here: this is your company page, not a product one.\n  -->\n  <awards>\n    <award>\n      <description>An award</description>\n      <info>Name, location, 29 April, 1988</info>\n    </award>\n    <award>\n      <description>A nomination</description>\n      <info>Name, location, 03 October, 1988</info>\n    </award>\n  </awards>\n\n  <!--\n    Quotes are used to show the appreciation of your users.\n\n    Show something important, something nice, or something funny, for example.\n  -->\n  <quotes>\n    <quote>\n      <description>There's not enough pizza in your life. It's never enough.</description>\n      <name>@mrhelmut</name>\n      <website>Tweet</website>\n      <link>\n        https://twitter.com/mrhelmut/status/717276362814447616\n      </link>\n    </quote>\n  </quotes>\n\n  <!--\n    Need to link to a resource? A small product? An RSS feed?\n\n    You want to show your blog? Your personal Twitter account?\n\n    Put those here, in the `<additionals>` tag.\n  -->\n  <additionals>\n    <additional>\n      <title>Patricia Pizza Twitter</title>\n      <description>@patpiz at</description>\n      <link>https://twitter.com/patpiz</link>\n    </additional>\n    <additional>\n      <title>Bob Burger Twitter</title>\n      <description>@bobburg at</description>\n      <link>https://twitter.com/bobburg</link>\n    </additional>\n  </additionals>\n\n  <!-- ## Team & Contacts -->\n\n  <!--\n    This is for your people.\n\n    Add yourself, of course, but also your **frequent** collaborators for example.\n\n    If a collaborator has only worked on one product, add her/him on this product page instead.\n\n    The `<role>` tag can be anything you want. But we recommend to, at least, put the company name for the founders/employees. This will distinguish this person from the external collaborators.\n\n    The `<website>` tag is optional.\n  -->\n  <credits>\n    <credit>\n      <person>Patricia Pizza</person>\n      <role>Founder, Developer, Pizza Burger Studio</role>\n    </credit>\n    <credit>\n      <person>Bob Burger</person>\n      <role>Founder, Designer, Pizza Burger Studio</role>\n    </credit>\n    <credit>\n      <person>Jake Burgza</person>\n      <role>Artist, Collaborator</role>\n      <website>\n        http://www.jakeburgza.com\n      </website>\n    </credit>\n    <credit>\n      <person>Sophia Pizer</person>\n      <role>Musician, Collaborator</role>\n      <website>\n        http://www.sophiapizer.com\n      </website>\n    </credit>\n  </credits>\n\n  <!--\n    Add more contact information.\n\n    For the company page, you can repeat your social network accounts, as well as another contact mail address, or your company website.\n\n    For each item, pick one between a `<link>` and `<mail>` tag.\n  -->\n  <contacts>\n    <contact>\n      <name>Inquiries</name>\n      <mail>contact@pizzaburger.studio</mail>\n    </contact>\n    <contact>\n      <name>Twitter</name>\n      <link>\n        https://twitter.com/pizzaburgerstudio\n      </link>\n    </contact>\n    <contact>\n      <name>Facebook</name>\n      <link>\n        https://facebook.com/pizzaburgerstudio\n      </link>\n    </contact>\n    <contact>\n      <name>Web</name>\n      <link>\n        http://pizzaburger.studio\n      </link>\n    </contact>\n  </contacts>\n\n  <!--\n    Well-done, it's over for this one. ;)\n\n    [It's time to do the product pages.](../product/)\n  -->\n</company>\n"
  },
  {
    "path": "data/product/data.xml",
    "content": "<!-- # Product — presskit.html -->\n\n<!--\n  **This is your product or game page**. It should focus on _ONLY_ one product. This is not a replacement for your product's website, but a quick way for the press to know it faster.\n\n  [Check the actual rendered page for the code you'll find below.](http://pixelnest.io/presskit.html/example/product/)\n\n  If you don't have a `data.xml` yet, the easiest way to start is to run this command in your presskit folder:\n\n  ```bash\n  presskit new -t product\n  ```\n\n  Then, open the generated `data.xml` file and fill the blanks while following this guide.\n\n  <hr>\n\n  For your company' `data.xml`, [refer to the company documentation](../company/).\n\n  <hr>\n-->\n\n<!-- Don't forget to set your XML header correctly. -->\n<?xml version=\"1.0\" encoding=\"utf-8\"?>\n\n<!--\n  Use a `<product>` or `<game>` tag.\n-->\n<product>\n  <!-- ## General Information -->\n\n  <!-- Begin with your product name, website, and miscellaneous information. -->\n  <title>My Super Game</title>\n  <website>http://pizzaburger.studio/mysupergame</website>\n\n  <!-- You can also add an URL to a request page for this product. A button will be displayed on the page. -->\n  <press-copy-request>\n    http://pizzaburger.studio/mysupergame/request/\n  </press-copy-request>\n\n  <!--\n    If you have one or many publishers for this product, you can add them here.\n\n    The `<based-in>` and `<website>` tags are optional.\n  -->\n  <partners>\n    <partner>\n      <type>Publisher</type>\n      <title>Pixelnest Studio</title>\n      <website>https://pixelnest.io/</website>\n      <based-in>Rennes, France</based-in>\n    </partner>\n    <partner>\n      <type>Distributor</type>\n      <title>Pizza Oven LLC</title>\n    </partner>\n  </partners>\n\n  <!-- Add as many dates, platforms and prices as needed. -->\n  <release-dates>\n    <release-date>04 Feb, 2016</release-date>\n    <release-date>10 Oct, 2016</release-date>\n  </release-dates>\n\n  <!--\n    Put all the platforms your product is available on.\n\n    `<link>` tag is optional.\n  -->\n  <platforms>\n    <platform>\n      <name>PC / Mac</name>\n      <link>http://itch.io/</link>\n    </platform>\n    <platform>\n      <name>Steam</name>\n      <link>http://steampowered.com/</link>\n    </platform>\n    <platform>\n      <name>Inc New Store (TBA)</name>\n    </platform>\n  </platforms>\n\n  <!-- Show the price of your product. Try to be exhaustive, it will be helpful for a reviewer. -->\n  <prices>\n    <price>\n      <currency>EUR</currency>\n      <value>20</value>\n    </price>\n    <price>\n      <currency>USD</currency>\n      <value>20</value>\n    </price>\n    <price>\n      <currency>GBP</currency>\n      <value>16</value>\n    </price>\n    <price>\n      <currency>JPY</currency>\n      <value>2300</value>\n    </price>\n  </prices>\n\n  <!-- ## Relations -->\n\n  <!--\n    You can specify relations between products using the `<relations>` tag.\n\n\n    Then, on this page product, you will see a new line in the factsheet:\n\n    ```\n    DLC:\n    My Super Game: Ultimate Edition\n    ```\n\n    Of course, the `Product Name` value is clickable.\n\n    In the related product page, a new value will also be added:\n\n    ```\n    DLC of:\n    My Super Game\n    ```\n\n    _Obviously, since the name we provide in the example is not a real product (ie., the product data.xml does not exist), this tag will be ignored for this page._\n\n    You can have as many relations as you want. You can use it to show DLCs, expansions, sequels, prequels, etc.\n\n    **Warning**: you need to rebuild the presskit to see the changes.\n  -->\n  <relations>\n    <relation>\n      <type>DLC</type>\n      <product>My Super Game: Ultimate Edition</product>\n    </relation>\n  </relations>\n\n  <!-- ## Description & History -->\n\n  <!-- Describe your product here. Be brief. -->\n  <description>\n    Here goes a quick description of your product or game. Be concise and explain in very few words the concept or the gameplay and why it's really cool and why everyone should use or play it.\n  </description>\n\n  <!--\n    Tell the story of your product with the `<history>` tag.\n\n    You have two possibilities here.\n\n    - Use an `<history>` block like in the example.\n    - Or use an `<histories>` block if you have tons of things to say.\n\n    You can't have both.\n\n    You can see an example of the `<histories>` block in the company page.\n  -->\n  <history>\n    Add some storytelling here. Not the scenario of your game, but rather some backgrounds behind the creation process: why are you making this game? Most projects starts with a cool story.\n  </history>\n\n  <!-- ## Features -->\n\n  <!--\n    Show the most important features of your product.\n\n    Focus on what is really important and is a key aspect of it.\n  -->\n  <features>\n    <feature>\n      List some \"Key Sellings Points\" to grab player's attention.\n    </feature>\n    <feature>\n      Don't be too generic (\"pixel art graphics!\"), don't be too pretentious (\"most incredible game experience!\").\n    </feature>\n    <feature>\n      Also, people like numbers, so you can add some (450 weapons, hundreds of levels, dozens of hours of playtime!).\n    </feature>\n    <feature>\n      Need ideas? Maybe explain some game modes?\n    </feature>\n    <feature>\n      It would be a nice place to say something about multiplayer, if you have some.\n    </feature>\n    <feature>\n      Have you translated your game? (You probably should btw.)\n    </feature>\n  </features>\n\n  <!-- ## Trailers -->\n\n  <!--\n    Add your videos. Trailer, teaser, snippets? Let's roll!\n\n    You can use YouTube and/or Vimeo. Only one is needed, and only one is recommended.\n\n    Don't put the full link: just the ID is necessary.\n\n    If you want to provide a link to download the video, add this tag in `<trailer>`:\n\n    ```\n    <download>https://example.com/video.mp4</download>\n    ```\n  -->\n  <trailers>\n    <trailer>\n      <name>Release Trailer</name>\n      <youtube>EtXajayBLzw</youtube>\n    </trailer>\n    <trailer>\n      <name>Gameplay Video #2</name>\n      <youtube>EPNK1j3TMjU</youtube>\n    </trailer>\n    <trailer>\n      <name>Early Access Trailer</name>\n      <youtube>EtyQMcc19xY</youtube>\n    </trailer>\n    <trailer>\n      <name>Short gameplay preview: Burger vs Pizza</name>\n      <download>https://github.com/pixelnest/presskit.html</download>\n    </trailer>\n  </trailers>\n\n  <!-- ## Widgets -->\n\n  <!--\n    Add your widgets to your product here.\n\n    If the product is not a game or an app, you won't probably need that.\n\n    We only need the ID of the product on the store.\n\n    This section is **optional**, and you can use as many widgets (or none) as you want.\n\n    **Warning: widgets import many scripts and assets. This may have a penalty on your page size and responsiveness.**\n  -->\n  <widgets>\n    <appstore>950812012</appstore>\n    <playstore>com.noodlecake.altosadventure</playstore>\n    <steam>347160</steam>\n    <humble>steredenn/7SDLfk23hw</humble>\n    <itch>27992</itch>\n    <bandcamp>1135613467</bandcamp>\n  </widgets>\n\n  <!-- ## Awards, quotes & links -->\n\n  <!--\n    You got awards for this product? Great! Put them here.\n\n    **Optional.**\n  -->\n  <awards>\n    <award>\n      <description>Game of the year without a doubt</description>\n      <info>Saint-Père-Marc-En-Poulet (France), 04 February, 2016</info>\n    </award>\n    <award>\n      <description>Best soundtrack</description>\n      <info>A great game festival (World), 01 October, 2015</info>\n    </award>\n    <award>\n      <description>Best MYGAMENGINE game</description>\n      <info>Deep into the woods (Forest), 31 March, 2014</info>\n    </award>\n  </awards>\n\n  <!--\n    Quotes are used to show the appreciation of your users.\n\n    Show something important, something nice, or something funny, for example.\n\n    **Optional.**\n  -->\n  <quotes>\n    <quote>\n      <description>This is my favorite game of all time.</description>\n      <name>Mum</name>\n      <website>At home</website>\n      <link>http://at.home/</link>\n    </quote>\n    <quote>\n      <description>A very serious quote you're very proud of by someone you respect.</description>\n      <name>Master</name>\n      <website>Master's website</website>\n      <link>http://mast.er/</link>\n    </quote>\n    <quote>\n      <description>10/10 would play it again and again.</description>\n      <name>A friendly anonymous Steam reviewer</name>\n      <website>Steam review</website>\n      <link>http://steam.review/</link>\n    </quote>\n  </quotes>\n\n  <!--\n    Need to link to a resource? A small product? An RSS feed? An OST?\n\n    A press release?\n\n    Put those here, in the `<additionals>` tag.\n\n    **Optional.**\n  -->\n  <additionals>\n    <additional>\n      <title>Original Soundtrack (OST)</title>\n      <description>Composed by an awesome musician. Listen for free, download for $3 at</description>\n      <link>http://zandernoriega.bandcamp.com/album/steredenn-original-soundtrack</link>\n    </additional>\n    <additional>\n      <title>Release announcement</title>\n      <description>Announcement are exciting, so we usually make blog posts or news about it on</description>\n      <link>http://pixelnest.io/journal/</link>\n    </additional>\n  </additionals>\n\n  <!-- ## About -->\n\n  <!--\n    An \"About Your Company\" section is automatically generated from the content of the company page.\n\n    This <abouts> tag is completely **optional**. If you don't want this section, just delete it. But sometimes, you want to add a description for a partner.\n\n    This is this the place to do it.\n\n    For example, if you have a publisher, you can speak a bit more about it here.\n\n    Most of the time, you should link that to the <partner> tag above, if you want to explain a partner a bit more. But you could use this section for other purpose.\n\n    The <link> tag is optional.\n  -->\n  <abouts>\n    <about>\n      <title>Pixelnest Studio</title>\n      <description>Pixelnest Studio is a small French studio which creates games, websites and apps. They made Steredenn, a roguelike-shmup in big pixels. They are also behind presskit.html, which you are probably using if you are reading this.</description>\n      <link>https://pixelnest.io/</link>\n    </about>\n    <about>\n      <title>Pizza Oven LLC</title>\n      <description>This is a fake company to illustrate the fact that you can have multiple about tags in your product page.</description>\n    </about>\n  </abouts>\n\n  <!-- ## Team & Contacts -->\n\n  <!--\n    This is for the product team.\n\n    Add yourself, of course, but also your collaborators, freelancers and/or partners for example.\n\n    The `<role>` tag can be anything you want. But we recommend to, at least, put the company name for the founders/employees. This will distinguish this person from the external collaborators.\n\n    The `<website>` tag is optional.\n  -->\n  <credits>\n    <credit>\n      <person>Krokmou</person>\n      <role>Bot Leader, Game Designer, Pixelnest Studio</role>\n    </credit>\n    <credit>\n      <person>Hiccup</person>\n      <role>Developer, Pixelnest Studio</role>\n    </credit>\n    <credit>\n      <person>Astrid</person>\n      <website>http://www.astridsupergame.com</website>\n      <role>Musician, Freelancer</role>\n    </credit>\n  </credits>\n\n  <!--\n    Add more contact information.\n\n    Add links to your product social accounts, as well as mail specific to this product. And the website.\n\n    For each item, pick one between a `<link>` and `<mail>` tag.\n  -->\n  <contacts>\n    <contact>\n      <name>Inquiries</name>\n      <mail>mysupergame@pizzaburger.studio</mail>\n    </contact>\n    <contact>\n      <name>Twitter</name>\n      <link>\n        https://twitter.com/pizzaburgerstudio\n      </link>\n    </contact>\n    <contact>\n      <name>Facebook</name>\n      <link>\n        https://facebook.com/pizzaburgerstudio\n      </link>\n    </contact>\n    <contact>\n      <name>Web</name>\n      <link>\n        http://mysupergame.pizzaburger.studio/\n      </link>\n    </contact>\n  </contacts>\n\n<!-- All done! 🍾 -->\n</product>\n"
  },
  {
    "path": "docs/company/index.html",
    "content": "<!DOCTYPE html>\n\n<html>\n<head>\n  <title>Company — presskit.html</title>\n  <meta http-equiv=\"content-type\" content=\"text/html; charset=UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, target-densitydpi=160dpi, initial-scale=1.0, maximum-scale=1.0, user-scalable=0\">\n  <link rel=\"stylesheet\" href=\"../css/docco.css\">\n</head>\n<body>\n  <div id=\"container\">\n    <div id=\"background\"></div>\n    \n    <ul class=\"sections\">\n        \n        \n        \n        <li id=\"section-1\">\n            <div class=\"annotation\">\n              \n              <div class=\"pilwrap \">\n                <a class=\"pilcrow\" href=\"#section-1\">&#182;</a>\n              </div>\n              <h1 id=\"company-presskit-html\">Company — presskit.html</h1>\n\n            </div>\n            \n        </li>\n        \n        \n        <li id=\"section-2\">\n            <div class=\"annotation\">\n              \n              <div class=\"pilwrap \">\n                <a class=\"pilcrow\" href=\"#section-2\">&#182;</a>\n              </div>\n              <p><strong>This is your company page</strong>. It should not focus on a specific product, but present your whole company. The journalists won’t, most of the time, know you or your studio. With this page, you will have an opportunity to show your people, your work, your history and your contributions in a standard format. This is not a replacement for your website, but a quick way for the press to know you faster.</p>\n<p><a href=\"http://pixelnest.io/presskit.html/example/\">Check the actual rendered page for the code you’ll find below.</a></p>\n<p>If you don’t have a <code>data.xml</code> yet, the easiest way to start is to run this command in your presskit folder:</p>\n<pre><code class=\"language-bash\">presskit new -t company</code></pre>\n<p>Then, open the generated <code>data.xml</code> file and fill the blanks while following this guide.</p>\n<p>Okay… ready? Let’s do this.</p>\n<hr>\n\n<p>For your products’ <code>data.xml</code>, <a href=\"../product/\">refer to the product documentation</a>.</p>\n<hr>\n\n\n            </div>\n            \n        </li>\n        \n        \n        <li id=\"section-3\">\n            <div class=\"annotation\">\n              \n              <div class=\"pilwrap \">\n                <a class=\"pilcrow\" href=\"#section-3\">&#182;</a>\n              </div>\n              <p>Don’t forget to set your XML header correctly.</p>\n\n            </div>\n            \n            <div class=\"content\"><div class='highlight'><pre><span class=\"php\"><span class=\"hljs-meta\">&lt;?</span>xml version=<span class=\"hljs-string\">\"1.0\"</span> encoding=<span class=\"hljs-string\">\"utf-8\"</span><span class=\"hljs-meta\">?&gt;</span></span></pre></div></div>\n            \n        </li>\n        \n        \n        <li id=\"section-4\">\n            <div class=\"annotation\">\n              \n              <div class=\"pilwrap \">\n                <a class=\"pilcrow\" href=\"#section-4\">&#182;</a>\n              </div>\n              <p>Use a <code>&lt;company&gt;</code> tag for your main <code>data.xml</code> file. <strong>It will be the root page of your presskit.</strong></p>\n\n            </div>\n            \n            <div class=\"content\"><div class='highlight'><pre><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">company</span>&gt;</span></pre></div></div>\n            \n        </li>\n        \n        \n        <li id=\"section-5\">\n            <div class=\"annotation\">\n              \n              <div class=\"pilwrap \">\n                <a class=\"pilcrow\" href=\"#section-5\">&#182;</a>\n              </div>\n              <h2 id=\"general-information\">General Information</h2>\n\n            </div>\n            \n        </li>\n        \n        \n        <li id=\"section-6\">\n            <div class=\"annotation\">\n              \n              <div class=\"pilwrap \">\n                <a class=\"pilcrow\" href=\"#section-6\">&#182;</a>\n              </div>\n              <p>Begin with your company name, location, and miscellaneous information.</p>\n\n            </div>\n            \n            <div class=\"content\"><div class='highlight'><pre>  <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">title</span>&gt;</span>Pizza Burger Studio<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">title</span>&gt;</span>\n  <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">based-in</span>&gt;</span>Paris, France<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">based-in</span>&gt;</span>\n  <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">founding-date</span>&gt;</span>February 6, 2014<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">founding-date</span>&gt;</span>\n  <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">website</span>&gt;</span>https://github.com/pixelnest/presskit.html<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">website</span>&gt;</span>\n  <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">phone</span>&gt;</span>+42 (3) 42 42 42 42 42<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">phone</span>&gt;</span></pre></div></div>\n            \n        </li>\n        \n        \n        <li id=\"section-7\">\n            <div class=\"annotation\">\n              \n              <div class=\"pilwrap \">\n                <a class=\"pilcrow\" href=\"#section-7\">&#182;</a>\n              </div>\n              <p>For the address, use as many lines as you want.\nDon’t forget to specify the country.</p>\n\n            </div>\n            \n            <div class=\"content\"><div class='highlight'><pre>  <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">address</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">line</span>&gt;</span>42 street of Pixelnest<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">line</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">line</span>&gt;</span>35000 Rennes<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">line</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">line</span>&gt;</span>France<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">line</span>&gt;</span>\n  <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">address</span>&gt;</span></pre></div></div>\n            \n        </li>\n        \n        \n        <li id=\"section-8\">\n            <div class=\"annotation\">\n              \n              <div class=\"pilwrap \">\n                <a class=\"pilcrow\" href=\"#section-8\">&#182;</a>\n              </div>\n              <p>This section allows you to set your social networks links.\nYou can put whatever you like.</p>\n<p>But Twitter and Facebook look like obvious choices. ;)</p>\n\n            </div>\n            \n            <div class=\"content\"><div class='highlight'><pre>  <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">socials</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">social</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">name</span>&gt;</span>Twitter @pizzaburgerstudio<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">name</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">link</span>&gt;</span>https://twitter.com/pizzaburgerstudio<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">link</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">social</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">social</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">name</span>&gt;</span>Facebook Page<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">name</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">link</span>&gt;</span>https://facebook.com/pizzaburgerstudio<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">link</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">social</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">social</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">name</span>&gt;</span>Skype<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">name</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">link</span>&gt;</span>callto:pizzaburgerstudio<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">link</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">social</span>&gt;</span>\n  <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">socials</span>&gt;</span></pre></div></div>\n            \n        </li>\n        \n        \n        <li id=\"section-9\">\n            <div class=\"annotation\">\n              \n              <div class=\"pilwrap \">\n                <a class=\"pilcrow\" href=\"#section-9\">&#182;</a>\n              </div>\n              <p>This field is the primary mail address you want to give to the press.</p>\n\n            </div>\n            \n            <div class=\"content\"><div class='highlight'><pre>  <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">press-contact</span>&gt;</span>contact@pizzaburger.studio<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">press-contact</span>&gt;</span></pre></div></div>\n            \n        </li>\n        \n        \n        <li id=\"section-10\">\n            <div class=\"annotation\">\n              \n              <div class=\"pilwrap \">\n                <a class=\"pilcrow\" href=\"#section-10\">&#182;</a>\n              </div>\n              <p>Use this tag to set your Google analytics tracking code.</p>\n<p><strong>It’s, of course, completely optional.</strong></p>\n\n            </div>\n            \n            <div class=\"content\"><div class='highlight'><pre>  <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">analytics</span>&gt;</span>UA-42424242-0<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">analytics</span>&gt;</span></pre></div></div>\n            \n        </li>\n        \n        \n        <li id=\"section-11\">\n            <div class=\"annotation\">\n              \n              <div class=\"pilwrap \">\n                <a class=\"pilcrow\" href=\"#section-11\">&#182;</a>\n              </div>\n              <h2 id=\"description-history\">Description &amp; History</h2>\n\n            </div>\n            \n        </li>\n        \n        \n        <li id=\"section-12\">\n            <div class=\"annotation\">\n              \n              <div class=\"pilwrap \">\n                <a class=\"pilcrow\" href=\"#section-12\">&#182;</a>\n              </div>\n              <p>The description is a simple short block to describe your company or studio. Be brief.</p>\n\n            </div>\n            \n            <div class=\"content\"><div class='highlight'><pre>  <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">description</span>&gt;</span>\n    This is a fake presskit for a fake company called Pizza Burger Studio.\n  <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">description</span>&gt;</span></pre></div></div>\n            \n        </li>\n        \n        \n        <li id=\"section-13\">\n            <div class=\"annotation\">\n              \n              <div class=\"pilwrap \">\n                <a class=\"pilcrow\" href=\"#section-13\">&#182;</a>\n              </div>\n              <p>Tell your story with the <code>&lt;history&gt;</code> tag.</p>\n<p>You have two possibilities here.</p>\n<ul>\n<li>Use an <code>&lt;histories&gt;</code> block like in the example.</li>\n<li>Or use a single <code>&lt;history&gt;</code> block if you don’t have much to say.</li>\n</ul>\n<p>You can’t have both.</p>\n<p>Example of a single block:</p>\n<pre><code class=\"language-xml\"><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">history</span>&gt;</span>\nHello, world.\n<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">history</span>&gt;</span></code></pre>\n\n            </div>\n            \n            <div class=\"content\"><div class='highlight'><pre>  <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">histories</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">history</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">header</span>&gt;</span>Built with presskit.html<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">header</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">text</span>&gt;</span>This presskit is generated by presskit.html, a tool created by Pixelnest Studio.<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">text</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">history</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">history</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">header</span>&gt;</span>Free and Open Source<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">header</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">text</span>&gt;</span>Find presskit.html on https://github.com/pixelnest/presskit.html<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">text</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">history</span>&gt;</span>\n  <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">histories</span>&gt;</span></pre></div></div>\n            \n        </li>\n        \n        \n        <li id=\"section-14\">\n            <div class=\"annotation\">\n              \n              <div class=\"pilwrap \">\n                <a class=\"pilcrow\" href=\"#section-14\">&#182;</a>\n              </div>\n              <h2 id=\"trailers\">Trailers</h2>\n\n            </div>\n            \n        </li>\n        \n        \n        <li id=\"section-15\">\n            <div class=\"annotation\">\n              \n              <div class=\"pilwrap \">\n                <a class=\"pilcrow\" href=\"#section-15\">&#182;</a>\n              </div>\n              <p>Add your videos. Because we are in the <code>&lt;company&gt;</code> page, try to be representative of all the products of your company.</p>\n<p>You can use YouTube and/or Vimeo. Only one is needed, and only one is recommended.</p>\n<p>Don’t put the full link: just the ID is necessary.</p>\n<p>If you want to provide a link to download the video, add this tag in <code>&lt;trailer&gt;</code>:</p>\n<pre><code><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">download</span>&gt;</span>https://example.com/video.mp4<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">download</span>&gt;</span></code></pre>\n            </div>\n            \n            <div class=\"content\"><div class='highlight'><pre>  <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">trailers</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">trailer</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">name</span>&gt;</span>Example from YouTube. Don't give a full link: the ID is enough<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">name</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">youtube</span>&gt;</span>er416Ad3R1g<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">youtube</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">trailer</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">trailer</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">name</span>&gt;</span>Example from both YouTube and Vimeo<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">name</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">youtube</span>&gt;</span>YH3c1QZzRK4<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">youtube</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">vimeo</span>&gt;</span>108650530<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">vimeo</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">trailer</span>&gt;</span></pre></div></div>\n            \n        </li>\n        \n        \n        <li id=\"section-16\">\n            <div class=\"annotation\">\n              \n              <div class=\"pilwrap \">\n                <a class=\"pilcrow\" href=\"#section-16\">&#182;</a>\n              </div>\n              <p>You can also add a video link without YouTube or Vimeo.</p>\n<p>In this case, only a sentence will be shown, along with a download link.</p>\n\n            </div>\n            \n            <div class=\"content\"><div class='highlight'><pre>    <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">trailer</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">name</span>&gt;</span>Interview with Damien Mayance and Matthieu Oger of Pixenest Studio<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">name</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">download</span>&gt;</span>https://github.com/pixelnest/presskit.html<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">download</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">trailer</span>&gt;</span>\n  <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">trailers</span>&gt;</span></pre></div></div>\n            \n        </li>\n        \n        \n        <li id=\"section-17\">\n            <div class=\"annotation\">\n              \n              <div class=\"pilwrap \">\n                <a class=\"pilcrow\" href=\"#section-17\">&#182;</a>\n              </div>\n              <h2 id=\"awards-quotes-links\">Awards, quotes &amp; links</h2>\n\n            </div>\n            \n        </li>\n        \n        \n        <li id=\"section-18\">\n            <div class=\"annotation\">\n              \n              <div class=\"pilwrap \">\n                <a class=\"pilcrow\" href=\"#section-18\">&#182;</a>\n              </div>\n              <p>You got awards? Great! Put them here.</p>\n<p>But don’t add too much here: this is your company page, not a product one.</p>\n\n            </div>\n            \n            <div class=\"content\"><div class='highlight'><pre>  <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">awards</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">award</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">description</span>&gt;</span>An award<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">description</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">info</span>&gt;</span>Name, location, 29 April, 1988<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">info</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">award</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">award</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">description</span>&gt;</span>A nomination<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">description</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">info</span>&gt;</span>Name, location, 03 October, 1988<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">info</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">award</span>&gt;</span>\n  <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">awards</span>&gt;</span></pre></div></div>\n            \n        </li>\n        \n        \n        <li id=\"section-19\">\n            <div class=\"annotation\">\n              \n              <div class=\"pilwrap \">\n                <a class=\"pilcrow\" href=\"#section-19\">&#182;</a>\n              </div>\n              <p>Quotes are used to show the appreciation of your users.</p>\n<p>Show something important, something nice, or something funny, for example.</p>\n\n            </div>\n            \n            <div class=\"content\"><div class='highlight'><pre>  <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">quotes</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">quote</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">description</span>&gt;</span>There's not enough pizza in your life. It's never enough.<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">description</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">name</span>&gt;</span>@mrhelmut<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">name</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">website</span>&gt;</span>Tweet<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">website</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">link</span>&gt;</span>\n        https://twitter.com/mrhelmut/status/717276362814447616\n      <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">link</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">quote</span>&gt;</span>\n  <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">quotes</span>&gt;</span></pre></div></div>\n            \n        </li>\n        \n        \n        <li id=\"section-20\">\n            <div class=\"annotation\">\n              \n              <div class=\"pilwrap \">\n                <a class=\"pilcrow\" href=\"#section-20\">&#182;</a>\n              </div>\n              <p>Need to link to a resource? A small product? An RSS feed?</p>\n<p>You want to show your blog? Your personal Twitter account?</p>\n<p>Put those here, in the <code>&lt;additionals&gt;</code> tag.</p>\n\n            </div>\n            \n            <div class=\"content\"><div class='highlight'><pre>  <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">additionals</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">additional</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">title</span>&gt;</span>Patricia Pizza Twitter<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">title</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">description</span>&gt;</span>@patpiz at<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">description</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">link</span>&gt;</span>https://twitter.com/patpiz<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">link</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">additional</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">additional</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">title</span>&gt;</span>Bob Burger Twitter<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">title</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">description</span>&gt;</span>@bobburg at<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">description</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">link</span>&gt;</span>https://twitter.com/bobburg<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">link</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">additional</span>&gt;</span>\n  <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">additionals</span>&gt;</span></pre></div></div>\n            \n        </li>\n        \n        \n        <li id=\"section-21\">\n            <div class=\"annotation\">\n              \n              <div class=\"pilwrap \">\n                <a class=\"pilcrow\" href=\"#section-21\">&#182;</a>\n              </div>\n              <h2 id=\"team-contacts\">Team &amp; Contacts</h2>\n\n            </div>\n            \n        </li>\n        \n        \n        <li id=\"section-22\">\n            <div class=\"annotation\">\n              \n              <div class=\"pilwrap \">\n                <a class=\"pilcrow\" href=\"#section-22\">&#182;</a>\n              </div>\n              <p>This is for your people.</p>\n<p>Add yourself, of course, but also your <strong>frequent</strong> collaborators for example.</p>\n<p>If a collaborator has only worked on one product, add her/him on this product page instead.</p>\n<p>The <code>&lt;role&gt;</code> tag can be anything you want. But we recommend to, at least, put the company name for the founders/employees. This will distinguish this person from the external collaborators.</p>\n<p>The <code>&lt;website&gt;</code> tag is optional.</p>\n\n            </div>\n            \n            <div class=\"content\"><div class='highlight'><pre>  <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">credits</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">credit</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">person</span>&gt;</span>Patricia Pizza<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">person</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">role</span>&gt;</span>Founder, Developer, Pizza Burger Studio<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">role</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">credit</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">credit</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">person</span>&gt;</span>Bob Burger<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">person</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">role</span>&gt;</span>Founder, Designer, Pizza Burger Studio<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">role</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">credit</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">credit</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">person</span>&gt;</span>Jake Burgza<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">person</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">role</span>&gt;</span>Artist, Collaborator<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">role</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">website</span>&gt;</span>\n        http://www.jakeburgza.com\n      <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">website</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">credit</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">credit</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">person</span>&gt;</span>Sophia Pizer<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">person</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">role</span>&gt;</span>Musician, Collaborator<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">role</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">website</span>&gt;</span>\n        http://www.sophiapizer.com\n      <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">website</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">credit</span>&gt;</span>\n  <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">credits</span>&gt;</span></pre></div></div>\n            \n        </li>\n        \n        \n        <li id=\"section-23\">\n            <div class=\"annotation\">\n              \n              <div class=\"pilwrap \">\n                <a class=\"pilcrow\" href=\"#section-23\">&#182;</a>\n              </div>\n              <p>Add more contact information.</p>\n<p>For the company page, you can repeat your social network accounts, as well as another contact mail address, or your company website.</p>\n<p>For each item, pick one between a <code>&lt;link&gt;</code> and <code>&lt;mail&gt;</code> tag.</p>\n\n            </div>\n            \n            <div class=\"content\"><div class='highlight'><pre>  <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">contacts</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">contact</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">name</span>&gt;</span>Inquiries<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">name</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">mail</span>&gt;</span>contact@pizzaburger.studio<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">mail</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">contact</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">contact</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">name</span>&gt;</span>Twitter<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">name</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">link</span>&gt;</span>\n        https://twitter.com/pizzaburgerstudio\n      <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">link</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">contact</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">contact</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">name</span>&gt;</span>Facebook<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">name</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">link</span>&gt;</span>\n        https://facebook.com/pizzaburgerstudio\n      <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">link</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">contact</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">contact</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">name</span>&gt;</span>Web<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">name</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">link</span>&gt;</span>\n        http://pizzaburger.studio\n      <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">link</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">contact</span>&gt;</span>\n  <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">contacts</span>&gt;</span></pre></div></div>\n            \n        </li>\n        \n        \n        <li id=\"section-24\">\n            <div class=\"annotation\">\n              \n              <div class=\"pilwrap \">\n                <a class=\"pilcrow\" href=\"#section-24\">&#182;</a>\n              </div>\n              <p>Well-done, it’s over for this one. ;)</p>\n<p><a href=\"../product/\">It’s time to do the product pages.</a></p>\n\n            </div>\n            \n            <div class=\"content\"><div class='highlight'><pre><span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">company</span>&gt;</span></pre></div></div>\n            \n        </li>\n        \n    </ul>\n  </div>\n</body>\n</html>\n"
  },
  {
    "path": "docs/css/docco.css",
    "content": "/*\n * This is a modified version of the `docco` classic CSS.\n * https://github.com/jashkenas/docco/blob/master/resources/classic/docco.css\n */\n\n/* ---------------------------------------------------------- *\\\n * Layout and Typography.\n\\* ---------------------------------------------------------- */\n\nhtml {\n  height: 100%;\n\n  font: 62.5%/1.6 \"Trebuchet MS\", Arial, Helvetica, sans-serif;\n}\n\nbody {\n  height: 100%;\n  margin: 0;\n  padding: 0;\n\n  color: #252519;\n\n  font-size: 1.3em;\n}\n\n#container {\n  min-height: 100%;\n}\n\na {\n  color: #261a3b;\n}\n\na:visited {\n  color: #261a3b;\n}\n\np,\nul,\nol {\n  margin: 0 0 15px;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin: 30px 0 15px 0;\n\n  font-family: Georgia, \"Times New Roman\", Times, serif;\n}\n\nh1 {\n  margin-top: 40px;\n}\n\nhr {\n  height: 1px;\n  margin: 20px 0;\n\n  border: 0 none;\n  border-top: 1px solid #e5e5ee;\n}\n\npre {\n  white-space: pre-wrap;\n}\n\npre,\ntt,\ncode {\n  margin: 0;\n  padding: 0;\n\n  font-family: Menlo, Monaco, Consolas, \"Lucida Console\", monospace;\n  font-size: 12px;\n  line-height: 16px;\n}\n\nul.sections {\n  margin: 0;\n  padding: 0 0 5px 0;\n\n  list-style: none;;\n}\n\n.annotation code {\n  padding: 0 0.2em;\n\n  background: #f5faff;\n  border: 1px solid #dedede;\n\n  font-size: 12px;\n}\n\n.annotation pre {\n  margin-bottom: 15px;\n}\n\n.annotation pre code {\n  padding: 5px 10px;\n}\n\n/*\n  Force border-box so that % widths fit the parent\n  container without overlap because of margin/padding.\n\n  More Info : http://www.quirksmode.org/css/box.html\n*/\nul.sections > li > div {\n  -webkit-box-sizing: border-box; /* webkit */\n     -moz-box-sizing: border-box; /* firefox */\n          box-sizing: border-box; /* css3 */\n\n   -khtml-box-sizing: border-box;  /* konqueror */\n      -ms-box-sizing: border-box;  /* ie */\n}\n\n/* ---------------------------------------------------------- *\\\n * \"Jump Page\" widget.\n\\* ---------------------------------------------------------- */\n\n#jump_to,\n#jump_page {\n  margin: 0;\n\n  list-style: none;\n\n  background: white;\n  -webkit-border-bottom-left-radius: 5px;\n  -moz-border-radius-bottomleft: 5px;\n  -webkit-box-shadow: 0 0 25px #777777;\n     -moz-box-shadow: 0 0 25px #777777;\n\n  font: 16px Arial;\n\n  cursor: pointer;\n  text-align: right;\n}\n\n#jump_to a {\n  text-decoration: none;\n}\n\n#jump_to a.large {\n  display: none;\n}\n\n#jump_to a.small {\n  color: #676767;\n\n  font-size: 22px;\n  font-weight: bold;\n}\n\n#jump_to,\n#jump_wrapper {\n  position: fixed;\n  top: 0;\n  right: 0;\n\n  margin: 0;\n  padding: 10px 15px;\n}\n\n#jump_wrapper {\n  display: none;\n\n  padding: 0;\n}\n\n#jump_to:hover #jump_wrapper {\n  display: block;\n}\n\n#jump_page {\n  margin: 0 0 25px 25px;\n  padding: 5px 0 3px;\n}\n\n#jump_page .source {\n  display: block;\n\n  padding: 15px;\n\n  border-top: 1px solid #eeeeee;\n\n  text-decoration: none;\n}\n\n#jump_page .source:hover {\n  background: #f5faff;\n}\n\n#jump_page .source:first-child {\n}\n\n/* ---------------------------------------------------------- *\\\n * Low resolutions (> 320px)\n\\* ---------------------------------------------------------- */\n\n@media only screen and (min-width: 320px) {\n  .pilwrap {\n    display: none;\n  }\n\n  ul.sections > li > div {\n    display: block;\n\n    padding: 5px 10px 0 10px;\n  }\n\n  ul.sections > li > div.annotation {\n    background: #ffffff;\n  }\n\n  ul.sections > li > div.annotation ul,\n  ul.sections > li > div.annotation ol {\n    padding-left: 30px;\n  }\n\n  ul.sections > li > div.content {\n    overflow-x: auto;\n\n    margin: 5px 10px 5px 10px;\n    padding-bottom: 5px;\n\n    background: #f5faff;\n    border: 1px solid #dedede;\n    -webkit-box-shadow: inset 0 0 5px #e5e5ee;\n            box-shadow: inset 0 0 5px #e5e5ee;\n  }\n}\n\n/* ---------------------------------------------------------- *\\\n * (> 750px)\n *\n * Change layout from one-column to two-columns.\n\\* ---------------------------------------------------------- */\n\n@media only screen and (min-width: 750px) {\n  #container {\n    position: relative;\n  }\n\n  body {\n    background-color: #f5faff;\n\n    line-height: 22px;\n  }\n\n  pre,\n  tt,\n  code {\n    line-height: 18px;\n  }\n\n  #jump_to {\n    padding: 5px 10px;\n  }\n\n  #jump_wrapper {\n    padding: 0;\n  }\n\n  #jump_to,\n  #jump_page {\n    font: 10px Arial;\n\n    text-transform: uppercase;\n  }\n\n  #jump_page .source {\n    padding: 5px 10px;\n  }\n\n  #jump_to a.large {\n    display: inline-block;\n  }\n\n  #jump_to a.small {\n    display: none;\n  }\n\n  #background {\n    position: absolute;\n    z-index: -1;\n    top: 0;\n    bottom: 0;\n\n    width: 350px;\n\n    background: #ffffff;\n    border-right: 1px solid #e5e5ee;\n  }\n\n  ul.sections > li > div.content {\n    width: calc(95% - 350px);\n  }\n\n  ul.sections > li > div.annotation ul,\n  ul.sections > li > div.annotation ol {\n    padding-left: 40px;\n  }\n\n  ul.sections > li {\n    white-space: nowrap;\n  }\n\n  ul.sections > li > div {\n    display: inline-block;\n  }\n\n  ul.sections > li > div.annotation {\n    overflow-x: hidden;\n\n    min-width: 350px;\n    max-width: 350px;\n    min-height: 5px;\n    padding: 13px;\n\n    text-align: left;\n    vertical-align: top;\n    white-space: normal;\n  }\n\n  ul.sections > li > div.content {\n    padding: 13px;\n\n    background: #f5faff;\n    border: none;\n    -webkit-box-shadow: none;\n            box-shadow: none;\n\n    vertical-align: top;\n  }\n\n  .pilwrap {\n    position: relative;\n\n    display: inline;\n  }\n\n  .pilcrow {\n    position: absolute;\n    top: 3px;\n    left: -20px;\n\n    padding: 1px 2px;\n\n    opacity: 0;\n    color: #454545;\n\n    font: 12px Arial;\n\n    -webkit-transition: opacity 0.2s linear;\n    text-decoration: none;\n  }\n\n  .for-h1 .pilcrow {\n    top: 47px;\n  }\n\n  .for-h2 .pilcrow,\n  .for-h3 .pilcrow,\n  .for-h4 .pilcrow {\n    top: 35px;\n  }\n\n  ul.sections > li > div.annotation:hover .pilcrow {\n    opacity: 1;\n  }\n}\n\n/* ---------------------------------------------------------- *\\\n * (> 1025px)\n *\n * Add more spaces.\n\\* ---------------------------------------------------------- */\n\n@media only screen and (min-width: 1025px) {\n  #background {\n    width: 525px;\n  }\n\n  ul.sections > li > div.annotation {\n    min-width: 525px;\n    max-width: 525px;\n    padding: 10px 25px 1px 50px;\n  }\n\n  ul.sections > li > div.content {\n    width: calc(95% - 525px);\n    padding: 9px 15px 16px 25px;\n  }\n}\n\n/* ---------------------------------------------------------- *\\\n * Syntax Highlighting.\n\\* ---------------------------------------------------------- */\n\n/* The syntax highlighter used is https://highlightjs.org */\n\ntd.linenos {\n  padding-right: 10px;\n\n  background-color: #f0f0f0;\n}\n\nspan.lineno {\n  padding: 0 5px 0 5px;\n\n  background-color: #f0f0f0;\n}\n\n/*\n  github.com style (c) Vasily Polovnyov <vast@whiteants.net>\n*/\n\npre code {\n  display: block;\n\n  padding: 0.5em;\n\n  color: #000000;\n  background: #f5faff;\n}\n\npre .hljs-comment,\npre .hljs-template_comment,\npre .hljs-diff .hljs-header,\npre .hljs-javadoc {\n  color: #408080;\n\n  font-style: italic;\n}\n\npre .hljs-keyword,\npre .hljs-assignment,\npre .hljs-literal,\npre .hljs-css .hljs-rule .hljs-keyword,\npre .hljs-winutils,\npre .hljs-javascript .hljs-title,\npre .hljs-lisp .hljs-title,\npre .hljs-subst {\n  color: #954121;\n  /*font-weight: bold*/\n}\n\npre .hljs-number,\npre .hljs-hexcolor {\n  color: #40a070;\n}\n\npre .hljs-string,\npre .hljs-tag .hljs-value,\npre .hljs-phpdoc,\npre .hljs-tex .hljs-formula {\n  color: #219161;\n}\n\npre .hljs-title,\npre .hljs-id {\n  color: #19469d;\n}\n\npre .hljs-params {\n  color: #0000ff;\n}\n\npre .hljs-javascript .hljs-title,\npre .hljs-lisp .hljs-title,\npre .hljs-subst {\n  font-weight: normal;\n}\n\npre .hljs-class .hljs-title,\npre .hljs-haskell .hljs-label,\npre .hljs-tex .hljs-command {\n  color: #445588;\n\n  font-weight: bold;\n}\n\npre .hljs-tag,\npre .hljs-tag .hljs-title,\npre .hljs-rules .hljs-property,\npre .hljs-django .hljs-tag .hljs-keyword {\n  color: #000080;\n\n  font-weight: normal;\n}\n\npre .hljs-attribute,\npre .hljs-variable,\npre .hljs-instancevar,\npre .hljs-lisp .hljs-body {\n  color: #008080;\n}\n\npre .hljs-regexp {\n  color: #bb6688;\n}\n\npre .hljs-class {\n  color: #445588;\n\n  font-weight: bold;\n}\n\npre .hljs-symbol,\npre .hljs-ruby .hljs-symbol .hljs-string,\npre .hljs-ruby .hljs-symbol .hljs-keyword,\npre .hljs-ruby .hljs-symbol .hljs-keymethods,\npre .hljs-lisp .hljs-keyword,\npre .hljs-tex .hljs-special,\npre .hljs-input_number {\n  color: #990073;\n}\n\npre .hljs-builtin,\npre .hljs-constructor,\npre .hljs-built_in,\npre .hljs-lisp .hljs-title {\n  color: #0086b3;\n}\n\npre .hljs-preprocessor,\npre .hljs-pi,\npre .hljs-doctype,\npre .hljs-shebang,\npre .hljs-cdata {\n  color: #999999;\n\n  font-weight: bold;\n}\n\npre .hljs-deletion {\n  background: #ffdddd;\n}\n\npre .hljs-addition {\n  background: #ddffdd;\n}\n\npre .hljs-diff .hljs-change {\n  background: #0086b3;\n}\n\npre .hljs-chunk {\n  color: #aaaaaa;\n}\n\npre .hljs-tex .hljs-formula {\n  opacity: 0.5;\n}\n"
  },
  {
    "path": "docs/example/css/master.css",
    "content": "@charset \"UTF-8\";\n\n/* ---------------------------------------------------------- *\\\n * Globals.\n\\* ---------------------------------------------------------- */\n\nhtml {\n  box-sizing: border-box;\n}\n\n*,\n*::before,\n*::after {\n  box-sizing: inherit;\n}\n\nbody {\n  position: relative;\n\n  min-height: 100vh;\n  margin: 0;\n}\n\n/* ---------------------------------------------------------- *\\\n * Typography & colors.\n\\* ---------------------------------------------------------- */\n\nhtml {\n  color: #444444;\n\n  font: 62.5%/1.6 \"Trebuchet MS\", Arial, Helvetica, sans-serif;\n}\n\nbody {\n  font-size: 1.26em;\n}\n\nh1,\nh2 {\n  font-family: Georgia, \"Times New Roman\", Times, serif;\n  font-weight: normal;\n}\n\n::-moz-selection {\n  color: white;\n  background: #3398ff;\n}\n\n::selection {\n  color: white;\n  background: #3398ff;\n}\n\n/* ---------------------------------------------------------- *\\\n * Basic elements.\n\\* ---------------------------------------------------------- */\n\nh1 {\n  margin: 0;\n\n  font-size: 2.8em;\n}\n\nh2 {\n  margin: 25px 0 15px 0;\n\n  font-size: 1.9em;\n}\n\nh3 {\n  font-size: inherit;\n  font-weight: bold;\n}\n\nimg {\n  max-width: 100%;\n}\n\np {\n  margin: 15px 0;\n}\n\np:last-child {\n  margin-bottom: 0;\n}\n\n/* Lists. */\n\nul,\nol {\n  margin: 15px 0;\n  padding-left: 30px;\n}\n\nul:last-child,\nol:last-child {\n  margin-bottom: 0;\n}\n\nul {\n  list-style-type: square;\n}\n\ndl {\n  margin: 0;\n}\n\ndt {\n  font-weight: bold;\n}\n\ndd {\n  margin: 0;\n}\n\ndd + dt {\n  margin-top: 15px;\n}\n\n/* ---------------------------------------------------------- *\\\n * Layout.\n\\* ---------------------------------------------------------- */\n\nbody {\n  padding: 20px 0;\n}\n\n.page {\n  max-width: 1180px;\n  margin: 0 auto;\n  padding: 0 25px;\n}\n\n@media (min-width: 800px) {\n  .page {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n  }\n\n  .page-nav {\n    min-width: 25%;\n  }\n\n  .page-wrapper {\n    max-width: 75%;\n  }\n\n  .factsheet {\n    min-width: 33%;\n  }\n}\n\n/* ---------------------------------------------------------- *\\\n * Micro Components.\n\\* ---------------------------------------------------------- */\n\n.clearfix::after {\n  display: table;\n  clear: both;\n\n  content: \" \";\n}\n\n.capitalize {\n  text-transform: capitalize;\n}\n\n/* ---------------------------------------------------------- *\\\n * Components - Links.\n\\* ---------------------------------------------------------- */\n\na,\na:visited {\n  color: #0077dd;\n\n  text-decoration: none;\n}\n\na:hover {\n  color: #005599;\n\n  text-decoration: underline;\n}\n\na:focus {\n  outline: thin dotted;\n}\n\na:active,\na:hover {\n  outline: none;\n}\n\n/* ---------------------------------------------------------- *\\\n * Components - Page Header.\n\\* ---------------------------------------------------------- */\n\n.page-header img {\n  display: block;\n}\n\n/* ---------------------------------------------------------- *\\\n * Components - Nav.\n\\* ---------------------------------------------------------- */\n\n.nav {\n  margin-bottom: 30px;\n}\n\n.nav__title {\n  padding: 0 15px;\n\n  font-family: \"Trebuchet MS\", Arial, Helvetica, sans-serif;\n  line-height: 1;\n}\n\n.nav__title a,\n.nav__title a:visited,\n.nav__title a:hover {\n  color: inherit;\n\n  text-decoration: none;\n}\n\n.nav__subtitle {\n  padding: 5px 15px;\n}\n\n.nav__list {\n  padding: 0;\n\n  list-style: none;\n}\n\n.nav__item,\n.nav__item:visited {\n  display: block;\n\n  padding: 5px 15px;\n\n  color: inherit;\n}\n\n.nav__item:hover {\n  color: inherit;\n  background: rgba(0, 0, 0, 0.05);\n\n  text-decoration: none;\n}\n\n.nav__item:focus {\n  background: rgba(0, 0, 0, 0.05);\n  outline: none;\n}\n\n/* ---------------------------------------------------------- *\\\n * Nav - Hamburger.\n\\* ---------------------------------------------------------- */\n\n.nav__toggle {\n  display: none;\n\n  margin: 15px 0;\n  padding: 0 15px;\n}\n\n.nav__toggle .button {\n  display: block;\n\n  height: 30px;\n}\n\n/* Nav list variant for hamburger feature. */\n.nav__list--slider {\n  overflow-y: hidden;\n\n  max-height: 0;\n\n  -webkit-transition: max-height 0.5s ease-in-out;\n     -moz-transition: max-height 0.5s ease-in-out;\n       -o-transition: max-height 0.5s ease-in-out;\n          transition: max-height 0.5s ease-in-out;\n}\n\n\n@media (min-width: 800px) {\n  .nav__toggle {\n    /* Always hide the button on big screens. */\n    display: none !important;\n  }\n\n  .nav__list--slider {\n    /* Always show the list on big screens. So disable slider. */\n    max-height: unset !important;\n  }\n}\n\n/* ---------------------------------------------------------- *\\\n * Components - Block.\n\\* ---------------------------------------------------------- */\n\n.block {\n  margin-bottom: 15px;\n  padding-bottom: 15px;\n\n  border-bottom: 1px solid rgb(221, 221, 221);\n}\n\n.block__notice {\n  margin-bottom: 15px;\n  padding: 10px;\n\n  color: #027194;\n  background: #ebf7fd;\n  border: 1px solid rgba(45,112,145,0.3);\n  border-radius: 4px;\n}\n\n.block__notice a {\n  color: inherit;\n}\n\n/* ---------------------------------------------------------- *\\\n * Components - Grid.\n\\* ---------------------------------------------------------- */\n\n@media (min-width: 800px) {\n  .grid {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n  }\n\n  .grid__item:not(:first-child) {\n    padding-left: 25px;\n  }\n\n  .grid__item--flexible {\n    -webkit-box-flex: 1;\n    -ms-flex: 1;\n        flex: 1;\n  }\n}\n\n/* ---------------------------------------------------------- *\\\n * Components - Images Gallery.\n\\* ---------------------------------------------------------- */\n\n.gallery {\n  margin-left: -25px;\n\n  font-size: 0; /* Disable the small space below the images. */\n}\n\n.gallery__item {\n  float: left;\n\n  width: 100%;\n  padding-bottom: 25px;\n  padding-left: 25px;\n}\n\n.gallery__item img {\n  width: 100%;\n}\n\n.gallery__item a[href$=\".gif\"] {\n  position: relative;\n\n  display: block;\n}\n\n.gallery__item a[href$=\".gif\"]:focus:active {\n  outline: none;\n}\n\n.gallery__item a[href$=\".gif\"]::after {\n  position: absolute;\n  z-index: 1;\n  top: 0;\n  left: 0;\n\n  display: none;\n\n  width: 100%;\n  height: 100%;\n  padding: 20px;\n\n  background: rgba(0, 0, 0, 0.25);\n\n  content: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAABGdBTUEAALGPC/xhBQAAAFFQTFRFAAAA/////////////////////////////Pz8/Pz8/Pz8/f39/f39/f39/f39/f39/f39/Pz8/Pz8/Pz8/Pz8/v7+/f39/f39/f39/f39/f395zF2nQAAABt0Uk5TAAEJCxQeIEpXYGFnc3V2d5WarK2/xNLb3N3m8ZFI2gAAAOlJREFUOMuVlckOgzAMRAdIWUrKUgK4/v8P7QWVLA64c0RPY9mxByBQ3U/LSrQuU18jKzM49uQGI2KVJY5Etkq5ZmNBWxNhheWMbOFz5cxZzaXnd8Exz6en5UvZXx98o6OjarsDtyop/Hrnixt/zm3x/AggGQCj/6UFHpLpAMBFICRTB9Qcg6JpjV4ABdMekwSmphMWGUTRBaYL1gwYma6gLBiYEvYr8HTZ9aXzzVDYjHo88sA7SgaufkJhKRI7Zgdg0K5ZtLiC3bG46lPQH5f6XPUBoI8UdUjpY08fpH9EMwAzqsL+5vfxBcKnb1vURTbUAAAAAElFTkSuQmCC\");\n\n  align-items: center;\n  justify-content: center;\n}\n\n.gallery__item a[href$=\".gif\"].show-overlay::after {\n  display: flex;\n}\n\n@media (min-width: 500px) {\n  .gallery__item {\n    width: 50%;\n  }\n}\n\n/* ---------------------------------------------------------- *\\\n * Components - Logo.\n\\* ---------------------------------------------------------- */\n\n@media (min-width: 800px) {\n  .logo {\n    max-width: 49%;\n  }\n}\n\n/* ---------------------------------------------------------- *\\\n * Components - Video player.\n\\* ---------------------------------------------------------- */\n\n.video-player {\n  position: relative;\n\n  padding-bottom: 56.25%; /* 16:9 */\n}\n\n.video-player__frame {\n  position: absolute;\n  top: 0;\n  left: 0;\n\n  width: 100%;\n  height: 100%;\n}\n\n/* ---------------------------------------------------------- *\\\n * Components - Quote.\n\\* ---------------------------------------------------------- */\n\n.quote__content {\n  margin: 0;\n}\n\n.quote__content::before {\n  content: open-quote;\n}\n\n.quote__content::after {\n  content: close-quote;\n}\n\n.quote__author::before {\n  content: \"-\";\n}\n\n/* ---------------------------------------------------------- *\\\n * Components - Button.\n\\* ---------------------------------------------------------- */\n\n.button {\n  display: inline-block;\n\n  padding: 5px 10px;\n\n  background: -webkit-linear-gradient(top, white, #fafafa);\n  background:         linear-gradient(to bottom, white, #fafafa);\n  border: 1px solid #cccccc;\n  border-radius: 5px;\n}\n\n.button:hover {\n  cursor: pointer;\n  text-decoration: none;\n}\n\n.button:focus {\n  border: 1px solid #3398ff;\n  outline: none;\n}\n\n.button:active {\n  color: white;\n  background: -webkit-linear-gradient(top, #3398ff, #0077dd);\n  background:         linear-gradient(to bottom, #3398ff, #0077dd);\n}\n\n/* ---------------------------------------------------------- *\\\n * Widgets.\n\\* ---------------------------------------------------------- */\n\n.widget {\n  width: 100%;\n}\n\n.widget--steam {\n  height: 190px;\n}\n\n.widget--humble {\n  height: 328px;\n}\n\n@media (max-width: 505px) {\n  .widget--humble {\n    height: 205px;\n  }\n}\n\n.widget--itch {\n  height: 167px;\n}\n\n.widget--gamejolt {\n  height: 245px;\n}\n\n.widget--bandcamp {\n  width: 100%;\n  height: 120px;\n\n  border: 0;\n}\n\n/* ---------------------------------------------------------- *\\\n * Hacks.\n\\* ---------------------------------------------------------- */\n\n@media (min-width: 800px) {\n  ._team-fix-margin-top {\n    margin-top: -15px;\n  }\n}\n"
  },
  {
    "path": "docs/example/css/normalize.css",
    "content": "/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */\n\n/**\n * 1. Change the default font family in all browsers (opinionated).\n * 2. Correct the line height in all browsers.\n * 3. Prevent adjustments of font size after orientation changes in\n *    IE on Windows Phone and in iOS.\n */\n\n/* Document\n   ========================================================================== */\n\nhtml {\n  font-family: sans-serif; /* 1 */\n  line-height: 1.15; /* 2 */\n  -ms-text-size-adjust: 100%; /* 3 */\n  -webkit-text-size-adjust: 100%; /* 3 */\n}\n\n/* Sections\n   ========================================================================== */\n\n/**\n * Remove the margin in all browsers (opinionated).\n */\n\nbody {\n  margin: 0;\n}\n\n/**\n * Add the correct display in IE 9-.\n */\n\narticle,\naside,\nfooter,\nheader,\nnav,\nsection {\n  display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\n\nh1 {\n  font-size: 2em;\n  margin: 0.67em 0;\n}\n\n/* Grouping content\n   ========================================================================== */\n\n/**\n * Add the correct display in IE 9-.\n * 1. Add the correct display in IE.\n */\n\nfigcaption,\nfigure,\nmain { /* 1 */\n  display: block;\n}\n\n/**\n * Add the correct margin in IE 8.\n */\n\nfigure {\n  margin: 1em 40px;\n}\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\n\nhr {\n  box-sizing: content-box; /* 1 */\n  height: 0; /* 1 */\n  overflow: visible; /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\npre {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n   ========================================================================== */\n\n/**\n * 1. Remove the gray background on active links in IE 10.\n * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.\n */\n\na {\n  background-color: transparent; /* 1 */\n  -webkit-text-decoration-skip: objects; /* 2 */\n}\n\n/**\n * Remove the outline on focused links when they are also active or hovered\n * in all browsers (opinionated).\n */\n\na:active,\na:hover {\n  outline-width: 0;\n}\n\n/**\n * 1. Remove the bottom border in Firefox 39-.\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\n\nabbr[title] {\n  border-bottom: none; /* 1 */\n  text-decoration: underline; /* 2 */\n  text-decoration: underline dotted; /* 2 */\n}\n\n/**\n * Prevent the duplicate application of `bolder` by the next rule in Safari 6.\n */\n\nb,\nstrong {\n  font-weight: inherit;\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\ncode,\nkbd,\nsamp {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct font style in Android 4.3-.\n */\n\ndfn {\n  font-style: italic;\n}\n\n/**\n * Add the correct background and color in IE 9-.\n */\n\nmark {\n  background-color: #ff0;\n  color: #000;\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\nsmall {\n  font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/* Embedded content\n   ========================================================================== */\n\n/**\n * Add the correct display in IE 9-.\n */\n\naudio,\nvideo {\n  display: inline-block;\n}\n\n/**\n * Add the correct display in iOS 4-7.\n */\n\naudio:not([controls]) {\n  display: none;\n  height: 0;\n}\n\n/**\n * Remove the border on images inside links in IE 10-.\n */\n\nimg {\n  border-style: none;\n}\n\n/**\n * Hide the overflow in IE.\n */\n\nsvg:not(:root) {\n  overflow: hidden;\n}\n\n/* Forms\n   ========================================================================== */\n\n/**\n * 1. Change the font styles in all browsers (opinionated).\n * 2. Remove the margin in Firefox and Safari.\n */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: sans-serif; /* 1 */\n  font-size: 100%; /* 1 */\n  line-height: 1.15; /* 1 */\n  margin: 0; /* 2 */\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\n\nbutton,\ninput { /* 1 */\n  overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\nbutton,\nselect { /* 1 */\n  text-transform: none;\n}\n\n/**\n * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`\n *    controls in Android 4.\n * 2. Correct the inability to style clickable types in iOS and Safari.\n */\n\nbutton,\nhtml [type=\"button\"], /* 1 */\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button; /* 2 */\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\n/**\n * Change the border, margin, and padding in all browsers (opinionated).\n */\n\nfieldset {\n  border: 1px solid #c0c0c0;\n  margin: 0 2px;\n  padding: 0.35em 0.625em 0.75em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n *    `fieldset` elements in all browsers.\n */\n\nlegend {\n  box-sizing: border-box; /* 1 */\n  color: inherit; /* 2 */\n  display: table; /* 1 */\n  max-width: 100%; /* 1 */\n  padding: 0; /* 3 */\n  white-space: normal; /* 1 */\n}\n\n/**\n * 1. Add the correct display in IE 9-.\n * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\n\nprogress {\n  display: inline-block; /* 1 */\n  vertical-align: baseline; /* 2 */\n}\n\n/**\n * Remove the default vertical scrollbar in IE.\n */\n\ntextarea {\n  overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10-.\n * 2. Remove the padding in IE 10-.\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  box-sizing: border-box; /* 1 */\n  padding: 0; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n[type=\"search\"] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/**\n * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.\n */\n\n[type=\"search\"]::-webkit-search-cancel-button,\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/* Interactive\n   ========================================================================== */\n\n/*\n * Add the correct display in IE 9-.\n * 1. Add the correct display in Edge, IE, and Firefox.\n */\n\ndetails, /* 1 */\nmenu {\n  display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\n\nsummary {\n  display: list-item;\n}\n\n/* Scripting\n   ========================================================================== */\n\n/**\n * Add the correct display in IE 9-.\n */\n\ncanvas {\n  display: inline-block;\n}\n\n/**\n * Add the correct display in IE.\n */\n\ntemplate {\n  display: none;\n}\n\n/* Hidden\n   ========================================================================== */\n\n/**\n * Add the correct display in IE 10-.\n */\n\n[hidden] {\n  display: none;\n}\n"
  },
  {
    "path": "docs/example/index.html",
    "content": "<!DOCTYPE html>\n<html>\n  <head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    \n    <title>Pizza Burger Studio</title>\n    \n    <link rel=\"shortcut icon\" href=\"images/favicon.ico?t=1534406189654\">\n    \n    <link rel=\"stylesheet\" href=\"./css/normalize.css\">\n    <link rel=\"stylesheet\" href=\"./css/theme.css\">\n    \n    <!-- Generated by presskit.html 0.12.1 (https://github.com/pixelnest/presskit.html). -->\n  </head>\n  <body>\n    <div class=\"page grid\">\n      <nav class=\"page-nav nav grid__item\">\n        <h1 class=\"nav__title\">\n          <a href=\".\">Pizza Burger Studio</a>\n        </h1>\n      \n        <aside class=\"nav__subtitle\">\n          <a href=\"https://github.com/pixelnest/presskit.html\">github.com/pixelnest/presskit.html</a>\n        </aside>\n      \n        <div class=\"nav__toggle\" id=\"hamburger\">\n          <a href=\"#\" class=\"button\" id=\"hamburger-toggle\">\n            <svg width=\"10\" height=\"10\" viewBox=\"0 0 19 19\" xmlns=\"http://www.w3.org/2000/svg\">\n              <g fill=\"currentColor\" fill-rule=\"nonzero\">\n                <path d=\"M0 16h19v3H0zM0 8h19v3H0zM0 0h19v3H0z\" />\n              </g>\n            </svg>\n            &nbsp;Menu\n          </a>\n        </div>\n      \n        <ul class=\"nav__list\" id=\"hamburger-target\">\n          <li>\n            <a class=\"nav__item\" href=\"#factsheet\">Factsheet</a>\n          </li>\n      \n          <li>\n            <a class=\"nav__item\" href=\"#description\">Description</a>\n          </li>\n      \n      \n          <li>\n            <a class=\"nav__item\" href=\"#history\">History</a>\n          </li>\n      \n          <li>\n            <a class=\"nav__item\" href=\"#projects\">Projects</a>\n          </li>\n      \n      \n          <li>\n            <a class=\"nav__item\" href=\"#videos\">Videos</a>\n          </li>\n      \n          <li>\n            <a class=\"nav__item\" href=\"#images\">Images</a>\n          </li>\n      \n          <li>\n            <a class=\"nav__item\" href=\"#logo\">Logo & Icon</a>\n          </li>\n      \n      \n          <li>\n            <a class=\"nav__item\" href=\"#awards\">Awards & Recognition</a>\n          </li>\n      \n          <li>\n            <a class=\"nav__item\" href=\"#articles\">Selected Articles</a>\n          </li>\n      \n          <li>\n            <a class=\"nav__item\" href=\"#links\">Additional Links</a>\n          </li>\n      \n      \n      \n          <li>\n            <a class=\"nav__item\" href=\"#credits\">Team</a>\n          </li>\n      \n          <li>\n            <a class=\"nav__item\" href=\"#contact\">Contact</a>\n          </li>\n        </ul>\n      </nav>\n\n      <div class=\"page-wrapper grid__item\">\n        <header class=\"page-header\">\n          <img src=\"./images/header.jpg\" alt=\"Pizza Burger Studio\" title=\"Pizza Burger Studio\">\n        </header>\n\n        <main class=\"page-content\" role=\"main\">\n          <section class=\"block grid\">\n            <aside class=\"factsheet grid__item\">\n              <h2 id=\"factsheet\" class=\"factsheet__title\">Factsheet</h2>\n            \n              <dl class=\"factsheet__list\">\n                <dt>Developer:</dt>\n                <dd>\n                  <a href=\".\">Pizza Burger Studio</a>\n                </dd>\n                <dd>Based in Paris, France</dd>\n            \n                <dt>Founding date:</dt>\n                <dd>February 6, 2014</dd>\n            \n                <dt>Website:</dt>\n                <dd>\n                  <a href=\"https://github.com/pixelnest/presskit.html\">github.com/pixelnest/presskit.html</a>\n                </dd>\n            \n                <dt>Press / Business contact:</dt>\n                <dd>\n                  <a href=\"mailto:contact@pizzaburger.studio\">contact@pizzaburger.studio</a>\n                </dd>\n            \n                <dt>Social:</dt>\n                <dd>\n                  <a href=\"https://twitter.com/pizzaburgerstudio\">Twitter @pizzaburgerstudio</a>\n                </dd>\n                <dd>\n                  <a href=\"https://facebook.com/pizzaburgerstudio\">Facebook Page</a>\n                </dd>\n                <dd>\n                  <a href=\"callto:pizzaburgerstudio\">Skype</a>\n                </dd>\n            \n                <dt>Releases:</dt>\n                <dd>\n                  <a href=\"product/\">My Super Game</a>\n                </dd>\n            \n                <dt>Address:</dt>\n                <dd>42 street of Pixelnest</dd>\n                <dd>35000 Rennes</dd>\n                <dd>France</dd>\n            \n                <dt>Phone:</dt>\n                <dd>+42 (3) 42 42 42 42 42</dd>\n              </dl>\n            \n            </aside>\n\n            <article class=\"description grid__item\">\n              <h2 id=\"description\">Description</h2>\n              <p>\n                  This is a fake presskit for a fake company called Pizza Burger Studio.\n                </p>\n              \n              <h2 id=\"history\">History</h2>\n              \n              <h3>Built with presskit.html</h3>\n              <p>This presskit is generated by presskit.html, a tool created by Pixelnest Studio.</p>\n              <h3>Free and Open Source</h3>\n              <p>Find presskit.html on https://github.com/pixelnest/presskit.html</p>\n\n              <h2 id=\"projects\">Projects</h2>\n              <ul>\n                <li>\n                  <a href=\"product/\">My Super Game</a>\n                </li>\n              </ul>\n            </article>\n          </section>\n\n          <section class=\"block\">\n            <h2 id=\"videos\">Videos</h2>\n          \n            <div>\n              <p>\n                <strong>Example from YouTube. Don&#x27;t give a full link: the ID is enough</strong> — <a href=\"https://www.youtube.com/embed/er416Ad3R1g?rel=0\">YouTube</a> \n              </p>\n          \n              <div class=\"video-player\">\n                <iframe class=\"video-player__frame\" src=\"https://www.youtube.com/embed/er416Ad3R1g?rel=0\" frameborder=\"0\" allowfullscreen></iframe>\n              </div>\n          \n          \n            </div>\n            <div>\n              <p>\n                <strong>Example from both YouTube and Vimeo</strong> — <a href=\"https://www.youtube.com/embed/YH3c1QZzRK4?rel=0\">YouTube</a> \n              </p>\n          \n              <div class=\"video-player\">\n                <iframe class=\"video-player__frame\" src=\"https://www.youtube.com/embed/YH3c1QZzRK4?rel=0\" frameborder=\"0\" allowfullscreen></iframe>\n              </div>\n          \n              <p>\n                <strong>Example from both YouTube and Vimeo</strong> — <a href=\"https://player.vimeo.com/video/108650530\">Vimeo</a> \n              </p>\n          \n              <div class=\"video-player\">\n                <iframe class=\"video-player__frame\" src=\"https://player.vimeo.com/video/108650530\" frameborder=\"0\" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>\n              </div>\n          \n            </div>\n            <div>\n          \n          \n                  <p>\n                    <strong>Interview with Damien Mayance and Matthieu Oger of Pixenest Studio</strong> — <a href=\"https://github.com/pixelnest/presskit.html\" target=\"_blank\">Download</a>\n                  </p>\n            </div>\n          </section>\n          \n          <section class=\"block\">\n            <h2 id=\"images\">Images</h2>\n          \n            <aside class=\"block__notice\">\n              <a href=\"images/images.zip\">\n                download all screenshots & photos as .zip\n              </a>\n            </aside>\n          \n            <div class=\"gallery clearfix\" id=\"gallery\">\n              <div class=\"gallery__item\">\n                <a href=\"images/pizza-01.jpg\">\n                  <img src=\"images/pizza-01.jpg.thumb.jpg\" alt=\"pizza-01\">\n                </a>\n              </div>\n              <div class=\"gallery__item\">\n                <a href=\"images/pizza-02.gif\">\n                  <img src=\"images/pizza-02.gif.thumb.jpg\" alt=\"pizza-02\">\n                </a>\n              </div>\n              <div class=\"gallery__item\">\n                <a href=\"images/pizza-02.jpg\">\n                  <img src=\"images/pizza-02.jpg.thumb.jpg\" alt=\"pizza-02\">\n                </a>\n              </div>\n              <div class=\"gallery__item\">\n                <a href=\"images/pizza-03.jpg\">\n                  <img src=\"images/pizza-03.jpg.thumb.jpg\" alt=\"pizza-03\">\n                </a>\n              </div>\n              <div class=\"gallery__item\">\n                <a href=\"images/pizza-04.jpg\">\n                  <img src=\"images/pizza-04.jpg.thumb.jpg\" alt=\"pizza-04\">\n                </a>\n              </div>\n              <div class=\"gallery__item\">\n                <a href=\"images/pizza-05.jpg\">\n                  <img src=\"images/pizza-05.jpg.thumb.jpg\" alt=\"pizza-05\">\n                </a>\n              </div>\n              <div class=\"gallery__item\">\n                <a href=\"images/pizza.gif\">\n                  <img src=\"images/pizza.gif.thumb.jpg\" alt=\"pizza\">\n                </a>\n              </div>\n            </div>\n          \n          </section>\n          \n          <section class=\"block\">\n            <h2 id=\"logo\">Logo & Icon</h2>\n          \n            <aside class=\"block__notice\">\n              <a href=\"images/logo.zip\">\n                download logo files as .zip\n              </a>\n            </aside>\n          \n            <a href=\"images/logo.png\">\n              <img src=\"images/logo.png\" alt=\"logo\" class=\"logo\">\n            </a>\n          </section>\n          <section class=\"block\">\n            <h2 id=\"awards\">Awards & Recognition</h2>\n          \n            <ul>\n              <li>\"An award\" <cite>Name, location, 29 April, 1988</cite></li>\n              <li>\"A nomination\" <cite>Name, location, 03 October, 1988</cite></li>\n            </ul>\n          </section>\n          \n          <section class=\"block\">\n            <h2 id=\"articles\">Selected Articles</h2>\n          \n            <ul>\n              <li class=\"quote\">\n                <blockquote class=\"quote__content\" cite=\"\n                  https://twitter.com/mrhelmut/status/717276362814447616\n                \">\n                  There&#x27;s not enough pizza in your life. It&#x27;s never enough.\n                </blockquote>\n                <cite class=\"quote__author\">\n                  @mrhelmut, <a href=\"\n                  https://twitter.com/mrhelmut/status/717276362814447616\n                \">Tweet</a>\n                </cite>\n              </li>\n            </ul>\n          </section>\n          \n          <section class=\"block\">\n            <h2 id=\"links\">Additional Links</h2>\n          \n            <dl>\n              <dt>Patricia Pizza Twitter</dt>\n              <dd>\n                @patpiz at <a href=\"https://twitter.com/patpiz\">twitter.com</a>.\n              </dd>\n              <dt>Bob Burger Twitter</dt>\n              <dd>\n                @bobburg at <a href=\"https://twitter.com/bobburg\">twitter.com</a>.\n              </dd>\n            </dl>\n          </section>\n          <section class=\"block grid _team-fix-margin-top\">\n            <article class=\"grid__item grid__item--flexible\">\n              <h2 id=\"credits\">Team &amp; Repeating Collaborator</h2>\n          \n              <dl>\n                <dt>Patricia Pizza</dt>\n          \n                <dd>\n                    Founder, Developer, Pizza Burger Studio\n                </dd>\n                <dt>Bob Burger</dt>\n          \n                <dd>\n                    Founder, Designer, Pizza Burger Studio\n                </dd>\n                <dt>Jake Burgza</dt>\n          \n                <dd>\n                    <a href=\"\n                  http://www.jakeburgza.com\n                \">Artist, Collaborator</a>\n                </dd>\n                <dt>Sophia Pizer</dt>\n          \n                <dd>\n                    <a href=\"\n                  http://www.sophiapizer.com\n                \">Musician, Collaborator</a>\n                </dd>\n              </dl>\n            </article>\n          \n            <article class=\"grid__item grid__item--flexible\">\n              <h2 id=\"contact\">Contact</h2>\n          \n              <dl>\n                <dt>Inquiries</dt>\n          \n                <dd>\n                  <a href=\"mailto:contact@pizzaburger.studio\">contact@pizzaburger.studio</a>\n          \n                </dd>\n                <dt>Twitter</dt>\n          \n                <dd>\n          \n                  <a href=\"\n                  https://twitter.com/pizzaburgerstudio\n                \">twitter.com/pizzaburgerstudio</a>\n                </dd>\n                <dt>Facebook</dt>\n          \n                <dd>\n          \n                  <a href=\"\n                  https://facebook.com/pizzaburgerstudio\n                \">facebook.com/pizzaburgerstudio</a>\n                </dd>\n                <dt>Web</dt>\n          \n                <dd>\n          \n                  <a href=\"\n                  http://pizzaburger.studio\n                \">pizzaburger.studio</a>\n                </dd>\n              </dl>\n            </article>\n          </section>\n        </main>\n\n        <footer class=\"page-footer\">\n          <a href=\"https://github.com/pixelnest/presskit.html\">presskit.html</a> by <a href=\"http://pixelnest.io\">Pixelnest Studio</a> — original <a href=\"http://dopresskit.com/\">presskit()</a> by Rami Ismail (<a href=\"http://www.vlambeer.com/\">Vlambeer</a>)\n        </footer>\n      </div>\n    </div>\n\n    <script src=\"./js/masonry.min.js\"></script>\n    <script src=\"./js/imagesloaded.min.js\"></script>\n    <script>\n      document.addEventListener('DOMContentLoaded', function onContentLoaded() {\n        // Add masonry layout on the galleries.\n        var galleries = document.querySelectorAll('.gallery');\n    \n        for (var i = 0; i < galleries.length; i++) {\n          (function (index) {\n            var gallery = galleries[index];\n    \n            imagesLoaded(gallery, function onImagesLoaded() {\n              new Masonry(gallery, {\n                itemSelector: '.gallery__item'\n              });\n            });\n          })(i);\n        }\n    \n        // Add mini-player to gifs.\n        var gifLinks = document.querySelectorAll('a[href$=\".gif\"]');\n        for (var i = 0; i < gifLinks.length; i++) {\n          (function (index) {\n            var link = gifLinks[index];\n            var img = link.querySelector('img');\n    \n            // Don't add the mini-player if no thumbnail.\n            // It's already a gif, so no need to turn it on.\n            if (img.src.indexOf('.thumb.jpg') === -1) {\n              return\n            }\n    \n            link.className = 'show-overlay'\n    \n            link.onclick = function (e) {\n              // Make it work on IE8.\n              if (e.preventDefault) {\n                const openLinkInBackground = e.ctrlKey || e.metaKey;\n    \n                // Stop default behavior, except if ctrl/cmd modifier is used.\n                // In this case, we want the link to go through and open\n                // its target in a background tab.\n                if (!openLinkInBackground) e.preventDefault();\n                e.stopPropagation();\n              } else {\n                // We don't care for the special background tab behavior on old IE.\n                e.returnValue = false;\n              }\n    \n              // Remove overlay and remove thumbnail section of the image.\n              link.className = '';\n              img.src = img.src.replace('.thumb.jpg', '');\n    \n              // Remove event listener after first trigger.\n              link.onclick = null;\n            }\n          }(i));\n        }\n      });\n    </script>\n    \n    <script src=\"./js/hamburger.js\"></script>\n    \n    <script>\n      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){\n      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),\n      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)\n      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');\n      ga('create', 'UA-42424242-0', 'auto');\n      ga('send', 'pageview');\n    </script>\n  </body>\n</html>\n"
  },
  {
    "path": "docs/example/js/hamburger.js",
    "content": "'use strict'\n\n;(function () {\n  // Preamble: this code is very specific, and clearly made for then\n  // main nav.\n  // Currently, this functionality is not need elsewhere, so we didn't\n  // bother to generalized this.\n  // No guards too.\n\n  // To disable this feature, just remove the script tag.\n\n  window.addEventListener('DOMContentLoaded', function () {\n    const container = document.querySelector('#hamburger')\n    const button = document.querySelector('#hamburger-toggle')\n    const target = document.querySelector('#hamburger-target')\n\n    // Show hamburger (hidden by default if no js or hamburger disabled).\n    container.style.display = 'block'\n\n    // Get target height.\n    const baseHeight = getElementHeight(target)\n\n    // Do that after the height calculation!\n    target.className += ' nav__list--slider'\n\n    button.addEventListener('click', function (e) {\n      e.preventDefault()\n      e.stopPropagation()\n\n      const currentMaxHeight = parseInt(target.style.maxHeight, 10)\n\n      // If not set or 0, toggle to full height.\n      // Otherwise, hide.\n      if (!currentMaxHeight || currentMaxHeight === 0) {\n        target.style.cssText = 'max-height: ' + baseHeight + 'px'\n      } else {\n        target.style.cssText = 'max-height: 0px'\n      }\n    })\n  })\n\n  // Clone an element outside the screen to safely get its height, then destroy it.\n  function getElementHeight (element) {\n    const clone = element.cloneNode(true)\n    clone.style.cssText = 'visibility: hidden; display: block; margin: -999px 0'\n\n    const height = (element.parentNode.appendChild(clone)).clientHeight\n    element.parentNode.removeChild(clone)\n\n    return height\n  }\n})()\n"
  },
  {
    "path": "docs/example/product/index.html",
    "content": "<!DOCTYPE html>\n<html>\n  <head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    \n    <title>My Super Game - Pizza Burger Studio</title>\n    \n    <link rel=\"shortcut icon\" href=\"images/favicon.ico?t=1534406189344\">\n    \n    <link rel=\"stylesheet\" href=\"../css/normalize.css\">\n    <link rel=\"stylesheet\" href=\"../css/theme.css\">\n    \n    <!-- Generated by presskit.html 0.12.1 (https://github.com/pixelnest/presskit.html). -->\n  </head>\n  <body>\n    <div class=\"page grid\">\n      <nav class=\"page-nav nav grid__item\">\n        <h1 class=\"nav__title\">\n          <a href=\"..\">Pizza Burger Studio</a>\n        </h1>\n      \n        <aside class=\"nav__subtitle\">\n          <a href=\"..\">press kit</a>\n        </aside>\n      \n        <div class=\"nav__toggle\" id=\"hamburger\">\n          <a href=\"#\" class=\"button\" id=\"hamburger-toggle\">\n            <svg width=\"10\" height=\"10\" viewBox=\"0 0 19 19\" xmlns=\"http://www.w3.org/2000/svg\">\n              <g fill=\"currentColor\" fill-rule=\"nonzero\">\n                <path d=\"M0 16h19v3H0zM0 8h19v3H0zM0 0h19v3H0z\" />\n              </g>\n            </svg>\n            &nbsp;Menu\n          </a>\n        </div>\n      \n        <ul class=\"nav__list\" id=\"hamburger-target\">\n          <li>\n            <a class=\"nav__item\" href=\"#factsheet\">Factsheet</a>\n          </li>\n      \n          <li>\n            <a class=\"nav__item\" href=\"#description\">Description</a>\n          </li>\n      \n          <li>\n            <a class=\"nav__item\" href=\"#history\">History</a>\n          </li>\n      \n      \n      \n      \n          <li>\n            <a class=\"nav__item\" href=\"#videos\">Videos</a>\n          </li>\n      \n          <li>\n            <a class=\"nav__item\" href=\"#images\">Images</a>\n          </li>\n      \n          <li>\n            <a class=\"nav__item\" href=\"#logo\">Logo & Icon</a>\n          </li>\n      \n          <li>\n            <a class=\"nav__item\" href=\"#widgets\">Widgets</a>\n          </li>\n      \n          <li>\n            <a class=\"nav__item\" href=\"#awards\">Awards & Recognition</a>\n          </li>\n      \n          <li>\n            <a class=\"nav__item\" href=\"#articles\">Selected Articles</a>\n          </li>\n      \n          <li>\n            <a class=\"nav__item\" href=\"#links\">Additional Links</a>\n          </li>\n      \n          <li>\n            <a class=\"nav__item\" href=\"#about\">About Pizza Burger Studio</a>\n          </li>\n      \n          <li>\n            <a class=\"nav__item\" href=\"#about_Pixelnest Studio\">About Pixelnest Studio</a>\n          </li>\n          <li>\n            <a class=\"nav__item\" href=\"#about_Pizza Oven LLC\">About Pizza Oven LLC</a>\n          </li>\n      \n          <li>\n            <a class=\"nav__item\" href=\"#credits\">Team</a>\n          </li>\n      \n          <li>\n            <a class=\"nav__item\" href=\"#contact\">Contact</a>\n          </li>\n        </ul>\n      </nav>\n\n      <div class=\"page-wrapper grid__item\">\n        <header class=\"page-header\">\n          <img src=\"./images/header.jpg\" alt=\"My Super Game\" title=\"My Super Game\">\n        </header>\n\n        <main class=\"page-content\" role=\"main\">\n          <section class=\"block grid\">\n            <aside class=\"factsheet grid__item\">\n              <h2 id=\"factsheet\" class=\"factsheet__title\">Factsheet</h2>\n            \n            \n              <dl class=\"factsheet__list\">\n                <dt>Developer:</dt>\n                <dd>\n                  <a href=\"..\">Pizza Burger Studio</a>\n                </dd>\n                <dd>Based in Paris, France</dd>\n            \n                <dt>Publisher:</dt>\n                <dd>\n                    <a href=\"https://pixelnest.io/\">Pixelnest Studio</a>\n                </dd>\n                <dd>Based in Rennes, France</dd>\n                <dt>Distributor:</dt>\n                <dd>\n                    Pizza Oven LLC\n                </dd>\n                \n            \n                <dt>Release date:</dt>\n                <dd>04 Feb, 2016</dd>\n                <dd>10 Oct, 2016</dd>\n            \n                <dt>Platforms:</dt>\n                <dd>\n                    <a href=\"http://itch.io/\">PC / Mac</a>\n                </dd>\n                <dd>\n                    <a href=\"http://steampowered.com/\">Steam</a>\n                </dd>\n                <dd>\n                    Inc New Store (TBA)\n                </dd>\n            \n                <dt>Website:</dt>\n                <dd>\n                  <a href=\"http://pizzaburger.studio/mysupergame\">pizzaburger.studio/mysupergame</a>\n                </dd>\n            \n                <dt>Regular Price:</dt>\n                <dd>EUR 20</dd>\n                <dd>USD 20</dd>\n                <dd>GBP 16</dd>\n                <dd>JPY 2300</dd>\n            \n            \n              </dl>\n            \n              <p class=\"press\">\n                <a href=\"\n                http://pizzaburger.studio/mysupergame/request/\n              \" class=\"button\" tabindex=\"0\">\n                  Request Press Copy\n                </a>\n              </p>\n            </aside>\n\n            <article class=\"description grid__item\">\n              <h2 id=\"description\">Description</h2>\n              <p>\n                  Here goes a quick description of your product or game. Be concise and explain in very few words the concept or the gameplay and why it&#x27;s really cool and why everyone should use or play it.\n                </p>\n              \n              <h2 id=\"history\">History</h2>\n              <p>\n                  Add some storytelling here. Not the scenario of your game, but rather some backgrounds behind the creation process: why are you making this game? Most projects starts with a cool story.\n                </p>\n              \n\n              <h2 id=\"features\">Features</h2>\n              <ul>\n                <li>\n      List some &quot;Key Sellings Points&quot; to grab player&#x27;s attention.\n    </li>\n                <li>\n      Don&#x27;t be too generic (&quot;pixel art graphics!&quot;), don&#x27;t be too pretentious (&quot;most incredible game experience!&quot;).\n    </li>\n                <li>\n      Also, people like numbers, so you can add some (450 weapons, hundreds of levels, dozens of hours of playtime!).\n    </li>\n                <li>\n      Need ideas? Maybe explain some game modes?\n    </li>\n                <li>\n      It would be a nice place to say something about multiplayer, if you have some.\n    </li>\n                <li>\n      Have you translated your game? (You probably should btw.)\n    </li>\n              </ul>\n            </article>\n          </section>\n\n          <section class=\"block\">\n            <h2 id=\"videos\">Videos</h2>\n          \n            <div>\n              <p>\n                <strong>Release Trailer</strong> — <a href=\"https://www.youtube.com/embed/EtXajayBLzw?rel=0\">YouTube</a> \n              </p>\n          \n              <div class=\"video-player\">\n                <iframe class=\"video-player__frame\" src=\"https://www.youtube.com/embed/EtXajayBLzw?rel=0\" frameborder=\"0\" allowfullscreen></iframe>\n              </div>\n          \n          \n            </div>\n            <div>\n              <p>\n                <strong>Gameplay Video #2</strong> — <a href=\"https://www.youtube.com/embed/EPNK1j3TMjU?rel=0\">YouTube</a> \n              </p>\n          \n              <div class=\"video-player\">\n                <iframe class=\"video-player__frame\" src=\"https://www.youtube.com/embed/EPNK1j3TMjU?rel=0\" frameborder=\"0\" allowfullscreen></iframe>\n              </div>\n          \n          \n            </div>\n            <div>\n              <p>\n                <strong>Early Access Trailer</strong> — <a href=\"https://www.youtube.com/embed/EtyQMcc19xY?rel=0\">YouTube</a> \n              </p>\n          \n              <div class=\"video-player\">\n                <iframe class=\"video-player__frame\" src=\"https://www.youtube.com/embed/EtyQMcc19xY?rel=0\" frameborder=\"0\" allowfullscreen></iframe>\n              </div>\n          \n          \n            </div>\n            <div>\n          \n          \n                  <p>\n                    <strong>Short gameplay preview: Burger vs Pizza</strong> — <a href=\"https://github.com/pixelnest/presskit.html\" target=\"_blank\">Download</a>\n                  </p>\n            </div>\n          </section>\n          \n          <section class=\"block\">\n            <h2 id=\"images\">Images</h2>\n          \n            <aside class=\"block__notice\">\n              <a href=\"images/images.zip\">\n                download all screenshots & photos as .zip\n              </a>\n            </aside>\n          \n            <div class=\"gallery clearfix\" id=\"gallery\">\n              <div class=\"gallery__item\">\n                <a href=\"images/burger-01.jpg\">\n                  <img src=\"images/burger-01.jpg.thumb.jpg\" alt=\"burger-01\">\n                </a>\n              </div>\n              <div class=\"gallery__item\">\n                <a href=\"images/burger-02.jpg\">\n                  <img src=\"images/burger-02.jpg.thumb.jpg\" alt=\"burger-02\">\n                </a>\n              </div>\n              <div class=\"gallery__item\">\n                <a href=\"images/burger-03.jpg\">\n                  <img src=\"images/burger-03.jpg.thumb.jpg\" alt=\"burger-03\">\n                </a>\n              </div>\n              <div class=\"gallery__item\">\n                <a href=\"images/burger-04.jpg\">\n                  <img src=\"images/burger-04.jpg.thumb.jpg\" alt=\"burger-04\">\n                </a>\n              </div>\n            </div>\n          \n            <section>\n              <h3 class=\"capitalize\" id=\"gallery-wallpapers\">wallpapers</h3>\n              <div class=\"gallery clearfix\">\n                <div class=\"gallery__item\">\n                  <a href=\"images/wallpapers/bagel-01.jpg\">\n                    <img src=\"images/wallpapers/bagel-01.jpg.thumb.jpg\" alt=\"bagel-01\">\n                  </a>\n                </div>\n                <div class=\"gallery__item\">\n                  <a href=\"images/wallpapers/bagel-02.jpg\">\n                    <img src=\"images/wallpapers/bagel-02.jpg.thumb.jpg\" alt=\"bagel-02\">\n                  </a>\n                </div>\n                <div class=\"gallery__item\">\n                  <a href=\"images/wallpapers/bagel-03.jpg\">\n                    <img src=\"images/wallpapers/bagel-03.jpg.thumb.jpg\" alt=\"bagel-03\">\n                  </a>\n                </div>\n                <div class=\"gallery__item\">\n                  <a href=\"images/wallpapers/bagel-04.jpg\">\n                    <img src=\"images/wallpapers/bagel-04.jpg.thumb.jpg\" alt=\"bagel-04\">\n                  </a>\n                </div>\n              </div>\n            </section>\n          </section>\n          \n          <section class=\"block\">\n            <h2 id=\"logo\">Logo & Icon</h2>\n          \n            <aside class=\"block__notice\">\n              <a href=\"images/logo.zip\">\n                download logo files as .zip\n              </a>\n            </aside>\n          \n            <a href=\"images/logo01.png\">\n              <img src=\"images/logo01.png\" alt=\"logo01\" class=\"logo\">\n            </a>\n            <a href=\"images/logo02.png\">\n              <img src=\"images/logo02.png\" alt=\"logo02\" class=\"logo\">\n            </a>\n          </section>\n          <section class=\"block\">\n            <h2 id=\"widgets\">Widgets</h2>\n          \n            <div class=\"grid\">\n              <p class=\"grid__item\">\n                <a\n                  href=\"https://itunes.apple.com/app/id950812012\"\n                  target=\"_blank\"\n                  class=\"widget widget--appstore\">\n                  <svg class=\"svg-appstore\" xmlns=\"http://www.w3.org/2000/svg\" width=\"270\" height=\"80\" viewBox=\"0 0 135 40\"><style>.a{fill:#FFF;}</style><path d=\"M130.2 40H4.7C2.1 40 0 37.9 0 35.3V4.7C0 2.1 2.1 0 4.7 0h125.5C132.8 0 135 2.1 135 4.7v30.5C135 37.9 132.8 40 130.2 40L130.2 40z\" fill=\"#A6A6A6\"/><path d=\"M134 35.3c0 2.1-1.7 3.8-3.8 3.8H4.7c-2.1 0-3.8-1.7-3.8-3.8V4.7c0-2.1 1.7-3.8 3.8-3.8h125.5c2.1 0 3.8 1.7 3.8 3.8L134 35.3 134 35.3z\"/><path d=\"M30.1 19.8c0-3.2 2.6-4.8 2.8-4.9 -1.5-2.2-3.9-2.5-4.7-2.5 -2-0.2-3.9 1.2-4.9 1.2 -1 0-2.6-1.2-4.2-1.1 -2.1 0-4.1 1.3-5.2 3.2 -2.3 3.9-0.6 9.7 1.6 12.9 1.1 1.6 2.4 3.3 4 3.2 1.6-0.1 2.2-1 4.2-1 1.9 0 2.5 1 4.2 1 1.7 0 2.8-1.6 3.9-3.1 1.3-1.8 1.8-3.5 1.8-3.6C33.5 24.9 30.2 23.6 30.1 19.8z\" class=\"a\"/><path d=\"M26.9 10.3c0.9-1.1 1.5-2.6 1.3-4.1 -1.3 0.1-2.8 0.9-3.8 1.9 -0.8 0.9-1.5 2.5-1.3 3.9C24.6 12.2 26 11.4 26.9 10.3z\" class=\"a\"/><path d=\"M53.6 31.5h-2.3l-1.2-3.9h-4.3l-1.2 3.9h-2.2l4.3-13.3h2.6L53.6 31.5zM49.8 26L48.6 22.5c-0.1-0.4-0.3-1.2-0.7-2.5h0c-0.1 0.6-0.3 1.4-0.6 2.5l-1.1 3.5H49.8z\" class=\"a\"/><path d=\"M64.7 26.6c0 1.6-0.4 2.9-1.3 3.9 -0.8 0.8-1.8 1.3-2.9 1.3 -1.3 0-2.2-0.5-2.7-1.4h0v5.1h-2.1V25.1c0-1 0-2.1-0.1-3.2h1.9l0.1 1.5h0c0.7-1.1 1.8-1.7 3.2-1.7 1.1 0 2.1 0.4 2.8 1.3C64.3 23.9 64.7 25.1 64.7 26.6zM62.5 26.7c0-0.9-0.2-1.7-0.6-2.3 -0.5-0.6-1.1-0.9-1.9-0.9 -0.5 0-1 0.2-1.4 0.5 -0.4 0.4-0.7 0.8-0.8 1.4 -0.1 0.3-0.1 0.5-0.1 0.7v1.6c0 0.7 0.2 1.3 0.6 1.8s1 0.7 1.7 0.7c0.8 0 1.4-0.3 1.9-0.9C62.3 28.5 62.5 27.7 62.5 26.7z\" class=\"a\"/><path d=\"M75.7 26.6c0 1.6-0.4 2.9-1.3 3.9 -0.8 0.8-1.8 1.3-2.9 1.3 -1.3 0-2.2-0.5-2.7-1.4H68.7v5.1h-2.1V25.1c0-1 0-2.1-0.1-3.2h1.9l0.1 1.5h0c0.7-1.1 1.8-1.7 3.2-1.7 1.1 0 2.1 0.4 2.8 1.3C75.3 23.9 75.7 25.1 75.7 26.6zM73.5 26.7c0-0.9-0.2-1.7-0.6-2.3 -0.5-0.6-1.1-0.9-1.9-0.9 -0.5 0-1 0.2-1.4 0.5 -0.4 0.4-0.7 0.8-0.8 1.4 -0.1 0.3-0.1 0.5-0.1 0.7v1.6c0 0.7 0.2 1.3 0.6 1.8 0.4 0.5 1 0.7 1.7 0.7 0.8 0 1.4-0.3 1.9-0.9C73.3 28.5 73.5 27.7 73.5 26.7z\" class=\"a\"/><path d=\"M88 27.8c0 1.1-0.4 2.1-1.2 2.8 -0.9 0.8-2.1 1.2-3.6 1.2 -1.4 0-2.6-0.3-3.4-0.8l0.5-1.8c0.9 0.6 2 0.9 3.1 0.9 0.8 0 1.4-0.2 1.9-0.5 0.4-0.4 0.7-0.8 0.7-1.5 0-0.5-0.2-1-0.6-1.4 -0.4-0.4-1-0.7-1.8-1 -2.3-0.9-3.5-2.1-3.5-3.8 0-1.1 0.4-2 1.2-2.7 0.8-0.7 1.9-1 3.3-1 1.2 0 2.2 0.2 3 0.6l-0.5 1.7c-0.7-0.4-1.6-0.6-2.5-0.6 -0.7 0-1.3 0.2-1.8 0.6 -0.4 0.3-0.5 0.7-0.5 1.2 0 0.5 0.2 1 0.6 1.3 0.4 0.3 1 0.7 1.9 1 1.1 0.5 2 1 2.5 1.6C87.8 26.1 88 26.9 88 27.8z\" class=\"a\"/><path d=\"M95.1 23.5h-2.3v4.7c0 1.2 0.4 1.8 1.2 1.8 0.4 0 0.7 0 0.9-0.1l0.1 1.6c-0.4 0.2-1 0.2-1.7 0.2 -0.8 0-1.5-0.3-2-0.8 -0.5-0.5-0.7-1.4-0.7-2.6v-4.8h-1.4v-1.6h1.4v-1.8l2.1-0.6v2.4h2.4V23.5z\" class=\"a\"/><path d=\"M105.7 26.6c0 1.5-0.4 2.7-1.3 3.6 -0.9 1-2.1 1.5-3.5 1.5 -1.4 0-2.5-0.5-3.4-1.4s-1.3-2.1-1.3-3.5c0-1.5 0.4-2.7 1.3-3.7 0.9-0.9 2-1.4 3.5-1.4 1.4 0 2.5 0.5 3.4 1.4C105.3 24 105.7 25.2 105.7 26.6zM103.5 26.7c0-0.9-0.2-1.6-0.6-2.3 -0.4-0.8-1.1-1.1-1.9-1.1 -0.9 0-1.5 0.4-2 1.1 -0.4 0.6-0.6 1.4-0.6 2.3 0 0.9 0.2 1.6 0.6 2.3 0.5 0.8 1.1 1.1 1.9 1.1 0.8 0 1.5-0.4 1.9-1.2C103.3 28.3 103.5 27.6 103.5 26.7z\" class=\"a\"/><path d=\"M112.6 23.8c-0.2 0-0.4-0.1-0.7-0.1 -0.7 0-1.3 0.3-1.7 0.9 -0.4 0.5-0.5 1.1-0.5 1.9v5h-2.1l0-6.6c0-1.1 0-2.1-0.1-3h1.9l0.1 1.8h0.1c0.2-0.6 0.6-1.1 1.1-1.5 0.5-0.3 1-0.5 1.5-0.5 0.2 0 0.4 0 0.5 0V23.8z\" class=\"a\"/><path d=\"M122.2 26.3c0 0.4 0 0.7-0.1 1h-6.4c0 0.9 0.3 1.7 0.9 2.2 0.5 0.4 1.2 0.7 2.1 0.7 0.9 0 1.8-0.2 2.6-0.5l0.3 1.5c-0.9 0.4-2 0.6-3.2 0.6 -1.5 0-2.7-0.4-3.5-1.3 -0.8-0.9-1.3-2-1.3-3.5 0-1.4 0.4-2.7 1.2-3.6 0.8-1 1.9-1.5 3.4-1.5 1.4 0 2.4 0.5 3.1 1.5C121.9 24 122.2 25.1 122.2 26.3zM120.1 25.7c0-0.6-0.1-1.2-0.4-1.6 -0.4-0.6-0.9-0.9-1.7-0.9 -0.7 0-1.3 0.3-1.7 0.9 -0.4 0.5-0.6 1-0.6 1.7H120.1z\" class=\"a\"/><path d=\"M49.1 10c0 1.2-0.4 2.1-1.1 2.7 -0.7 0.5-1.6 0.8-2.8 0.8 -0.6 0-1.1 0-1.5-0.1V7c0.6-0.1 1.2-0.1 1.8-0.1 1.1 0 2 0.2 2.6 0.7C48.7 8.2 49.1 9 49.1 10zM47.9 10c0-0.8-0.2-1.3-0.6-1.8 -0.4-0.4-1-0.6-1.8-0.6 -0.3 0-0.6 0-0.8 0.1v4.9c0.1 0 0.4 0 0.7 0 0.8 0 1.4-0.2 1.9-0.7S47.9 10.9 47.9 10z\" class=\"a\"/><path d=\"M54.9 11c0 0.7-0.2 1.3-0.6 1.8 -0.4 0.5-1 0.7-1.7 0.7 -0.7 0-1.2-0.2-1.7-0.7 -0.4-0.5-0.6-1-0.6-1.7 0-0.7 0.2-1.3 0.6-1.8s1-0.7 1.7-0.7c0.7 0 1.2 0.2 1.7 0.7C54.7 9.8 54.9 10.3 54.9 11zM53.8 11.1c0-0.4-0.1-0.8-0.3-1.1 -0.2-0.4-0.5-0.6-0.9-0.6 -0.4 0-0.7 0.2-1 0.6 -0.2 0.3-0.3 0.7-0.3 1.1 0 0.4 0.1 0.8 0.3 1.1 0.2 0.4 0.5 0.6 1 0.6 0.4 0 0.7-0.2 0.9-0.6C53.7 11.9 53.8 11.5 53.8 11.1z\" class=\"a\"/><path d=\"M62.8 8.7l-1.5 4.7h-1l-0.6-2c-0.2-0.5-0.3-1-0.4-1.5h0c-0.1 0.5-0.2 1-0.4 1.5l-0.6 2h-1l-1.4-4.7h1.1l0.5 2.2c0.1 0.5 0.2 1 0.3 1.5h0c0.1-0.4 0.2-0.9 0.4-1.5l0.7-2.2h0.9l0.6 2.2c0.2 0.5 0.3 1.1 0.4 1.6h0c0.1-0.5 0.2-1 0.3-1.6l0.6-2.2H62.8z\" class=\"a\"/><path d=\"M68.2 13.4H67.2v-2.7c0-0.8-0.3-1.2-0.9-1.2 -0.3 0-0.6 0.1-0.8 0.3 -0.2 0.2-0.3 0.5-0.3 0.8v2.8h-1v-3.4c0-0.4 0-0.9 0-1.3h0.9l0 0.7h0c0.1-0.2 0.3-0.4 0.5-0.6 0.3-0.2 0.6-0.3 1-0.3 0.4 0 0.8 0.1 1.1 0.4 0.4 0.3 0.5 0.9 0.5 1.6V13.4z\" class=\"a\"/><path d=\"M71.1 13.4h-1V6.6h1V13.4z\" class=\"a\"/><path d=\"M77.3 11c0 0.7-0.2 1.3-0.6 1.8 -0.4 0.5-1 0.7-1.7 0.7 -0.7 0-1.2-0.2-1.7-0.7 -0.4-0.5-0.6-1-0.6-1.7 0-0.7 0.2-1.3 0.6-1.8s1-0.7 1.7-0.7c0.7 0 1.2 0.2 1.7 0.7C77.1 9.8 77.3 10.3 77.3 11zM76.2 11.1c0-0.4-0.1-0.8-0.3-1.1 -0.2-0.4-0.5-0.6-0.9-0.6 -0.4 0-0.7 0.2-1 0.6 -0.2 0.3-0.3 0.7-0.3 1.1 0 0.4 0.1 0.8 0.3 1.1 0.2 0.4 0.5 0.6 1 0.6 0.4 0 0.7-0.2 0.9-0.6C76.1 11.9 76.2 11.5 76.2 11.1z\" class=\"a\"/><path d=\"M82.3 13.4h-0.9l-0.1-0.5h0c-0.3 0.4-0.8 0.7-1.4 0.7 -0.4 0-0.8-0.1-1.1-0.4 -0.2-0.3-0.4-0.6-0.4-1 0-0.6 0.2-1 0.7-1.3 0.5-0.3 1.2-0.5 2-0.4V10.3c0-0.6-0.3-0.9-1-0.9 -0.5 0-0.9 0.1-1.2 0.3l-0.2-0.7c0.4-0.3 1-0.4 1.6-0.4 1.2 0 1.9 0.7 1.9 2v1.7C82.3 12.8 82.3 13.2 82.3 13.4zM81.2 11.8v-0.7c-1.2 0-1.7 0.3-1.7 1 0 0.2 0.1 0.4 0.2 0.6 0.1 0.1 0.3 0.2 0.5 0.2 0.2 0 0.4-0.1 0.6-0.2 0.2-0.1 0.3-0.3 0.4-0.6C81.2 11.9 81.2 11.9 81.2 11.8z\" class=\"a\"/><path d=\"M88.3 13.4h-0.9l0-0.8h0c-0.3 0.6-0.8 0.9-1.5 0.9 -0.6 0-1-0.2-1.4-0.7s-0.6-1-0.6-1.7c0-0.8 0.2-1.4 0.6-1.9 0.4-0.4 0.9-0.7 1.5-0.7 0.6 0 1.1 0.2 1.3 0.6h0V6.6h1v5.6C88.2 12.6 88.3 13 88.3 13.4zM87.2 11.4v-0.8c0-0.1 0-0.2 0-0.3 -0.1-0.3-0.2-0.5-0.4-0.6 -0.2-0.2-0.4-0.3-0.7-0.3 -0.4 0-0.7 0.2-0.9 0.5 -0.2 0.3-0.3 0.7-0.3 1.2 0 0.5 0.1 0.8 0.3 1.1 0.2 0.3 0.5 0.5 0.9 0.5 0.3 0 0.6-0.1 0.8-0.4C87.1 12.1 87.2 11.8 87.2 11.4z\" class=\"a\"/><path d=\"M97.2 11c0 0.7-0.2 1.3-0.6 1.8 -0.4 0.5-1 0.7-1.7 0.7 -0.7 0-1.2-0.2-1.7-0.7 -0.4-0.5-0.6-1-0.6-1.7 0-0.7 0.2-1.3 0.6-1.8s1-0.7 1.7-0.7c0.7 0 1.2 0.2 1.7 0.7C97 9.8 97.2 10.3 97.2 11zM96.2 11.1c0-0.4-0.1-0.8-0.3-1.1 -0.2-0.4-0.5-0.6-0.9-0.6 -0.4 0-0.7 0.2-1 0.6 -0.2 0.3-0.3 0.7-0.3 1.1 0 0.4 0.1 0.8 0.3 1.1 0.2 0.4 0.5 0.6 1 0.6 0.4 0 0.7-0.2 0.9-0.6C96.1 11.9 96.2 11.5 96.2 11.1z\" class=\"a\"/><path d=\"M102.9 13.4h-1v-2.7c0-0.8-0.3-1.2-1-1.2 -0.3 0-0.6 0.1-0.8 0.3s-0.3 0.5-0.3 0.8v2.8h-1v-3.4c0-0.4 0-0.9 0-1.3h0.9l0 0.7h0c0.1-0.2 0.3-0.4 0.5-0.6 0.3-0.2 0.6-0.3 1-0.3 0.4 0 0.8 0.1 1.1 0.4 0.4 0.3 0.5 0.9 0.5 1.6V13.4z\" class=\"a\"/><path d=\"M109.9 9.5h-1.2v2.3c0 0.6 0.2 0.9 0.6 0.9 0.2 0 0.3 0 0.5 0l0 0.8c-0.2 0.1-0.5 0.1-0.8 0.1 -0.4 0-0.7-0.1-1-0.4 -0.2-0.3-0.3-0.7-0.3-1.3V9.5h-0.7V8.7h0.7V7.9l1-0.3v1.2h1.2V9.5z\" class=\"a\"/><path d=\"M115.5 13.4h-1v-2.7c0-0.8-0.3-1.3-0.9-1.3 -0.5 0-0.8 0.2-1 0.7 0 0.1 0 0.2 0 0.4v2.8h-1V6.6h1v2.8h0c0.3-0.5 0.8-0.8 1.4-0.8 0.4 0 0.8 0.1 1.1 0.4 0.4 0.4 0.5 0.9 0.5 1.6V13.4z\" class=\"a\"/><path d=\"M121.2 10.9c0 0.2 0 0.3 0 0.5h-3.1c0 0.5 0.2 0.8 0.5 1.1 0.3 0.2 0.6 0.3 1 0.3 0.5 0 0.9-0.1 1.3-0.2l0.2 0.7c-0.4 0.2-1 0.3-1.6 0.3 -0.7 0-1.3-0.2-1.7-0.6 -0.4-0.4-0.6-1-0.6-1.7 0-0.7 0.2-1.3 0.6-1.8 0.4-0.5 1-0.8 1.6-0.8 0.7 0 1.2 0.3 1.5 0.8C121.1 9.8 121.2 10.3 121.2 10.9zM120.2 10.6c0-0.3-0.1-0.6-0.2-0.8 -0.2-0.3-0.5-0.4-0.8-0.4 -0.3 0-0.6 0.1-0.8 0.4 -0.2 0.2-0.3 0.5-0.3 0.8H120.2z\" class=\"a\"/></svg>\n                </a>\n              </p>\n          \n              <p class=\"grid__item\">\n                <a\n                  href=\"https://play.google.com/store/apps/details?id=com.noodlecake.altosadventure\"\n                  target=\"_blank\"\n                  class=\"widget widget--playstore\">\n                  <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"270\" height=\"80\" viewBox=\"0 0 135.71649 40.018951\"><defs><linearGradient x1=\"31.8\" y1=\"183.29\" x2=\"15.017\" y2=\"166.508\" gradientUnits=\"userSpaceOnUse\" gradientTransform=\"matrix(.8 0 0 -.8 0 161.6)\" id=\"i\"><stop offset=\"0\" stop-color=\"#00a0ff\"/><stop offset=\".007\" stop-color=\"#00a1ff\"/><stop offset=\".26\" stop-color=\"#00beff\"/><stop offset=\".512\" stop-color=\"#00d2ff\"/><stop offset=\".76\" stop-color=\"#00dfff\"/><stop offset=\"1\" stop-color=\"#00e3ff\"/></linearGradient><linearGradient x1=\"43.834\" y1=\"171.999\" x2=\"19.638\" y2=\"171.999\" gradientUnits=\"userSpaceOnUse\" gradientTransform=\"matrix(.8 0 0 -.8 0 161.6)\" id=\"j\"><stop offset=\"0\" stop-color=\"#ffe000\"/><stop offset=\".409\" stop-color=\"#ffbd00\"/><stop offset=\".775\" stop-color=\"orange\"/><stop offset=\"1\" stop-color=\"#ff9c00\"/></linearGradient><linearGradient x1=\"34.827\" y1=\"169.704\" x2=\"12.069\" y2=\"146.946\" gradientUnits=\"userSpaceOnUse\" gradientTransform=\"matrix(.8 0 0 -.8 0 161.6)\" id=\"k\"><stop offset=\"0\" stop-color=\"#ff3a44\"/><stop offset=\"1\" stop-color=\"#c31162\"/></linearGradient><linearGradient x1=\"17.297\" y1=\"191.824\" x2=\"27.46\" y2=\"181.661\" gradientUnits=\"userSpaceOnUse\" gradientTransform=\"matrix(.8 0 0 -.8 0 161.6)\" id=\"l\"><stop offset=\"0\" stop-color=\"#32a071\"/><stop offset=\".069\" stop-color=\"#2da771\"/><stop offset=\".476\" stop-color=\"#15cf74\"/><stop offset=\".801\" stop-color=\"#06e775\"/><stop offset=\"1\" stop-color=\"#00f076\"/></linearGradient><clipPath id=\"a\"><path d=\"M0 0h124v48H0V0z\"/></clipPath><mask maskUnits=\"userSpaceOnUse\" x=\"0\" y=\"0\" width=\"1\" height=\"1\" id=\"m\"><g clip-path=\"url(#a)\"><path d=\"M0 0h124v48H0V0z\" fill-opacity=\".2\"/></g></mask><clipPath id=\"n\"><path d=\"M0 0h124v48H0V0z\"/></clipPath><clipPath id=\"b\"><path d=\"M0 0h124v48H0V0z\"/></clipPath><pattern patternTransform=\"matrix(1 0 0 -1 0 48)\" patternUnits=\"userSpaceOnUse\" width=\"124\" height=\"48\" id=\"o\"><g clip-path=\"url(#b)\"><path d=\"M29.625 20.695l-11.613-6.597c-.65-.37-1.23-.344-1.606-.008l-.058-.063.058-.058c.375-.337.957-.36 1.606.01L29.7 20.62l-.075.075z\"/></g></pattern><clipPath id=\"c\"><path d=\"M0 0h124v48H0V0z\"/></clipPath><mask maskUnits=\"userSpaceOnUse\" x=\"0\" y=\"0\" width=\"1\" height=\"1\" id=\"p\"><g clip-path=\"url(#c)\"><path d=\"M0 0h124v48H0V0z\" fill-opacity=\".12\"/></g></mask><clipPath id=\"q\"><path d=\"M0 0h124v48H0V0z\"/></clipPath><clipPath id=\"d\"><path d=\"M0 0h124v48H0V0z\"/></clipPath><pattern patternTransform=\"matrix(1 0 0 -1 0 48)\" patternUnits=\"userSpaceOnUse\" width=\"124\" height=\"48\" id=\"r\"><g clip-path=\"url(#d)\"><path d=\"M16.348 14.145c-.235.246-.37.628-.37 1.125v-.118c0-.496.135-.88.37-1.125l.058.063-.058.055z\"/></g></pattern><clipPath id=\"e\"><path d=\"M0 0h124v48H0V0z\"/></clipPath><mask maskUnits=\"userSpaceOnUse\" x=\"0\" y=\"0\" width=\"1\" height=\"1\" id=\"s\"><g clip-path=\"url(#e)\"><path d=\"M0 0h124v48H0V0z\" fill-opacity=\".12\"/></g></mask><clipPath id=\"t\"><path d=\"M0 0h124v48H0V0z\"/></clipPath><clipPath id=\"f\"><path d=\"M0 0h124v48H0V0z\"/></clipPath><pattern patternTransform=\"matrix(1 0 0 -1 0 48)\" patternUnits=\"userSpaceOnUse\" width=\"124\" height=\"48\" id=\"u\"><g clip-path=\"url(#f)\"><path d=\"M33.613 22.96l-3.988-2.265.074-.074 3.913 2.224c.56.316.836.734.836 1.156-.048-.38-.333-.75-.837-1.04z\"/></g></pattern><clipPath id=\"g\"><path d=\"M0 0h124v48H0V0z\"/></clipPath><mask maskUnits=\"userSpaceOnUse\" x=\"0\" y=\"0\" width=\"1\" height=\"1\" id=\"v\"><g clip-path=\"url(#g)\"><path d=\"M0 0h124v48H0V0z\" fill-opacity=\".25\"/></g></mask><clipPath id=\"w\"><path d=\"M0 0h124v48H0V0z\"/></clipPath><clipPath id=\"h\"><path d=\"M0 0h124v48H0V0z\"/></clipPath><pattern patternTransform=\"matrix(1 0 0 -1 0 48)\" patternUnits=\"userSpaceOnUse\" width=\"124\" height=\"48\" id=\"x\"><g clip-path=\"url(#h)\"><path d=\"M18.012 33.902l15.6-8.863c.51-.29.79-.66.837-1.04 0 .418-.278.836-.837 1.156l-15.6 8.864c-1.118.632-2.036.105-2.036-1.176v-.114c0 1.278.918 1.805 2.035 1.172z\" fill=\"#fff\"/></g></pattern></defs><path d=\"M130.54 39.943H5.24c-2.755 0-5.012-2.23-5.012-4.954V5.266C.228 2.544 2.485.314 5.24.314h125.3c2.755 0 5.01 2.23 5.01 4.953V34.99c0 2.723-2.255 4.953-5.01 4.953z\"/><path d=\"M130.54 1.108c2.32 0 4.208 1.866 4.208 4.16v29.72c0 2.295-1.888 4.16-4.21 4.16H5.24c-2.32 0-4.208-1.865-4.208-4.16V5.27c0-2.294 1.888-4.16 4.208-4.16h125.3m0-.794H5.24C2.485.314.228 2.544.228 5.267V34.99c0 2.723 2.257 4.953 5.012 4.953h125.3c2.755 0 5.01-2.23 5.01-4.954V5.266c0-2.723-2.255-4.953-5.01-4.953z\" fill=\"#a6a6a6\"/><path d=\"M45.934 16.195c0 .668-.2 1.203-.594 1.602-.453.473-1.043.71-1.766.71-.69 0-1.28-.24-1.765-.718-.486-.485-.728-1.08-.728-1.79s.242-1.305.727-1.785c.483-.48 1.073-.723 1.764-.723.344 0 .672.07.985.203.31.133.565.313.75.535l-.42.422c-.32-.38-.757-.566-1.316-.566-.504 0-.94.176-1.312.53-.367.357-.55.818-.55 1.384s.183 1.03.55 1.387c.37.35.808.53 1.312.53.535 0 .985-.18 1.34-.534.234-.235.367-.56.402-.973h-1.742v-.578h2.324c.028.125.036.246.036.363zM49.62 14.19H47.44v1.52h1.968v.58h-1.968v1.52h2.183v.588h-2.8v-4.796h2.8v.59zM52.223 18.398h-.618V14.19h-1.34v-.588h3.298v.59h-1.34v4.206zM55.95 18.398v-4.796h.616v4.796h-.617zM59.3 18.398h-.612V14.19h-1.344v-.588h3.3v.59h-1.343v4.206zM66.887 17.78c-.473.486-1.06.728-1.758.728-.704 0-1.29-.242-1.763-.727-.472-.483-.707-1.077-.707-1.78 0-.703.235-1.297.707-1.78.473-.486 1.06-.728 1.762-.728.694 0 1.28.242 1.753.73.476.49.71 1.08.71 1.778 0 .703-.234 1.297-.706 1.78zm-3.063-.4c.356.358.79.538 1.305.538.51 0 .948-.18 1.3-.54.355-.358.535-.82.535-1.378 0-.56-.18-1.02-.535-1.38-.352-.358-.79-.538-1.3-.538-.517 0-.95.18-1.306.54-.355.358-.535.82-.535 1.378 0 .56.18 1.02.534 1.38zM68.46 18.398v-4.796h.75l2.333 3.73h.027l-.027-.922v-2.808h.617v4.796h-.644l-2.442-3.914h-.027l.027.926v2.988h-.613z\" fill=\"#fff\" stroke=\"#fff\" stroke-width=\".16\" stroke-miterlimit=\"10\" transform=\"matrix(1.3 0 0 1.2 -9.8 -9.6)\"/><path d=\"M68.526 21.865c-2.354 0-4.277 1.77-4.277 4.214 0 2.423 1.922 4.212 4.276 4.212 2.36 0 4.283-1.79 4.283-4.213 0-2.444-1.924-4.215-4.284-4.215zm0 6.768c-1.29 0-2.403-1.054-2.403-2.554 0-1.52 1.112-2.556 2.403-2.556 1.292 0 2.41 1.035 2.41 2.555 0 1.5-1.118 2.553-2.41 2.553zm-9.333-6.768c-2.36 0-4.278 1.77-4.278 4.214 0 2.423 1.918 4.212 4.278 4.212 2.358 0 4.278-1.79 4.278-4.213 0-2.444-1.92-4.215-4.277-4.215zm0 6.768c-1.293 0-2.408-1.054-2.408-2.554 0-1.52 1.115-2.556 2.408-2.556 1.292 0 2.403 1.035 2.403 2.555 0 1.5-1.11 2.553-2.403 2.553zm-11.107-5.477v1.79h4.327c-.127 1.002-.465 1.737-.984 2.25-.632.62-1.616 1.307-3.344 1.307-2.662 0-4.747-2.124-4.747-4.756s2.084-4.756 4.746-4.756c1.44 0 2.488.558 3.26 1.278l1.277-1.262c-1.08-1.02-2.52-1.804-4.537-1.804-3.65 0-6.72 2.936-6.72 6.545 0 3.61 3.07 6.545 6.72 6.545 1.974 0 3.456-.64 4.62-1.838 1.195-1.18 1.568-2.84 1.568-4.18 0-.416-.035-.798-.098-1.118h-6.09zm45.416 1.39c-.352-.944-1.438-2.68-3.65-2.68-2.194 0-4.02 1.706-4.02 4.213 0 2.36 1.807 4.212 4.23 4.212 1.958 0 3.088-1.18 3.553-1.868l-1.453-.957c-.485.7-1.146 1.166-2.1 1.166-.95 0-1.63-.43-2.065-1.277l5.702-2.332-.198-.48zm-5.814 1.402c-.05-1.625 1.277-2.457 2.227-2.457.744 0 1.376.368 1.586.895l-3.812 1.563zm-4.634 4.088h1.874V17.652h-1.874v12.384zm-3.07-7.233h-.063c-.42-.493-1.223-.938-2.24-.938-2.136 0-4.088 1.852-4.088 4.228 0 2.36 1.952 4.2 4.087 4.2 1.017 0 1.82-.45 2.24-.958h.064v.604c0 1.61-.87 2.476-2.276 2.476-1.145 0-1.855-.817-2.15-1.505l-1.63.674c.47 1.117 1.715 2.49 3.78 2.49 2.198 0 4.052-1.277 4.052-4.386V22.12h-1.776v.683zm-2.144 5.83c-1.292 0-2.373-1.07-2.373-2.54 0-1.485 1.08-2.57 2.373-2.57 1.273 0 2.277 1.085 2.277 2.57 0 1.47-1.004 2.54-2.277 2.54zm24.438-10.98h-4.483v12.383h1.87v-4.693h2.613c2.076 0 4.112-1.485 4.112-3.846 0-2.36-2.04-3.845-4.112-3.845zm.05 5.968h-2.664v-4.246h2.663c1.396 0 2.193 1.146 2.193 2.123 0 .958-.797 2.124-2.193 2.124zm11.555-1.78c-1.35 0-2.755.59-3.333 1.897l1.66.687c.356-.687 1.013-.91 1.707-.91.97 0 1.954.576 1.97 1.593v.13c-.34-.193-1.064-.48-1.955-.48-1.787 0-3.607.973-3.607 2.787 0 1.66 1.463 2.728 3.11 2.728 1.257 0 1.95-.56 2.387-1.213h.064v.956h1.805v-4.75c0-2.196-1.658-3.425-3.807-3.425zm-.225 6.788c-.612 0-1.464-.3-1.464-1.05 0-.958 1.063-1.326 1.983-1.326.823 0 1.21.18 1.71.416-.148 1.147-1.147 1.96-2.23 1.96zm10.61-6.516l-2.147 5.37h-.063l-2.222-5.37h-2.016l3.337 7.503-1.905 4.174h1.954l5.143-11.678h-2.08zm-16.85 7.924h1.874V17.652h-1.874v12.384z\" fill=\"#fff\"/><path d=\"M16.348 33.97c-.235-.247-.37-.63-.37-1.126V15.152c0-.496.135-.88.37-1.125l.058-.054 9.914 9.91v.234l-9.914 9.91-.058-.058z\" fill=\"url(#i)\" transform=\"matrix(1.3 0 0 -1.2 -9.8 49.9)\"/><path d=\"M29.62 20.578l-3.3 3.305v.234l3.305 3.305.074-.043 3.913-2.228c1.117-.632 1.117-1.672 0-2.308L29.7 20.62l-.08-.042z\" fill=\"url(#j)\" transform=\"matrix(1.3 0 0 -1.2 -9.8 49.9)\"/><path d=\"M29.7 20.62L26.32 24l-9.972-9.973c.37-.39.976-.437 1.664-.047L29.7 20.62\" fill=\"url(#k)\" transform=\"matrix(1.3 0 0 -1.2 -9.8 49.9)\"/><path d=\"M29.7 27.38L18.01 34.02c-.688.386-1.293.34-1.664-.05L26.32 24l3.38 3.38z\" fill=\"url(#l)\" transform=\"matrix(1.3 0 0 -1.2 -9.8 49.9)\"/><g mask=\"url(#m)\" transform=\"matrix(1.3 0 0 -1.2 -9.8 49.9)\"><g clip-path=\"url(#n)\"><path d=\"M0 0h124v48H0V0z\" fill=\"url(#o)\"/></g></g><g mask=\"url(#p)\" transform=\"matrix(1.3 0 0 -1.2 -9.8 49.9)\"><g clip-path=\"url(#q)\"><path d=\"M0 0h124v48H0V0z\" fill=\"url(#r)\"/></g></g><g><g mask=\"url(#s)\" transform=\"matrix(1.3 0 0 -1.2 -9.8 49.9)\"><g clip-path=\"url(#t)\"><path d=\"M0 0h124v48H0V0z\" fill=\"url(#u)\"/></g></g></g><g><g mask=\"url(#v)\" transform=\"matrix(1.3 0 0 -1.2 -9.8 49.9)\"><g clip-path=\"url(#w)\"><path d=\"M0 0h124v48H0V0z\" fill=\"url(#x)\"/></g></g></g></svg>\n                </a>\n              </p>\n            </div>\n          \n            <p>\n              <iframe src=\"http://store.steampowered.com/widget/347160/\" frameborder=\"0\" class=\"widget widget--steam\"></iframe>\n            </p>\n          \n            <p>\n              <iframe src=\"https://www.humblebundle.com/widget/v2/product/steredenn/7SDLfk23hw\" frameborder=\"0\" scrolling=\"no\" class=\"widget widget--humble\"></iframe>\n            </p>\n          \n            <p>\n              <iframe src=\"https://itch.io/embed/27992?dark=true\" frameborder=\"0\" class=\"widget widget--itch\"></iframe>\n            </p>\n          \n          \n            <p>\n              <!-- TODO: customize `linkcol` with brand color. -->\n              <iframe src=\"https://bandcamp.com/EmbeddedPlayer/album=1135613467/size=large/bgcol=ffffff/linkcol=3398ff/tracklist=false/artwork=small/transparent=true/\" seamless class=\"widget widget--bandcamp\"></iframe>\n            </p>\n          </section>\n          <section class=\"block\">\n            <h2 id=\"awards\">Awards & Recognition</h2>\n          \n            <ul>\n              <li>\"Game of the year without a doubt\" <cite>Saint-Père-Marc-En-Poulet (France), 04 February, 2016</cite></li>\n              <li>\"Best soundtrack\" <cite>A great game festival (World), 01 October, 2015</cite></li>\n              <li>\"Best MYGAMENGINE game\" <cite>Deep into the woods (Forest), 31 March, 2014</cite></li>\n            </ul>\n          </section>\n          \n          <section class=\"block\">\n            <h2 id=\"articles\">Selected Articles</h2>\n          \n            <ul>\n              <li class=\"quote\">\n                <blockquote class=\"quote__content\" cite=\"http://at.home/\">\n                  This is my favorite game of all time.\n                </blockquote>\n                <cite class=\"quote__author\">\n                  Mum, <a href=\"http://at.home/\">At home</a>\n                </cite>\n              </li>\n              <li class=\"quote\">\n                <blockquote class=\"quote__content\" cite=\"http://mast.er/\">\n                  A very serious quote you&#x27;re very proud of by someone you respect.\n                </blockquote>\n                <cite class=\"quote__author\">\n                  Master, <a href=\"http://mast.er/\">Master&#x27;s website</a>\n                </cite>\n              </li>\n              <li class=\"quote\">\n                <blockquote class=\"quote__content\" cite=\"http://steam.review/\">\n                  10/10 would play it again and again.\n                </blockquote>\n                <cite class=\"quote__author\">\n                  A friendly anonymous Steam reviewer, <a href=\"http://steam.review/\">Steam review</a>\n                </cite>\n              </li>\n            </ul>\n          </section>\n          \n          <section class=\"block\">\n            <h2 id=\"links\">Additional Links</h2>\n          \n            <dl>\n              <dt>Original Soundtrack (OST)</dt>\n              <dd>\n                Composed by an awesome musician. Listen for free, download for $3 at <a href=\"http://zandernoriega.bandcamp.com/album/steredenn-original-soundtrack\">zandernoriega.bandcamp.com</a>.\n              </dd>\n              <dt>Release announcement</dt>\n              <dd>\n                Announcement are exciting, so we usually make blog posts or news about it on <a href=\"http://pixelnest.io/journal/\">pixelnest.io</a>.\n              </dd>\n            </dl>\n          </section>\n          <section class=\"block\">\n            <h2 id=\"about\">About Pizza Burger Studio</h2>\n          \n            <dl>\n              <dt>Boilerplate</dt>\n              <dd>\n              This is a fake presskit for a fake company called Pizza Burger Studio.\n            </dd>\n          \n              <dt>More information</dt>\n              <dd>More information on Pizza Burger Studio, our logo & relevant media are available <a href=\"..\">here</a>.</dd>\n            </dl>\n          </section>\n          \n          <section class=\"block\">\n            <h2 id=\"about_Pixelnest Studio\">About Pixelnest Studio</h2>\n          \n            <dl>\n              <dt>Boilerplate</dt>\n              <dd>Pixelnest Studio is a small French studio which creates games, websites and apps. They made Steredenn, a roguelike-shmup in big pixels. They are also behind presskit.html, which you are probably using if you are reading this.</dd>\n          \n              <dt>More information</dt>\n              <dd>More information on Pixelnest Studio is available <a href=\"https://pixelnest.io/\">here</a>.</dd>\n            </dl>\n          </section>\n          <section class=\"block\">\n            <h2 id=\"about_Pizza Oven LLC\">About Pizza Oven LLC</h2>\n          \n            <dl>\n              <dt>Boilerplate</dt>\n              <dd>This is a fake company to illustrate the fact that you can have multiple about tags in your product page.</dd>\n          \n            </dl>\n          </section>\n          <section class=\"block grid _team-fix-margin-top\">\n            <article class=\"grid__item grid__item--flexible\">\n              <h2 id=\"credits\">My Super Game Credits</h2>\n          \n              <dl>\n                <dt>Krokmou</dt>\n          \n                <dd>\n                    Bot Leader, Game Designer, Pixelnest Studio\n                </dd>\n                <dt>Hiccup</dt>\n          \n                <dd>\n                    Developer, Pixelnest Studio\n                </dd>\n                <dt>Astrid</dt>\n          \n                <dd>\n                    <a href=\"http://www.astridsupergame.com\">Musician, Freelancer</a>\n                </dd>\n              </dl>\n            </article>\n          \n            <article class=\"grid__item grid__item--flexible\">\n              <h2 id=\"contact\">Contact</h2>\n          \n              <dl>\n                <dt>Inquiries</dt>\n          \n                <dd>\n                  <a href=\"mailto:mysupergame@pizzaburger.studio\">mysupergame@pizzaburger.studio</a>\n          \n                </dd>\n                <dt>Twitter</dt>\n          \n                <dd>\n          \n                  <a href=\"\n                  https://twitter.com/pizzaburgerstudio\n                \">twitter.com/pizzaburgerstudio</a>\n                </dd>\n                <dt>Facebook</dt>\n          \n                <dd>\n          \n                  <a href=\"\n                  https://facebook.com/pizzaburgerstudio\n                \">facebook.com/pizzaburgerstudio</a>\n                </dd>\n                <dt>Web</dt>\n          \n                <dd>\n          \n                  <a href=\"\n                  http://mysupergame.pizzaburger.studio/\n                \">mysupergame.pizzaburger.studio</a>\n                </dd>\n              </dl>\n            </article>\n          </section>\n        </main>\n\n        <footer class=\"page-footer\">\n          <a href=\"https://github.com/pixelnest/presskit.html\">presskit.html</a> by <a href=\"http://pixelnest.io\">Pixelnest Studio</a> — original <a href=\"http://dopresskit.com/\">presskit()</a> by Rami Ismail (<a href=\"http://www.vlambeer.com/\">Vlambeer</a>)\n        </footer>\n      </div>\n    </div>\n\n    <script src=\"../js/masonry.min.js\"></script>\n    <script src=\"../js/imagesloaded.min.js\"></script>\n    <script>\n      document.addEventListener('DOMContentLoaded', function onContentLoaded() {\n        // Add masonry layout on the galleries.\n        var galleries = document.querySelectorAll('.gallery');\n    \n        for (var i = 0; i < galleries.length; i++) {\n          (function (index) {\n            var gallery = galleries[index];\n    \n            imagesLoaded(gallery, function onImagesLoaded() {\n              new Masonry(gallery, {\n                itemSelector: '.gallery__item'\n              });\n            });\n          })(i);\n        }\n    \n        // Add mini-player to gifs.\n        var gifLinks = document.querySelectorAll('a[href$=\".gif\"]');\n        for (var i = 0; i < gifLinks.length; i++) {\n          (function (index) {\n            var link = gifLinks[index];\n            var img = link.querySelector('img');\n    \n            // Don't add the mini-player if no thumbnail.\n            // It's already a gif, so no need to turn it on.\n            if (img.src.indexOf('.thumb.jpg') === -1) {\n              return\n            }\n    \n            link.className = 'show-overlay'\n    \n            link.onclick = function (e) {\n              // Make it work on IE8.\n              if (e.preventDefault) {\n                const openLinkInBackground = e.ctrlKey || e.metaKey;\n    \n                // Stop default behavior, except if ctrl/cmd modifier is used.\n                // In this case, we want the link to go through and open\n                // its target in a background tab.\n                if (!openLinkInBackground) e.preventDefault();\n                e.stopPropagation();\n              } else {\n                // We don't care for the special background tab behavior on old IE.\n                e.returnValue = false;\n              }\n    \n              // Remove overlay and remove thumbnail section of the image.\n              link.className = '';\n              img.src = img.src.replace('.thumb.jpg', '');\n    \n              // Remove event listener after first trigger.\n              link.onclick = null;\n            }\n          }(i));\n        }\n      });\n    </script>\n    \n    <script src=\"../js/hamburger.js\"></script>\n    \n    <script>\n      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){\n      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),\n      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)\n      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');\n      ga('create', 'UA-42424242-0', 'auto');\n      ga('send', 'pageview');\n    </script>\n  </body>\n</html>\n"
  },
  {
    "path": "docs/product/index.html",
    "content": "<!DOCTYPE html>\n\n<html>\n<head>\n  <title>Product — presskit.html</title>\n  <meta http-equiv=\"content-type\" content=\"text/html; charset=UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, target-densitydpi=160dpi, initial-scale=1.0, maximum-scale=1.0, user-scalable=0\">\n  <link rel=\"stylesheet\" href=\"../css/docco.css\">\n</head>\n<body>\n  <div id=\"container\">\n    <div id=\"background\"></div>\n    \n    <ul class=\"sections\">\n        \n        \n        \n        <li id=\"section-1\">\n            <div class=\"annotation\">\n              \n              <div class=\"pilwrap \">\n                <a class=\"pilcrow\" href=\"#section-1\">&#182;</a>\n              </div>\n              <h1 id=\"product-presskit-html\">Product — presskit.html</h1>\n\n            </div>\n            \n        </li>\n        \n        \n        <li id=\"section-2\">\n            <div class=\"annotation\">\n              \n              <div class=\"pilwrap \">\n                <a class=\"pilcrow\" href=\"#section-2\">&#182;</a>\n              </div>\n              <p><strong>This is your product or game page</strong>. It should focus on <em>ONLY</em> one product. This is not a replacement for your product’s website, but a quick way for the press to know it faster.</p>\n<p><a href=\"http://pixelnest.io/presskit.html/example/product/\">Check the actual rendered page for the code you’ll find below.</a></p>\n<p>If you don’t have a <code>data.xml</code> yet, the easiest way to start is to run this command in your presskit folder:</p>\n<pre><code class=\"language-bash\">presskit new -t product</code></pre>\n<p>Then, open the generated <code>data.xml</code> file and fill the blanks while following this guide.</p>\n<hr>\n\n<p>For your company’ <code>data.xml</code>, <a href=\"../company/\">refer to the company documentation</a>.</p>\n<hr>\n\n\n            </div>\n            \n        </li>\n        \n        \n        <li id=\"section-3\">\n            <div class=\"annotation\">\n              \n              <div class=\"pilwrap \">\n                <a class=\"pilcrow\" href=\"#section-3\">&#182;</a>\n              </div>\n              <p>Don’t forget to set your XML header correctly.</p>\n\n            </div>\n            \n            <div class=\"content\"><div class='highlight'><pre><span class=\"php\"><span class=\"hljs-meta\">&lt;?</span>xml version=<span class=\"hljs-string\">\"1.0\"</span> encoding=<span class=\"hljs-string\">\"utf-8\"</span><span class=\"hljs-meta\">?&gt;</span></span></pre></div></div>\n            \n        </li>\n        \n        \n        <li id=\"section-4\">\n            <div class=\"annotation\">\n              \n              <div class=\"pilwrap \">\n                <a class=\"pilcrow\" href=\"#section-4\">&#182;</a>\n              </div>\n              <p>Use a <code>&lt;product&gt;</code> or <code>&lt;game&gt;</code> tag.</p>\n\n            </div>\n            \n            <div class=\"content\"><div class='highlight'><pre><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">product</span>&gt;</span></pre></div></div>\n            \n        </li>\n        \n        \n        <li id=\"section-5\">\n            <div class=\"annotation\">\n              \n              <div class=\"pilwrap \">\n                <a class=\"pilcrow\" href=\"#section-5\">&#182;</a>\n              </div>\n              <h2 id=\"general-information\">General Information</h2>\n\n            </div>\n            \n        </li>\n        \n        \n        <li id=\"section-6\">\n            <div class=\"annotation\">\n              \n              <div class=\"pilwrap \">\n                <a class=\"pilcrow\" href=\"#section-6\">&#182;</a>\n              </div>\n              <p>Begin with your product name, website, and miscellaneous information.</p>\n\n            </div>\n            \n            <div class=\"content\"><div class='highlight'><pre>  <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">title</span>&gt;</span>My Super Game<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">title</span>&gt;</span>\n  <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">website</span>&gt;</span>http://pizzaburger.studio/mysupergame<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">website</span>&gt;</span></pre></div></div>\n            \n        </li>\n        \n        \n        <li id=\"section-7\">\n            <div class=\"annotation\">\n              \n              <div class=\"pilwrap \">\n                <a class=\"pilcrow\" href=\"#section-7\">&#182;</a>\n              </div>\n              <p>You can also add an URL to a request page for this product. A button will be displayed on the page.</p>\n\n            </div>\n            \n            <div class=\"content\"><div class='highlight'><pre>  <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">press-copy-request</span>&gt;</span>\n    http://pizzaburger.studio/mysupergame/request/\n  <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">press-copy-request</span>&gt;</span></pre></div></div>\n            \n        </li>\n        \n        \n        <li id=\"section-8\">\n            <div class=\"annotation\">\n              \n              <div class=\"pilwrap \">\n                <a class=\"pilcrow\" href=\"#section-8\">&#182;</a>\n              </div>\n              <p>If you have one or many publishers for this product, you can add them here.</p>\n<p>The <code>&lt;based-in&gt;</code> and <code>&lt;website&gt;</code> tags are optional.</p>\n\n            </div>\n            \n            <div class=\"content\"><div class='highlight'><pre>  <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">partners</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">partner</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">type</span>&gt;</span>Publisher<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">type</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">title</span>&gt;</span>Pixelnest Studio<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">title</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">website</span>&gt;</span>https://pixelnest.io/<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">website</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">based-in</span>&gt;</span>Rennes, France<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">based-in</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">partner</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">partner</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">type</span>&gt;</span>Distributor<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">type</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">title</span>&gt;</span>Pizza Oven LLC<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">title</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">partner</span>&gt;</span>\n  <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">partners</span>&gt;</span></pre></div></div>\n            \n        </li>\n        \n        \n        <li id=\"section-9\">\n            <div class=\"annotation\">\n              \n              <div class=\"pilwrap \">\n                <a class=\"pilcrow\" href=\"#section-9\">&#182;</a>\n              </div>\n              <p>Add as many dates, platforms and prices as needed.</p>\n\n            </div>\n            \n            <div class=\"content\"><div class='highlight'><pre>  <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">release-dates</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">release-date</span>&gt;</span>04 Feb, 2016<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">release-date</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">release-date</span>&gt;</span>10 Oct, 2016<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">release-date</span>&gt;</span>\n  <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">release-dates</span>&gt;</span></pre></div></div>\n            \n        </li>\n        \n        \n        <li id=\"section-10\">\n            <div class=\"annotation\">\n              \n              <div class=\"pilwrap \">\n                <a class=\"pilcrow\" href=\"#section-10\">&#182;</a>\n              </div>\n              <p>Put all the platforms your product is available on.</p>\n<p><code>&lt;link&gt;</code> tag is optional.</p>\n\n            </div>\n            \n            <div class=\"content\"><div class='highlight'><pre>  <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">platforms</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">platform</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">name</span>&gt;</span>PC / Mac<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">name</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">link</span>&gt;</span>http://itch.io/<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">link</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">platform</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">platform</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">name</span>&gt;</span>Steam<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">name</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">link</span>&gt;</span>http://steampowered.com/<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">link</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">platform</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">platform</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">name</span>&gt;</span>Inc New Store (TBA)<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">name</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">platform</span>&gt;</span>\n  <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">platforms</span>&gt;</span></pre></div></div>\n            \n        </li>\n        \n        \n        <li id=\"section-11\">\n            <div class=\"annotation\">\n              \n              <div class=\"pilwrap \">\n                <a class=\"pilcrow\" href=\"#section-11\">&#182;</a>\n              </div>\n              <p>Show the price of your product. Try to be exhaustive, it will be helpful for a reviewer.</p>\n\n            </div>\n            \n            <div class=\"content\"><div class='highlight'><pre>  <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">prices</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">price</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">currency</span>&gt;</span>EUR<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">currency</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">value</span>&gt;</span>20<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">value</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">price</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">price</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">currency</span>&gt;</span>USD<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">currency</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">value</span>&gt;</span>20<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">value</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">price</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">price</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">currency</span>&gt;</span>GBP<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">currency</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">value</span>&gt;</span>16<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">value</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">price</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">price</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">currency</span>&gt;</span>JPY<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">currency</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">value</span>&gt;</span>2300<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">value</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">price</span>&gt;</span>\n  <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">prices</span>&gt;</span></pre></div></div>\n            \n        </li>\n        \n        \n        <li id=\"section-12\">\n            <div class=\"annotation\">\n              \n              <div class=\"pilwrap \">\n                <a class=\"pilcrow\" href=\"#section-12\">&#182;</a>\n              </div>\n              <h2 id=\"relations\">Relations</h2>\n\n            </div>\n            \n        </li>\n        \n        \n        <li id=\"section-13\">\n            <div class=\"annotation\">\n              \n              <div class=\"pilwrap \">\n                <a class=\"pilcrow\" href=\"#section-13\">&#182;</a>\n              </div>\n              <p>You can specify relations between products using the <code>&lt;relations&gt;</code> tag.</p>\n<p>Then, on this page product, you will see a new line in the factsheet:</p>\n<pre><code>DLC:\nMy Super Game: Ultimate Edition</code></pre><p>Of course, the <code>Product Name</code> value is clickable.</p>\n<p>In the related product page, a new value will also be added:</p>\n<pre><code>DLC of:\nMy Super Game</code></pre><p><em>Obviously, since the name we provide in the example is not a real product (ie., the product data.xml does not exist), this tag will be ignored for this page.</em></p>\n<p>You can have as many relations as you want. You can use it to show DLCs, expansions, sequels, prequels, etc.</p>\n<p><strong>Warning</strong>: you need to rebuild the presskit to see the changes.</p>\n\n            </div>\n            \n            <div class=\"content\"><div class='highlight'><pre>  <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">relations</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">relation</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">type</span>&gt;</span>DLC<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">type</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">product</span>&gt;</span>My Super Game: Ultimate Edition<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">product</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">relation</span>&gt;</span>\n  <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">relations</span>&gt;</span></pre></div></div>\n            \n        </li>\n        \n        \n        <li id=\"section-14\">\n            <div class=\"annotation\">\n              \n              <div class=\"pilwrap \">\n                <a class=\"pilcrow\" href=\"#section-14\">&#182;</a>\n              </div>\n              <h2 id=\"description-history\">Description &amp; History</h2>\n\n            </div>\n            \n        </li>\n        \n        \n        <li id=\"section-15\">\n            <div class=\"annotation\">\n              \n              <div class=\"pilwrap \">\n                <a class=\"pilcrow\" href=\"#section-15\">&#182;</a>\n              </div>\n              <p>Describe your product here. Be brief.</p>\n\n            </div>\n            \n            <div class=\"content\"><div class='highlight'><pre>  <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">description</span>&gt;</span>\n    Here goes a quick description of your product or game. Be concise and explain in very few words the concept or the gameplay and why it's really cool and why everyone should use or play it.\n  <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">description</span>&gt;</span></pre></div></div>\n            \n        </li>\n        \n        \n        <li id=\"section-16\">\n            <div class=\"annotation\">\n              \n              <div class=\"pilwrap \">\n                <a class=\"pilcrow\" href=\"#section-16\">&#182;</a>\n              </div>\n              <p>Tell the story of your product with the <code>&lt;history&gt;</code> tag.</p>\n<p>You have two possibilities here.</p>\n<ul>\n<li>Use an <code>&lt;history&gt;</code> block like in the example.</li>\n<li>Or use an <code>&lt;histories&gt;</code> block if you have tons of things to say.</li>\n</ul>\n<p>You can’t have both.</p>\n<p>You can see an example of the <code>&lt;histories&gt;</code> block in the company page.</p>\n\n            </div>\n            \n            <div class=\"content\"><div class='highlight'><pre>  <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">history</span>&gt;</span>\n    Add some storytelling here. Not the scenario of your game, but rather some backgrounds behind the creation process: why are you making this game? Most projects starts with a cool story.\n  <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">history</span>&gt;</span></pre></div></div>\n            \n        </li>\n        \n        \n        <li id=\"section-17\">\n            <div class=\"annotation\">\n              \n              <div class=\"pilwrap \">\n                <a class=\"pilcrow\" href=\"#section-17\">&#182;</a>\n              </div>\n              <h2 id=\"features\">Features</h2>\n\n            </div>\n            \n        </li>\n        \n        \n        <li id=\"section-18\">\n            <div class=\"annotation\">\n              \n              <div class=\"pilwrap \">\n                <a class=\"pilcrow\" href=\"#section-18\">&#182;</a>\n              </div>\n              <p>Show the most important features of your product.</p>\n<p>Focus on what is really important and is a key aspect of it.</p>\n\n            </div>\n            \n            <div class=\"content\"><div class='highlight'><pre>  <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">features</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">feature</span>&gt;</span>\n      List some \"Key Sellings Points\" to grab player's attention.\n    <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">feature</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">feature</span>&gt;</span>\n      Don't be too generic (\"pixel art graphics!\"), don't be too pretentious (\"most incredible game experience!\").\n    <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">feature</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">feature</span>&gt;</span>\n      Also, people like numbers, so you can add some (450 weapons, hundreds of levels, dozens of hours of playtime!).\n    <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">feature</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">feature</span>&gt;</span>\n      Need ideas? Maybe explain some game modes?\n    <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">feature</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">feature</span>&gt;</span>\n      It would be a nice place to say something about multiplayer, if you have some.\n    <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">feature</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">feature</span>&gt;</span>\n      Have you translated your game? (You probably should btw.)\n    <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">feature</span>&gt;</span>\n  <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">features</span>&gt;</span></pre></div></div>\n            \n        </li>\n        \n        \n        <li id=\"section-19\">\n            <div class=\"annotation\">\n              \n              <div class=\"pilwrap \">\n                <a class=\"pilcrow\" href=\"#section-19\">&#182;</a>\n              </div>\n              <h2 id=\"trailers\">Trailers</h2>\n\n            </div>\n            \n        </li>\n        \n        \n        <li id=\"section-20\">\n            <div class=\"annotation\">\n              \n              <div class=\"pilwrap \">\n                <a class=\"pilcrow\" href=\"#section-20\">&#182;</a>\n              </div>\n              <p>Add your videos. Trailer, teaser, snippets? Let’s roll!</p>\n<p>You can use YouTube and/or Vimeo. Only one is needed, and only one is recommended.</p>\n<p>Don’t put the full link: just the ID is necessary.</p>\n<p>If you want to provide a link to download the video, add this tag in <code>&lt;trailer&gt;</code>:</p>\n<pre><code><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">download</span>&gt;</span>https://example.com/video.mp4<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">download</span>&gt;</span></code></pre>\n            </div>\n            \n            <div class=\"content\"><div class='highlight'><pre>  <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">trailers</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">trailer</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">name</span>&gt;</span>Release Trailer<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">name</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">youtube</span>&gt;</span>EtXajayBLzw<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">youtube</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">trailer</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">trailer</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">name</span>&gt;</span>Gameplay Video #2<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">name</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">youtube</span>&gt;</span>EPNK1j3TMjU<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">youtube</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">trailer</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">trailer</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">name</span>&gt;</span>Early Access Trailer<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">name</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">youtube</span>&gt;</span>EtyQMcc19xY<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">youtube</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">trailer</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">trailer</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">name</span>&gt;</span>Short gameplay preview: Burger vs Pizza<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">name</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">download</span>&gt;</span>https://github.com/pixelnest/presskit.html<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">download</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">trailer</span>&gt;</span>\n  <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">trailers</span>&gt;</span></pre></div></div>\n            \n        </li>\n        \n        \n        <li id=\"section-21\">\n            <div class=\"annotation\">\n              \n              <div class=\"pilwrap \">\n                <a class=\"pilcrow\" href=\"#section-21\">&#182;</a>\n              </div>\n              <h2 id=\"widgets\">Widgets</h2>\n\n            </div>\n            \n        </li>\n        \n        \n        <li id=\"section-22\">\n            <div class=\"annotation\">\n              \n              <div class=\"pilwrap \">\n                <a class=\"pilcrow\" href=\"#section-22\">&#182;</a>\n              </div>\n              <p>Add your widgets to your product here.</p>\n<p>If the product is not a game or an app, you won’t probably need that.</p>\n<p>We only need the ID of the product on the store.</p>\n<p>This section is <strong>optional</strong>, and you can use as many widgets (or none) as you want.</p>\n<p><strong>Warning: widgets import many scripts and assets. This may have a penalty on your page size and responsiveness.</strong></p>\n\n            </div>\n            \n            <div class=\"content\"><div class='highlight'><pre>  <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">widgets</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">appstore</span>&gt;</span>950812012<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">appstore</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">playstore</span>&gt;</span>com.noodlecake.altosadventure<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">playstore</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">steam</span>&gt;</span>347160<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">steam</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">humble</span>&gt;</span>steredenn/7SDLfk23hw<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">humble</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">itch</span>&gt;</span>27992<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">itch</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">bandcamp</span>&gt;</span>1135613467<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">bandcamp</span>&gt;</span>\n  <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">widgets</span>&gt;</span></pre></div></div>\n            \n        </li>\n        \n        \n        <li id=\"section-23\">\n            <div class=\"annotation\">\n              \n              <div class=\"pilwrap \">\n                <a class=\"pilcrow\" href=\"#section-23\">&#182;</a>\n              </div>\n              <h2 id=\"awards-quotes-links\">Awards, quotes &amp; links</h2>\n\n            </div>\n            \n        </li>\n        \n        \n        <li id=\"section-24\">\n            <div class=\"annotation\">\n              \n              <div class=\"pilwrap \">\n                <a class=\"pilcrow\" href=\"#section-24\">&#182;</a>\n              </div>\n              <p>You got awards for this product? Great! Put them here.</p>\n<p><strong>Optional.</strong></p>\n\n            </div>\n            \n            <div class=\"content\"><div class='highlight'><pre>  <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">awards</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">award</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">description</span>&gt;</span>Game of the year without a doubt<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">description</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">info</span>&gt;</span>Saint-Père-Marc-En-Poulet (France), 04 February, 2016<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">info</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">award</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">award</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">description</span>&gt;</span>Best soundtrack<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">description</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">info</span>&gt;</span>A great game festival (World), 01 October, 2015<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">info</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">award</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">award</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">description</span>&gt;</span>Best MYGAMENGINE game<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">description</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">info</span>&gt;</span>Deep into the woods (Forest), 31 March, 2014<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">info</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">award</span>&gt;</span>\n  <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">awards</span>&gt;</span></pre></div></div>\n            \n        </li>\n        \n        \n        <li id=\"section-25\">\n            <div class=\"annotation\">\n              \n              <div class=\"pilwrap \">\n                <a class=\"pilcrow\" href=\"#section-25\">&#182;</a>\n              </div>\n              <p>Quotes are used to show the appreciation of your users.</p>\n<p>Show something important, something nice, or something funny, for example.</p>\n<p><strong>Optional.</strong></p>\n\n            </div>\n            \n            <div class=\"content\"><div class='highlight'><pre>  <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">quotes</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">quote</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">description</span>&gt;</span>This is my favorite game of all time.<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">description</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">name</span>&gt;</span>Mum<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">name</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">website</span>&gt;</span>At home<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">website</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">link</span>&gt;</span>http://at.home/<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">link</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">quote</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">quote</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">description</span>&gt;</span>A very serious quote you're very proud of by someone you respect.<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">description</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">name</span>&gt;</span>Master<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">name</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">website</span>&gt;</span>Master's website<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">website</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">link</span>&gt;</span>http://mast.er/<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">link</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">quote</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">quote</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">description</span>&gt;</span>10/10 would play it again and again.<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">description</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">name</span>&gt;</span>A friendly anonymous Steam reviewer<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">name</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">website</span>&gt;</span>Steam review<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">website</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">link</span>&gt;</span>http://steam.review/<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">link</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">quote</span>&gt;</span>\n  <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">quotes</span>&gt;</span></pre></div></div>\n            \n        </li>\n        \n        \n        <li id=\"section-26\">\n            <div class=\"annotation\">\n              \n              <div class=\"pilwrap \">\n                <a class=\"pilcrow\" href=\"#section-26\">&#182;</a>\n              </div>\n              <p>Need to link to a resource? A small product? An RSS feed? An OST?</p>\n<p>A press release?</p>\n<p>Put those here, in the <code>&lt;additionals&gt;</code> tag.</p>\n<p><strong>Optional.</strong></p>\n\n            </div>\n            \n            <div class=\"content\"><div class='highlight'><pre>  <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">additionals</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">additional</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">title</span>&gt;</span>Original Soundtrack (OST)<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">title</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">description</span>&gt;</span>Composed by an awesome musician. Listen for free, download for $3 at<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">description</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">link</span>&gt;</span>http://zandernoriega.bandcamp.com/album/steredenn-original-soundtrack<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">link</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">additional</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">additional</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">title</span>&gt;</span>Release announcement<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">title</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">description</span>&gt;</span>Announcement are exciting, so we usually make blog posts or news about it on<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">description</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">link</span>&gt;</span>http://pixelnest.io/journal/<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">link</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">additional</span>&gt;</span>\n  <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">additionals</span>&gt;</span></pre></div></div>\n            \n        </li>\n        \n        \n        <li id=\"section-27\">\n            <div class=\"annotation\">\n              \n              <div class=\"pilwrap \">\n                <a class=\"pilcrow\" href=\"#section-27\">&#182;</a>\n              </div>\n              <h2 id=\"about\">About</h2>\n\n            </div>\n            \n        </li>\n        \n        \n        <li id=\"section-28\">\n            <div class=\"annotation\">\n              \n              <div class=\"pilwrap \">\n                <a class=\"pilcrow\" href=\"#section-28\">&#182;</a>\n              </div>\n              <p>An “About Your Company” section is automatically generated from the content of the company page.</p>\n<p>This <abouts> tag is completely <strong>optional</strong>. If you don’t want this section, just delete it. But sometimes, you want to add a description for a partner.</p>\n<p>This is this the place to do it.</p>\n<p>For example, if you have a publisher, you can speak a bit more about it here.</p>\n<p>Most of the time, you should link that to the <partner> tag above, if you want to explain a partner a bit more. But you could use this section for other purpose.</p>\n<p>The <link> tag is optional.</p>\n\n            </div>\n            \n            <div class=\"content\"><div class='highlight'><pre>  <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">abouts</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">about</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">title</span>&gt;</span>Pixelnest Studio<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">title</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">description</span>&gt;</span>Pixelnest Studio is a small French studio which creates games, websites and apps. They made Steredenn, a roguelike-shmup in big pixels. They are also behind presskit.html, which you are probably using if you are reading this.<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">description</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">link</span>&gt;</span>https://pixelnest.io/<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">link</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">about</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">about</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">title</span>&gt;</span>Pizza Oven LLC<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">title</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">description</span>&gt;</span>This is a fake company to illustrate the fact that you can have multiple about tags in your product page.<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">description</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">about</span>&gt;</span>\n  <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">abouts</span>&gt;</span></pre></div></div>\n            \n        </li>\n        \n        \n        <li id=\"section-29\">\n            <div class=\"annotation\">\n              \n              <div class=\"pilwrap \">\n                <a class=\"pilcrow\" href=\"#section-29\">&#182;</a>\n              </div>\n              <h2 id=\"team-contacts\">Team &amp; Contacts</h2>\n\n            </div>\n            \n        </li>\n        \n        \n        <li id=\"section-30\">\n            <div class=\"annotation\">\n              \n              <div class=\"pilwrap \">\n                <a class=\"pilcrow\" href=\"#section-30\">&#182;</a>\n              </div>\n              <p>This is for the product team.</p>\n<p>Add yourself, of course, but also your collaborators, freelancers and/or partners for example.</p>\n<p>The <code>&lt;role&gt;</code> tag can be anything you want. But we recommend to, at least, put the company name for the founders/employees. This will distinguish this person from the external collaborators.</p>\n<p>The <code>&lt;website&gt;</code> tag is optional.</p>\n\n            </div>\n            \n            <div class=\"content\"><div class='highlight'><pre>  <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">credits</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">credit</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">person</span>&gt;</span>Krokmou<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">person</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">role</span>&gt;</span>Bot Leader, Game Designer, Pixelnest Studio<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">role</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">credit</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">credit</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">person</span>&gt;</span>Hiccup<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">person</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">role</span>&gt;</span>Developer, Pixelnest Studio<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">role</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">credit</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">credit</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">person</span>&gt;</span>Astrid<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">person</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">website</span>&gt;</span>http://www.astridsupergame.com<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">website</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">role</span>&gt;</span>Musician, Freelancer<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">role</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">credit</span>&gt;</span>\n  <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">credits</span>&gt;</span></pre></div></div>\n            \n        </li>\n        \n        \n        <li id=\"section-31\">\n            <div class=\"annotation\">\n              \n              <div class=\"pilwrap \">\n                <a class=\"pilcrow\" href=\"#section-31\">&#182;</a>\n              </div>\n              <p>Add more contact information.</p>\n<p>Add links to your product social accounts, as well as mail specific to this product. And the website.</p>\n<p>For each item, pick one between a <code>&lt;link&gt;</code> and <code>&lt;mail&gt;</code> tag.</p>\n\n            </div>\n            \n            <div class=\"content\"><div class='highlight'><pre>  <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">contacts</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">contact</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">name</span>&gt;</span>Inquiries<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">name</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">mail</span>&gt;</span>mysupergame@pizzaburger.studio<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">mail</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">contact</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">contact</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">name</span>&gt;</span>Twitter<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">name</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">link</span>&gt;</span>\n        https://twitter.com/pizzaburgerstudio\n      <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">link</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">contact</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">contact</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">name</span>&gt;</span>Facebook<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">name</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">link</span>&gt;</span>\n        https://facebook.com/pizzaburgerstudio\n      <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">link</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">contact</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">contact</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">name</span>&gt;</span>Web<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">name</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">link</span>&gt;</span>\n        http://mysupergame.pizzaburger.studio/\n      <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">link</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">contact</span>&gt;</span>\n  <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">contacts</span>&gt;</span></pre></div></div>\n            \n        </li>\n        \n        \n        <li id=\"section-32\">\n            <div class=\"annotation\">\n              \n              <div class=\"pilwrap \">\n                <a class=\"pilcrow\" href=\"#section-32\">&#182;</a>\n              </div>\n              <p>All done! 🍾</p>\n\n            </div>\n            \n            <div class=\"content\"><div class='highlight'><pre><span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">product</span>&gt;</span></pre></div></div>\n            \n        </li>\n        \n    </ul>\n  </div>\n</body>\n</html>\n"
  },
  {
    "path": "documentation",
    "content": "#!/usr/bin/env bash\n\nBASEDIR=$(dirname $0)\ncd $BASEDIR\n\nBIN=$(npm bin)\n\n$BIN/docco -l classic -o docs/company data/data.xml\n$BIN/docco -l classic -o docs/product data/product/data.xml\n\n# Use custom CSS.\nCSS_BASE='<link rel=\"stylesheet\" media=\"all\" href=\"docco.css\" />'\nCSS_MODIFIED='<link rel=\"stylesheet\" href=\"../css/docco.css\">'\nsed \"s#$CSS_BASE#$CSS_MODIFIED#\" docs/company/data.html > docs/company/index.html\nsed \"s#$CSS_BASE#$CSS_MODIFIED#\" docs/product/data.html > docs/product/index.html\n\n# Clean.\nrm {docs/company/data.html,docs/product/data.html}\nrm {docs/company/docco.css,docs/product/docco.css}\n"
  },
  {
    "path": "lib/assets.js",
    "content": "'use strict'\n\nconst path = require('upath')\n\n// -------------------------------------------------------------\n// Constants.\n// -------------------------------------------------------------\n\nconst assets = path.join(__dirname, '../assets')\n\nconst cssFolder = path.join(assets, 'css')\n\nconst assetsToCopy = [\n  path.join(assets, 'css/normalize.css'),\n  path.join(assets, 'css/print.css'),\n  path.join(assets, 'js/hamburger.js'),\n  path.join(assets, 'js/imagesloaded.min.js'),\n  path.join(assets, 'js/masonry.min.js')\n]\n\nconst companyTemplate = path.join(assets, 'templates/company.xml')\nconst productTemplate = path.join(assets, 'templates/product.xml')\n\nconst imagesFolderName = 'images'\nconst authorizedImageFormats = ['.jpg', '.jpeg', '.png', '.gif']\n\n// -------------------------------------------------------------\n// Exports.\n// -------------------------------------------------------------\n\nmodule.exports = {\n  assets,\n  cssFolder,\n  assetsToCopy,\n  imagesFolderName,\n  authorizedImageFormats,\n  companyTemplate,\n  productTemplate\n}\n"
  },
  {
    "path": "lib/config.js",
    "content": "'use strict'\n\n// -------------------------------------------------------------\n// Module.\n// -------------------------------------------------------------\n\nconst config = {\n  commands: {\n    build: {},\n    new: {}\n  }\n}\n\n// -------------------------------------------------------------\n// Exports.\n// -------------------------------------------------------------\n\nmodule.exports = config\n"
  },
  {
    "path": "lib/core/builder.js",
    "content": "'use strict'\n\nconst fs = require('fs')\nconst path = require('upath')\nconst chalk = require('chalk')\nconst sharp = require('sharp')\n\nconst packageVersion = require('../../package.json').version\n\nconst console = require('../helpers/color-console')\nconst sfs = require('../helpers/sfs')\nconst zip = require('../helpers/zip')\n\nconst { createTemplate } = require('./template')\n\nconst config = require('../config')\nconst { imagesFolderName, authorizedImageFormats } = require('../assets')\n\n// -------------------------------------------------------------\n// Module.\n// -------------------------------------------------------------\n\nasync function build (dataFilePath, presskit, {\n  company = {},\n  products = [],\n  analytics = ''\n} = {}) {\n  const buildFolder = createAndGetBuildFolder()\n  const pageFolder = getPageFolder(buildFolder, dataFilePath, presskit)\n\n  // Create the page folder.\n  sfs.createDir(pageFolder)\n\n  const htmlFilePath = getHtmlFilePath(pageFolder)\n  console.log(`- \"${presskit.title}\" -> ${chalk.blue(htmlFilePath)}`)\n\n  // Templates and images.\n  const template = createTemplate(presskit.type, pageFolder)\n  const assetsSource = getImagesFolder(dataFilePath)\n  const images = getImages(assetsSource)\n\n  // Copy images and zips to the page folder.\n  const assetsTarget = path.join(pageFolder, imagesFolderName)\n  sfs.copyDirContent(assetsSource, assetsTarget)\n\n  // Add thumbnails on the screenshot images.\n  // Because the thumbnails are not in the `images` object, they won't\n  // be added to the zips. Neat.\n  if (!config.commands.build.ignoreThumbnails) {\n    await createThumbnails(assetsTarget, images.screenshots)\n  }\n\n  // This must be done after `sfs.copyDirContent`.\n  // Otherwise, we might override existing archives.\n  exportArchives(images, assetsSource, assetsTarget)\n\n  // Apply data to template.\n  const html = template({\n    presskit,\n    company,\n    products,\n    images: sortScreenshotsByCategories(images),\n    assets: (presskit.type === 'company' || presskit.topLevel ? '.' : '..'),\n    analytics,\n\n    // Handlebars can't check for equality, so we provide two\n    // variables to differentiate a product and a company sheet.\n    isCompany: presskit.type === 'company',\n    isProduct: presskit.type === 'product',\n\n    // Same to know if a presskit has any screenshots.\n    hasScreenshots: images.screenshots && images.screenshots.length > 0,\n\n    // Additional build options:\n    hamburger: config.commands.build.hamburger,\n\n    // Misc.\n    buildVersion: packageVersion,\n    buildTime: new Date().getTime()\n  })\n\n  // Export the HTML to a file.\n  fs.writeFileSync(htmlFilePath, html)\n\n  // And return the relative path from `build/`.\n  return path.relative(buildFolder, htmlFilePath)\n}\n\n// -------------------------------------------------------------\n// Folders.\n// -------------------------------------------------------------\n\nfunction createAndGetBuildFolder () {\n  const destination = config.commands.build.output\n  sfs.createDir(destination)\n\n  return destination\n}\n\nfunction getHtmlFilePath (pageFolder) {\n  return path.join(pageFolder, 'index.html')\n}\n\nfunction getPageFolder (buildFolder, dataFilePath, presskit) {\n  // Logic:\n  // - Company page should be placed in the root folder.\n  // - Top-level products (standalone game presskits) go to the root folder too.\n  // - But each other product page is a subfolder.\n\n  if (presskit.type === 'company' || presskit.topLevel) {\n    return buildFolder\n  }\n\n  const productFolderName = path.basename(path.dirname(dataFilePath))\n  return path.join(buildFolder, productFolderName)\n}\n\n// Get an absolute page url from its location in the build process.\nfunction getAbsolutePageUrl (dataFilePath, presskit) {\n  const buildFolder = createAndGetBuildFolder()\n  const pageFolder = getPageFolder(buildFolder, dataFilePath, presskit)\n\n  const htmlFilePath = getHtmlFilePath(pageFolder)\n  const relativePath = path.posix.relative(buildFolder, htmlFilePath)\n\n  return path.posix.join(config.commands.build.baseUrl, relativePath)\n}\n\n// -------------------------------------------------------------\n// Images.\n// -------------------------------------------------------------\n\n// Get the folder containing the images.\nfunction getImagesFolder (dataFile) {\n  const stat = fs.statSync(dataFile)\n  const dataFileFolder = stat.isFile() ? path.dirname(dataFile) : dataFile\n\n  return path.join(dataFileFolder, imagesFolderName)\n}\n\n// Get the images in the source, and sort them by types.\n// We are interested in three types of images:\n// - the header, starting with 'header'.\n// - the logos, starting with 'logo'.\n// - And the rest (what we call \"screenshots\").\nfunction getImages (source) {\n  if (!fs.existsSync(source)) {\n    console.error(`No images found for \"${source}\"`, '🤔')\n    return { header: null, screenshots: [], logos: [] }\n  }\n\n  const images = { header: null, screenshots: [], logos: [] }\n\n  sfs.findAllFiles(source)\n    .forEach(filePathWithSource => {\n      // Remove 'path/to/images' from 'path/to/images/filename'.\n      // ie, 'data/product/images/burger01.png' becomes 'burger01.png'.\n      // This is super important. We only need this portion for:\n      // - the comparison below\n      // - the url on the site\n      // - the copy to the built presskit\n      const f = path.relative(source, filePathWithSource)\n\n      // Authorize only these formats.\n      const ext = path.extname(f)\n      if (!authorizedImageFormats.includes(ext)) return\n\n      // Ignore favicon.\n      if (f.toLowerCase() === 'favicon.ico') return\n\n      // And put in the correct category.\n      if (f.toLowerCase().startsWith('header')) {\n        images.header = f\n      } else if (f.toLowerCase().startsWith('logo')) {\n        images.logos.push(f)\n      } else {\n        images.screenshots.push(f)\n      }\n    })\n\n  return images\n}\n\n// This function takes a list of images and separate the images which are\n// in a folder into separate categories.\n//\n// **Pure function.**\n//\n//   Example:\n//     - burger01.png\n//     - gifs/burger02.png\n//     - wallpapers/burger03.png\n//     - wallpapers/burger04.png\n//   → {\n//     ...\n//     screenshots: ['burger01.png']\n//     screenshotsWithCategory: {\n//       gifs: {title: 'gifs', elements: ['gifs/burger02.png']}\n//       wallpapers: {title: 'gifs', elements: ['wallpapers/burger03.png', 'wallpapers/burger04.png']}\n//     }\n//     ...\n//   }\nfunction sortScreenshotsByCategories (images) {\n  const clone = { ...images }\n\n  // Abort early if no screenshots.\n  const screenshots = clone.screenshots\n  if (!screenshots) return clone\n\n  // We put category-less screenshots first. This is important.\n  const result = []\n  const withCategories = {}\n\n  for (const i of screenshots) {\n    // We get the category from the dirname.\n    const category = path.dirname(i)\n\n    // Separate the screenshots which are at the root of the images folder.\n    // They must be first, so we store them in another array.\n    if (category === '.') {\n      result.push(i)\n    } else {\n      // Create a new category first.\n      if (!withCategories[category]) {\n        withCategories[category] = {}\n        withCategories[category].title = category\n        withCategories[category].elements = []\n      }\n\n      withCategories[category].elements.push(i)\n    }\n  }\n\n  clone.screenshots = result\n  clone.screenshotsWithCategory = withCategories\n  return clone\n}\n\n// Create thumbnails.\n// For each provided images, generate a low-res jpg thumbnail.\n// Even for gif.\n//\n// We don't check if the format of the images is valid,\n// since the check is already done when constructing the images object.\nasync function createThumbnails (target, images) {\n  for (const x of images) {\n    const imagePath = path.join(target, x)\n    const thumbPath = path.join(target, `${x}.thumb.jpg`)\n\n    try {\n      // Background and flatten are for transparent PNGs/Gifs.\n      // We force a white background here.\n\n      await sharp(imagePath)\n        .resize(450)\n        .flatten({ background: { r: 255, g: 255, b: 255, alpha: 1 } })\n        .jpeg()\n        .toFile(thumbPath)\n    } catch (e) {\n      const msg = chalk.dim(`(${e.message})`)\n      console.warn(`The '${chalk.bold(x)}' thumbnail has not been generated. ${msg}`)\n    }\n  }\n}\n\n// -------------------------------------------------------------\n// Archives.\n// -------------------------------------------------------------\n\n// Export archives for screenshots and logos.\nfunction exportArchives (images, source, target) {\n  if (!images) return\n\n  createArchive('images.zip', target, source, images.screenshots)\n  createArchive('logo.zip', target, source, images.logos)\n}\n\nfunction createArchive (name, target, source, files) {\n  if (!files) return\n\n  // Do not override an existing archive.\n  if (fs.existsSync(path.join(source, name))) {\n    console.warn(`An existing archive named ${chalk.blue(name)} has been found in the assets. Keeping it…`)\n    return\n  }\n\n  zip(name, target, source, files)\n}\n\n// -------------------------------------------------------------\n// Exports.\n// -------------------------------------------------------------\n\nmodule.exports = {\n  build,\n  getAbsolutePageUrl,\n  createAndGetBuildFolder\n}\n"
  },
  {
    "path": "lib/core/generator.js",
    "content": "'use strict'\n\nconst { promisify } = require('util')\nconst fs = require('fs')\nconst readFilePromised = promisify(fs.readFile)\nconst writeFilePromised = promisify(fs.writeFile)\nconst path = require('upath')\n\nconst chalk = require('chalk')\n\nconst console = require('../helpers/color-console')\nconst sfs = require('../helpers/sfs')\nconst { installWatcher, installDevelopmentWatcher } = require('../helpers/watcher')\n\nconst { build, createAndGetBuildFolder, getAbsolutePageUrl } = require('./builder')\nconst loader = require('./loader')\n\nconst { assetsToCopy, cssFolder } = require('../assets')\nconst config = require('../config')\n\n// -------------------------------------------------------------\n// Module.\n// -------------------------------------------------------------\n\nasync function generate (entryPoint) {\n  console.log(`Starting directory: ${chalk.green(entryPoint)}`)\n\n  cleanBuildFolder()\n\n  const pages = findData(entryPoint)\n\n  if (countDataFiles(pages) === 0) {\n    console.log('')\n    console.warn('No data files found!')\n    return\n  }\n\n  await generateHTML(pages)\n  await exportAdditionalAssets()\n\n  console.log('')\n  console.log('Done! 👌')\n\n  if (config.commands.build.watch) {\n    const port = config.commands.build.port\n    const address = chalk.green(`http://localhost:${port}/`)\n    showHeader(`Watching and serving files from ${address}`)\n    startWatcher(entryPoint, () => generateHTML(findData(entryPoint)).catch(err => console.error(err.message)))\n  }\n}\n\nfunction cleanBuildFolder () {\n  if (!config.commands.build.cleanBuildFolder) return\n\n  showHeader('Cleaning build folder')\n  fs.rmSync(createAndGetBuildFolder(), { recursive: true, force: true })\n}\n\nfunction findData (entryPoint) {\n  showHeader('Finding data')\n\n  const pages = { products: [] }\n\n  // Inspect given path for data files and get all correct ones.\n  const files = sfs.findAllFiles(entryPoint, { maxDepth: 1, ignoredFolders: ['build', 'node_modules'] })\n\n  files.filter(isDataFile).forEach(file => {\n    try {\n      const presskit = loader.loadDataFile(file)\n      if (!presskit) return\n\n      console.log(`- ${presskit.type}: \"${presskit.title}\" ${chalk.dim(file)}`)\n\n      // Mark top-level products so they build to the root folder.\n      const isTopLevel = path.relative(path.dirname(file), entryPoint) === ''\n      if (isTopLevel && presskit.type !== 'company') {\n        presskit.topLevel = true\n      }\n\n      if (presskit.type === 'company') {\n        if (pages.company) {\n          console.warn('Multiple companies detected. This is not supported yet, only the last will be used!')\n        }\n\n        pages.company = { path: file, presskit }\n      } else {\n        pages.products.push({ path: file, presskit })\n      }\n    } catch (err) {\n      console.error(`There was an error during the parsing of \\`${file}\\`. Check that your XML document is valid.`)\n      console.error('You can use a validator like this: ' + chalk.blue('http://codebeautify.org/xmlvalidator'))\n      process.exit(1)\n    }\n  })\n\n  return pages\n}\n\nasync function generateHTML (pages) {\n  showHeader('Generating HTML')\n\n  const productsList = []\n\n  let analytics = ''\n  if (pages.company && pages.company.presskit.analytics) {\n    analytics = pages.company.presskit.analytics\n  }\n\n  // Create dependency relations between products.\n  // ie., if a product is a DLC of another, it will add\n  // this link between the two products.\n  addProductsRelations(pages.products)\n\n  for (const product of pages.products) {\n    const outputPath = await build(\n      product.path,\n      product.presskit,\n      {\n        company: pages.company ? pages.company.presskit : {},\n        analytics\n      }\n    )\n\n    productsList.push({ path: outputPath, title: product.presskit.title })\n  }\n\n  // Company should be the last one, listing all the products\n  if (pages.company) {\n    // Notice that we provide a ref to all the products here.\n    await build(\n      pages.company.path,\n      pages.company.presskit,\n      {\n        products: productsList,\n        analytics\n      }\n    )\n  }\n}\n\nfunction addProductsRelations (products) {\n  // Find a <relations> tag in each product.\n  for (const currentProduct of products) {\n    const relations = currentProduct.presskit.relations\n    if (!relations) continue\n\n    // Erase the old relations object and make it an array for future use.\n    currentProduct.presskit.relations = []\n\n    // Then go through each relation and add the links between the\n    // current product and its target.\n    relations.forEach(relation => {\n      if (!relation.type || typeof relation.type !== 'string') return\n\n      const type = relation.type.trim()\n      const productId = cleanId(relation.product)\n\n      // Find the target of the relation (ONE product per relation).\n      const relatedProduct = products\n        .filter(x => x !== currentProduct)\n        .find(x => productId === cleanId(x.presskit.title))\n\n      // Stop if nothing.\n      if (!relatedProduct) return\n\n      // Then add the relations.\n\n      // On the current product:\n      currentProduct.presskit.relations.push(\n        createRelation(type, relatedProduct)\n      )\n\n      // And the target.\n      if (!relatedProduct.presskit.relationOf) {\n        relatedProduct.presskit.relationOf = []\n      }\n\n      relatedProduct.presskit.relationOf.push(createRelation(type, currentProduct))\n    })\n  }\n\n  function cleanId (x) {\n    if (!x || typeof x !== 'string') return ''\n\n    return x.trim().toLowerCase().replace(/\\s/g, '')\n  }\n\n  // Helper to create a relation object.\n  function createRelation (type, product) {\n    return {\n      type,\n      text: product.presskit.title,\n      path: getAbsolutePageUrl(product.path, product.presskit)\n    }\n  }\n}\n\nasync function exportAdditionalAssets () {\n  showHeader('Exporting assets')\n\n  // Copy assets (CSS and stuff)\n  await copyMandatoryFiles()\n\n  // Copy the selected CSS theme.\n  await copyThemeCss()\n}\n\n// Print a console UI header text.\nfunction showHeader (text) {\n  console.log('')\n  console.log(chalk.magenta(text + '…'))\n}\n\n// Add css and any mandatory files specified to the build directory\nasync function copyMandatoryFiles () {\n  const buildDir = createAndGetBuildFolder()\n\n  for (const f of assetsToCopy) {\n    const filepath = path.resolve(f)\n\n    // Get filename and dirname from the provided path.\n    const filename = path.basename(filepath)\n    const dirname = path.basename(path.dirname(filepath))\n\n    // Create the directory for this file if needed.\n    // ie. css/master.css needs a `css` directory.\n    const targetDir = path.join(buildDir, dirname)\n    sfs.createDir(targetDir)\n\n    // And copy the file.\n    const targetPath = path.join(targetDir, filename)\n\n    console.log('- ' + targetPath)\n    try {\n      await writeFilePromised(targetPath, await readFilePromised(filepath))\n    } catch (e) {\n      const msg = chalk.dim(`(${e.message})`)\n      console.error(`There was an error while copying ${chalk.bold(filename)}. ${msg}`)\n    }\n  }\n}\n\n// Resolve and copy the CSS theme to the build directory as light.css.\n// If the value is a bare name (no path separator), resolve from the\n// built-in css folder (e.g. \"dark\" → assets/css/dark.css).\n// Otherwise, treat it as a file path.\nasync function copyThemeCss () {\n  const css = config.commands.build.css || 'light'\n\n  // Bare name (no slash) → built-in theme.\n  const isBuiltIn = !css.includes('/') && !css.includes('\\\\')\n  const filepath = isBuiltIn\n    ? path.join(cssFolder, css.endsWith('.css') ? css : `${css}.css`)\n    : path.resolve(css)\n\n  if (!fs.existsSync(filepath)) {\n    console.error(`CSS file not found: ${chalk.blue(filepath)}`)\n    return\n  }\n\n  const buildDir = createAndGetBuildFolder()\n  const targetDir = path.join(buildDir, 'css')\n  sfs.createDir(targetDir)\n\n  const targetPath = path.join(targetDir, 'theme.css')\n  console.log('- ' + targetPath)\n\n  try {\n    await writeFilePromised(targetPath, await readFilePromised(filepath))\n  } catch (e) {\n    const msg = chalk.dim(`(${e.message})`)\n    console.error(`There was an error while copying CSS theme. ${msg}`)\n  }\n}\n\n// Count the number of products/company in the presskit.\nfunction countDataFiles (pages) {\n  let count = 0\n  count += (pages.company ? 1 : 0)\n  count += pages.products.length\n\n  return count\n}\n\n// Is a file qualifying to be a data file? ie. `data.xml`.\n// We don't check the content here, just the name.\nfunction isDataFile (filename) {\n  const ext = path.extname(filename)\n  const filenameWithoutExt = path.basename(filename, ext)\n\n  return filenameWithoutExt === 'data' && ext === '.xml'\n}\n\n// Start watching files and assets.\nfunction startWatcher (entryPoint, callback) {\n  if (config.commands.build.dev) {\n    // Delete the assets (CSS/etc.) before.\n    // They might not be there, but we must ensure that they are properly\n    // deleted.\n    //\n    // This is necessary, otherwise, remaining copied CSS files will have\n    // an higher priority than the ones provided by the server (from\n    // the `assets/` folder).\n    fs.rmSync(path.join(createAndGetBuildFolder(), 'css'), { recursive: true, force: true })\n    installDevelopmentWatcher(entryPoint, callback)\n  } else {\n    installWatcher(entryPoint, callback)\n  }\n}\n\n// -------------------------------------------------------------\n// Exports.\n// -------------------------------------------------------------\n\nmodule.exports = {\n  generate\n}\n"
  },
  {
    "path": "lib/core/generator.test.js",
    "content": "'use strict'\n\nconst fs = require('fs')\nconst path = require('path')\nconst os = require('os')\n\nconst generator = require('./generator')\nconst config = require('../config')\n\n// -------------------------------------------------------------\n// Helpers.\n// -------------------------------------------------------------\n\nfunction createTempDir () {\n  return fs.mkdtempSync(path.join(os.tmpdir(), 'presskit-test-'))\n}\n\nfunction writeXML (dir, xml) {\n  fs.writeFileSync(path.join(dir, 'data.xml'), xml)\n}\n\nfunction setupConfig (outputDir) {\n  config.commands.build = {\n    output: outputDir,\n    ignoreThumbnails: true,\n    baseUrl: '/',\n    prettyLinks: false,\n    hamburger: false\n  }\n}\n\nconst companyXML = `<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<company>\n  <title>Test Studio</title>\n  <based-in>Paris</based-in>\n  <founding-date>2020</founding-date>\n  <website>https://example.com</website>\n  <press-contact>press@example.com</press-contact>\n  <description>A test studio.</description>\n  <credits>\n    <credit>\n      <person>Test Person</person>\n      <role>Developer</role>\n    </credit>\n  </credits>\n</company>`\n\nconst gameXML = `<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<game>\n  <title>Test Game</title>\n  <website>https://example.com/game</website>\n  <description>A test game.</description>\n  <credits>\n    <credit>\n      <person>Test Person</person>\n      <role>Developer</role>\n    </credit>\n  </credits>\n</game>`\n\nconst productXML = `<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<product>\n  <title>Test Product</title>\n  <website>https://example.com/product</website>\n  <description>A test product.</description>\n  <credits>\n    <credit>\n      <person>Test Person</person>\n      <role>Developer</role>\n    </credit>\n  </credits>\n</product>`\n\n// -------------------------------------------------------------\n// Tests.\n// -------------------------------------------------------------\n\ndescribe('generate()', () => {\n  let tempDir\n  let buildDir\n\n  beforeEach(() => {\n    tempDir = createTempDir()\n    buildDir = path.join(tempDir, 'build')\n    setupConfig(buildDir)\n  })\n\n  afterEach(() => {\n    fs.rmSync(tempDir, { recursive: true, force: true })\n  })\n\n  it('should build a company page', async () => {\n    writeXML(tempDir, companyXML)\n    await generator.generate(tempDir)\n\n    expect(fs.existsSync(path.join(buildDir, 'index.html'))).toBe(true)\n  })\n\n  it('should build a company with a product', async () => {\n    writeXML(tempDir, companyXML)\n\n    const productDir = path.join(tempDir, 'mygame')\n    fs.mkdirSync(productDir)\n    writeXML(productDir, productXML)\n\n    await generator.generate(tempDir)\n\n    expect(fs.existsSync(path.join(buildDir, 'index.html'))).toBe(true)\n    expect(fs.existsSync(path.join(buildDir, 'mygame', 'index.html'))).toBe(true)\n  })\n\n  it('should build a standalone game without a company', async () => {\n    writeXML(tempDir, gameXML)\n    await generator.generate(tempDir)\n\n    expect(fs.existsSync(path.join(buildDir, 'index.html'))).toBe(true)\n  })\n\n  it('should build a standalone product without a company', async () => {\n    writeXML(tempDir, productXML)\n    await generator.generate(tempDir)\n\n    expect(fs.existsSync(path.join(buildDir, 'index.html'))).toBe(true)\n  })\n\n  it('should not crash with no data files', async () => {\n    await generator.generate(tempDir)\n\n    expect(fs.existsSync(buildDir)).toBe(false)\n  })\n\n  it('should include company info in product page when company exists', async () => {\n    writeXML(tempDir, companyXML)\n\n    const productDir = path.join(tempDir, 'mygame')\n    fs.mkdirSync(productDir)\n    writeXML(productDir, productXML)\n\n    await generator.generate(tempDir)\n\n    const html = fs.readFileSync(path.join(buildDir, 'mygame', 'index.html'), 'utf-8')\n    expect(html).toContain('Test Studio')\n  })\n\n  it('should not include company section in standalone game page', async () => {\n    writeXML(tempDir, gameXML)\n    await generator.generate(tempDir)\n\n    const html = fs.readFileSync(path.join(buildDir, 'index.html'), 'utf-8')\n    expect(html).not.toContain('About </h2>')\n  })\n})\n"
  },
  {
    "path": "lib/core/loader.js",
    "content": "'use strict'\n\nconst fs = require('fs')\nconst parser = require('./parser')\n\n// -------------------------------------------------------------\n// Constants.\n// -------------------------------------------------------------\n\n// The XML parser can't understand automatically that a list of\n// XML children is an array.\n//\n// So it generates aberrations like:\n//\n//   \"awards\": {\n//     \"award\": [\n//       {\"description\": \"\"},\n//       {\"description\": \"\"}\n//     ]\n//   }\n//\n// Moreover, if there's only one element, it will not put it in\n// an array. ie., if there's one award in the array above, the result\n// is going to be:\n//\n//   \"awards\": {\n//     \"award\": {\"description\": \"\"}\n//   }\n//\n// But we want an array every time.\n//\n// The keys below are the arrays that need to be normalized.\nconst keysToNormalize = [\n  // Remember, we convert kebab-case to camelCase,\n  // so release-dates is converted to releaseDates.\n  'releaseDates',\n  'partners',\n  'platforms',\n  'prices',\n  'relations',\n  'features',\n  'socials',\n  'histories',\n  'trailers',\n  'awards',\n  'quotes',\n  'additionals',\n  'abouts',\n  'credits',\n  'contacts'\n]\n\nconst tagsToClean = [\n  '<br>',\n  '<br />',\n  '<br/>',\n  '<hr>',\n  '<hr />',\n  '<hr/>',\n  '<strong>',\n  '</strong>',\n  '<em>',\n  '</em>',\n  '<i>',\n  '</i>',\n  '<b>',\n  '</b>'\n]\n\n// -------------------------------------------------------------\n// Module.\n// -------------------------------------------------------------\n\nfunction loadDataFile (filename) {\n  let xml = fs.readFileSync(filename, 'utf-8')\n\n  // Remove inline tags.\n  xml = cleanTokens(tagsToClean, xml)\n\n  const rawJSON = parser.parseXML(xml)\n\n  // Normalize some keys.\n  return normalizeKeys(keysToNormalize, rawJSON)\n}\n\nfunction cleanTokens (tokens, str) {\n  const regex = new RegExp(tokens.join('|'), 'gi')\n  return str.replace(regex, '')\n}\n\n// TODO: this should probably be done as a custom tag processor with xml2js.\nfunction normalizeKeys (keys, json) {\n  Object.keys(json)\n    .filter(k => keys.includes(k))\n    .forEach(k => {\n      json[k] = normalize(json[k])\n    })\n\n  return json\n}\n\nfunction normalize (obj) {\n  const keys = Object.keys(obj)\n\n  // Ignore if there're more than one key or 0 in the object.\n  if (keys.length === 0 || keys.length > 1) return obj\n\n  // Get the content of the only key of the object.\n  const data = obj[keys[0]]\n\n  // An array? Return it.\n  if (Array.isArray(data)) {\n    return data\n  }\n\n  // Otherwise, wrap in an array.\n  return [data]\n}\n\n// -------------------------------------------------------------\n// Exports.\n// -------------------------------------------------------------\n\nmodule.exports = {\n  loadDataFile,\n\n  __cleanTokens: cleanTokens,\n  __normalizeKeys: normalizeKeys,\n  __normalize: normalize\n}\n"
  },
  {
    "path": "lib/core/loader.test.js",
    "content": "'use strict'\n\nconst {\n  __normalizeKeys: normalizeKeys,\n  __normalize: normalize,\n  __cleanTokens: cleanTokens\n} = require('./loader')\n\n// -------------------------------------------------------------\n// Tests.\n// -------------------------------------------------------------\n\ndescribe('cleanTokens()', () => {\n  const tokens = [\n    '<br>',\n    '<br/>',\n    '<br />',\n    '<strong>',\n    '</strong>',\n    '<em>',\n    '</em>'\n  ]\n\n  it('should not change a string without tokens', () => {\n    expect(cleanTokens(tokens, 'test test test')).toEqual('test test test')\n  })\n\n  it('should remove all tokens', () => {\n    expect(cleanTokens(tokens, '<br>This <strong>is</strong> a<br/> <em>string</em>'))\n      .toEqual('This is a string')\n  })\n\n  it('should remove all tokens with multiline string', () => {\n    const start = `\n      <br>This <strong>is</strong> a<br/> <em>string</em>\n      Yep, it is.<br /><br />\n    `\n\n    const result = `\n      This is a string\n      Yep, it is.\n    `\n\n    expect(cleanTokens(tokens, start)).toEqual(result)\n  })\n})\n\ndescribe('normalizeKeys()', () => {\n  const keys = ['quotes', 'awards']\n  const received = {\n    quotes: {\n      quote: { description: 'quote' }\n    },\n    awards: {\n      award: [\n        { description: 1 },\n        { description: 2 }\n      ]\n    },\n    test: 42,\n    socials: {\n      social: [\n        { text: 1 },\n        { text: 2 }\n      ]\n    }\n  }\n  const correct = {\n    quotes: [{ description: 'quote' }],\n    awards: [\n      { description: 1 },\n      { description: 2 }\n    ],\n    test: 42,\n    socials: {\n      social: [\n        { text: 1 },\n        { text: 2 }\n      ]\n    }\n  }\n\n  it('normalizes a list of provided keys in an object', () => {\n    expect(normalizeKeys(keys, received)).toEqual(correct)\n  })\n})\n\ndescribe('normalize()', () => {\n  it('returns the correct content as it is', () => {\n    expect(normalize([\n      { description: 1 },\n      { description: 2 }\n    ])).toEqual([\n      { description: 1 },\n      { description: 2 }\n    ])\n  })\n\n  it('returns an object without the useless intermediate key', () => {\n    expect(normalize({\n      award: [\n        { description: 1 },\n        { description: 2 }\n      ]\n    })).toEqual([\n      { description: 1 },\n      { description: 2 }\n    ])\n  })\n\n  it('returns an object containing an array, even if there is one item only', () => {\n    expect(normalize({\n      award: { description: 1 }\n    })).toEqual([\n      { description: 1 }\n    ])\n  })\n\n  it('ignores an object containing 0 key', () => {\n    expect(normalize({})).toEqual({})\n  })\n\n  it('ignores an object containing 2 keys or more', () => {\n    expect(normalize({\n      test: true,\n      award: [\n        { description: 1 },\n        { description: 2 }\n      ]\n    })).toEqual({\n      test: true,\n      award: [\n        { description: 1 },\n        { description: 2 }\n      ]\n    })\n  })\n})\n"
  },
  {
    "path": "lib/core/parser.js",
    "content": "'use strict'\n\nconst { Parser: XMLParser } = require('xml2js')\nconst camelCase = require('camelcase')\n\n// -------------------------------------------------------------\n// Constants.\n// -------------------------------------------------------------\n\nconst OPTIONS = {\n  explicitArray: false,\n  async: false,\n  tagNameProcessors: [x => camelCase(x)]\n}\n\n// -------------------------------------------------------------\n// Module.\n// -------------------------------------------------------------\n\nfunction parseXML (xml) {\n  if (!xml) {\n    throw new Error('XML input was null or empty')\n  }\n\n  let data\n\n  new XMLParser(OPTIONS).parseString(xml, function (err, result) {\n    if (err || !result) {\n      throw new Error('Failed to parse XML file')\n    }\n\n    // Values are nested in the \"product\", \"game\" or \"company\" root node.\n    // We need to detect and ignore this root element.\n    if (result.game) {\n      data = result.game\n      data.type = 'product'\n    } else if (result.product) {\n      data = result.product\n      data.type = 'product'\n    } else if (result.company) {\n      data = result.company\n      data.type = 'company'\n    } else {\n      throw new Error('Unrecognized XML file, expected <game> or <company> root tag')\n    }\n  })\n\n  return data\n}\n\n// -------------------------------------------------------------\n// Exports.\n// -------------------------------------------------------------\n\nmodule.exports = {\n  parseXML\n}\n"
  },
  {
    "path": "lib/core/parser.test.js",
    "content": "'use strict'\n\nconst fs = require('fs')\n\nconst parser = require('./parser')\n\n// -------------------------------------------------------------\n// Tests.\n// -------------------------------------------------------------\n\ndescribe('XML Parser', () => {\n  const companyXML = fs.readFileSync(`${process.cwd()}/data/data.xml`, 'utf-8')\n  const productXML = fs.readFileSync(`${process.cwd()}/data/product/data.xml`, 'utf-8')\n\n  it('handles empty, null or undefined XML strings', () => {\n    expect(() => parser.parseXML(undefined)).toThrow()\n    expect(() => parser.parseXML(null)).toThrow()\n    expect(() => parser.parseXML('')).toThrow()\n  })\n\n  it('handles invalid XML strings', () => {\n    expect(() => parser.parseXML('Test. This is not XML')).toThrow()\n  })\n\n  it('handles incomplete XML strings', () => {\n    const data = '<?xml version=\"1.0\"?><catalog><book id=\"bk101\"><author>Gambardella, Matthew'\n\n    expect(() => parser.parseXML(data)).toThrow()\n  })\n\n  it('handles valid XML strings but invalid presskit data', () => {\n    const data = '<?xml version=\"1.0\"?><catalog><book id=\"bk101\"><author>Gambardella, Matthew</author><title>XML Developer\\'s Guide</title><genre>Computer</genre><price>44.95</price><publish_date>2000-10-01</publish_date><description>An in-depth look at creating applications with XML.</description></book></catalog>'\n\n    expect(() => parser.parseXML(data)).toThrow()\n  })\n\n  it('handles valid XML `company` presskit string', () => {\n    const result = parser.parseXML(companyXML)\n\n    expect(result.type).toBe('company')\n    expect(result.title).toBeDefined()\n    expect(result.description).toBeDefined()\n  })\n\n  it('handles valid XML `product` or `game` presskit string', () => {\n    const result = parser.parseXML(productXML)\n\n    expect(result.type).toBe('product')\n    expect(result.title).toBeDefined()\n    expect(result.description).toBeDefined()\n  })\n})\n"
  },
  {
    "path": "lib/core/template.js",
    "content": "'use strict'\n\nconst fs = require('fs')\nconst path = require('upath')\nconst handlebars = require('handlebars')\n\nconst config = require('../config')\nconst { assets } = require('../assets')\n\nconst console = require('../helpers/color-console')\n\n// -------------------------------------------------------------\n// Module.\n// -------------------------------------------------------------\n\n// Create a template object from a template of the assets folder.\n// Use the type to determine which template must be selected.\nfunction createTemplate (type, destination) {\n  const templatePath = getTemplatePath(assets, type)\n\n  if (!templatePath) {\n    throw new Error('Missing template! Make sure your presskit has a \"type\" field (product/company)')\n  }\n\n  registerPartials(assets)\n  registerHelpers(destination)\n\n  const template = fs.readFileSync(templatePath, 'utf-8')\n  return handlebars.compile(template)\n}\n\n// Get the path to the corresponding template in the assets folder.\nfunction getTemplatePath (folder, type) {\n  switch (type) {\n    case 'product':\n      return path.join(folder, 'product.html')\n    case 'company':\n      return path.join(folder, 'company.html')\n  }\n}\n\n// Add all the required partials.\nfunction registerPartials (folder) {\n  const partialsFolder = path.join(folder, '_includes')\n\n  const partials = fs.readdirSync(partialsFolder)\n    .filter(isValidPartial)\n    .reduce((result, partial) => {\n      const ext = path.extname(partial)\n      const fileFullPath = path.join(partialsFolder, partial)\n      const data = fs.readFileSync(fileFullPath, 'utf-8')\n\n      // Store as `\"filename without extension\": content`.\n      result[path.basename(partial, ext)] = data\n      return result\n    }, {})\n\n  handlebars.registerPartial(partials)\n}\n\nfunction registerHelpers (destination) {\n  handlebars.registerHelper({\n    rawText: function (data) {\n      // Not a string? Try to recover and show a warning.\n      if (data && typeof data !== 'string') {\n        const content = typeof data._ === 'string' ? data._.trim() : data._\n\n        console.warn('There is an error in your data:')\n        console.error(`  \"${content}\"`)\n        console.warn('Remove any XML tag, like <br />, <strong>, etc.')\n\n        return data._\n      }\n\n      return data\n    },\n\n    prettyURL: function (link) {\n      try {\n        const url = new URL(link)\n        const p = url.pathname === '/' ? '' : url.pathname\n        return url.hostname.replace('www.', '') + p\n      } catch (e) {\n        return link\n      }\n    },\n\n    domainURL: function (link) {\n      try {\n        const url = new URL(link)\n        return url.hostname.replace('www.', '')\n      } catch (e) {\n        return link\n      }\n    },\n\n    permalink: function (link) {\n      // Do nothing if the `--pretty-links` flag is not activated.\n      if (!config.commands.build.prettyLinks) return link\n\n      if (link.endsWith('index.html')) {\n        return path.dirname(link) + '/'\n      }\n\n      return link\n    },\n\n    basename: function (name) {\n      const ext = path.extname(name)\n      return path.basename(name, ext)\n    },\n\n    trim: function (data) {\n      return (data + '').trim()\n    },\n\n    // If a thumbnail exists, return it.\n    // Otherwise, return the base image.\n    thumbOrImage: function (image) {\n      const imageName = path.join('images', image)\n      const thumbName = path.join('images', `${image}.thumb.jpg`)\n\n      const thumbPath = path.join(destination, thumbName)\n\n      if (fs.existsSync(thumbPath)) return thumbName\n\n      return imageName\n    }\n  })\n}\n\n// Is the file an HTML file?\nfunction isValidPartial (file) {\n  const ext = path.extname(file)\n  return ext === '.html'\n}\n\n// -------------------------------------------------------------\n// Exports.\n// -------------------------------------------------------------\n\nmodule.exports = {\n  createTemplate\n}\n"
  },
  {
    "path": "lib/helpers/color-console.js",
    "content": "'use strict'\n\nconst chalk = require('chalk')\n\n// -------------------------------------------------------------\n// Module.\n// -------------------------------------------------------------\n\nfunction colorize (colorizer, args) {\n  return Array.from(args).map(el => colorizer(el))\n}\n\nfunction error () {\n  console.error.apply(null, colorize(chalk.red, arguments))\n}\n\nfunction warn () {\n  console.warn.apply(null, colorize(chalk.yellow, arguments))\n}\n\n// -------------------------------------------------------------\n// Exports.\n// -------------------------------------------------------------\n\nmodule.exports = {\n  error,\n  warn,\n  log: console.log\n}\n"
  },
  {
    "path": "lib/helpers/sfs.js",
    "content": "'use strict'\n\nconst fs = require('fs')\nconst fse = require('fs-extra')\nconst path = require('upath')\n// -------------------------------------------------------------\n// Module.\n// -------------------------------------------------------------\n\n// Create a directory if it doesn't exist yet.\nfunction createDir (dir) {\n  if (fs.existsSync(dir)) {\n    return false\n  }\n\n  fs.mkdirSync(dir, { recursive: true })\n  return true\n}\n\nfunction copyDirContent (source, target) {\n  if (!fs.existsSync(source)) return\n\n  // Create target dir if necessary.\n  createDir(target)\n\n  // Copy all files from source to target.\n  findAllFiles(source).forEach((name) => {\n    const nameWithoutSource = path.relative(source, name)\n    const targetFile = path.join(target, nameWithoutSource)\n    fse.outputFileSync(targetFile, fs.readFileSync(name))\n  })\n}\n\n// Find all files in a directory structure.\nfunction findAllFiles (baseDir, {\n  ignoredFolders = [],\n  maxDepth = undefined\n} = {}) {\n  const list = []\n\n  function search (dir, depth) {\n    let entries\n    try {\n      entries = fs.readdirSync(dir)\n    } catch (e) {\n      return\n    }\n\n    entries.forEach(file => {\n      file = path.join(dir, file)\n\n      // File or directory? Ok.\n      // Otherwise, discard the file (may have been deleted between readdir and stat).\n      let stat\n      try {\n        stat = fs.statSync(file)\n      } catch (e) {\n        return\n      }\n\n      if (stat.isFile()) {\n        list.push(file)\n      } else if (stat.isDirectory()) {\n        // The directory should be ignored?\n        if (ignoredFolders.includes(path.basename(file))) {\n          return\n        }\n\n        // Should we stop at this depth?\n        if (maxDepth && (depth >= maxDepth)) {\n          return\n        }\n\n        search(file, depth + 1)\n      }\n    })\n  }\n\n  search(baseDir, 0)\n\n  return list\n}\n\n// -------------------------------------------------------------\n// Exports.\n// -------------------------------------------------------------\n\nmodule.exports = {\n  createDir,\n  copyDirContent,\n  findAllFiles\n}\n"
  },
  {
    "path": "lib/helpers/sfs.test.js",
    "content": "'use strict'\n\nconst mock = require('mock-fs')\nconst fs = require('fs')\nconst sfs = require('./sfs')\n\n// -------------------------------------------------------------\n// Data.\n// -------------------------------------------------------------\n\nconst fakeFileSystem = {\n  product1: {\n    'data.json': '{ \"type\": \"product\", \"title\": \"Fake Product\" }',\n    images: {\n      'img01.png': Buffer.from([]),\n      'img02.png': Buffer.from([]),\n      'img03.png': Buffer.from([])\n    },\n    emptyDir1: {}\n  },\n  product2: {\n    'data.xml': '<?xml version=\"1.0\" encoding=\"utf-8\"?><product></product>'\n  },\n  misc: {\n    product3: {\n      'data.md': 'Fake Product'\n    },\n    emptyDir2: {}\n  },\n  emptyDir3: {},\n  'data.json': '{ \"type\": \"company\", \"title\": \"Fake Company\" }'\n}\n\n// -------------------------------------------------------------\n// Setup.\n// -------------------------------------------------------------\n\nbeforeEach(() => {\n  mock(fakeFileSystem)\n})\n\nafterEach(() => {\n  mock.restore()\n})\n\n// -------------------------------------------------------------\n// Tests.\n// -------------------------------------------------------------\n\ndescribe('createDir()', () => {\n  it('should create a directory if it does not exist', () => {\n    // No dir: error.\n    expect(() => fs.readdirSync('tmpdir')).toThrow()\n\n    const result = sfs.createDir('tmpdir')\n    expect(result).toBeTruthy()\n    expect(fs.readdirSync('tmpdir').length).toBe([].length)\n  })\n\n  it('should not create the directory if it already exists', () => {\n    const result = sfs.createDir('product1')\n    expect(result).toBeFalsy()\n  })\n})\n\ndescribe('copyDirContent()', () => {\n  it('should copy all the files of a folder to another', () => {\n    const numberOfFiles = fs.readdirSync('product1/images').length\n    sfs.copyDirContent('product1/images', 'copiedImages')\n\n    expect(fs.readdirSync('copiedImages').length).toBe(numberOfFiles)\n  })\n})\n\ndescribe('findAllFiles()', () => {\n  it('should return an array containing every files on the FS', () => {\n    const files = sfs.findAllFiles('.')\n\n    // Number of files in mockfs.\n    expect(files.length).toBe(7)\n  })\n\n  it('should limit its search to one subfolder only', () => {\n    const files = sfs.findAllFiles('.', { maxDepth: 1 })\n    expect(files.length).toBe(3)\n  })\n\n  it('should ignore some folders', () => {\n    const files = sfs.findAllFiles('.', { ignoredFolders: ['product1', 'product2'] })\n    expect(files.length).toBe(2)\n  })\n})\n"
  },
  {
    "path": "lib/helpers/watcher.js",
    "content": "'use strict'\n\nconst path = require('upath')\nconst chokidar = require('chokidar')\nconst bs = require('browser-sync').create()\n\nconst config = require('../config')\nconst { assets } = require('../assets')\n\n// -------------------------------------------------------------\n// Module.\n// -------------------------------------------------------------\n\n// Simple watcher used by the end-user.\n// It only checks the data files and will launch a server on the build\n// folder.\n// It ignores the templates and CSS files changes.\nfunction installWatcher (startingFolder, callback) {\n  bs.init({\n    server: config.commands.build.output,\n    port: config.commands.build.port,\n    ui: false,\n    open: false,\n    logLevel: 'silent'\n  })\n\n  const watcher = createWatcher(path.join(startingFolder, '**/data.xml'))\n\n  watcher.on('change', () => {\n    callback()\n    bs.reload()\n  })\n}\n\n// Complex watcher to develop the CSS and templates of this project.\n// Will check the data files, the templates AND the CSS.\nfunction installDevelopmentWatcher (startingFolder, callback) {\n  const buildFolder = config.commands.build.output\n\n  // BrowserSync will watch for changes in the assets CSS.\n  // It will also create a server with the build folder and the assets.\n  bs.init({\n    server: [buildFolder, assets],\n    port: config.commands.build.port,\n    files: path.join(assets, '**/*.css'),\n    ui: false,\n    open: false\n  })\n\n  // Meanwhile, the watcher will monitor changes in the templates\n  // and the data files.\n  // Then, when a change occurs, it will regenerate the site through\n  // the provide callback.\n  const templateFolder = path.join(assets, '**/*.html')\n  const dataFolder = path.join(startingFolder, '**/data.xml')\n\n  const watcher = createWatcher(templateFolder, dataFolder)\n\n  watcher.on('change', () => {\n    callback()\n    bs.reload()\n  })\n}\n\nfunction createWatcher (...folders) {\n  const watcher = chokidar.watch(folders, {\n    ignored: /(^|[/\\\\])\\../,\n    persistent: true\n  })\n\n  return watcher\n}\n\n// -------------------------------------------------------------\n// Exports.\n// -------------------------------------------------------------\n\nmodule.exports = {\n  installWatcher,\n  installDevelopmentWatcher\n}\n"
  },
  {
    "path": "lib/helpers/zip.js",
    "content": "'use strict'\n\nconst fs = require('fs')\nconst path = require('upath')\nconst archiver = require('archiver')\n\n// -------------------------------------------------------------\n// Module.\n// -------------------------------------------------------------\n\nfunction zip (name, destination, source, files) {\n  if (files && files.length > 0) {\n    const filename = path.join(destination, name)\n    const output = fs.createWriteStream(filename)\n\n    const archive = archiver('zip', { store: true })\n    archive.on('error', (err) => { throw err })\n    archive.pipe(output)\n\n    files.forEach((f) => {\n      archive.append(fs.createReadStream(path.join(source, f)), { name: f })\n    })\n\n    archive.finalize()\n\n    return filename\n  }\n}\n\n// -------------------------------------------------------------\n// Exports.\n// -------------------------------------------------------------\n\nmodule.exports = zip\n"
  },
  {
    "path": "lib/index.js",
    "content": "'use strict'\n\nconst fs = require('fs')\nconst path = require('upath')\nconst chalk = require('chalk')\n\nconst console = require('./helpers/color-console')\nconst generator = require('./core/generator')\nconst config = require('./config')\n\nconst assets = require('./assets')\nconst sfs = require('./helpers/sfs')\n\n// -------------------------------------------------------------\n// Module.\n// -------------------------------------------------------------\n\nfunction runBuildCommand (launchOptions) {\n  config.commands.build = launchOptions\n\n  parseEntryPoint(launchOptions.entryPoint, (err, entry) => {\n    if (err) {\n      console.warn('No valid entry point provided. Use current directory instead')\n      console.log('')\n\n      generator.generate(process.cwd())\n      return\n    }\n\n    generator.generate(entry)\n  })\n}\n\nfunction parseEntryPoint (entry, cb) {\n  // No file provided? Just return the current working dir.\n  if (!entry) {\n    return cb(null, process.cwd())\n  }\n\n  // Check if the entry is valid.\n  // And ensure that we use a directory.\n  fs.stat(entry, (err, stat) => {\n    if (err) {\n      return cb(new Error('Not a file'))\n    }\n\n    if (stat.isDirectory()) {\n      cb(null, entry)\n    } else if (stat.isFile()) {\n      cb(null, path.dirname(entry))\n    } else {\n      cb(new Error('Not a directory or file'))\n    }\n  })\n}\n\nfunction runNewCommand (type, destination) {\n  if (type !== 'company' && type !== 'product') {\n    console.error('Unknow type. Expected \"company\" or \"product\"')\n    return\n  }\n\n  const isProduct = (type === 'product')\n  const source = (isProduct ? assets.productTemplate : assets.companyTemplate)\n\n  let targetDir = destination\n\n  // Create subfolder for product.\n  if (isProduct) {\n    targetDir = path.join(destination, 'product')\n    sfs.createDir(targetDir)\n  }\n\n  const target = path.join(targetDir, 'data.xml')\n\n  // Copy files from examples to target directory.\n  fs.writeFileSync(target, fs.readFileSync(source))\n\n  // Create images folder.\n  sfs.createDir(path.join(targetDir, 'images'))\n\n  console.log(`Creating new ${type} template: ${chalk.blue(target)}`)\n  console.log('')\n  console.log('Done! 👌')\n}\n\n// -------------------------------------------------------------\n// Exports.\n// -------------------------------------------------------------\n\nmodule.exports = {\n  runBuildCommand,\n  runNewCommand\n}\n"
  },
  {
    "path": "package.json",
    "content": "{\n  \"name\": \"presskit\",\n  \"version\": \"0.13.0\",\n  \"description\": \"Re-implementation of presskit() as a static site generator\",\n  \"license\": \"MIT\",\n  \"repository\": \"pixelnest/presskit.html\",\n  \"author\": {\n    \"name\": \"Pixelnest Studio\",\n    \"url\": \"https://pixelnest.io/\"\n  },\n  \"keywords\": [\n    \"presskit\",\n    \"static site generator\"\n  ],\n  \"homepage\": \"https://github.com/pixelnest/presskit.html#readme\",\n  \"bugs\": \"https://github.com/pixelnest/presskit.html/issues\",\n  \"main\": \"lib/index.js\",\n  \"bin\": {\n    \"presskit\": \"bin/presskit\"\n  },\n  \"scripts\": {\n    \"start\": \"node bin/presskit build --watch --dev data\",\n    \"build\": \"node bin/presskit build data\",\n    \"test\": \"standard | snazzy && jest\",\n    \"tester\": \"jest --watch\",\n    \"docs\": \"./documentation\",\n    \"docs:example\": \"node bin/presskit build -DLM -o docs/example data\"\n  },\n  \"dependencies\": {\n    \"archiver\": \"^7.0.1\",\n    \"browser-sync\": \"^3.0.4\",\n    \"camelcase\": \"^6.3.0\",\n    \"chalk\": \"^4.1.2\",\n    \"chokidar\": \"^3.6.0\",\n    \"commander\": \"^12.1.0\",\n    \"fs-extra\": \"^11.2.0\",\n    \"handlebars\": \"^4.7.8\",\n    \"sharp\": \"^0.33.0\",\n    \"upath\": \"^2.0.1\",\n    \"xml2js\": \"^0.6.2\"\n  },\n  \"devDependencies\": {\n    \"docco\": \"https://github.com/solarsailer/docco.git#ea3aea536562aed574d63904e2c2ab0138f4b40a\",\n    \"jest\": \"^29.0.0\",\n    \"mock-fs\": \"^5.2.0\",\n    \"snazzy\": \"^8.0.0\",\n    \"standard\": \"^17.1.0\"\n  },\n  \"standard\": {\n    \"globals\": [\n      \"beforeAll\",\n      \"afterAll\",\n      \"beforeEach\",\n      \"afterEach\",\n      \"it\",\n      \"describe\",\n      \"expect\"\n    ]\n  },\n  \"jest\": {\n    \"testEnvironment\": \"node\"\n  }\n}\n"
  }
]