chore: ads

This commit is contained in:
Rico van Zelst
2024-08-06 22:35:59 +02:00
parent fcff9e5d9b
commit 4a4573922e
12 changed files with 134 additions and 58 deletions

View File

@@ -1,31 +1,35 @@
<?php <?php
/** @var App\Models\SummonerEmote $emote */ ?> /** @var App\Models\SummonerEmote $emote */
?>
<section class="max-w-screen-xl mx-auto mt-12"> <section class="max-w-screen-xl mx-auto mt-12">
<h1 <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"> 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 Emotes</h1> Summoner Emotes</h1>
<x-emotes.searchbar/> <x-emotes.searchbar />
<div class="container mx-auto p-4 flex items-center justify-center mt-3"> <div class="max-w-lg mx-auto mt-4 text-center">
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-6"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-4505764048662657" data-ad-slot="7852517087"
data-ad-format="auto" data-full-width-responsive="true"></ins>
</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">
@foreach ($emotes as $key => $emote) @foreach ($emotes as $key => $emote)
<div <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"> class="flex flex-col items-center text-gray-700 border shadow-md champ-card bg-stone-800/40 rounded-2xl bg-clip-border border-stone-800 hover:border-orange-500/10 hover:shadow-orange-500/10">
<div <div
class="mx-4 overflow-hidden h-36 w-36 rounded-2xl bg-clip-border border-2 border-orange-400/40 mt-3"> class="mx-4 mt-3 overflow-hidden border-2 h-36 w-36 rounded-2xl bg-clip-border border-orange-400/40">
<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" 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" class="object-cover w-full h-full" alt="{{ $emote->title }} Emote" />
alt="{{ $emote->title }} Emote"
/>
</div> </div>
<div class="px-4 py-2"> <div class="px-4 py-2">
<div class="flex items-center justify-between"> <div class="flex items-center justify-between">
<p class="block text-sm antialiased font-medium text-gray-100 text-center"> <p class="block text-sm antialiased font-medium text-center text-gray-100">
{{ $emote->title }} {{ $emote->title }}
</p> </p>
</div> </div>

View File

@@ -84,7 +84,9 @@
information about the game. information about the game.
</p> </p>
</a> </a>
<div></div>
<ins class="adsbygoogle" style="display:block" data-ad-format="fluid" data-ad-layout-key="-eg-k+31-7n+8n"
data-ad-client="ca-pub-4505764048662657" data-ad-slot="4356125202"></ins>
</div> </div>
</div> </div>
</section> </section>

View File

@@ -6,10 +6,15 @@
<h1 <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"> 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> Summoner Icons</h1>
<x-icons.searchbar /> <x-icons.searchbar />
<div class="max-w-lg mx-auto mt-4 text-center">
<ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-4505764048662657" data-ad-slot="7852517087"
data-ad-format="auto" data-full-width-responsive="true"></ins>
</div>
<div class="container flex items-center justify-center p-4 mx-auto mt-3"> <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"> <div class="grid grid-cols-2 gap-12 md:grid-cols-3 lg:grid-cols-6">
@foreach ($icons as $key => $icon) @foreach ($icons as $key => $icon)

View File

@@ -83,8 +83,10 @@
@if ($icon->icon_id === 6584) @if ($icon->icon_id === 6584)
<li class="items-center text-base font-medium leading-loose text-neutral-100 hyphens-auto" <li class="items-center text-base font-medium leading-loose text-neutral-100 hyphens-auto"
lang="en"> lang="en">
<span class="font-bold">Guide:</span> <a href="https://heimerdinger.lol/post/how-to-get-hatty-crabby-icon-in-league-of-legends" <span class="font-bold">Guide:</span> <a
class="underline hover:text-orange-400 decoration-orange-400">How to get the Hatty Crabby Icon in href="https://heimerdinger.lol/post/how-to-get-hatty-crabby-icon-in-league-of-legends"
class="underline hover:text-orange-400 decoration-orange-400">How to get the
Hatty Crabby Icon in
League of Legends</a> League of Legends</a>
</li> </li>
@endif @endif
@@ -101,6 +103,12 @@
</div> </div>
</div> </div>
<div
class="items-center col-span-2 border shadow-sm rounded-2xl bg-stone-800/40 border-neutral-300/5 shadow-stone-800/80 !hidden lg:!block">
<ins class=" adsbygoogle rounded-2xl" style="display:block" data-ad-client="ca-pub-4505764048662657"
data-ad-slot="4667687216" data-ad-format="auto" data-full-width-responsive="true"></ins>
</div>
</div> </div>
</div> </div>
</div> </div>

View File

@@ -87,7 +87,5 @@
@endforeach @endforeach
</div> </div>
</div> </div>
<!-- Sales Rotation Footer 001 -->
<ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-4505764048662657" data-ad-slot="9975854214"
data-ad-format="auto" data-full-width-responsive="true"></ins>
</section> </section>

View File

@@ -6,16 +6,16 @@
<h1 <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"> 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"> <p
<a 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">
href="/champion/{{ $skin->champion->slug }}"> <a href="/champion/{{ $skin->champion->slug }}">
<span class="flex items-center justify-center"> <span class="flex items-center justify-center">
View View
champion champion
info info
<x-iconsax-bul-arrow-square-right class="w-5"/> <x-iconsax-bul-arrow-square-right class="w-5" />
</span> </span>
</a> </a>
@@ -24,21 +24,20 @@
<div <div
class="relative border shadow-sm rounded-2xl bg-stone-800/40 border-neutral-300/5 shadow-stone-800/80 lg:col-span-2"> 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" <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" <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"> 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"> <div class="absolute bottom-0 left-0 p-4">
<a href="{{ $skin->getSkinImageAttribute(true) }}" rel="noopener" target="_blank" <a href="{{ $skin->getSkinImageAttribute(true) }}" rel="noopener" target="_blank"
class="p-2 text-base font-bold text-white bg-black bg-opacity-50 rounded-xl">View in class="p-2 text-base font-bold text-white bg-black bg-opacity-50 rounded-xl">View in
HD</a> HD</a>
</div> </div>
</div> </div>
<div <div class="transition-all duration-700 border shadow-md rounded-2xl border-3 border-white/10 lg:col-start-3"
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"> <h4 class="text-center text-lg font-semibold text-neutral-100 uppercase mt-3.5 shadow-sm mx-2">
@@ -51,7 +50,7 @@
@if ($skin->rp_price == '99999') @if ($skin->rp_price == '99999')
Not Available for RP Not Available for RP
@else @else
<x-icon-RiotPoints class="inline-block w-4"/> <x-icon-RiotPoints class="inline-block w-4" />
{{ $skin->rp_price }} RP {{ $skin->rp_price }} RP
@endif @endif
</li> </li>
@@ -69,7 +68,8 @@
</li> </li>
<li class="items-center text-base font-medium leading-loose text-neutral-100 hyphens-auto" <li class="items-center text-base font-medium leading-loose text-neutral-100 hyphens-auto"
lang="en"> lang="en">
<span class="font-bold">Chromas:</span> @if ($skin->chromas->count() > 0) <span class="font-bold">Chromas:</span>
@if ($skin->chromas->count() > 0)
{{ $skin->chromas->count() }} {{ $skin->chromas->count() }}
@else @else
None None
@@ -133,7 +133,7 @@
<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" <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"> <div class="p-4">
<h4 class="text-center text-xl font-semibold text-neutral-100 uppercase mt-2.5 shadow-sm"> <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>
@@ -141,7 +141,8 @@
@if ($skin->lore) @if ($skin->lore)
{!! $skin->lore !!} {!! $skin->lore !!}
@else @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 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 @endif
@@ -149,8 +150,7 @@
</div> </div>
</div> </div>
<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"
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"> <div class="p-4">
<h4 class="text-center text-xl font-semibold text-neutral-100 uppercase mt-2.5 shadow-sm"> <h4 class="text-center text-xl font-semibold text-neutral-100 uppercase mt-2.5 shadow-sm">
@@ -165,17 +165,16 @@
@foreach ($skin->chromas as $key => $chroma) @foreach ($skin->chromas as $key => $chroma)
<div class="flex flex-col group"> <div class="flex flex-col group">
<a href="/skin/{{ $skin->slug }}"> <a href="/skin/{{ $skin->slug }}">
<img <img src="//wsrv.nl/?url={{ $chroma->getChromaImageAttribute() }}&w=220&output=webp&q=70&il"
src="//wsrv.nl/?url={{ $chroma->getChromaImageAttribute() }}&w=220&output=webp&q=70&il"
alt="{{ $chroma->chroma_name }} {{ $chroma->skin_name }} ScreenShot" alt="{{ $chroma->chroma_name }} {{ $chroma->skin_name }} ScreenShot"
@if ($key < 6) loading="eager" @else loading="lazy" @endif @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"> 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> </a>
<div> <div>
<p class="align-bottom text-center text-neutral-100 text-sm mt-1.5 items-center"> <p
<span class="align-bottom text-center text-neutral-100 text-sm mt-1.5 items-center">
class="hover:text-orange-400 group-hover:text-orange-400"> <span class="hover:text-orange-400 group-hover:text-orange-400">
{{ $chroma->chroma_name }} {{ $chroma->chroma_name }}
</span> </span>
</p> </p>

View File

@@ -10,7 +10,7 @@
@fragment('skin-list') @fragment('skin-list')
<div id="skin-list"> <div id="skin-list">
<div class="container flex items-center justify-center p-4 mx-auto mt-3" > <div class="container flex items-center justify-center p-4 mx-auto mt-3">
<div class="grid grid-cols-1 gap-12 md:grid-cols-2 lg:grid-cols-4"> <div class="grid grid-cols-1 gap-12 md:grid-cols-2 lg:grid-cols-4">
@foreach ($skins as $key => $skin) @foreach ($skins as $key => $skin)
<div <div

View File

@@ -1,9 +1,20 @@
@extends('layouts.app') @extends('layouts.app')
@section('title', 'Heimerdinger • Emotes') @section('title', 'Heimerdinger • Emotes')
@section('description', 'Explore all LoL Emotes on Heimerdinger.LoL. Find detailed information on popular emotes such as @section('description',
Dab Pengu, Bee Mad, Little Camper, Super Shy, PENGUMODE and more!') 'Explore all LoL Emotes on Heimerdinger.LoL. Find detailed information on popular emotes such as
Dab Pengu, Bee Mad, Little Camper, Super Shy, PENGUMODE and more!')
@push('top_scripts')
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4505764048662657"
crossorigin="anonymous"></script>
@endpush
@section('content') @section('content')
<x-emotes.list_all :emotes="$emotes"/> <x-emotes.list_all :emotes="$emotes" />
@endsection @endsection
@push('bottom_scripts')
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
@endpush

View File

@@ -1,13 +1,26 @@
@extends('layouts.app') @extends('layouts.app')
@section('title', 'Heimerdinger • Discover LoL: Champions, Skins, Sales & More!') @section('title', 'Heimerdinger • Discover LoL: Champions, Skins, Sales & More!')
@section('description', 'Explore League of Legends champions, skins, and game assets on Heimerdinger. @section('description',
Your ultimate source for in-depth information on LoL gaming. Dive in now!') 'Explore League of Legends champions, skins, and game assets on Heimerdinger.
Your ultimate source for in-depth information on LoL gaming. Dive in now!')
@push('top_scripts')
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4505764048662657"
crossorigin="anonymous"></script>
@endpush
@section('content') @section('content')
<x-home.features/> <x-home.features />
@if ($upcomingSkins != []) @if ($upcomingSkins != [])
<x-home.upcoming_skins :upcomingSkins="$upcomingSkins"/> <x-home.upcoming_skins :upcomingSkins="$upcomingSkins" />
@endif @endif
<x-home.recent_skins :latestSkins="$latestSkins"/> <x-home.recent_skins :latestSkins="$latestSkins" />
@endsection @endsection
@push('bottom_scripts')
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
@endpush

View File

@@ -1,9 +1,21 @@
@extends('layouts.app') @extends('layouts.app')
@section('title', 'Heimerdinger.LoL • Icons') @section('title', 'Heimerdinger.LoL • Icons')
@section('description', 'Explore all LoL icons on Heimerdinger.LoL. Find detailed information on popular summoner icons @section('description',
such as Qiyana Champie 2, Omen of the Cursed Revenant, Lil\' Sprout, Dominion Retirement, Winterblessed Hwei and more!') 'Explore all LoL icons on Heimerdinger.LoL. Find detailed information on popular summoner icons
such as Qiyana Champie 2, Omen of the Cursed Revenant, Lil\' Sprout, Dominion Retirement, Winterblessed Hwei and more!')
@push('top_scripts')
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4505764048662657"
crossorigin="anonymous"></script>
@endpush
@section('content') @section('content')
<x-icons.list_all :icons="$icons"/> <x-icons.list_all :icons="$icons" />
@endsection @endsection
@push('bottom_scripts')
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
@endpush

View File

@@ -1,8 +1,18 @@
@extends('layouts.app') @extends('layouts.app')
@section('title', $icon->title . ' • Heimerdinger') @section('title', $icon->title . ' • Heimerdinger')
@section('description', 'Heimerdinger.LoL: ' . $icon->title . ' details showing all the information about the icon released in ' . $icon->release_year . '. ' . substr($icon->description, 0, 64) . '...') @section('description', 'Heimerdinger.LoL: ' . $icon->title . ' details showing all the information about the icon
released in ' . $icon->release_year . '. ' . substr($icon->description, 0, 64) . '...')
@push('top_scripts')
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4505764048662657"
crossorigin="anonymous"></script>
@endpush
@section('content') @section('content')
<x-icons.view_grid :icon="$icon"/> <x-icons.view_grid :icon="$icon" />
@endsection @endsection
@push('bottom_scripts')
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
@endpush

View File

@@ -14,6 +14,11 @@
<meta name="googlebot" content="index, follow"> <meta name="googlebot" content="index, follow">
@endpush @endpush
@push('top_scripts')
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4505764048662657"
crossorigin="anonymous"></script>
@endpush
@section('content') @section('content')
<a href="{{ route('posts.index') }}" <a href="{{ route('posts.index') }}"
class="block mt-8 text-sm font-medium text-center text-orange-400 uppercase hover:underline">Back class="block mt-8 text-sm font-medium text-center text-orange-400 uppercase hover:underline">Back
@@ -35,6 +40,8 @@
<h2 class="text-sm italic text-center text-orange-400 not-prose" itemprop="description"> <h2 class="text-sm italic text-center text-orange-400 not-prose" itemprop="description">
{{ $post->description }} {{ $post->description }}
</h2> </h2>
<ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-layout="in-article"
data-ad-format="fluid" data-ad-client="ca-pub-4505764048662657" data-ad-slot="2492379195"></ins>
<p> <p>
{{ $post->contents }} {{ $post->contents }}
</p> </p>
@@ -42,6 +49,13 @@
Tagged with: <span itemprop="keywords" class="italic"> Tagged with: <span itemprop="keywords" class="italic">
{{ isset($post->tags) ? implode(', ', $post->tags) : 'League of Legends' }}</span> {{ isset($post->tags) ? implode(', ', $post->tags) : 'League of Legends' }}</span>
</p> </p>
</div> </div>
</article> </article>
@endsection @endsection
@push('bottom_scripts')
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
@endpush