index.hbs

{{!< default}}
{{! The tag above means - insert everything in this file into the {body} of the default.hbs template }}

<!-- Author View -->

<div class="wrapper-background author-content">
    {{#author}}
        {{#if cover}}
        <header class="highlight-header post-head" style="background-image: url({{cover}})">
            test
        </header>
        {{else}}
        <br><br><br><br>
        {{/if}}
    
        <header class="author">
            {{#if image}}
            <figure class="author-image">
                <a href="" class="img" style="background-image: url({{image}})">
                    <span class="hidden">{{name}}'s Picture</span></a>
            </figure>
            {{/if}}
            <div class="author">
                <h4>{{name}}</h4>
                <section>
                    {{#if bio}}
                        <p class="author-bio">{{bio}}</p>
                    {{/if}}
                    <div class="author-meta">
                        {{#if location}}<span class="author-location icon-location">{{location}}</span>{{/if}}&nbsp;&nbsp;·&nbsp;&nbsp;{{#if website}}<span class="author-link icon-link"><a href="{{website}}">{{website}}</a></span>{{/if}}
                    </div>
                </section>
            </div>
            
        </header>
    
        <h2 class="article-spacer"><span>&#10020;</span></h2>
    {{/author}}

</div>

<!-- End Author View -->

{{! The big featured header }}
<header class="header {{#if @blog.cover}}">
    
    <div class="teaser">
        <div class="teaser-image-big" style="background-image: url({{@blog.cover}}){{else}}blah{{/if}}">
            <div class="shoutout">
                <h1 class="page-title">{{@blog.title}}</h1>
                <h2 class="page-description">{{@blog.description}}&nbsp;<a href="/about">Read more here</a></h2>
            </div>
        </div>
    </div>
    
</header>

<!-- Pitch Part -->


<section class="pitch">
    <h2 class="section-headline"><span>What about Me?</span></h2>
    <div class="item">
        <i class="fa fa-hdd-o"></i>
        <h3>OmSense</h3>
        <p>Flexible. Distributed. Modular. All connected PDUs are automatically displayed with the most important parameter displayed on the main screen.</p>
        <a href="http://www.omsense.de" target="_blank">Check out OmSense</a>
    </div>
    <div class="item">
        <i class="fa fa-list-alt"></i>
        <h3>Readium</h3>
        <p>The Open Source Ghost Theme I use for this blog. It is the essence of my previous themes, Chiara and Phantome Times. Feel free to make the most of it yourself.</p>
        <a href="https://github.com/starburst1977/readium" target="_blank">Show me the Github Repo</a>
    </div>
    <div class="item">
        <i class="fa fa-diamond"></i>
        <h3>About Me</h3>
        <p>Wondering who I am and what I do? Probably not. But if you are, check in here to get to know more about me and what I do. Looking forward on hearing from you.</p>
        <a href="/about/">About me</a>
    </div>
</section>

<!-- Blog Part -->


    {{! The tag below includes the post loop - partials/loop.hbs }}
    {{> "loop"}}