aboutsummaryrefslogtreecommitdiff
path: root/src/_includes/posts.njk
blob: c6602760764d23d053da431b70b3347707c789ee (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<!DOCTYPE html>
<html lang="en">
    <head>
        {% include "./partials/head.njk" %}
    </head>
    <body class="flex h-screen flex-col font-supply-regular bg-main-cream-white-2">
        {% include "./partials/header.njk" %}
        <main class="container mx-auto max-w-5xl p-8">
            <section class="w-full flex flex-col items-center px-3">
                <article class="flex flex-col my-4">
                    <div class="flex flex-col justify-start p-6 ">
                        <div>
                            <p class="text-3xl bg-rose font-medium text-center text-darkish-200">{{title}}</p>
                            <p class="text-lg text-darkish-100 text-center">{{date | dateFilter}}</p>
                        </div>
                        <div class="mt-10 text-xl font-supply-regular text-justify text-darkish-300">
                            {{content | safe}}
                        </div>
                    </div>
                </article>
                <div class="flex flex-col text-left text-xs">
                    <span class="text-left">If you found this article useful, spread the word by sharing this link 👉
                        <span class="w-1 text-left absolute ml-2 my-0">
                            <a href="https://twitter.com/share?ref_src=twsrc%5Etfw" class="twitter-share-button" data-via="indrajithKLIS" data-hashtags="#gamedev #indiegamedev #gametools" data-show-count="false">Tweet</a>
                            <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
                        </span>
                    </span>
                </div>
                <div class="flex flex-col my-4">
                    <a class="flex flex-col justify-start" href="/posts">back to posts</a>
                </div>
            </section>

        </main>
        {% include "./partials/footer.njk" %}
    </body>
</html>