doctype html
html(lang="en")
  head
    meta(charset="utf-8")
    title="ez-indexation"

    <!-- Latest compiled and minified CSS -->
    link(rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous")

    <!-- Optional theme -->
    link(rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous")
    
    <!-- Custom CSS Rules -->
    link(rel="stylesheet" type="text/css" href=publicDir + "/css/style.css")
    link(rel="stylesheet" type="text/css" href=publicDir + "/css/force-directed-graph.css")

    <!-- Latest compiled and minified JavaScript -->
    <!-- script(src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous") -->
    script(type="application/javascript" src="https://d3js.org/d3.v4.min.js")
  body
    div#header.container
      div.row
        div.col-md-8.col-md-offset-2
          h1 Graph Document-Document
      div.row
        div.col-md-8.col-md-offset-2
          div.title=corpus.name
      div.row
        div.col-md-8.col-md-offset-2
          div.subtitle="Cliquez sur un document pour visualiser ses données"
      div.row
        div.col-md-8.col-md-offset-2
          div.data
      div.row
        div.col-md-8.col-md-offset-2#container
          canvas
    
    <!-- Custom JavaScript -->
    script(type="application/javascript" src=publicDir + "/js/rendering-optimization.js")
    script(type="application/javascript" src=publicDir + "/js/resize.js")
    script(type="application/javascript" src=publicDir + "/js/jLouvain.js")
    script(type="application/javascript" src=publicDir + "/js/force-directed-graph.js")
    script.
      initGraph('!{graph}', '!{data}');