<html lang=“en”>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="{{ '/assets/css/bootstrap.min.css' | relative_url }}" rel="stylesheet">
<link href="{{ '/assets/css/fuelux.min.css' | relative_url }}" rel="stylesheet">
<link href="{{ '/assets/css/main.css' | relative_url }}" rel="stylesheet">
<link href="{{ '/assets/css/offcanvas.css' | relative_url }}" rel="stylesheet">
<title>{{site.title}}: {{page.title}}</title>
</head>
<body class=“fuelux”>
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class="navbar-brand">
<a href="{{ site.brand_url | default: "/" }}">{{site.brand}}</a>
</div>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
{% assign sorted_pages = site.pages | sort:"order", "last" %}
{% for node in sorted_pages %}
{% assign node_url_parts = node.url | split: '/' %}
{% assign node_url_parts_size = node_url_parts | size %}
{% if node.title and node_url_parts_size<3 %}
{% if page.url == node.url %}
<li class="active"><a href="{{ node.url | relative_url }}" class="active">{{node.title}}</a></li>
{% else %}
<li><a href="{{ node.url | relative_url }}">{{node.title}}</a></li>
{% endif %}
{% endif %}
{% endfor %}
</ul>
</div>
</div>
</nav>
<div role="main" class="container-fluid">
<div class="row row-offcanvas row-offcanvas-left">
<div class="col-xs-6 col-sm-3 col-lg-2 sidebar-offcanvas" id="sidebar">
{% include sidemenu.html %}
</div><!--/.sidebar-offcanvas-->
<div class="col-lg-1"></div>
<div class="col-xs-12 col-sm-9 col-lg-6">
<p class="pull-left visible-xs">
<button type="button" class="btn btn-primary btn-xs" data-toggle="offcanvas">Section menu</button>
</p>
<div class="page-header">
<h1>{{page.title}}</h1>
</div>
{{content}}
</div><!--/.col-xs-12.col-sm-9-->
<div class="col-lg-3">
</div>
</div><!--/row-->
</div>
<footer class="container-fluid">
<div class="row">
<div class="col-sm-3 col-lg-3"></div>
<div class="col-xs-12 col-sm-4 col-lg-3">{% include footer-left.html %}</div>
<div class="col-sm-1"></div>
<div class="col-xs-12 col-sm-4 col-lg-3">{% include footer-right.html %}</div>
<div class="col-lg-3"></div>
</div>
</footer>
<script src="{{ '/assets/js/jquery.min.js' | relative_url }}"></script>
<script src="{{ '/assets/js/bootstrap.min.js' | relative_url }}"></script>
<script src="{{ '/assets/js/fuelux.min.js' | relative_url }}"></script>
<script src="{{ '/assets/js/mermaid.js' | relative_url }}"></script>
<script src="{{ '/assets/js/offcanvas.js' | relative_url }}"></script>
<script>
var mermaid_config = {
startOnLoad:true,
theme: "mermaid",
mermaid:{
cloneCssStyles: false
},
flowchart:{
useMaxWidth:false,
htmlLabels:true
},
sequenceDiagram:{
useMaxWidth:false,
width:150,
height:45
}
};
mermaid.initialize(mermaid_config);
mermaid.init(mermaid_config, '.language-mermaid');
</script>
</body>
</html>