<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta charset="utf-8">
<title><%= current_path === '/' ? '' : page_title + ' - ' %><%= site %></title>
<meta name="description" content="">
<meta name="author" content="">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1">
<link rel="stylesheet" href="<%= relative_root_path %>assets/css/bulma.min.css">
<link rel="stylesheet" href="<%= relative_root_path %>assets/css/app.css">
<!--[if lt IE 9]>
<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<link rel="shortcut icon" href="">
</head>
<body dir="<%= direction %>">
<nav class="columns navbar">
<div class="column logo is-3 is-offset-1">
<a class="is-brand" href="<%= relative_root_path %>index.html">
<%= site %>
</a>
</div>
</nav>
<div class="columns content">
<div class="column is-2-desktop is-3-widescreen is-hidden-touch">
</div>
<div class="column article-container is-11-tablet is-8-desktop is-6-widescreen">
<%= breadcrumb %>
<h1 class="article-title"><%= page_title %></h1>
<div class="article">
<%= content %>
<% if (current_path === '/') { %>
<h2>Table of Contents</h2>
<%= chapterList %>
<% } %>
</div>
<div dir="ltr" class="level article-bar is-mobile">
<div class="level-item has-text-centered">
<%= previous_page %>
</div>
<div class="level-item has-text-centered">
<a title="font size" class="link-item link-item-size">
<span class="icon icon-size" data-icon="size"></span>
</a>
</div>
<div class="level-item has-text-centered">
<a title="table of content" class="link-item link-item-toc">
<span class="icon icon-toc" data-icon="toc"></span>
</a>
</div>
<div class="level-item has-text-centered">
<a title="top" href="#">
<span class="icon icon-up" data-icon="up"></span>
<span class="link-content">⤊ Top</span>
</a>
</div>
<div class="level-item has-text-centered">
<%= next_page %>
</div>
</div>
</div>
<div class="column is-2-widescreen is-hidden">
</div>
</div>
<div class="columns foot">
<div class="column is-3 is-offset-9 build-by">
Build by <a href="https://github.com/ruanyf/loppo" target="_blank">Loppo</a> <%= loppo_version %>
</div>
</div>
<div class="book-toc notification is-warning is-hidden">
<h3>Table of chapters <span class="title-close"><a class="button is-danger"> Close </a></span></h3>
<%= chapterList %>
</div>
<div class="progress-indicator"></div>
<% includes scripts %>
</body>
</html>