mirror of
https://github.com/rico-vz/HeimerdingerLoL.git
synced 2025-12-06 10:10:48 +01:00
🧹 Duster
This commit is contained in:
@@ -14,7 +14,7 @@
|
||||
|
||||
<div class="container flex items-center justify-center flex-grow p-4 mx-auto mt-3">
|
||||
<div class="items-center justify-center text-center align-middle">
|
||||
<img class="items-center mx-auto" src="{{asset('img/heimerdinger-emote.webp')}}"
|
||||
<img class="items-center mx-auto" src="{{ asset('img/heimerdinger-emote.webp') }}"
|
||||
alt="Heimerdinger Emote">
|
||||
<p class="text-gray-100">Tired of endless browsing to find that one icon or emote you love?</p>
|
||||
<p class="text-gray-100">We got you covered! Search through <span
|
||||
@@ -24,9 +24,9 @@
|
||||
<p class="mb-6 text-gray-100">Automatically updated and sorted by release date.</p>
|
||||
<p class="mb-3 text-gray-200">Click on the asset category you'd like to view below to get started!</p>
|
||||
<div class="flex justify-center space-x-4">
|
||||
<a href="{{route('assets.icons.index')}}"
|
||||
<a href="{{ route('assets.icons.index') }}"
|
||||
class="px-4 py-2 font-bold text-white bg-orange-500 rounded hover:bg-orange-600">Icons</a>
|
||||
<a href="{{route('assets.emotes.index')}}"
|
||||
<a href="{{ route('assets.emotes.index') }}"
|
||||
class="px-4 py-2 font-bold text-white bg-orange-500 rounded hover:bg-orange-600">Emotes</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<div class="py-5" itemscope itemtype="https://schema.org/Question">
|
||||
<details class="group">
|
||||
<summary class="flex justify-between items-center font-medium cursor-pointer list-none">
|
||||
<span class="text-orange-400" itemprop="name">{{$question}}</span>
|
||||
<span class="text-orange-400" itemprop="name">{{ $question }}</span>
|
||||
<span class="transition text-orange-400 group-open:rotate-180">
|
||||
<svg fill="none" height="24" shape-rendering="geometricPrecision" stroke="currentColor"
|
||||
stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" viewBox="0 0 24 24" width="24"><path
|
||||
|
||||
@@ -11,12 +11,12 @@
|
||||
<div class="container mx-auto p-4 flex items-center justify-center mt-3">
|
||||
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-6">
|
||||
|
||||
@foreach($emotes as $key => $emote)
|
||||
@foreach ($emotes as $key => $emote)
|
||||
<div
|
||||
class="champ-card flex flex-col text-gray-700 bg-stone-800/40 shadow-md rounded-2xl bg-clip-border border border-stone-800 hover:border-orange-500/10 hover:shadow-orange-500/10 items-center">
|
||||
<div
|
||||
class="mx-4 overflow-hidden h-36 w-36 rounded-2xl bg-clip-border border-2 border-orange-400/40 mt-3">
|
||||
<img @if($key < 8) loading="eager" @else loading="lazy" @endif
|
||||
<img @if ($key < 8) loading="eager" @else loading="lazy" @endif
|
||||
src="//wsrv.nl/?url={{ $emote->image }}&w=200&output=webp&q=50&il&default=ssl:wsrv.nl%2F%3Furl%3Dhttps://i.ibb.co/5s6YyvN/aaaa.png"
|
||||
class="object-cover w-full h-full"
|
||||
alt="{{ $emote->title }} Emote"
|
||||
|
||||
@@ -4,7 +4,7 @@
|
||||
<input type="text" name="filter[title]" placeholder="Search by emote name"
|
||||
value="{{ request('filter.title') }}"
|
||||
class="border border-transparent focus:border-transparent focus:ring-0 border-stone-700 rounded-l px-4 py-2 bg-stone-800 text-white ring-orange-500 pr-10">
|
||||
@if(request('filter.title'))
|
||||
@if (request('filter.title'))
|
||||
<button type="button" onclick="clearSearchAndSubmit()"
|
||||
class="absolute inset-y-0 right-0 flex items-center px-3 bg-stone-800 text-white cursor-pointer">
|
||||
<x-iconsax-lin-clipboard-close class="w-6 text-white"/>
|
||||
|
||||
@@ -47,9 +47,9 @@
|
||||
</div> --}}
|
||||
<span
|
||||
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
|
||||
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
|
||||
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
|
||||
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>
|
||||
|
||||
@@ -4,7 +4,7 @@
|
||||
<input type="text" name="filter[title]" placeholder="Search by icon title"
|
||||
value="{{ request('filter.title') }}"
|
||||
class="border border-transparent focus:border-transparent focus:ring-0 border-stone-700 rounded-l px-4 py-2 bg-stone-800 text-white ring-orange-500 pr-10">
|
||||
@if(request('filter.title'))
|
||||
@if (request('filter.title'))
|
||||
<button type="button" onclick="clearSearchAndSubmit()"
|
||||
class="absolute inset-y-0 right-0 flex items-center px-3 bg-stone-800 text-white cursor-pointer">
|
||||
<x-iconsax-lin-clipboard-close class="w-6 text-white"/>
|
||||
|
||||
@@ -21,7 +21,7 @@
|
||||
<li>
|
||||
<a href="{{ route('streamerpanel.index') }}"
|
||||
class="flex py-2 pl-3 pr-2 rounded hover:bg-stone-100 md:hover:bg-transparent md:border-0 md:p-0 md:dark:hover:text-orange-400 dark:hover:bg-stone-700 dark:hover:text-white md:dark:hover:bg-transparent
|
||||
{{ request()->routeIs('streamerpanel.*') ? 'text-orange-400 font-medium' : 'text-white' }}">
|
||||
{{ request()->routeIs('streamerpanel.*') ? 'text-orange-400 font-medium' : 'text-white' }}">
|
||||
Streamers</a>
|
||||
</li>
|
||||
<li>
|
||||
|
||||
@@ -5,10 +5,10 @@
|
||||
SKIN DETAILS</h3>
|
||||
<h1
|
||||
class="text-3xl font-bold text-center text-transparent uppercase sm:text-4xl bg-gradient-to-bl from-orange-300 to-orange-500 bg-clip-text">
|
||||
{{$skin->skin_name}}</h1>
|
||||
{{ $skin->skin_name }}</h1>
|
||||
<p class="text-sm font-medium text-center text-orange-400 uppercase transition-all duration-700 hover:underline decoration-1 decoration-transparent hover:decoration-orange-400">
|
||||
<a
|
||||
href="/champion/{{$skin->champion->slug}}">
|
||||
href="/champion/{{ $skin->champion->slug }}">
|
||||
<span class="flex items-center justify-center">
|
||||
View
|
||||
champion
|
||||
@@ -24,9 +24,9 @@
|
||||
<div
|
||||
class="relative border shadow-sm rounded-2xl bg-stone-800/40 border-neutral-300/5 shadow-stone-800/80 lg:col-span-2">
|
||||
<div class="absolute inset-0 aspect-video glow-shadow rounded-2xl"
|
||||
style="--splash-color: {{$skin->splash_color}}"></div>
|
||||
style="--splash-color: {{ $skin->splash_color }}"></div>
|
||||
<img src="//wsrv.nl/?url={{ $skin->getSkinImageAttribute(true) }}&w=840&output=webp&q=90"
|
||||
alt="{{$skin->skin_name}} Splash Art"
|
||||
alt="{{ $skin->skin_name }} Splash Art"
|
||||
class="z-10 object-cover w-full h-full transition-transform duration-700 transform scale-100 rounded-2xl">
|
||||
|
||||
<div class="absolute bottom-0 left-0 p-4">
|
||||
@@ -39,10 +39,10 @@
|
||||
|
||||
<div
|
||||
class="transition-all duration-700 border shadow-md rounded-2xl border-3 border-white/10 lg:col-start-3"
|
||||
style="--tw-shadow-color:{{$skin->splash_color}}; --tw-shadow: var(--tw-shadow-colored); background-color: {{$skin->splash_color}};">
|
||||
style="--tw-shadow-color:{{ $skin->splash_color }}; --tw-shadow: var(--tw-shadow-colored); background-color: {{ $skin->splash_color }};">
|
||||
|
||||
<h4 class="text-center text-lg font-semibold text-neutral-100 uppercase mt-3.5 shadow-sm mx-2">
|
||||
{{$skin->skin_name}} Details</h4>
|
||||
{{ $skin->skin_name }} Details</h4>
|
||||
|
||||
<ul class="mx-5">
|
||||
<li class="items-center mt-4 text-base font-medium leading-loose text-neutral-100 hyphens-auto"
|
||||
@@ -57,55 +57,55 @@
|
||||
</li>
|
||||
<li class="items-center text-base font-medium leading-loose text-neutral-100 hyphens-auto"
|
||||
lang="en">
|
||||
<span class="font-bold">Release Date:</span> {{$skin->release_date}}
|
||||
<span class="font-bold">Release Date:</span> {{ $skin->release_date }}
|
||||
</li>
|
||||
<li class="items-center text-base font-medium leading-loose text-neutral-100 hyphens-auto"
|
||||
lang="en">
|
||||
<span class="font-bold">Rarity:</span> {{$skin->rarity}}
|
||||
<span class="font-bold">Rarity:</span> {{ $skin->rarity }}
|
||||
</li>
|
||||
<li class="items-center text-base font-medium leading-loose text-neutral-100 hyphens-auto"
|
||||
lang="en">
|
||||
<span class="font-bold">Availability:</span> {{$skin->availability}}
|
||||
<span class="font-bold">Availability:</span> {{ $skin->availability }}
|
||||
</li>
|
||||
<li class="items-center text-base font-medium leading-loose text-neutral-100 hyphens-auto"
|
||||
lang="en">
|
||||
<span class="font-bold">Chromas:</span> @if ($skin->chromas->count() > 0)
|
||||
{{$skin->chromas->count()}}
|
||||
{{ $skin->chromas->count() }}
|
||||
@else
|
||||
None
|
||||
@endif
|
||||
</li>
|
||||
<li class="items-center text-base font-medium leading-loose text-neutral-100 hyphens-auto"
|
||||
lang="en">
|
||||
<span class="font-bold">Lootable:</span> {{$skin->loot_eligible ? 'Yes' : 'No'}}
|
||||
<span class="font-bold">Lootable:</span> {{ $skin->loot_eligible ? 'Yes' : 'No' }}
|
||||
</li>
|
||||
<li class="items-center text-base font-medium leading-loose text-neutral-100 hyphens-auto"
|
||||
lang="en">
|
||||
<span class="font-bold">New Effects:</span> {{$skin->new_effects ? 'Yes' : 'No'}}
|
||||
<span class="font-bold">New Effects:</span> {{ $skin->new_effects ? 'Yes' : 'No' }}
|
||||
</li>
|
||||
<li class="items-center text-base font-medium leading-loose text-neutral-100 hyphens-auto"
|
||||
lang="en">
|
||||
<span class="font-bold">New Animations:</span> {{$skin->new_animations ? 'Yes' : 'No'}}
|
||||
<span class="font-bold">New Animations:</span> {{ $skin->new_animations ? 'Yes' : 'No' }}
|
||||
</li>
|
||||
<li class="items-center text-base font-medium leading-loose text-neutral-100 hyphens-auto"
|
||||
lang="en">
|
||||
<span class="font-bold">New Recall:</span> {{$skin->new_recall ? 'Yes' : 'No'}}
|
||||
<span class="font-bold">New Recall:</span> {{ $skin->new_recall ? 'Yes' : 'No' }}
|
||||
</li>
|
||||
<li class="items-center text-base font-medium leading-loose text-neutral-100 hyphens-auto"
|
||||
lang="en">
|
||||
<span class="font-bold">New Voice:</span> {{$skin->new_voice ? 'Yes' : 'No'}}
|
||||
<span class="font-bold">New Voice:</span> {{ $skin->new_voice ? 'Yes' : 'No' }}
|
||||
</li>
|
||||
<li class="items-center text-base font-medium leading-loose text-neutral-100 hyphens-auto"
|
||||
lang="en">
|
||||
<span class="font-bold">New Quotes:</span> {{$skin->new_quotes ? 'Yes' : 'No'}}
|
||||
<span class="font-bold">New Quotes:</span> {{ $skin->new_quotes ? 'Yes' : 'No' }}
|
||||
</li>
|
||||
<li class="items-center text-base font-medium leading-loose text-neutral-100 hyphens-auto"
|
||||
lang="en">
|
||||
<span class="font-bold">Voice Actor:</span>
|
||||
@if(count($skin->voice_actor) < 1)
|
||||
@if (count($skin->voice_actor) < 1)
|
||||
Unknown
|
||||
@else
|
||||
@foreach($skin->voice_actor as $voice_actor)
|
||||
@foreach ($skin->voice_actor as $voice_actor)
|
||||
{{ $voice_actor }}
|
||||
@endforeach
|
||||
@endif
|
||||
@@ -113,14 +113,14 @@
|
||||
<li class="items-center mb-4 text-base font-medium leading-loose text-neutral-100 hyphens-auto"
|
||||
lang="en">
|
||||
<span class="font-bold">Splash Artist:</span>
|
||||
@if(count($skin->splash_artist) < 1)
|
||||
@if (count($skin->splash_artist) < 1)
|
||||
Unknown
|
||||
@else
|
||||
@foreach($skin->splash_artist as $key => $splash_artist)
|
||||
@foreach ($skin->splash_artist as $key => $splash_artist)
|
||||
{{ $splash_artist }}
|
||||
@if($key < count($skin->splash_artist) - 2)
|
||||
@if ($key < count($skin->splash_artist) - 2)
|
||||
,
|
||||
@elseif($key == count($skin->splash_artist) - 2)
|
||||
@elseif ($key == count($skin->splash_artist) - 2)
|
||||
&
|
||||
@endif
|
||||
@endforeach
|
||||
@@ -133,17 +133,17 @@
|
||||
|
||||
|
||||
<div class="transition-all duration-700 border shadow-md rounded-2xl border-3 border-white/10 shadow-stone-800/80 hover:shadow-orange-500/20"
|
||||
style="--tw-shadow-color:{{$skin->splash_color}}; --tw-shadow: var(--tw-shadow-colored); background-color: {{$skin->splash_color}};">
|
||||
style="--tw-shadow-color:{{ $skin->splash_color }}; --tw-shadow: var(--tw-shadow-colored); background-color: {{ $skin->splash_color }};">
|
||||
<div class="p-4">
|
||||
<h4 class="text-center text-xl font-semibold text-neutral-100 uppercase mt-2.5 shadow-sm">
|
||||
{{$skin->name}} Lore</h4>
|
||||
{{ $skin->name }} Lore</h4>
|
||||
<p class="text-neutral-100 hyphens-auto text-base mt-2.5 leading-loose" lang="en">
|
||||
@if($skin->lore)
|
||||
@if ($skin->lore)
|
||||
{!! $skin->lore !!}
|
||||
@else
|
||||
Heimerdinger has looked far and wide but could not find any lore for {{$skin->skin_name}}.
|
||||
Heimerdinger has looked far and wide but could not find any lore for {{ $skin->skin_name }}.
|
||||
But we're sure it's a great skin! The things we do know is that it was released on
|
||||
{{$skin->release_date}} and costs {{$skin->rp_price}} RP.
|
||||
{{ $skin->release_date }} and costs {{ $skin->rp_price }} RP.
|
||||
@endif
|
||||
</p>
|
||||
</div>
|
||||
@@ -151,24 +151,24 @@
|
||||
</div>
|
||||
<div
|
||||
class="transition-all duration-700 border shadow-md rounded-2xl border-3 border-white/10 shadow-stone-800/80 lg:col-span-2 hover:shadow-orange-500/20"
|
||||
style="--tw-shadow-color:{{$skin->splash_color}}; --tw-shadow: var(--tw-shadow-colored); background-color: {{$skin->splash_color}};">
|
||||
style="--tw-shadow-color:{{ $skin->splash_color }}; --tw-shadow: var(--tw-shadow-colored); background-color: {{ $skin->splash_color }};">
|
||||
<div class="p-4">
|
||||
<h4 class="text-center text-xl font-semibold text-neutral-100 uppercase mt-2.5 shadow-sm">
|
||||
{{$skin->name}} Chromas ({{count($skin->chromas)}}) </h4>
|
||||
{{ $skin->name }} Chromas ({{ count($skin->chromas) }}) </h4>
|
||||
<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">
|
||||
@if(count($skin->chromas) < 1)
|
||||
@if (count($skin->chromas) < 1)
|
||||
<p class="text-neutral-100 hyphens-auto text-base mt-2.5 leading-loose" lang="en">
|
||||
Sadly there are no chromas for {{$skin->skin_name}} yet.
|
||||
Sadly there are no chromas for {{ $skin->skin_name }} yet.
|
||||
</p>
|
||||
@endif
|
||||
@foreach($skin->chromas as $key => $chroma)
|
||||
@foreach ($skin->chromas as $key => $chroma)
|
||||
<div class="flex flex-col group">
|
||||
<a href="/skin/{{$skin->slug}}">
|
||||
<a href="/skin/{{ $skin->slug }}">
|
||||
<img
|
||||
src="//wsrv.nl/?url={{ $chroma->getChromaImageAttribute() }}&w=220&output=webp&q=70&il"
|
||||
alt="{{$chroma->chroma_name}} {{$chroma->skin_name}} ScreenShot"
|
||||
@if($key < 6) loading="eager" @else loading="lazy" @endif
|
||||
alt="{{ $chroma->chroma_name }} {{ $chroma->skin_name }} ScreenShot"
|
||||
@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 hover:shadow-orange-500/20 transition-all duration-700 mr-2.5">
|
||||
</a>
|
||||
<div>
|
||||
@@ -176,7 +176,7 @@
|
||||
<p class="align-bottom text-center text-neutral-100 text-sm mt-1.5 items-center">
|
||||
<span
|
||||
class="hover:text-orange-400 group-hover:text-orange-400">
|
||||
{{$chroma->chroma_name}}
|
||||
{{ $chroma->chroma_name }}
|
||||
</span>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
@@ -4,7 +4,7 @@
|
||||
<input type="text" name="filter[name]" placeholder="Search by skin name"
|
||||
value="{{ request('filter.name') }}"
|
||||
class="border border-transparent focus:border-transparent focus:ring-0 border-stone-700 rounded-l px-4 py-2 bg-stone-800 text-white ring-orange-500 pr-10">
|
||||
@if(request('filter.name'))
|
||||
@if (request('filter.name'))
|
||||
<button type="button" onclick="clearSearchAndSubmit()"
|
||||
class="absolute inset-y-0 right-0 flex items-center px-3 bg-stone-800 text-white cursor-pointer">
|
||||
<x-iconsax-lin-clipboard-close class="w-6 text-white"/>
|
||||
|
||||
Reference in New Issue
Block a user