diff options
Diffstat (limited to 'src/_includes/posts.njk')
| -rw-r--r-- | src/_includes/posts.njk | 29 |
1 files changed, 15 insertions, 14 deletions
diff --git a/src/_includes/posts.njk b/src/_includes/posts.njk index 99eb681..f463047 100644 --- a/src/_includes/posts.njk +++ b/src/_includes/posts.njk @@ -3,34 +3,35 @@ <head> {% include "./partials/head.njk" %} </head> - <body class="flex h-screen flex-col font-supply-regular bg-main-cream-white-2"> + <body> {% 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 "> + <hr> + <main> + <section> + <article> + <div> <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> + <h2>{{title}}</h2> + <p class="post-date">(published on {{page.date.toUTCString() | dateFilter}})</p> </div> - <div class="mt-10 text-xl font-supply-regular text-justify text-darkish-300"> + <div> {{content | safe}} </div> </div> </article> - <div class="flex flex-col text-xs text-center mb-4"> + <div class="mt-10"> <span>If you found this article useful, spread the word by sharing this link 👉 - <span class="w-1 absolute ml-2 my-0"> + <span> <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 class="mt-10"> + <span class="font-italics">Post Last Modified: <span class="font-bold">{{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 class="mt-10"> + <a href="/posts">back to posts</a> </div> </section> |