Recipe abstractions on top of HTML

Lecture overview -- Keyboard shortcut: 'u'

Previous page: Simple HTML recipe pages -- Keyboard shortcut: 'p'

Next page: Recipe abstractions on top of HTML -- Keyboard shortcut: 'n'

Lecture notes - all slides and notes together

Annotated slide -- Keyboard shortcut: 't'

Slide 16 : 30

Recipe abstractions on top of HTML

Introducing simple Scheme functions on top of the HTML clauses

(define (recipe title ingredient-list step-list comment)
  (div 'css:margin-bottom "2cm"
     (span "Recipe:" title) (br)
     "Ingredients:" (br)
     (ul (map li ingredient-list))
     "Procedure:" (br)
     (ol (map li step-list))
     (font 'size "1" comment)))

(recipe      
       "Pita Bread" 
       (list "1.5 tsp dry yeast" "1 cup water" "...")
       (list "Dissolve the yeast" "Add honey, flour and salt" "...") 
       "")

The entire document.

HTML recipe document

Poor markup - Use of positional parameters - Use of lists as generic markup