stories-test-2.html

---
---

{% include head.html %}

{% include googleanalytics.html %}

{% include 2024-nav.html %}

<style>
    .blogstory{
        min-width:350px;
    }
</style>

<div class="w-100 vh-100 overflow-x-scroll flex">

    {% for post in site.posts | limit: 10 %}

    <div class="blogstory ma4 h-90 ba b--newgreen br2 pa3 relative overflow-y-scroll shadow-4">
        <h1 class="f3 lh-title">{{post.title}}</h1>
        <h2 class="f4 i">{{post.subtitle}}</h2>
        <div class="lh-copy postcontainer">
            {{post.content}}
        </div>

        <div class="bottom-0 left-0 bg-newgreen w-100 pv3 tc" style="position:sticky">
            <a href="{{post.url}}" class="link white b">Read Post</a>
        </div>
    </div>

    {% endfor %}

    


</div>

{% include 2024-footer.html %}