diff options
Diffstat (limited to 'backend/src/main/resources/templates/articles/show.html')
| -rw-r--r-- | backend/src/main/resources/templates/articles/show.html | 32 |
1 files changed, 21 insertions, 11 deletions
diff --git a/backend/src/main/resources/templates/articles/show.html b/backend/src/main/resources/templates/articles/show.html index 206aaae..0912e8e 100644 --- a/backend/src/main/resources/templates/articles/show.html +++ b/backend/src/main/resources/templates/articles/show.html @@ -7,7 +7,6 @@ <body layout:fragment="content"> - <!--Title--> <div class="text-center pt-16 md:pt-32"> <p th:text="${article.createdOn}" class="text-sm md:text-base text-green-500 font-bold"></p> @@ -15,14 +14,16 @@ </div> <!--image--> -<div class="container w-full max-w-6xl mx-auto bg-white bg-cover mt-8 rounded" th:style="'background:url(' + @{${article.photoUrl}} + '); height: 75vh;'"></div> +<div class="container w-full max-w-6xl mx-auto bg-white bg-cover mt-8 rounded" + th:style="'background:url(' + @{${article.photoUrl}} + '); height: 75vh;'"></div> <!--Container--> <div class="container max-w-5xl mx-auto -mt-32"> <div class="mx-0 sm:mx-6"> - <div class="bg-white w-full p-8 md:p-24 text-xl md:text-2xl text-gray-800 leading-normal" style="font-family:Georgia,serif;"> + <div class="bg-white w-full p-8 md:p-24 text-xl md:text-2xl text-gray-800 leading-normal" + style="font-family:Georgia,serif;"> <!--Post Content--> @@ -36,12 +37,17 @@ <!--Subscribe--> <div class="container font-sans bg-green-100 rounded mt-8 p-4 md:p-24 text-center"> <h2 class="font-bold break-normal text-2xl md:text-4xl">Subscribe to Ghostwind CSS</h2> - <h3 class="font-bold break-normal font-normal text-gray-600 text-base md:text-xl">Get the latest posts delivered right to your inbox</h3> + <h3 class="font-bold break-normal font-normal text-gray-600 text-base md:text-xl">Get the latest posts + delivered right to your inbox</h3> <div class="w-full text-center pt-4"> <form action="#"> <div class="max-w-sm mx-auto p-1 pr-0 flex flex-wrap items-center"> - <input type="email" placeholder="[email protected]" class="flex-1 appearance-none rounded shadow p-3 text-gray-600 mr-2 focus:outline-none"> - <button type="submit" class="flex-1 mt-4 md:mt-0 block md:inline-block appearance-none bg-green-500 text-white text-base font-semibold tracking-wider uppercase py-4 rounded shadow hover:bg-green-400">Subscribe</button> + <input type="email" placeholder="[email protected]" + class="flex-1 appearance-none rounded shadow p-3 text-gray-600 mr-2 focus:outline-none"> + <button type="submit" + class="flex-1 mt-4 md:mt-0 block md:inline-block appearance-none bg-green-500 text-white text-base font-semibold tracking-wider uppercase py-4 rounded shadow hover:bg-green-400"> + Subscribe + </button> </div> </form> </div> @@ -54,7 +60,9 @@ <img class="w-10 h-10 rounded-full mr-4" src="http://i.pravatar.cc/300" alt="Avatar of Author"> <div class="flex-1"> <p class="text-base font-bold text-base md:text-xl leading-none">Ghostwind CSS</p> - <p class="text-gray-600 text-xs md:text-base">Tailwind CSS version of Ghost's Casper theme by <a class="text-gray-800 hover:text-green-500 no-underline border-b-2 border-green-500" href="https://www.tailwindtoolbox.com">TailwindToolbox.com</a></p> + <p class="text-gray-600 text-xs md:text-base">Tailwind CSS version of Ghost's Casper theme by <a + class="text-gray-800 hover:text-green-500 no-underline border-b-2 border-green-500" + href="https://www.tailwindtoolbox.com">TailwindToolbox.com</a></p> </div> <div class="justify-end"> @@ -74,11 +82,13 @@ <svg class="progress-circle" width="100%" height="100%" viewBox="-1 -1 102 102"> <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98"/> </svg> - <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-arrow-up" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" stroke="cuurentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> + <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-arrow-up" width="24" height="24" + viewBox="0 0 24 24" stroke-width="1.5" stroke="cuurentColor" fill="none" stroke-linecap="round" + stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"/> - <line x1="12" y1="5" x2="12" y2="19" /> - <line x1="18" y1="11" x2="12" y2="5" /> - <line x1="6" y1="11" x2="12" y2="5" /> + <line x1="12" y1="5" x2="12" y2="19"/> + <line x1="18" y1="11" x2="12" y2="5"/> + <line x1="6" y1="11" x2="12" y2="5"/> </svg> </button> |