{% comment %}
#
# This layout uses Material Design Lite
# -------------------------------------
# tAiLot - tailot@gmail.com
# -------------------------------------
#
{% endcomment %}
{% include git-wiki/defines/defines.html %}
<!doctype html>
<html>

<head>
    {% if site.inc_before_head %}
    {% include {{ site.inc_before_head }} %}
    {% endif %}

    {% include git-wiki/sections/head/meta.html %}
    <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
    <link rel="stylesheet" href="https://code.getmdl.io/1.3.0/material.blue_grey-red.min.css" />
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Roboto:300,400,500,700" type="text/css">
    <script defer src="https://code.getmdl.io/1.3.0/material.min.js"></script>
    <script>
        $(document).ready(function () {
            var target = document.querySelectorAll('*');
            Array.prototype.forEach.call(target, function (element) {
                element.removeAttribute('style');
            });
            Array.prototype.forEach.call(target, function (element) {
                element.removeAttribute('class');
            });
        });
    </script>
    <style>
        #footer {
            text-align: center;
        }

        #content {
            padding-left: 2%;
        }
    </style>
    {% if site.inc_after_head %}
    {% include {{ site.inc_after_head }} %}
    {% endif %}
</head>

<body>
    <!-- Uses a header that scrolls with the text, rather than staying
  locked at the top -->
    <div class="mdl-layout mdl-js-layout mdl-layout--fixed-header">
        <header class="mdl-layout__header mdl-layout__header--scroll">
            <div class="mdl-layout__header-row">
                <!-- Navigation -->
                <nav class="mdl-navigation">
                    <!-- Title -->
                    <span class="mdl-layout-title">{{ site.title }}</span>
                    <!-- Add spacer, to align navigation to the right -->
                    <div class="mdl-layout-spacer"></div>
                    {% if site.use_github_wiki %}
                    <a class="mdl-navigation__link" href="{{ site.github.repository_url }}/wiki/_new">Add new</a>
                    <a class="mdl-navigation__link"
                        href="{{ site.github.repository_url }}/wiki/{{url | remove: '.html' | append: ''}}/_edit">Edit</a>
                    <a class="mdl-navigation__link"
                        href="{{ site.github.repository_url }}/wiki/{{url | remove: '.html' | append: ''}}/_history">History</a>
                    <a class="mdl-navigation__link"
                        href="{{ site.github.repository_url }}/wiki/{{url | remove: '.html' | append: '.md'}}/">Source</a>
                    {% else %}
                    <a class="mdl-navigation__link"
                        href="{{ site.github.repository_url }}/new/{{site.git_branch}}?filename={{ site.wiki_folder | default: 'wiki' }}/">Add
                        new</a>
                    <a class="mdl-navigation__link"
                        href="{{ site.github.repository_url }}/edit/{{site.git_branch}}/{{page.path}}">Edit</a>
                    {% if site.service == "gitlab" %}
                    <a class="mdl-navigation__link"
                        href="{{ site.github.repository_url }}/blob/{{site.git_branch}}/{{page.path}}">Delete</a>
                    {% else %}
                    <a class="mdl-navigation__link"
                        href="{{ site.github.repository_url }}/delete/{{site.git_branch}}/{{page.path}}">Delete</a>
                    {% endif %}
                    <a class="mdl-navigation__link"
                        href="{{ site.github.repository_url }}/commits/{{site.git_branch}}/{{page.path}}">History</a>
                    <a class="mdl-navigation__link"
                        href="{{ site.github.repository_url }}/blob/{{site.git_branch}}/{{page.path}}">Source</a>
                    {% if site.blog_feature %}
                    <a class="mdl-navigation__link"
                        href="{{ site.github.repository_url }}/new/{{site.git_branch}}?filename=_posts/">Add
                        new post</a>
                    {% endif %}
                    {% if site.use_prose_io and site.service == "github" %}
                    <br>
                    Prose.io:
                    <a class="mdl-navigation__link"
                        href="http://prose.io/#{{site.github.repository_nwo}}/new/{{site.git_branch}}/{{ site.wiki_folder | default: 'wiki' }}">Add
                        new</a>
                    <a class="mdl-navigation__link"
                        href="http://prose.io/#{{site.github.repository_nwo}}/edit/{{site.git_branch}}/{{page.path}}">Edit</a>
                    {% if site.blog_feature %}
                    <a class="mdl-navigation__link"
                        href="http://prose.io/#{{site.github.repository_nwo}}/new/{{site.git_branch}}/_posts/">Add
                        new post</a>
                    {% endif %}
                    {% endif %}
                    {% endif %}
                    <!--
                    <div class="mdl-textfield mdl-js-textfield mdl-textfield--expandable
                    mdl-textfield--floating-label mdl-textfield--align-right">
                        <label class="mdl-button mdl-js-button mdl-button--icon" for="fixed-header-drawer-exp">
                            <i class="material-icons">search</i>
                        </label>
                        <div class="mdl-textfield__expandable-holder">
                            <input class="mdl-textfield__input" type="text" name="sample" id="fixed-header-drawer-exp">
                        </div>
                    </div>
                    -->
                </nav>
            </div>
        </header>
        <div class="mdl-layout__drawer" min-width="100">
            <span class="mdl-layout-title"></span>
            {% if site.logo_url %}
            <img src="{{ site.logo_url }}" alt="logo">
            {% endif %}
            <p>{{ site.description | default: site.github.project_tagline }}</p>
            {% if site.show_wiki_pages %}
            {% include git-wiki/components/lists/page-list.html %}
            {% endif %}

            {% if site.blog_feature and site.show_wiki_posts %}
            {% include git-wiki/components/lists/post-list.html %}
            {% endif %}

            {% if site.show_downloads %}
            <button class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect">
                <a href="{{ site.github.zip_url }}">Download <strong>ZIP File</strong></a>
            </button>
            <button class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect">
                <a href="{{ site.github.tar_url }}">Download <strong>TAR Ball</strong></a>
            </button>
            <button class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect">
                <a href="{{ site.github.repository_url }}">View On <strong>GitHub</strong></a>
            </button>
            {% endif %}

            {% if site.inc_after_header %}
            {% include {{ site.inc_after_header }} %}
            {% endif %}
        </div>
        <main class="mdl-layout__content">
            <div class="page-content">
                <div class="mdl-grid">
                    <div mdl-cell--1-col-desktop></div>
                    <div id="content">{{content}}</div>
                </div>
            </div>
            <div class="mdl-layout__header" id="footer">
                {% include git-wiki/sections/footer/footer.html %}
            </div>
        </main>
 
    </div>

</body>