index.pug

doctype html
html(lang="en")
  head
    title #{config.name}
    meta(charset="utf-8")
    meta(http-equiv="x-ua-compatible",content="ie=edge")
    meta(name="viewport",content="width=device-width,initial-scale=1.0")
    link(href="https://fonts.googleapis.com/css2?family=Roboto&display=swap",rel="stylesheet")
    link(rel="stylesheet",href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css",integrity="sha256-93wNFzm2GO3EoByj9rKZCwGjAJAwr0nujPaOgwUt8ZQ=",crossorigin="anonymous")
    link(rel="stylesheet",href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.15.1/css/all.min.css",integrity="sha256-rx5u3IdaOCszi7Jb18XD9HSn8bNiEgAqWJbdBvIYYyU=",crossorigin="anonymous")
    script(src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js",integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=",crossorigin="anonymous")
    script(src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js",integrity="sha256-jXCJJT3KKcnNjZ3rfsabCj1EX4j2omR4xxm+H5CtywE=",crossorigin="anonymous")
    script(src="https://cdn.jsdelivr.net/npm/socket.io-client@3.0.3/dist/socket.io.min.js",integrity="sha256-XWbNjAL+l0aYPimukCxoI/339U3AEFXDR3lnrXADLxU=",crossorigin="anonymous")
    script(src="/main.js")
    style.
      body {
        font-family: "Roboto", sans-serif;
        background-image: url("#{config.background_img}");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        background-attachment: fixed;
      }
  body
    div.w-75.mx-auto
      div.jumbotron.my-5.text-center
        div.d-flex.mb-2.justify-content-center.align-items-center
          h1.mb-0 #{config.name}
          i.fas.fa-circle.ml-3.rounded-circle.text-danger#status(style="font-size:0.3rem;")
        h5 Players Online: 
          span#players 0
          | /#{config.max_players}
        div.mt-5.d-none#display