return async env => { let _out = [] _out.push('') html { head { link(rel="stylesheet" type="text/css" href="olly.css") {} title { 'Trapezium Area Calculator' } style { form div + div { margin-top: 1em } label { display: inline-block; width: 90px; text-align: right } input, textarea { font: 1em sans-serif; width: 300px; box-sizing: border-box; border: 1px solid #999 } input:focus, textarea:focus { border-color: #000 } textarea { vertical-align: top; height: 5em } .button { padding-left: 90px } button { margin-left: .5em } } } body.olly { h1 { 'Trapezium Area Calculator' } img(src="drawing.svg") {} form(action="/calculate_button_trapezium.html" method="post") { div { label(for="height") { 'Height:' } ' ' input#height(type="text" name="height") {} ' units' } div { label(for="a_length") { 'A:' } ' ' input#a_length(type="text" name="a_length") {} ' units' } div { label(for="b_length") { 'B:' } ' ' input#b_length(type="text" name="b_length") {} ' units' } div.button { button(type="submit") { 'Calculate' } } } } } env.site.serve(env, 200, Buffer.from(_out.join('')), 'trapezium.html.jst') }