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

feat: add footer

Browse Source
This commit is contained in:
Rico van Zelst
2023-11-09 11:15:18 +01:00
parent 225cab967d
commit 3e2d8ad6fe
6 changed files with 49 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
resources/views/components/champions/grid_info.blade.php
View File

@@ -115,19 +115,20 @@
<div id="skinsElement" class="overflow-x-scroll mt-2.5">
<div class="grid grid-flow-col grid-rows-2 w-max gap-4 mb-2.5">
@foreach($champion->skins as $key => $skin)
<div class="flex flex-col ">
<div class="group flex flex-col ">
<a href="/skin/{{$skin->slug}}">
<img
src="//wsrv.nl/?url={{ $skin->getSkinImageAttribute() }}&w=450&output=webp&q=70"
alt="{{$champion->name}} {{$skin->name}} Splash Art"
@if($key < 6) loading="eager" @else loading="lazy" @endif
class="inline-block h-36 object-cover rounded-2xl shadow-md border border-3 border-white/10
class=" inline-block h-36 object-cover rounded-2xl shadow-md border border-3 border-white/10
hover:shadow-orange-500/20 transition-all duration-700 mr-2.5">
</a>
<div>
<p class="align-bottom text-center text-neutral-100 text-sm mt-1.5 items-center">
<a href="/skin/{{$skin->slug}}" class="hover:text-orange-400">
<a href="/skin/{{$skin->slug}}"
class="hover:text-orange-400 group-hover:text-orange-400">
{{$skin->skin_name}}
<x-iconsax-bul-arrow-right class="inline-block w-5"/>
</a>

38
resources/views/components/footer.blade.php Normal file
View File

@@ -0,0 +1,38 @@
<footer class="p-4 md:p-8 lg:p-10 bg-stone-800">
<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">
<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"
target="_blank">Legal
Jibber
Jabber</a>" policy
using assets owned by <a
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 ">
<li>
<a href="#"
class="mr-4 hover:underline md:mr-6 decoration-orange-500 decoration-1">Contact</a>
</li>
<li>
<a href="#"
class="mr-4 hover:underline md:mr-6 decoration-orange-500 decoration-1">Privacy</a>
</li>
<li>
<a href="#"
class="mr-4 hover:underline md:mr-6 decoration-orange-500 decoration-1">Terms</a>
</li>
</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
href="/" class=" hover:underline">Heimerdinger.LoL</a> • Made with <x-iconsax-bul-heart-circle
class="inline-block w-5 self-center relative text-red-400"/></span>
</div>
</footer>

2
resources/views/components/navbar.blade.php
View File

@@ -1,4 +1,4 @@
<nav class="bg-white drop-shadow-md border-stone-200 dark:bg-stone-800">
<nav class="drop-shadow-md border-stone-200 bg-stone-800">
<div class="flex flex-wrap items-center justify-between max-w-screen-xl p-4 mx-auto">
<a href="/" class="flex items-center transition-transform hover:scale-105">
<x-logo class="w-auto mr-2 transition-transform h-9 hover:scale-125" alt="Heimerdinger Logo"/>