feat: Little bit of redesigning

Fixes articles overflowing on small screens.
This commit is contained in:
2023-07-22 20:55:57 +02:00
parent ba567e0d65
commit a69915b46d
5 changed files with 73 additions and 79 deletions

View File

@@ -1,18 +1,19 @@
<!-- Post wrapper -->
<div class="flex flex-col items-center pt-8">
<h1 class="prose prose-h1 text-2xl text-indigo-400 self-start">{{ title }}</h1>
<!-- Container for posts -->
<div class="mx-auto mt-4 w-full md:max-w-prose">
<h1 class="text-indigo-400 text-3xl">{{ title }}</h1>
<p class="prose prose-xs text-white self-start">Posted on {{ date }}</p>
<span class="text-md mt-2">Posted on {{ date }}</span>
<article class="text-white prose prose-lg pt-8">
{{ content }}
</article>
<!-- Actual article -->
<article class="prose lg:prose-lg text-white mt-4">
{{ content }}
</article>
<!-- Post ending -->
<span class="text-white prose prose-lg self-start pt-8">
If you have any questions or comments, then feel free to send me an email (Preferably with GPG encryption) to
{{ email_user }} [at] {{ email_domain }} or
reach out to me on the Fediverse at <a class="text-indigo-400"
href="https://{{ fediverse_url }}">{{ fediverse_handle }}</a>.
<!-- Common post footer -->
<div class="mt-6">
<span class="prose lg:prose-lg text-md text-white">
If you have any questions or comments, then feel free to send me an email (Preferably with GPG encryption)
to {{ email_user }} [at] {{ email_domain }} or reach out to me on the Fediverse at <a href="https://{{ fediverse_url }}">{{ fediverse_handle }}</a>.
</span>
</div>
</div>
</div>