title: linking layout.pug file from layouts folder
body: <p>So I am clearing up the structure from a project and I have the layouts, navigation and footer in a separate folder.</p>
  
  <p>I am now trying to render the layouts file in my files, but I can't seem to get the path right.</p>
  
  <p>Here is the structure</p>
  
  <p><img src="https://i.gyazo.com/3a9ee6e31a359fd86152d4af03fa1848.png" alt="image #1"></p>
  
  <p>in the dashboard/index I have tried</p>
  
  <p><code>extends ../layout</code>,
  <code>extends ./layout</code> &amp;
  <code>extends ../../layout</code></p>
  
  <p>Here is the layouts.pug file</p>
  
  <pre><code>doctype html
  html
    head
      title= title
      meta(name='viewport' content='width=device-width, initial-scale=1')
      meta(charset='utf-8')
  
      link(rel='stylesheet' href='/stylesheets/output.css')
      link(rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css')
    body(class='antialiased min-h-screen')
      include navigation
      include error
      block content
      include footer
  
      script(src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js')
      script(src='https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.1/Chart.bundle.min.js')
      script(src='/javascripts/fontawesome-all.min.js' defer)
      script(src='/javascripts/site.js')
  </code></pre>