post.html 1.7 KB
Newer Older
1 2 3 4 5 6 7 8 9 10 11
{% include base_path %}

<!--todo: change this to be more unique later-->

<html lang="{{ site.locale | slice: 0,2 }}">

<head>
    {% include head.html %}
</head>

<body>
12 13
    {% include navbar.html %}
    {% if page.hero_image %} 
Zach Knox's avatar
Zach Knox committed
14
        <!--The only reason I used <style> here was so that I could use front matter w/ CSS.-->
15 16 17 18 19 20 21 22
        <style>
                 .postjumbo { background: url({{ page.hero_image }}) no-repeat; background-size: cover; background-position: 20%; box-shadow:
    inset 0px 0px 20px #333; padding-top: 100px; padding-bottom: 100px; border-radius: unset; }
        </style>
        <div class="jumbotron postjumbo">
            <div class="container">
                <div class="d-flex justify-content-center flex-wrap">
                    <h1 style="color: white">{{ page.title }}</h1>
23 24 25
                    {% if page.author %}
                    <h3 style="color: white">by {{ page.author }}</h1>
                    {% endif %}
26 27 28 29
                </div>
            </div>
        </div>
    {% else %}
30 31 32 33 34 35 36 37 38 39 40 41 42 43 44
        <div id="banner">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <h1>
                            <strong>{{ page.title }}</strong>
                        </h1>
                        {% if page.category != 'events' %}
                        <p class="text-muted">{{ page.date | date: "%A %B %-d, %Y" }}</p>
                        {% endif %}
                    </div>
                </div>
            </div>
        </div>
    {% endif %}
45 46 47 48 49 50 51 52 53 54 55 56 57

    <div class="container">
        {{ content }}
    </div>
</body>

<div id="footer">
    {% include footer.html %}
</div>

{% include scripts.html %}

</html>