{{ partial "header.html" . }}

<div class="container-fluid">
    <div class="main">
        <div class="page-head-box fade-in one">
        <h1 class="list-title">{{ .Site.Params.firstname }}'s Blog</h1>
        
            <div class="nav">
            <hr>
            <a href="/">Main</a> | 
            <a href="/#about">About</a> | 
            {{ if .Site.Params.showprojects }}
            <a href="/#projects">Projects</a> | 
            {{ end }}
            {{ if .Site.Params.showblog }}
            <a href="/#blog">Blog</a> | 
            {{ end }}
            <a href="/#contact">Contact</a> 
            <hr>
            </div>
        </div>

    <div class="content fade-in two">
        <div class="blog-header">
            <a href="{{ .Permalink }}">{{ .Title }}</a>
            <div class="post-data">
                {{ .Date.Format .Site.Params.dateform }} |
                {{ if eq 1 .ReadingTime }}{{ .ReadingTime }} minute read{{ else }}{{ .ReadingTime }} minutes read{{ end }}
            </div>
            
            {{ if .Site.Params.sharebuttons }}
                <div class="blog-share">
                Share this:
                <a class="twitter-share-button" href="https://twitter.com/intent/tweet?text=Read%20{{ .Title }}%20{{ .Permalink }}"
                onclick="window.open(this.href, 'twitter-share', 'width=550,height=235');return false;">
                <i class="fa fa-twitter"></i>
                <span class="hidden">Twitter</span>
                </a>
                <a class="icon-facebook" href="https://www.facebook.com/sharer/sharer.php?u={{ .Permalink }}"
                onclick="window.open(this.href, 'facebook-share','width=580,height=296');return false;">
                <i class="fa fa-facebook"></i>
                <span class="hidden">Facebook</span>
                </a>
                <a class="icon-pinterest" href="http://pinterest.com/pin/create/button/?url={{ .Permalink }}{{ if .Params.pinterestmedia }}&amp;media={{ .Site.BaseURL }}{{ .Params.pinterestmedia }}{{ end }}&amp;description={{ .Title | safeHTML}}"
                onclick="window.open(this.href, 'pinterest-share','width=580,height=296');return false;">
                <i class="fa fa-pinterest"></i>
                <span class="hidden">Pinterest</span>
                </a>
                <a class="icon-google-plus" href="https://plus.google.com/share?url={{ .Permalink }}"
                onclick="window.open(this.href, 'google-plus-share', 'width=490,height=530');return false;">
                <i class="fa fa-linkedin"></i>
                <span class="hidden">Google+</span>
                </a>
                </div>
            {{ end }}
            
        </div>
    <div class="container markdown">
        {{ .Content }}
    </div>

<div class="nav">
<hr>
{{ if .Site.Params.showallposts }}
<a href="/#blog">Back to blog</a> | <a href="/">Main</a>
{{ else }}
<a href="/blog">Back to blog</a> | <a href="/">Main</a>
{{ end }}
<hr>
</div>
<div class="disqus">
    {{ template "_internal/disqus.html" . }}
</div>
{{ partial "footer.html" . }}
</div>
</div>
</div>