interesting.njk

---
layout: main.njk
title: Interesting things I found on the Internet
description: I love reading on the internet. And frequently I come accross amazing things.
---
<style>
.title {
    margin-bottom: 5px;
}
.posts {
    margin: 10px auto;
}
.tagline {
    margin: 0;
    margin-botton: 10px;
}
.postTitle {
    margin: 0;
}
.postTitle a {
    text-decoration: none;
    color: slateblue;
}
.post {
    display: flex;
    margin-bottom: 5px;
    align-items: center;
}
.bullet {
    margin: 0 5px;
}
@media only screen and (max-width: 768px) {
    .title {
        margin-top: 0
    }
    .post {
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 10px;
    }
    .bullet {
        display: none;
    }
}
</style>
<span>
    <a href="/">home</a>
    <span>/</span>
    <span>interesting</span>
</span>
<h1 class="title">{{ title }}</h1>
<p class="tagline">{{ description }}</p>
<hr/>
<div class="posts">
{%- for i in interesting | reverse -%}
    <div class="post">
        <p class="postTitle"><a href="{{ i.url }}">{{ i.title }}</a></p>
    </div>
{%- endfor -%}
</div>