index.html.jst

   1 return async env => {
   2   let _out = []
   3   _out.push('<!DOCTYPE html>')
   4   html {
   5     head {
   6       title {
   7         'Buy cool new product'
   8       }
   9       link(rel="stylesheet" href="style.css") {}
  10       script(src="https://polyfill.io/v3/polyfill.min.js?version=3.52.1&features=fetch") {}
  11       script(src="https://js.stripe.com/v3/") {}
  12     }
  13     body {
  14       section {
  15         div.product {
  16           img(src="https://i.imgur.com/EHyR2nP.png" alt="The cover of Stubborn Attachments") {}
  17           div.description {
  18             h3 {
  19               'Stubborn Attachments'
  20             }
  21             h5 {
  22               '$20.00'
  23             }
  24           }
  25         }
  26         form(action="/create-checkout-session.html" method="POST") {
  27           button#checkout-button(type="submit") {
  28             'Checkout'
  29           }
  30         }
  31       }
  32     }
  33   }
  34   env.site.serve(env, 200, Buffer.from(_out.join('')), 'index.html.jst')
  35 }