Deliverance talk at plone meetup
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

Deliverance talk at plone meetup

on

  • 2,924 views

Introductory talk on Deliverance for Word Plone Day 2010 Boston. For this presentation, both a Plone site and Wordpress site were themed using Deliverance.

Introductory talk on Deliverance for Word Plone Day 2010 Boston. For this presentation, both a Plone site and Wordpress site were themed using Deliverance.

Statistics

Views

Total Views
2,924
Views on SlideShare
2,471
Embed Views
453

Actions

Likes
0
Downloads
5
Comments
0

4 Embeds 453

http://deliveranceproject.org 294
http://www.deliveranceproject.org 147
http://www.slideshare.net 11
http://translate.googleusercontent.com 1

Accessibility

Categories

Upload Details

Uploaded via as Apple Keynote

Usage Rights

CC Attribution-NonCommercial-ShareAlike LicenseCC Attribution-NonCommercial-ShareAlike LicenseCC Attribution-NonCommercial-ShareAlike License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • <br />
  • All platforms try to solve the this. The great battle between design minded folks and development minded folks. <br />
  • <br />
  • sample template <br />
  • <br />
  • typical code, you get distracted <br />
  • <br />
  • <br />
  • <br />
  • We create all sorts of extra infrastructure to account for the above, each solution is different. <br /> <br />
  • <br />
  • <br />
  • Deliverance is a piece of software that proxies the incoming request from a browser, based on the request, it finds the content and the theme that most closely matches the request and returns it to the browser. <br />
  • <br />
  • These rules apply to matched CSS selectors (or Xpath)s <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • the is the routing <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />

Deliverance talk at plone meetup Presentation Transcript

  • 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/