|  | HTML |  |
|  | Splash! |  |
|  | PostScript |  |
| Template Toolkit Examples: Splash! Library: Bordered Boxes |

| panel
|  | box |  |
hair |
# Bordered Boxes The splash/box element is a single panel within a frame.
Source #1:
    [% INCLUDE splash/box
               content = 'Box Content'
    %]
| Output #1:
Box Content
Source #2:
    [% WRAPPER splash/box %]
    <h3>A Pattern Language</h3>

    Christopher Alexander et al.
    <br>
    Oxford University Press, 1977
    <br>
    ISBN: 0-19-501919-9

    [% END %]
| Output #2:
### A Pattern Language Christopher Alexander et al. Oxford University Press, 1977 ISBN: 0-19-501919-9
Source #3:
    [% # use "select" style
       WRAPPER splash/box
               style = splash.style.select
    %]
    <h3>Towns</h3>

    We begin with that part of the language
    which defines a town or community.  These
    patterns can never be "designed" or "built"
    in one fell swoop - but patient, piecemeal
    growth, designed in such a way that every
    individual act is always helping to create
    or generate these larger global patterns,
    will, slowly and surely, over the years,
    make a community that has these global
    patterns in it.

    [% END %]
| Output #3:
### Towns We begin with that part of the language which defines a town or community. These patterns can never be "designed" or "built" in one fell swoop - but patient, piecemeal growth, designed in such a way that every individual act is always helping to create or generate these larger global patterns, will, slowly and surely, over the years, make a community that has these global patterns in it.
Source #4:
    [% # set options directly
       WRAPPER splash/box
    	   border = 5
    	   pad    = 10
    %]

    <h3>Carnival</h3>

    Just as an individual person dreams
    fantastic happenings to release the
    inner forces which cannot be encompassed
    by ordinary events, so too a city needs
    its dreams.

    [% END %]
| Output #4:
### Carnival Just as an individual person dreams fantastic happenings to release the inner forces which cannot be encompassed by ordinary events, so too a city needs its dreams.
Source #5:
    [% # set options directly
       WRAPPER splash/box
    	   col    = 'scarlet'
    	   bgcol  = 'grey75'
    	   border = 1
    	   pad    = 6
    %]
    <h3>Home Workshop</h3>

    Make a place in the home, where substantial
    work can be done; not just a hobby, but a
    job.  Change the zoning laws to encourage
    modest, quiet work operations to locate in
    neighborhoods.  Give the workshop perhaps
    a few hundred square feet; and locate it so
    it can be seen from the street and the owner
    can hang out a shingle.

    [% END %]
| Output #5:
### Home Workshop Make a place in the home, where substantial work can be done; not just a hobby, but a job. Change the zoning laws to encourage modest, quiet work operations to locate in neighborhoods. Give the workshop perhaps a few hundred square feet; and locate it so it can be seen from the street and the owner can hang out a shingle.
Source #6:
    [% WRAPPER splash/box
    	   col = 'grey25'
               pad = 0;
       WRAPPER splash/button
               width = '100%'
               bgcol = 'grey25'
    	   col   = 'grey75'
    	   align = 'left'
    %]

    <h2>Flyweight</h2>

    <ul>
      <h3>Intent</h3>
      Use sharing to support large numbers of fine-grained
      objects efficiently.
    </ul>

    [% END; END %]
| Output #6:
| ## Flyweight ### Intent Use sharing to support large numbers of fine-grained objects efficiently. |