From fc765c0ed5da202cfb162356810d170407ab943a Mon Sep 17 00:00:00 2001
From: Rico van Zelst <rvzelst7@gmail.com>
Date: Wed, 26 Feb 2025 23:02:06 +0100
Subject: [PATCH] feat: add horizontal ad banners to various pages

---
 resources/views/about/faq/heimerdinger.blade.php     |  3 +++
 resources/views/about/faq/leagueoflegends.blade.php  |  3 +++
 resources/views/about/index.blade.php                |  7 +++++++
 resources/views/assets/index.blade.php               |  4 ++++
 .../views/components/champions/grid_info.blade.php   |  3 ++-
 resources/views/components/emotes/list_all.blade.php | 11 +++++++----
 resources/views/components/icons/list_all.blade.php  | 12 ++++++++----
 resources/views/components/icons/view_grid.blade.php |  4 ++++
 resources/views/components/posts/listposts.blade.php |  3 +++
 .../views/components/sales/current_sales.blade.php   |  8 ++++++++
 resources/views/components/skins/grid_info.blade.php |  1 +
 resources/views/donate.blade.php                     |  4 ++++
 resources/views/home.blade.php                       |  3 +++
 resources/views/roadmap.blade.php                    |  3 +++
 14 files changed, 60 insertions(+), 9 deletions(-)

diff --git a/resources/views/about/faq/heimerdinger.blade.php b/resources/views/about/faq/heimerdinger.blade.php
index 4dd8826..7e7face 100644
--- a/resources/views/about/faq/heimerdinger.blade.php
+++ b/resources/views/about/faq/heimerdinger.blade.php
@@ -14,6 +14,9 @@
                 Frequently Asked Questions about the popular League of Legends champion Heimerdinger.
             </h2>
         </div>
+        <div class="flex justify-center my-4">
+            <x-ads.horizontal-banner />
+        </div>
         <div class="grid max-w-xl mx-auto mt-8 divide-y divide-neutral-700">
             <x-about.faq.dropdown
                 question="Is Heimerdinger a yordle?"
diff --git a/resources/views/about/faq/leagueoflegends.blade.php b/resources/views/about/faq/leagueoflegends.blade.php
index 324de56..b0eea73 100644
--- a/resources/views/about/faq/leagueoflegends.blade.php
+++ b/resources/views/about/faq/leagueoflegends.blade.php
@@ -14,6 +14,9 @@
                 Frequently Asked Questions about League of Legends and Riot Games.
             </p>
         </div>
+        <div class="flex justify-center my-4">
+            <x-ads.horizontal-banner />
+        </div>
         <div class="grid max-w-xl mx-auto mt-8 divide-y divide-neutral-700">
             <x-about.faq.dropdown question="Is League of Legends on Steam?"
                 answer="League of Legends is not available on Steam. It was developed and published by Riot Games and has its own client for downloading and playing the game." />
diff --git a/resources/views/about/index.blade.php b/resources/views/about/index.blade.php
index f8264bf..c12ee12 100644
--- a/resources/views/about/index.blade.php
+++ b/resources/views/about/index.blade.php
@@ -25,6 +25,10 @@
                 Legends</a>
         </div>
 
+        <div class="flex justify-center my-4">
+            <x-ads.horizontal-banner />
+        </div>
+
         <div class="flex flex-col items-center justify-center mt-5">
             <h2 class="text-lg font-bold text-center text-gray-100 uppercase">
                 What is League of Legends?</h2>
@@ -64,6 +68,7 @@
                 Which boasts a 100% rating on Rotten Tomatoes, 9/10 on IMDB, 10/10 on IGN and a 97/100 on Google
                 Reviews.
             </p>
+            <x-ads.in-article />
         </div>
         <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">
@@ -89,6 +94,7 @@
                     class="underline decoration-orange-500/50" rel="noopener" target="_blank">this
                     website</a>. I will try to respond as soon as possible.
             </p>
+            <x-ads.in-article />
         </div>
         <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">
@@ -121,6 +127,7 @@
                 commitment to ethical progress have made him an essential part of the series, offering both wisdom and
                 intrigue to the unfolding story of Arcane. So I'm sure we will be seeing him again in Arcane Season 2.
             </p>
+            <x-ads.in-article />
         </div>
     </div>
 @endsection
diff --git a/resources/views/assets/index.blade.php b/resources/views/assets/index.blade.php
index 84fb7f3..cdb915e 100644
--- a/resources/views/assets/index.blade.php
+++ b/resources/views/assets/index.blade.php
@@ -14,6 +14,10 @@
         class="text-lg font-bold text-center text-transparent uppercase bg-gradient-to-bl from-orange-300 to-orange-500 bg-clip-text">
         LoL Icons & Emotes</h2>
 
+        <div class="flex justify-center my-4">
+            <x-ads.common />
+        </div>
+
     <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') }}" alt="Heimerdinger Emote">
diff --git a/resources/views/components/champions/grid_info.blade.php b/resources/views/components/champions/grid_info.blade.php
index d7c71dd..7474984 100644
--- a/resources/views/components/champions/grid_info.blade.php
+++ b/resources/views/components/champions/grid_info.blade.php
@@ -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 }};">
diff --git a/resources/views/components/emotes/list_all.blade.php b/resources/views/components/emotes/list_all.blade.php
index dfa1ecc..b818287 100644
--- a/resources/views/components/emotes/list_all.blade.php
+++ b/resources/views/components/emotes/list_all.blade.php
@@ -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>
diff --git a/resources/views/components/icons/list_all.blade.php b/resources/views/components/icons/list_all.blade.php
index d0f98a8..8d4a5cf 100644
--- a/resources/views/components/icons/list_all.blade.php
+++ b/resources/views/components/icons/list_all.blade.php
@@ -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>
diff --git a/resources/views/components/icons/view_grid.blade.php b/resources/views/components/icons/view_grid.blade.php
index 4d2ee15..ea0cedd 100644
--- a/resources/views/components/icons/view_grid.blade.php
+++ b/resources/views/components/icons/view_grid.blade.php
@@ -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
diff --git a/resources/views/components/posts/listposts.blade.php b/resources/views/components/posts/listposts.blade.php
index 88e55a9..015da30 100644
--- a/resources/views/components/posts/listposts.blade.php
+++ b/resources/views/components/posts/listposts.blade.php
@@ -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>
diff --git a/resources/views/components/sales/current_sales.blade.php b/resources/views/components/sales/current_sales.blade.php
index 44cd3f1..01585c7 100644
--- a/resources/views/components/sales/current_sales.blade.php
+++ b/resources/views/components/sales/current_sales.blade.php
@@ -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>
diff --git a/resources/views/components/skins/grid_info.blade.php b/resources/views/components/skins/grid_info.blade.php
index b559758..b9f0c92 100644
--- a/resources/views/components/skins/grid_info.blade.php
+++ b/resources/views/components/skins/grid_info.blade.php
@@ -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 }};">
diff --git a/resources/views/donate.blade.php b/resources/views/donate.blade.php
index 8b0162a..09ff0e3 100644
--- a/resources/views/donate.blade.php
+++ b/resources/views/donate.blade.php
@@ -36,6 +36,10 @@
                         width="114" style="border: 0; border-radius: 6px;"></iframe>
                 </div>
 
+                <div class="flex justify-center my-4">
+                    <x-ads.horizontal-banner />
+                </div>
+
                 <div class="mt-4">
                     <img src="https://cdn.heimerdinger.lol/cat_excited.gif" alt="Excited Cat Emote" class="mx-auto w-28">
                 </div>
diff --git a/resources/views/home.blade.php b/resources/views/home.blade.php
index 32126eb..ed0b169 100644
--- a/resources/views/home.blade.php
+++ b/resources/views/home.blade.php
@@ -10,6 +10,9 @@
 
     @if ($upcomingSkins != [])
         <x-home.upcoming_skins :upcomingSkins="$upcomingSkins" />
+        <div class="flex justify-center my-4">
+            <x-ads.horizontal-banner />
+        </div>
     @endif
     <x-home.recent_skins :latestSkins="$latestSkins" />
 @endsection
diff --git a/resources/views/roadmap.blade.php b/resources/views/roadmap.blade.php
index cc78509..12aa6b6 100644
--- a/resources/views/roadmap.blade.php
+++ b/resources/views/roadmap.blade.php
@@ -15,6 +15,9 @@
                 <h2 class="mt-4 text-stone-300">
                     See what's coming next to Heimerdinger.lol. Vote on features you'd like to see implemented next.
                 </h2>
+                <div class="flex justify-center my-4">
+                    <x-ads.horizontal-banner />
+                </div>
                 <p class="mt-4 mb-8">
                     View the full roadmap at <a href="https://heimerdinger.features.vote/roadmap"
                         class="text-orange-300 hover:text-orange-500">Heimerdinger Features Roadmap</a>.