base.pug

  
 <!DOCTYPE html>
html(lang="en")
  head
    meta(charset="UTF-8")
    meta(name="viewport", content="width=device-width, initial-scale=1.0")
    meta(http-equiv="X-UA-Compatible", content="ie=edge")
    link(rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.min.css" integrity="sha256-9mbkOfVho3ZPXfM7W8sV2SndrGDuh7wuyLjtsWeTI1Q=" crossorigin="anonymous")
    title RoleGame
  body
    script(src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous")
    script(src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.min.js" integrity="sha256-t8GepnyPmw9t+foMh3mKNvcorqNHamSKtKRxxpUEgFI=" crossorigin="anonymous")
    block navbar
      if !user
        form(action="/auth/login", method="post")
          .ui.pointing.menu
            a.item(href="/") Home
            .right.menu
              .item
                .ui.input.transparent
                  input#username(type="text" name="username" placeholder="username")
                .ui.transparent.input
                  input#password(type="password" name="password" placeholder="password")
                .ui.transparent.input
                  input.ui.button(type="submit" value="Login")
              a.item(href="/auth/signup") Sign up
      else
        form(action="/auth/logout", method="post")
          .ui.pointing.menu
            a.item(href="/") Home
            a.item(href="/characters") My characters
            .right.menu
              .item #{user.firstName} #{user.lastName}
              .item
                .ui.transparent.input
                  input.ui.button(type="submit" value="Logout")
    .ui.grid
      .three.wide.column
      .ten.wide.column
        block main
      .three.wide.column
        include notifications.pug