Boxes with Tab Sets
The splash/tabsbox template generates a set of tabs attached
to a box.
Source #1:
[% tabs = [
{ link => '#wait', text => 'Wait' }
{ link => '#meet', text => 'Meet' }
{ link => '#shade', text => 'Shade' }
]
%]
[% WRAPPER splash/tabsbox %]
<h3>A Pattern Language</h3>
More extracts taken from 'A Pattern Language'
by Christopher Alexander, et al.
<br>
Oxford University Press, 1977,
ISBN 0-19-501919-9
[% END %]
|
Output #1:
|
A Pattern Language
More extracts taken from 'A Pattern Language'
by Christopher Alexander, et al.
Oxford University Press, 1977,
ISBN 0-19-501919-9
|
|
|
|
|
|
Source #2:
<a name="wait"> </a>
[% WRAPPER splash/tabsbox select=1 %]
<h3>A Place to Wait</h3>
In places where people end up waiting
(for a bus, for an appointment, for a
plane), create a situation which makes
the waiting positive. Fuse the waiting
with some other activity - newspaper,
coffee, pool tables, horseshoes;
something which draws people in who
are not simply waiting.
[% END %]
|
Output #2:
|
A Place to Wait
In places where people end up waiting
(for a bus, for an appointment, for a
plane), create a situation which makes
the waiting positive. Fuse the waiting
with some other activity - newspaper,
coffee, pool tables, horseshoes;
something which draws people in who
are not simply waiting.
|
|
|
|
|
|
Source #3:
<a name="meet"> </a>
[% WRAPPER splash/tabsbox
select = 2
width = '80%'
fill = 'grey75'
pad = 10
tablocate = 'center'
%]
<h3>Small Meeting Rooms</h3>
The larger meetings are, the less people
get out of them. But institutions often
put their money and attention into large
meeting rooms and lecture halls.
[% END %]
|
Output #3:
|
Small Meeting Rooms
The larger meetings are, the less people
get out of them. But institutions often
put their money and attention into large
meeting rooms and lecture halls.
|
|
|
|
|
|
Source #4:
<a name="shade"> </a>
[% WRAPPER splash/tabsbox
select = 3
border = 1
invert = 1
pad = 10
%]
<h3>Tapestry of Light and Dark</h3>
Create alternating areas of light and dark
throughout the building, in such a way that
people naturally walk toward the light,
whenever they are going to important places:
seats, entrances, stairs, passages, places of
special beauty, and make other areas darker,
to increase the contrast.
[% END %]
|
Output #4:
Tapestry of Light and Dark
Create alternating areas of light and dark
throughout the building, in such a way that
people naturally walk toward the light,
whenever they are going to important places:
seats, entrances, stairs, passages, places of
special beauty, and make other areas darker,
to increase the contrast.
|
|
|
|
|
|
|