node-fftcg/views/usercp.pug

doctype html
html
  head
    title Crafty Things
    script(src='/usercp.bundle.js')
  body
    
    header.jumbotron.jumbotron-fluid.py-4.bg-primary.text-light.text-center
      div.container
        h1 Hello World!
        h2 App under development, please don't submit any valuable data!
      
    div.container.bg-light
      h3 Yavook!FFTCG
      div#alert-area
      div.row
        div.col-md-8
          h4 My Decks
          ul.list-group#my-decks
            li.list-group-item 
              div.row
                div.col-3.btn-group(role="group")
                  button.btn.btn-secondary(data-toggle="collapse" data-target="#modDeck0") Edit
                  button.btn.btn-secondary#delDeck0 Delete
                div.col-9.align-self-center item1
                  
              form.collapse.pt-2#modDeck0(name="modDeck0")
                div.form-group
                  label(for="deck") Decklist:
                  textarea.form-control.form-control-sm.text-monospace(name="deck" rows="20" required)
                    
                div.form-group
                  button.btn.btn-primary.w-100(type="submit") Confirm
            
          p Hello
                  
        div.col-md-4
          h4 New Deck
          form(name="addDeck")
            div.form-group
              label(for="deck") Paste decklist:
              textarea.form-control.form-control-sm.text-monospace(name="deck" rows="20" required)
                
            div.form-group
              button.btn.btn-primary.w-100(type="submit") Add