aboutsummaryrefslogtreecommitdiff
path: root/src/_includes/posts.njk
blob: 99eb68185365dead8dc24319d91b44f39b1daba7 (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
38
39
40
<!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 w-full p-8">
            <section class="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">{{page.date.toUTCString() | 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-xs text-center  mb-4">
                    <span>If you found this article useful, spread the word by sharing this link 👉
                        <span class="w-1 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="pt-5 text-xs md:text-justify text-left">
                    <span class="text-center">Post Last Modified: {{modified() | dateFilter}}</span></span>
                </div>
                <div class="my-5">
                    <a class="justify-start bg-main-red rounded-md p-3 text-main-cream-white-1" href="/posts"><span class="absolute md:text-center text-left">{% feather "arrow-left" %}</span> <span class="ml-7">back to posts</span></a>
                </div>
            </section>

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