Replace banners

Author: driesvints

public/images/ads/devsquad-long.jpg

@@ -1,20 +1,12 @@
-@if (! isset($disableAds))
-    @if ($adSenseClient = config('services.google.ad_sense.client'))
-        <div class="container mx-auto text-center overflow-hidden">
-            <ins class="adsbygoogle footer-ad"
-                data-ad-client="{{ $adSenseClient }}"
-                data-ad-slot="{{ config('services.google.ad_sense.unit_footer') }}"
-                data-ad-format="fluid"></ins>
-            <script>
-                (adsbygoogle = window.adsbygoogle || []).push({});
-            </script>
-        </div>
-    @endif
+<a
+    href="https://devsquad.com"
+    target="_blank"
+    rel="noopener noreferrer"
+>
+    {{-- Show the banner on bigger displays. --}}
+    <img class="hidden md:block my-4 mx-auto w-full" style="max-width:1200px" src="{{ asset('/images/ads/devsquad-long.jpg') }}" alt="Devsquad">
+    {{-- Show the square on mobile. --}}
+    <img class="md:hidden my-4 mx-auto w-full" style="max-width:300px" src="{{ asset('/images/ads/devsquad-small.jpg') }}" alt="Devsquad">
+</a>
 
-    @if (config('app.debug'))
-        <div class="container mx-auto text-center overflow-hidden bg-green-light" style="max-width:950px;height:88px">
-        </div>
-    @endif
-
-    @include('layouts._ads._cta', ['text' => 'Your banner here?'])
-@endif
+@include('layouts._ads._cta', ['text' => 'Your banner here too?'])

public/images/ads/devsquad-small.jpg

@@ -1,21 +1,9 @@
-@if (! isset($disableAds))
-    @if ($adSenseClient = config('services.google.ad_sense.client'))
-        <div style="margin-top:25px">
-            <ins class="adsbygoogle sidebar-ad"
-                 style="display:block"
-                 data-ad-client="{{ $adSenseClient }}"
-                 data-ad-slot="{{ config('services.google.ad_sense.unit_forum_sidebar') }}"
-                 data-ad-format="rectangle"></ins>
-            <script>
-                (adsbygoogle = window.adsbygoogle || []).push({});
-            </script>
-        </div>
-    @endif
+<a
+    href="https://devsquad.com"
+    target="_blank"
+    rel="noopener noreferrer"
+>
+    <img class="my-4 mx-auto w-full" style="max-width:300px" src="{{ asset('/images/ads/devsquad-small.jpg') }}" alt="Devsquad">
+</a>
 
-    @if (config('app.debug'))
-        <div class="container mx-auto text-center overflow-hidden bg-green-light" style="max-width:300px;height:250px;margin-top:25px">
-        </div>
-    @endif
-
-    @include('layouts._ads._cta', ['text' => 'Your banner here?'])
-@endif
+@include('layouts._ads._cta', ['text' => 'Your banner here too?'])

resources/views/layouts/_ads.blade.php

@@ -28,7 +28,6 @@
     @include('layouts._favicons')
     @include('layouts._social')
     @include('layouts._google_analytics')
-    @include('layouts._ads._ad_sense')
 
     @livewireStyles
 </head>
@@ -42,7 +41,6 @@
 
 @include('layouts._footer')
 
-@include('layouts._ads')
 @include('layouts._fathom')
 
 @livewireScripts