# Dimension - Minimalist Portfolio Template

- Created: December 2011
- By: Equiet
- Email: equiet@equiet.sk

Thank you for purchasing my theme. If you have any questions that are beyond the scope of this help file, please feel free to email me. Thanks so much!

### Getting Started

Copy files from `/Website` folder to your server.
Dimension is a simple HTML/CSS template that works on any web server.

Just edit `.html` files and fill them with your content.

### Setting background

In Dimension, you have multiple choices for background. It can be either slideshow (default) or simple color.

You can choose images for the slideshow in `js/script.js` file, on `line 17` and below.

If you want to use a simple one-colored background, replace `<body class="slideshow">` with `<body class="color" style="background-color:#[COLOR];">` on `line 29` in all HTML files.

### Navigation

Dimension's circular navigation (doesn't work in IE 7 unfortunately) is very easy to use. Adjust `data-degree` and `data-distance` attributes as you like. Rotation will be calculated by JavaScript code, based on these values.

Additionally, you can choose either white or black background for menu items in `class` attribute.

### Portfolio filter

`gallery.html`'s special feature is the filter of portfolio items.

First of all, you will need a navigation with `class="filter"` attribute. You can put links with `data-category` attribute defining various categories inside.

The portfolio part is defined by `class="filterable"` attribute. Portofolio items are `<li>` elements with attribute (`class="all category1 category2"`) determining categories the item belongs to.

### Contact form

You can configure the contact form in `contact.php` file. Set your e-mail address on `lines 4`.

Send a testing e-mail by accessing `http://www.your-site.com/contact.php?test=test`.

### Google Analytics

On the bottom of every page there is a Google Analytics tracking code. You just need to set your Google Analytics ID there.

### Equal height columns

To set 2 different blocks the equal height (typically main content column and sidebar), apply `class="eq"` to both. These elements have to have the same parent element (in other words they must be siblings).

### Graphics

This template was created in Adobe Fireworks.
`/Design` folder contains Layered PNG file with all pages.

Due to poor PSD export in Adobe Fireworks I am not able to provide a PSD file.

### Photos from preview

In the live preview I used various images licensed under CC BY license. Here is the complete list:

- The Mountain Exhaled
- Tinkerbelle in the snow
- Lets Watch Winter Roll In
- sparklers
- Dutch winter landscape wallpaper
- winter leaves
- 102/365
- bling
- blanketed
- Horse in the snow
- frost
- Cristaux de gel. Brr c'est l'hiver

### Sources and Credits

A lot of great icons, fonts and images from many talented atuhors have been used in this template.

You can find them in `/Resources` folder.

Here is the list:

- Icons
  - Classy Social Media Icons
- Fonts
  - League Gothic
  - Open Sans
- Other
  - Fancybox
  - Supersized jQuery plugin
  - jQuery Masonry