Routing and Template Cookbook: Including resources

From Dreamwidth Notes
Revision as of 18:24, 24 December 2016 by Momiji (Talk | contribs)

(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to: navigation, search

Templates

Specifying needed CSS/JS files

[%- CALL dw.active_resource_group( 'jquery' ) -%]
[%- dw.need_res( 'stc/kitten.css' ) -%]
[%- dw.need_res( 'js/ponies.js' ) -%]
[%- dw.need_res( { group => 'jquery' }, 'js/sparkle.js' ) -%]

Note: ignore the first and last if your page doesn't use jQuery.

For CSS, remember to use the standardized classes as much as possible.

Adding code to the head

Use this section code to add things to the head of the page.

[% sections.head = BLOCK %]
<style type="text/css">
dt { font-size: bigger; font-weight: bold; margin-bottom: .2em; }
dd { margin-bottom: 1em; }
</style>
[% END  # sections.head %]