Credits & Infos

Header: Use Video, image or nothing.

YouTube Video: Just add a YouTube video link, set some options like mute, loop, start/end times.. and all done. Do not forget to also use an image poster.
NB: Opacity video can gives a nice effect with a clean background/poster image.

Image background: If you prefer use only an image background, select it, and let the youtube link field empty.

Nothing: Maybe you will prefer focus on content, let video and image fields empty to show content in a clean white background without media distraction.

Content and Kirby Text

Structures:

Themes uses Structures to create columns ans sections:

---

Page content:

and Jonas Doebertin kirby-visual-markdown Plugin to write and manage content easily.

Add a gallery on the page:

Filtered Gallery:

Filter your images with categories, captions are visible when image is opened in the lightbox:

Captions Gallery:

Show some important images informations. They appear on hover.

Helpers:

Some classes to remind:

Open video in lightbox - class:video-lightbox

( image: article-4.jpg link: https://www.youtube.com/watch?v=u2_xsoLsDfc class: video-lightbox width:300px )
or
( link: https://www.youtube.com/watch?v=u2_xsoLsDfc text: Image in lightbox class: lightbox width:300px )

or
video in lightbox

Open image in lightbox - class:image-lightbox

( image: article-4.jpg link: article-4.jpg class: image-lightbox width:150px )

Image centered and width - class:image-center

( image: article-4.jpg link: article-4.jpg class: image-center image-lightbox width:200px)

Image float right - class:image-right

( image: article-4.jpg link: article-4.jpg class: image-right image-lightbox width:400px)

Title Exemple:

Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim.

Image float left - class:image-left

( image: article-4.jpg link: article-4.jpg class: image-left image-lightbox width:400px)

Title Exemple:

Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim.

Bigger text: extra kirby tag + class:big

( extra: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aeneancommodo ligula eget dolor. class:big )

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aeneancommodo ligula eget dolor.

Small text: extra kirby tag + class:small

( extra: Lorem ipsum dolor sit amet. class: small )

Lorem ipsum dolor sit amet.

Lorem ipsum dolor sit amet.

Button link: class:button

( link: #0! text: Button class:button )
Button

Important:

If you copy/past some Kirbytext tags from these exemples, please, delete space after opening bracket, and space before closing bracket. Thank you.

About Kirby CMS

Kirby

Kirby is a file-based CMS.
Easy to setup. Easy to use. Flexible as hell.

Trial

You can try Kirby on your local machine or on a test
server as long as you need to make sure it is the right
tool for your next project.

Buy a license

You can purchase your Kirby license at
http://getkirby.com/buy

A Kirby license is valid for a single domain. You can find
Kirby's license agreement here: http://getkirby.com/license

The Starterkit

Kirby's Starterkit comes with a small demo website and a fully
configured panel. Feel free to modify it and play with it as
much as you like.

The Panel

You can find the login for Kirby's admin interface at
http://yourdomain.com/panel. You will be guided through the signup
process for your first user, when you visit the panel
for the first time.

Installation

Kirby does not require a database, which makes it very easy to
install. Just copy Kirby's files to your server and visit the
URL for your website in the browser.

Please check if the invisible .htaccess file has been
copied to your server correctly

Requirements

Kirby runs on PHP 5.4+, Apache or Nginx.

Download

You can download the latest version of the Starterkit
from http://download.getkirby.com

With Git

If you are familiar with Git, you can clone Kirby's
Starterkit repository from Github.

git clone --recursive https://github.com/getkirby/starterkit.git

Documentation

http://getkirby.com/docs

Issues and feedback

If you have a Github account, please report issues
directly on Github:

• https://github.com/getkirby/kirby/issues
• https://github.com/getkirby/panel/issues
• https://github.com/getkirby/starterkit/issues

Otherwise you can use Kirby's forum: http://getkirby.com/forum
or send us an email: support@getkirby.com

Support

http://getkirby.com/support

Copyright

© 2009-2014 Bastian Allgeier (Bastian Allgeier GmbH)
http://getkirby.com