<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title>slides.fleaz.me</title>
    <link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet">
    <style>
        body {
            font-family: "Helvetica", "Arial", sans-serif;
            color: #555;
        }

        .block {
            margin: 20px;
            padding: 20px;
        }
    </style>
</head>

<body>
    <div class="container mx-auto">
    {{ range . }}
        <div class="block clearfix">
            <a href="{{ .Path }}">
                <span class="text-2xl underline">{{ .Title }}</span>
                <img class="h-48 float-right shadow-xl" src="{{ .Preview }}" />
                <p>
                    {{ .Description }}
                </p>
            </a>
        </div>
    {{ end }}
    </div>
</body>

</html>
