Difference between revisions of "Foundation"

From Dreamwidth Notes
Jump to: navigation, search
(Styling)
m (Skeleton .tt page using Foundation: (c))
Line 14: Line 14:
 
     name <[email protected]>
 
     name <[email protected]>
  
Copyright <years> by Dreamwidth Studios, LLC
+
Copyright (c) <years> by Dreamwidth Studios, LLC
 
   
 
   
 
This program is free software; you may redistribute it and/or modify it under
 
This program is free software; you may redistribute it and/or modify it under

Revision as of 18:34, 27 October 2014

Foundation is a responsive front-end network. We are going to convert our current site skins to use Foundation and SCSS. Advantages:

  • All pages can be designed to work with both mobile and desktop pages, using the same HTML.
  • We can start to use the advantages of SCSS, such as variables and mixins.

Skeleton .tt page using Foundation

[%# path/to/file.tt
 
Short description of the page
 
Authors:
    name <[email protected]>
 
Copyright (c) <years> by Dreamwidth Studios, LLC
 
This program is free software; you may redistribute it and/or modify it under
the same terms as Perl itself.  For a copy of the license, please reference
'perldoc perlartistic' or 'perldoc perlgpl'.
%]
 
[%- sections.title = ".title" | ml -%]
[%- CALL dw.active_resource_group( "foundation" ) -%]
 
[%- dw.need_res( { group => "foundation" }
) -%]

Error handling in Foundation pages

Use Error_Handling in the controller.

Styling Foundation pages

Default styling should work for most pages. If you ever need custom styling, you should refer to the style guide and the corresponding .tt page.

Documentation