{{ define "layout" }}
<!DOCTYPE html>
<html>
  <meta name="viewport" content="width=device-width, initial-scale=1">      
  <head>
    <link rel="icon" type="image/png"  href="/static/favicon.png">    
    <title>{{ .Title }}</title>
    <style>
      a, a:link, a:visited, a:hover, a:active {
          text-decoration: none
      }

      a:link, a:visited,  a:active {
          color: black;
      }

      a:hover {
          color: #de0808;
      }

      body {
          {{ if .Board.Restricted }}
          background-color: #eef2fe;
          color: black;
          {{ else }}
          background-color: #ffffee;
          color: #820404
          {{ end }}
      }
      
      .popup-box {
          {{ if .Board.Restricted }}
          border: 4px solid #d3caf0;
          background-color: #eff5ff;
          {{ else }}
          border: 4px solid #f0e2d9;
          background-color: #f9f9e0;
          {{ end }}
      }
      
      .quote {
          color: #789922;
      }

      .reply {
          {{ if .Board.Restricted }}
          color:#af0a0f;
          {{ else }}
          color:#000080;
          {{ end }}
      }

      .post {
          {{ if .Board.Restricted }}
          background-color: #d5daf0;
          {{ else }}
          background-color: #f0e0d6;
          {{ end }}
      }
    </style>
    {{ template "header" . }}    
  </head>
  <body>
    <ul style="display: inline; padding:0;">
      {{range .Boards}}
      <li style="display: inline;"><a href="{{.Location}}">{{.Name}}</a></li>
      {{end}}
    </ul>
    {{ if .Board.ModCred }}
    {{ if eq .Board.ModCred .Board.Domain .Board.Actor }}
    <span style="float: right;"><a href="/{{ .Key }}/{{ .Board.Name }}">[Manage Board]</a></span>
    {{ end }}
    {{ end }}
    {{ template "top" . }}
    
    {{ template "content" . }}
    
    {{ template "bottom" . }}
    <div style="width: 500px; margin:0 auto; margin-top: 50px; text-align: center;">
      <a href="/">[Home]</a><a href="/static/rules.html">[Rules]</a><a href="/static/faq.html">[FAQ]</a>
      <p>All media are copyright to their respective owners.</p>
    </div>
  </body>
</html>

{{ template "script" . }}
{{ end }}