Heinz

the storytelling butler

lightweight, modern, and powerful front-end framework for fast and easy multimedia storytelling.

Made with ❤︎ in Switzerland @ HTW Chur.

---

Introduction

Quick Start

1. Download the latest release on getheinz.com.
2. Open the included index.html file.
3. Fill it with your content.
4. And that’s about it — you’re about to come down the stretch and have your very own multimedia story. If you’re unsure about the general structure, keep reading.

Freshness

Heinz is developed for modern browsers only - because the future is awesome.

Always be sure to have your pages set up with the latest design and development standards. That means using an HTML5 doctype and including a viewport meta tag for proper responsive behaviors. Still we used autoprefixer to support good ol' IE ;)

What's included

Within the download you'll find the following directories and files, logically grouping common assets and providing both compiled and minified variations. We provide compiled CSS and JS (heinz.*), as well as compiled and minified CSS and JS (heinz.min.*).

You'll see something like this:

Basic version for plug and play:

heinz/
├── css/
│   ├── heinz.css
│   └── heinz.min.css
├── fonts/
│   ├── librebaskerville
│   └── worksans
└── js/
    ├── heinz.js
    └── heinz.min.js

For Code Masters we created a Sass Version. If you don't know how to use Sass and Compilers, this is not for you.

heinz_sass/
├── fonts/
│   ├── librebaskerville
│   └── worksans
├── js/
│   ├── heinz.js
│   └── heinz.min.js
└── sass/
    ├── _overwrite.scss
    ├── _settings.scss
    ├── partials/
    │   └── _custom.scss
    ├── toolbox/
    └── heinz.scss

---

Documentation

Find the documentation here.

---

Creators

• Myriam Frisano
• Sebastian Hubacher
• Nadia Etter
• Pascal Lüthi
• Kyle Smith
• Kim Schläpfer

---

Copyright and License

Heinz is released under MIT.