1.
Deliverance
Theming websites effortlessly
Aaron VanDerlip
www.jazkarta.com
World Plone Day 2010

2.
There are obstacles, regardless of platform

3.
Example
Apply a design to a
WordPress site

4.
<div id="header" role="banner">
<div id="headerimg">
<h1><a href="<?php echo get_option('home'); ?
>/"><?php bloginfo('name'); ?></a></h1>
<div class="description"><?php
bloginfo('description'); ?></div>

5.
<div id="header" role="banner">
<div id="headerimg">
<h1><a href="<?php echo get_option('home'); ?
>/"><?php bloginfo('name'); ?></a></h1>
<div class="description"><?php
bloginfo('description'); ?></div>

6.
HTML is forgiving
<h1><a href="<?php echo get_option('home'); ?>/"><?
php bloginfo('name'); ?></a></h1>

7.
Application code is not
<h1><a href="<?php echo et_option('home'); ?>/"><?
php bloginfo('name'); ?></a></h1>

8.
The current
compromise
People competent at both
People that People that have
have design skills coding skills

9.
The Deliverance Way
Web Web Designers
Developers
People that know CSS

10.
Secret Sauce

11.
Where does Deliverance
sit in the stack?
Apache
Deliverance

12.
Where does Deliverance
sit in the stack?
Apache
Deliverance

13.
Deliverance is a tool for moving content using CSS
selectors and a few rules
The only requirements is that the theme and content
source supply HTML
A typical configuration consists of a static HTML file as
the theme as the them resource and an application as the
content provider.

14.
The rules
replace
append
prepend
drop

15.
Content
#content
Theme
#page .floatRight

16.
<theme href="/static/lazydays/
index.html" />
<replace
content="children:#content"
theme="children:#page
.floatRight" />

17.
#content

18.
#page .floatRight

19.
<theme href="/static/lazydays/
index.html" />
<replace
content="children:#content"
theme="children:#page
.floatRight" />

20.
Talk is cheap

21.
#content

22.
#page .floatRight

23.
Proxy rule
<proxy path="/blog" class="blogtheme" >
<response rewrite-links="1" />
<dest href="http://blog.localhost" />
</proxy>

24.
<replace
content="children:#content"
theme="children:#page
.floatRight" />

25.
Let’s get to work

26.
Special pages

27.
Photo credits
• http://www.flickr.com/photos/
21896484@N02/2726201320
• http://www.flickr.com/photos/
disownedlight/3268752278/sizes/l/

28.
Find out more
• http://blog.jazkarta.com
• http://deliverance.openplans.org/