Deliverance talk at plone meetup

  • 2,050 views
Uploaded on

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.

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
2,050
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
5
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

  • All platforms try to solve the this. The great battle between design minded folks and development minded folks.

  • sample template

  • typical code, you get distracted



  • We create all sorts of extra infrastructure to account for the above, each solution is different.



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

  • These rules apply to matched CSS selectors (or Xpath)s












  • the is the routing





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/