Archive/HeimerdingerLoL
1
0
Fork 0
mirror of https://github.com/rico-vz/HeimerdingerLoL.git synced 2025-12-06 18:20:48 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

style: Update description styling in about page

Browse Source 
- Refactor the formatting of the 'description' section in the about page to improve readability and maintain consistency.
This commit is contained in:
Rico van Zelst
2024-05-01 01:31:54 +02:00
parent c11005d319
commit c02c4cef71
2 changed files with 15 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
resources/views/about/index.blade.php
View File

@@ -1,8 +1,9 @@
@extends('layouts.app') @extends('layouts.app')
@section('title', 'Heimerdinger • About') @section('title', 'Heimerdinger • About')
@section('description', 'What is League of Legends? Who is Heimerdinger? What is Heimerdinger.LoL? Explore answers to @section('description',
frequently asked questions about League of Legends, Heimerdinger and us. Dive in now!') 'What is League of Legends? Who is Heimerdinger? What is Heimerdinger.LoL? Explore answers to
frequently asked questions about League of Legends, Heimerdinger and us. Dive in now!')
@section('content') @section('content')
<div class="max-w-screen-xl px-5 mx-auto min-h-sceen"> <div class="max-w-screen-xl px-5 mx-auto min-h-sceen">
@@ -16,17 +17,16 @@ frequently asked questions about League of Legends, Heimerdinger and us. Dive in
</div> </div>
<div class="flex items-center justify-center mt-2"> <div class="flex items-center justify-center mt-2">
<a href="{{route('about.faq.heimerdinger')}}" <a href="{{ route('about.faq.heimerdinger') }}"
class="px-4 py-2 mr-3 font-bold text-white bg-orange-500 rounded hover:bg-orange-600">FAQ • class="px-4 py-2 mr-3 font-bold transition-all bg-orange-400 rounded text-neutral-900 hover:bg-orange-300">FAQ •
Heimerdinger</a> Heimerdinger</a>
<a href="{{route('about.faq.leagueoflegends')}}" <a href="{{ route('about.faq.leagueoflegends') }}"
class="px-4 py-2 font-bold text-white bg-orange-500 rounded hover:bg-orange-600">FAQ • League of class="px-4 py-2 font-bold transition-all bg-orange-400 rounded text-neutral-900 hover:bg-orange-300">FAQ • League of
Legends</a> Legends</a>
</div> </div>
<div class="flex flex-col items-center justify-center mt-5"> <div class="flex flex-col items-center justify-center mt-5">
<h2 <h2 class="text-lg font-bold text-center text-gray-100 uppercase">
class="text-lg font-bold text-center text-gray-100 uppercase">
What is League of Legends?</h2> What is League of Legends?</h2>
<p class="max-w-3xl mt-2 text-center text-stone-300"> <p class="max-w-3xl mt-2 text-center text-stone-300">
League of Legends (LoL), commonly referred to as League, is a MOBA game developed and published by Riot League of Legends (LoL), commonly referred to as League, is a MOBA game developed and published by Riot
@@ -67,8 +67,7 @@ frequently asked questions about League of Legends, Heimerdinger and us. Dive in
</div> </div>
<hr class="w-48 h-1 mx-auto my-4 border-0 rounded md:my-10 bg-stone-500"> <hr class="w-48 h-1 mx-auto my-4 border-0 rounded md:my-10 bg-stone-500">
<div class="flex flex-col items-center mt-5"> <div class="flex flex-col items-center mt-5">
<h2 <h2 class="text-lg font-bold text-center text-gray-100 uppercase">
class="text-lg font-bold text-center text-gray-100 uppercase">
What is Heimerdinger.lol?</h2> What is Heimerdinger.lol?</h2>
<p class="max-w-3xl mt-2 text-center text-stone-300"> <p class="max-w-3xl mt-2 text-center text-stone-300">
Heimerdinger.lol is a website dedicated to providing information about League of Legends and its events. Heimerdinger.lol is a website dedicated to providing information about League of Legends and its events.
@@ -86,15 +85,14 @@ frequently asked questions about League of Legends, Heimerdinger and us. Dive in
<br><br> <br><br>
I am always looking for ways to improve this website. If you have any suggestions, feedback, or just I am always looking for ways to improve this website. If you have any suggestions, feedback, or just
want to want to
say hi, you can do so by contacting me through the contact form on <a say hi, you can do so by contacting me through the contact form on <a href="/contact"
href="/contact" class="underline decoration-orange-500/50" rel="noopener" target="_blank">this class="underline decoration-orange-500/50" rel="noopener" target="_blank">this
website</a>. I will try to respond as soon as possible. website</a>. I will try to respond as soon as possible.
</p> </p>
</div> </div>
<hr class="w-48 h-1 mx-auto my-4 border-0 rounded md:my-10 bg-stone-500"> <hr class="w-48 h-1 mx-auto my-4 border-0 rounded md:my-10 bg-stone-500">
<div class="flex flex-col items-center mt-5"> <div class="flex flex-col items-center mt-5">
<h2 <h2 class="text-lg font-bold text-center text-gray-100 uppercase">
class="text-lg font-bold text-center text-gray-100 uppercase">
Who is Heimerdinger?</h2> Who is Heimerdinger?</h2>
<p class="max-w-3xl mt-2 text-center text-stone-300"> <p class="max-w-3xl mt-2 text-center text-stone-300">
Heimerdinger is a character from the game. He is a brilliant Heimerdinger is a character from the game. He is a brilliant

6
resources/views/components/footer.blade.php
View File

@@ -4,7 +4,7 @@
<x-logo class="w-auto mr-2 h-9" alt="Heimerdinger.lol Logo"/> <x-logo class="w-auto mr-2 h-9" alt="Heimerdinger.lol Logo"/>
Heimerdinger.LoL Heimerdinger.LoL
</a> </a>
<p class="my-4 text-sm text-gray-500 dark:text-gray-400">Heimerdinger.LoL was created under <a <p class="my-4 text-sm text-gray-300">Heimerdinger.LoL was created under <a
href="https://www.riotgames.com/" rel="noopener" target="_blank">Riot Games</a>' "<a href="https://www.riotgames.com/" rel="noopener" target="_blank">Riot Games</a>' "<a
href="https://www.riotgames.com/en/legal" href="https://www.riotgames.com/en/legal"
class="underline transition-all duration-700 decoration-orange-500/50 hover:decoration-orange-500 hover:decoration-1" class="underline transition-all duration-700 decoration-orange-500/50 hover:decoration-orange-500 hover:decoration-1"
@@ -15,7 +15,7 @@
href="https://www.riotgames.com/" rel="noopener" target="_blank">Riot Games</a>. <a href="https://www.riotgames.com/" rel="noopener" target="_blank">Riot Games</a>. <a
href="https://www.riotgames.com/" rel="noopener" target="_blank">Riot Games</a> does not endorse or sponsor href="https://www.riotgames.com/" rel="noopener" target="_blank">Riot Games</a> does not endorse or sponsor
this project.</p> this project.</p>
<ul class="flex flex-wrap items-center justify-center mb-6 text-neutral-300"> <ul class="flex flex-wrap items-center justify-center mb-6 text-neutral-200">
<li> <li>
<a href="/contact" <a href="/contact"
class="mr-4 hover:underline md:mr-6 decoration-orange-500 decoration-1">Contact</a> class="mr-4 hover:underline md:mr-6 decoration-orange-500 decoration-1">Contact</a>
@@ -49,7 +49,7 @@
class="flex flex-row items-center justify-center mb-2 text-sm text-gray-300 whitespace-pre sm:text-center dark:text-gray-300"> <a class="flex flex-row items-center justify-center mb-2 text-sm text-gray-300 whitespace-pre sm:text-center dark:text-gray-300"> <a
href="{{route('sitemap.index')}}" class="hover:underline">Sitemap</a></span> href="{{route('sitemap.index')}}" class="hover:underline">Sitemap</a></span>
<span <span
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 class="flex flex-row items-center justify-center text-sm text-gray-400 whitespace-pre sm:text-center dark:text-gray-400">© {{date('Y')}} <a
href="/" class="hover:underline">Heimerdinger.LoL</a> • Made with <a href="/" class="hover:underline">Heimerdinger.LoL</a> • Made with <a
aria-label="Find out more about the creator of Heimerdinger.lol" href="https://rico.sh"><x-iconsax-bul-heart-circle aria-label="Find out more about the creator of Heimerdinger.lol" href="https://rico.sh"><x-iconsax-bul-heart-circle
class="relative self-center inline-block w-5 text-red-400"/></a></span> class="relative self-center inline-block w-5 text-red-400"/></a></span>