index.html.jst

   1 return async env => {
   2   let _out = []
   3   _out.push('<!DOCTYPE html>')
   4   html {
   5     head {
   6       title {
   7         'Square Checkout'
   8       }
   9       meta(name="description" content="An example of Square Checkout on Glitch") {}
  10       link(rel="stylesheet" href="/main.css") {}
  11       link(rel="stylesheet" href="/normalize.css") {}
  12       link#favicon(rel="icon" href="https://cdn.glitch.com/4c9bc573-ca4c-48de-8afe-501eddad0b79%2Fsquare-logo.svg?1521834224783" type="image/x-icon") {}
  13       meta(charset="utf-8") {}
  14       meta(http-equiv="X-UA-Compatible" content="IE=edge") {}
  15       meta(name="viewport" content="width=device-width,initial-scale=1") {}
  16     }
  17     body {
  18       header.container {
  19         div#square-logo {}
  20         h1.header {
  21           'Simple Checkout'
  22         }
  23       }
  24       div.container {
  25         form.form-container(method="post" action="checkout.html") {
  26           div.item-line {
  27             div.item-label {
  28               'Test Item A x 1'
  29             }
  30             div.item-amount {
  31               '$5.00'
  32             }
  33           }
  34           div.item-line {
  35             div.item-label {
  36               'Test Item B x 3'
  37             }
  38             div.item-amount {
  39               '$30.00'
  40             }
  41           }
  42           div.item-line.total-line {
  43             div.item-label {
  44               'Total'
  45             }
  46             div.item-amount {
  47               '$35.00'
  48             }
  49           }
  50           button(type="submit") {
  51             'Pay now!'
  52           }
  53         }
  54       }
  55     }
  56   }
  57   env.site.serve(env, 200, Buffer.from(_out.join('')), 'index.html.jst')
  58 }