return async env => { let _out = [] _out.push('') html { head { link(rel="stylesheet" type="text/css" href="olly.css") {} title { 'Circle 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 { 'Circle Calculator' } img(src="circle.svg") {} br {} 'Please type the number, optionally followed by the unit (there must be a space between the number and the unit).' br {} _out.push(' ') form(action="/calculatebutton.html" method="post") { div { label(for="radius") { 'Radius:' } ' ' input#radius(type="text" name="radius") {} } div.button { button(type="submit") { 'Calculate' } } } } } env.site.serve(env, 200, Buffer.from(_out.join('')), 'circle.html.jst') }