diff options
| author | Indrajith K L | 2022-10-31 16:29:56 +0530 |
|---|---|---|
| committer | Indrajith K L | 2022-10-31 16:29:56 +0530 |
| commit | 59226ee954e40b21e64187fed3eef80db436d148 (patch) | |
| tree | 36377bbb9f13e7d3647f935d854179760d2fda13 /src/_includes/posts.njk | |
| parent | b337536de9d14bd75e1039382a154e5b528f6110 (diff) | |
| download | indrajith-dev-59226ee954e40b21e64187fed3eef80db436d148.tar.gz indrajith-dev-59226ee954e40b21e64187fed3eef80db436d148.tar.bz2 indrajith-dev-59226ee954e40b21e64187fed3eef80db436d148.zip | |
* Article Published
* Adds Twitter Share Button
* Style Changes
Diffstat (limited to 'src/_includes/posts.njk')
| -rw-r--r-- | src/_includes/posts.njk | 57 |
1 files changed, 32 insertions, 25 deletions
diff --git a/src/_includes/posts.njk b/src/_includes/posts.njk index 0245970..c660276 100644 --- a/src/_includes/posts.njk +++ b/src/_includes/posts.njk @@ -1,30 +1,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}} + <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> - </article> - <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> + </section> + + </main> + {% include "./partials/footer.njk" %} + </body> </html>
\ No newline at end of file |