feat: add horizontal ad banners to various pages

This commit is contained in:
Rico van Zelst
2025-02-26 23:02:06 +01:00
parent b8d3c74c19
commit fc765c0ed5
14 changed files with 60 additions and 9 deletions

View File

@@ -90,6 +90,7 @@
</li>
</ul>
</div>
<x-ads.common />
<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:{{ $champion->splash_color }}; --tw-shadow: var(--tw-shadow-colored); background-color: {{ $champion->splash_color }};">
<div class="p-4">
@@ -144,7 +145,7 @@
</div>
</div>
<x-ads.common />
<div class="transition-all duration-700 border shadow-md lg:col-span-3 rounded-2xl border-3 border-white/10 shadow-stone-800/80 hover:shadow-orange-500/20"
style="--tw-shadow-color:{{ $champion->splash_color }}; --tw-shadow: var(--tw-shadow-colored); background-color: {{ $champion->splash_color }};">

View File

@@ -9,11 +9,11 @@
<x-emotes.searchbar />
<div class="container flex items-center justify-center p-4 mx-auto mt-3">
<div class="flex justify-center my-4">
<x-ads.horizontal-banner />
</div>
<div class="hidden md:block md:mr-6">
<x-ads.vertical-banner />
</div>
<div class="container flex items-center justify-center p-4 mx-auto mt-3">
<div class="grid grid-cols-2 gap-6 md:grid-cols-3 lg:grid-cols-6">
@@ -38,5 +38,8 @@
@endforeach
</div>
</div>
<div class="flex justify-center my-4">
<x-ads.horizontal-banner />
</div>
{{ $emotes->links() }}
</section>

View File

@@ -7,11 +7,12 @@
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">
Summoner Icons</h1>
<x-icons.searchbar />
<div class="container flex items-center justify-center p-4 mx-auto mt-3">
<div class="hidden md:block md:mr-6">
<x-ads.vertical-banner />
</div>
<div class="flex justify-center my-4">
<x-ads.horizontal-banner />
</div>
<div class="container flex items-center justify-center p-4 mx-auto mt-3">
<div class="grid grid-cols-2 gap-12 md:grid-cols-3 lg:grid-cols-6">
@@ -48,5 +49,8 @@
@endforeach
</div>
</div>
<div class="flex justify-center my-4">
<x-ads.horizontal-banner />
</div>
{{ $icons->links() }}
</section>

View File

@@ -11,6 +11,10 @@
class="text-sm font-bold text-center text-transparent uppercase md:text-lg bg-gradient-to-bl from-orange-300 to-orange-500 bg-clip-text">
Released in: {{ $icon->release_year }}</h2>
<div class="flex justify-center my-4">
<x-ads.horizontal-banner />
</div>
<div class="container flex items-center justify-center p-4 mx-auto my-auto mt-3">
<div class="grid w-screen grid-cols-1 gap-8 md:grid-cols-2">
<div

View File

@@ -22,6 +22,9 @@
</article>
@endforeach
</div>
<div class="flex justify-center my-4">
<x-ads.horizontal-banner />
</div>
<div class="mt-4">
{{ $posts->links() }}
</div>

View File

@@ -12,6 +12,9 @@
class="text-lg font-bold text-center text-transparent uppercase sm:text-xl bg-gradient-to-bl from-orange-300 to-orange-500 bg-clip-text">
All champions & skins on sale</h2>
<div class="flex justify-center my-4">
<x-ads.horizontal-banner />
</div>
<h3
class="mt-8 mb-2 text-2xl font-bold text-center text-transparent uppercase sm:text-3xl bg-gradient-to-bl from-orange-300 to-orange-500 bg-clip-text">
Champions on Sale</h3>
@@ -48,6 +51,9 @@
@endforeach
</div>
<div class="flex justify-center my-4">
<x-ads.horizontal-banner />
</div>
<h3
class="mt-8 text-2xl font-bold text-center text-transparent uppercase sm:text-3xl bg-gradient-to-bl from-orange-300 to-orange-500 bg-clip-text">
@@ -86,4 +92,6 @@
</div>
</div>
</section>

View File

@@ -131,6 +131,7 @@
</ul>
</div>
<x-ads.common />
<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 }};">