_includes/header.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>
        {% if page.title %} {{ page.title | escape }} {% else %} {{ site.title | escape }} {% endif %}
    </title>
    <link rel="shortcut icon" type="image/png" href="{{site.baseurl}}/assets/res/favicon-32x32.png">
    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/materialize/0.99.0/css/materialize.min.css">
    <link rel="stylesheet" href="//fonts.googleapis.com/icon?family=Material+Icons">
    <link rel="stylesheet" href="{{site.baseurl}}/assets/css/main.css"> {% for css in layout.css %} {% if css contains "//" %}
    <link rel="stylesheet" href="{{css}}"> {% else %}
    <link rel="stylesheet" href="{{site.baseurl}}/assets/css/{{css}}"> {% endif %} {% endfor %} {% for css in page.css %} {% if css contains "//" %}
    <link rel="stylesheet" href="{{css}}"> {% else %}
    <link rel="stylesheet" href="{{site.baseurl}}/assets/css/{{css}}"> {% endif %} {% endfor %}
    <link rel="stylesheet" href="{{site.baseurl}}/assets/css/syntax.css"> {% feed_meta %}
    <link rel="sitemap" type="application/xml" title="Sitemap" href="{{site.baseurl}}/sitemap.xml"> {% seo title=false %}
</head>

<body>
    <header>
        <nav class="top-nav teal">
            <div class="nav-wrapper">
                <div class="container">
                    <a class="page-title" href="{{site.baseurl}}/">{{site.title}}</a>:
                    <span style="font-size: smaller; vertical-align: middle;">{{site.description}}</span>
                </div>
            </div>
        </nav>
        <div class="container">
            <a href="#" data-activates="slide-out" class="button-collapse top-nav full hide-on-large-only">
                <i class="material-icons">menu</i>
            </a>
        </div>
        <ul id="slide-out" class="side-nav fixed">
            <li>
                <div class="userView">
                    <div class="background"></div>
                    <a href="{{site.github_profile}}" target="_blank"><img class="circle z-depth-2" src="{{site.baseurl}}/assets/res/user.png"></a>
                    <span class="white-text name">{{site.user}}</span>
                    <span class="white-text email">{{site.user_email}}</span>
                </div>
            </li>
            <li><a class="waves-effect" href="{{site.baseurl}}/"><i class="material-icons">home</i>Home</a></li>
            <li><a class="waves-effect" href="{{site.baseurl}}/projects"><i class="material-icons">description</i>Projects</a></li>
            <!-- <li><a class="waves-effect" href="{{site.baseurl}}/categories"><i class="material-icons">sort</i>Categories</a></li>
            <li><a class="waves-effect" href="{{site.baseurl}}/tags"><i class="material-icons">label</i>Tags</a></li> -->
            <li><a class="waves-effect" href="{{site.baseurl}}/feed.xml" target="_blank"><i class="material-icons">rss_feed</i>RSS</a></li>
            <li>
                <div class="divider"></div>
            </li>
            <li><a class="waves-effect" href="{{site.baseurl}}/about"><i class="material-icons">person</i>About</a></li>
            <li><a class="waves-effect" href="{{site.baseurl}}/contact"><i class="material-icons">email</i>Contact</a></li>
        </ul>
    </header>
    <main>