Difference between revisions of "Routing and Template Cookbook: Including resources"

From Dreamwidth Notes
Jump to: navigation, search
(Created page with " = Templates = == Specifying needed CSS/JS files == <syntaxhighlight lang="html4strict"> [%- CALL dw.set_active_resource_group( 'jquery' ) -%] [%- dw.need_res( 'stc/kitten.c...")
 
 
(One intermediate revision by one other user not shown)
Line 5: Line 5:
  
 
<syntaxhighlight lang="html4strict">
 
<syntaxhighlight lang="html4strict">
[%- CALL dw.set_active_resource_group( 'jquery' ) -%]
+
[%- CALL dw.active_resource_group( 'jquery' ) -%]
 
[%- dw.need_res( 'stc/kitten.css' ) -%]
 
[%- dw.need_res( 'stc/kitten.css' ) -%]
 
[%- dw.need_res( 'js/ponies.js' ) -%]
 
[%- dw.need_res( 'js/ponies.js' ) -%]
[%- dw.need_res( ( group => 'jquery' ), 'js/sparkle.js' ) -%]
+
[%- dw.need_res( { group => 'jquery' }, 'js/sparkle.js' ) -%]
 
</syntaxhighlight>
 
</syntaxhighlight>
  
 
Note: ignore the first and last if your page doesn't use jQuery.
 
Note: ignore the first and last if your page doesn't use jQuery.
  
For CSS, remember to use the [http://www.dreamwidth.org/dev/classes standardized classes] as much as possible.
+
For CSS, remember to use the [http://www.dreamwidth.org/dev/style-guide standardized classes] as much as possible.
  
 
== Adding code to the head ==
 
== Adding code to the head ==

Latest revision as of 18:24, 24 December 2016

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 %]