doctype 5

import mixins

html
  head
    block meta
      meta[name="description"][content="This is a great website"]
      meta[charset="UTF-8"]
      meta[name="viewport"][content="width=device-width, initial-scale=1.0, maximum-scale=2.0, user-scalable=no"]
      meta[name="theme-color"][content="#112233"]
      meta[http-equiv="Content-Type"][content="text/html; charset=utf-8"]
  
    block css
      link[rel="stylesheet"][href="/ui/css/base.css"]
      link[rel="stylesheet"][href="/ui/css/magic.css"]
      link[rel="stylesheet"][href="/ui/css/theme.css"]
      link[rel="stylesheet"][media="screen"][href="/ui/fonts/source-sans-pro/source-sans-pro.css"][type="text/css"]

    block js
      script[type="text/javascript"][src="/ui/js/background.js"]

    title #{ViewTitle}
  body
    if ViewBackground != ""
      img[id="main-background"][src="/ui/img/bg.png"] 
    else
      img[id="main-background"][src="/ui/img/bg.png"] 

    div.content-wrapper
      nav
        block menu
        if User.LoggedIn
          ul
            +menuitem("/user/logout", "U", "Logout")
        else
          ul
            +menuitem("/user/login", "U", "Login")
        
        if ViewPath != "/"
          +menuitem("/", "<", "Back")

      main
        block main