<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>{$title}</title>
    <base href="{=BASE_URL}/" target="_self">
    <link rel="stylesheet" href="public/css/w3.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    <style>
     .wrapper {
       min-height: calc(100vh - 60px);
     }
     .footer {
       height: 60px;
     }
    </style>
  </head>
  <body>
    <div class="wrapper">
      <header>
	<div class="w3-container w3-white">
	  <h1 class="w3-xlarge">{$title}</h1>
	  <div class="w3-display-container" style="height: 40px;">
	    <div class="w3-display-right">
	      <div class="w3-bar w3-deep-orange">
		<a class="w3-bar-item" href="{ifset $page->name}{=BASE_URL}/{$page->name}/edit{else}#{/ifset}">{_}edit{/_}</a>
		<a class="w3-bar-item" href="{=BASE_URL}/create">{_}create{/_}</a>
		<a class="w3-bar-item" href="{=BASE_URL}/list">{_}list{/_}</a>
		<a class="w3-bar-item" href="{=BASE_URL}">{_}home{/_}</a>
	      </div>
	    </div>
	  </div>
	</div>
      </header>
      <main class="w3-main w3-container">
	{block content}
	{/block}
      </main>
    </div>
    <footer class="footer w3-padding-24 w3-center w3-small w3-gray">
      PlumWiki version 0.6
    </footer>
  </body>
</html>
