Kompas is a modern Kirby theme, built to help you showcase your awesome visual projects with just a few clicks. It's suitable for everyone who appreciates good design.

Video headers and photo grids are supported. It's easily customizable and its well structured SCSS will allow you to change fonts and colors with a single line of code.

Theme Features

The full list of features is available here: http://themes.yordanoff.net/kompas/about/theme-features

Video headers
Photo headers
Header overlays
Intro section
Advanced About page
Photo grids
Custom design pages
Footer with Call to Action, Social column and Custom text column

Getting Started Copy and paste the files from the theme’s folder to the main directory of your Kirby installation.

WARNING: If you want to start with the demo content used on the demo installation here: http://themes.yordanoff.net/kompas/ you have to rename the folder “_demo-content” to “content” and replace the “content” folder in your Kirby installation. BUT if you already have your content setup, you’re going to lose it if you replace your “content” folder!

Customization If you use CodeKit, feel free to import the theme’s folder to it and start making changes. CodeKit will handle the recompiling of SASS & JS thanks to the config.codekit3 file in the root directory.

You can easily change the colours and overall styles of the theme by editing and recompiling its /assets/sass styles. As you’ll see the main colours are separated in /assets/sass/_palette.scss. From /assets/sass/components/_typography.scss** you can easily change the font faces used for Kompas.

You can adjust the page transitions settings of Animsition from /assets/scripts/main.js.

Note The video files used on the Homepage (the sunflower) and on the Project page (the jellyfishes) are not included in the package since I do not have permission to resell them.