style(about): Rearrange classes in about page for consistency

- Reordered classes in HTML elements for better readability and maintainability.
- Updated class order in various elements to follow a consistent pattern.
This commit is contained in:
Rico van Zelst
2024-02-24 21:54:32 +01:00
parent 207c4243cd
commit 30819a8e14
2 changed files with 22 additions and 24 deletions

View File

@@ -1,13 +1,13 @@
<footer class="p-4 mt-7 md:p-8 lg:p-10 bg-stone-800 shadow-footer">
<div class="mx-auto max-w-screen-xl text-center">
<a href="/" class="flex justify-center items-center text-2xl font-semibold text-gray-100">
<div class="max-w-screen-xl mx-auto text-center">
<a href="/" class="flex items-center justify-center text-2xl font-semibold text-gray-100">
<x-logo class="w-auto mr-2 h-9" alt="Heimerdinger.lol Logo"/>
Heimerdinger.LoL
</a>
<p class="my-4 text-sm text-gray-500 dark:text-gray-400">Heimerdinger.LoL was created under <a
href="https://www.riotgames.com/" target="_blank">Riot Games</a>' "<a
href="https://www.riotgames.com/en/legal"
class="underline decoration-orange-500/50 hover:decoration-orange-500 transition-all duration-700 hover:decoration-1"
class="underline transition-all duration-700 decoration-orange-500/50 hover:decoration-orange-500 hover:decoration-1"
target="_blank">Legal
Jibber
Jabber</a>" policy
@@ -15,9 +15,9 @@
href="https://www.riotgames.com/" target="_blank">Riot Games</a>. <a
href="https://www.riotgames.com/" target="_blank">Riot Games</a> does not endorse or sponsor
this project.</p>
<ul class="flex flex-wrap justify-center items-center mb-6 text-neutral-300 ">
<ul class="flex flex-wrap items-center justify-center mb-6 text-neutral-300 ">
<li>
<a href="#"
<a href="/contact"
class="mr-4 hover:underline md:mr-6 decoration-orange-500 decoration-1">Contact</a>
</li>
<li>
@@ -31,8 +31,8 @@
</ul>
<span
class="text-sm text-gray-500 sm:text-center dark:text-gray-400 items-center flex flex-row justify-center whitespace-pre">© {{date('Y')}} <a
class="flex flex-row items-center justify-center text-sm text-gray-500 whitespace-pre sm:text-center dark:text-gray-400">© {{date('Y')}} <a
href="/" class=" hover:underline">Heimerdinger.LoL</a> Made with <a href="https://rico.sh"><x-iconsax-bul-heart-circle
class="inline-block w-5 self-center relative text-red-400"/></a></span>
class="relative self-center inline-block w-5 text-red-400"/></a></span>
</div>
</footer>