Overview

What's included

The structure of files, when you unpack the package, looks like this.

                        alfred/
                        ├── assets/
                        |   ├── css/
                        |   ├── img/
                        |   └── js/
                        |
                        ├── examples/
                        |   ├── gallery/
                        |   ├── gallery-minimalist/
                        |   ├── ...
                        |   └── main/
                        |       ├── ajax/
                        |       ├── js/
                        |       └── index.html
                        |
                        ├── index.html
                        └── readme.txt
                    

The assets folder

• alfred.css - Main stylesheet, in minified and non-minified version.
• normalize.css - See more about it on necolas.github.io/normalize.css.
• demo.css - Just for demo purpose, you don't need this file for any futher use.

• alfred.js - The core of whole plugin, in minified and non-minified version.

• All images in the demo-purposes/ folder are just for demo purposes - Source: nothingtochance.co.
• Althought you are free to use all other images and all images from unsplash.com. Images from this source are used in the Galleries examples. There're loaded from their API.

Examples folders

An each example is placed in a special folder. The example, you can see below, is for the main/ folder.

• projects/ - Folder with projects, as html files, for portfolio. These projects are then loaded into modal-template.html.
• gallery-template.html - HTML template for the gallery. When the gallery is opended an image is loaded into this template.
• load-more.html - HTML file with layout items. These items are loaded into the layout, when the 'load more' action is triggered.
• modal-template.html - HTML template for the modal window.

• alfred-config.js - JavaScript config file with options for the plugin.

index.html - Main HTML file for the example.

The root folder

index.html - A list of all examples.

readme.txt

Browser support

Alfred is built to work best in the latest desktop and mobile browsers.

License

This product can be used under these two licenses.

Use, by you or one client, in a single end product which end users are not charged for. The total price includes the item price and a buyer fee. Read more

Use, by you or one client, in a single end product which end users can be charged for. The total price includes the item price and a buyer fee. Read more

Changelog

The changelog of the last release, see below.