From 0aaa1a3f391dc9e5eb6ecf46f7e9b333ffde2284 Mon Sep 17 00:00:00 2001
From: Nilanchal Panigrahy <nilanchal.panigrahy@tribalworldwide.co.uk>
Date: Tue, 19 Dec 2023 19:55:29 +0000
Subject: [PATCH] Added adsense

---
 bloggy/.DS_Store                              | Bin 10244 -> 10244 bytes
 bloggy/templates/pages/archive/posts.html     |   8 ++++++--
 bloggy/templates/pages/search_result.html     |   1 +
 bloggy/templates/pages/single/course.html     |   2 +-
 bloggy/templates/pages/single/lesson.html     |   1 +
 bloggy/templates/pages/single/post.html       |  13 +++++++++++--
 bloggy/templates/pages/single/quiz.html       |   2 +-
 .../ad-unit-horizontal-responsive.html        |  18 ++++++++++++++++++
 bloggy/templates/widgets/ad-unit-in-feed.html |  17 +++++++++++++++++
 .../widgets/ad-unit-vertical-responsive.html  |  18 ++++++++++++++++++
 bloggy_frontend/sass/content/_home.scss       |   2 +-
 bloggy_frontend/sass/content/post.scss        |   2 +-
 12 files changed, 76 insertions(+), 8 deletions(-)
 create mode 100644 bloggy/templates/widgets/ad-unit-horizontal-responsive.html
 create mode 100644 bloggy/templates/widgets/ad-unit-in-feed.html
 create mode 100644 bloggy/templates/widgets/ad-unit-vertical-responsive.html

diff --git a/bloggy/.DS_Store b/bloggy/.DS_Store
index 8e1f43bac36deb1d093dd7b7af261133079bfd13..9ca3d8525c0c6be2267c41738238b6b4d80b94aa 100644
GIT binary patch
delta 24
fcmZn(XbIR5D8S0j$<EC_IZPmok#qA}fpBpEQC0>Y

delta 16
XcmZn(XbIR5C@|SqJaO|Tfgo`JHctic

diff --git a/bloggy/templates/pages/archive/posts.html b/bloggy/templates/pages/archive/posts.html
index 3854362..328815e 100644
--- a/bloggy/templates/pages/archive/posts.html
+++ b/bloggy/templates/pages/archive/posts.html
@@ -12,15 +12,18 @@
                         {% categories_widget count=99 content_type="post" widget_style="list" %}
                         <div class="flex-grow-1">
                             <div class="row row-cols-1 row-cols-md-2 row-cols-lg-1 latest-feed-container">
-                                 {% if posts|length <= 0 %}
+                                {% if posts|length <= 0 %}
                                     <p class="lead my-3 text-muted">No contents found!</p>
-                                 {% endif %}
+                                {% endif %}
 
                                 {% for post in posts %}
                                     <div class="col mb-3">
                                         {% include "partials/post_list_item.html" with post=post cssClass="card-rounded" %}
                                     </div>
                                     {% if forloop.counter == 3 %}
+                                        {% include "widgets/ad-unit-in-feed.html" %}
+                                    {% endif %}
+                                    {% if forloop.counter == 2 %}
                                         {% include "partials/course_row_grid.html" with courses=courses %}
                                     {% endif %}
 
@@ -32,6 +35,7 @@
                 </main>
                 <aside id="sidebar-right" class="flex-filled col-md-3">
                     <div class="sidebar-content sticky-top" style="z-index: 99">
+                        {% include 'widgets/ad-unit-vertical-responsive.html' %}
                         {% include 'partials/newsletter.html' %}
                     </div>
                 </aside>
diff --git a/bloggy/templates/pages/search_result.html b/bloggy/templates/pages/search_result.html
index 82c1eb0..5a115ff 100644
--- a/bloggy/templates/pages/search_result.html
+++ b/bloggy/templates/pages/search_result.html
@@ -94,6 +94,7 @@ <h3 class="h4 fw-normal mb-0 result-heading">{{ post.title | highlight_search:se
             </main>
 
             <aside id="sidebar-right" class="col-md-4">
+                {% include 'widgets/ad-unit-vertical-responsive.html' %}
                 <div class="bordered my-4">
                     {% include "errors/error_page_links.html" %}
                 </div>
diff --git a/bloggy/templates/pages/single/course.html b/bloggy/templates/pages/single/course.html
index dcb73ca..6ff1963 100644
--- a/bloggy/templates/pages/single/course.html
+++ b/bloggy/templates/pages/single/course.html
@@ -90,7 +90,7 @@ <h3 class=""><a href="{% url 'lesson_single' course=course.slug slug=lesson.slug
                     </main>
 
                     <aside id="right-sidebar" class="col-12 col-md-3 col-lg-3 d-print-none">
-
+                        {% include 'widgets/ad-unit-vertical-responsive.html' %}
                     </aside>
                 </div>
             {% endwith %}
diff --git a/bloggy/templates/pages/single/lesson.html b/bloggy/templates/pages/single/lesson.html
index d568e4e..4deec4e 100644
--- a/bloggy/templates/pages/single/lesson.html
+++ b/bloggy/templates/pages/single/lesson.html
@@ -56,6 +56,7 @@
                 <aside id="right-sidebar" class="col-12 col-md-3 col-lg-3 d-print-none">
                     <div class="sidebar-content" style="z-index: 99">
                         {% include 'partials/lesson_single_toc.html' %}
+                        {% include 'widgets/ad-unit-vertical-responsive.html' %}
                         {% include 'partials/video_widget.html' %}
                         {% include "partials/home_widget_contribute_cta.html" %}
                         {% include 'partials/newsletter.html' %}
diff --git a/bloggy/templates/pages/single/post.html b/bloggy/templates/pages/single/post.html
index a867778..00f7cd6 100644
--- a/bloggy/templates/pages/single/post.html
+++ b/bloggy/templates/pages/single/post.html
@@ -10,6 +10,9 @@
 {% spaceless %}
     {% block content %}
         {% include 'partials/home_article_breadcrumb.html' %}
+        <div class="container mt-3">
+            {% include 'widgets/ad-unit-horizontal-responsive.html' %}
+        </div>
         <div class="container mt-lg-5 mt-md-3">
             <div class="row">
                 <main id="main-content" class="hero col-12 col-md-9 col-lg-9 col-print-12 pe-lg-2">
@@ -27,7 +30,8 @@
                         <div class="flex-grow-1" style="overflow: hidden">
                             <div class="article-details-card mb-4 me-lg-3">
                                 <div class="padding-medium relative">
-                                    <h1 class="display-2 fw-600" style="line-height: 1.2;letter-spacing: -0.055rem">{{ post.title }}</h1>
+                                    <h1 class="display-2 fw-600"
+                                        style="line-height: 1.2;letter-spacing: -0.055rem">{{ post.title }}</h1>
 
                                     {% if post.thumbnail and post.template_type == "cover" %}
                                         <div class="article-single-thumbnails my-4">
@@ -57,7 +61,7 @@ <h1 class="display-2 fw-600" style="line-height: 1.2;letter-spacing: -0.055rem">
                                     </article>
                                     {% include "partials/social_share.html" with object=post authorName=post.author.get_full_name_or_username %}
                                     {% include 'partials/author_widget.html' with author=post.author %}
-                                
+
                                     {% comment %}<section id="vueRoot" class="d-print-none my-5">
                                         <comments post-id="{{ post.id }}" post-type="{{ post.post_type }}" current-user="{{ user }}"></comments>
                                     </section>{% endcomment %}
@@ -65,10 +69,13 @@ <h1 class="display-2 fw-600" style="line-height: 1.2;letter-spacing: -0.055rem">
                             </div>
                         </div>
                     </div>
+
+
                 </main>
 
                 <aside id="right-sidebar" class="col-12 col-md-3 col-lg-3 d-print-none">
                     {% include 'partials/video_widget.html' %}
+                    {% include 'widgets/ad-unit-vertical-responsive.html' %}
                     {% if post %}
                         {% include 'partials/toc_widget.html' %}
                         {% include 'partials/github_widget.html' with githubLink=post.github_link %}
@@ -78,8 +85,10 @@ <h1 class="display-2 fw-600" style="line-height: 1.2;letter-spacing: -0.055rem">
                         {% include "partials/home_widget_contribute_cta.html" %}
                         {% include 'partials/newsletter.html' %}
                     </div>
+                    {% include 'widgets/ad-unit-vertical-responsive.html' %}
                 </aside>
             </div>
+            {% include 'widgets/ad-unit-horizontal-responsive.html' %}
         </div>
 
         <div class="bg-light  border-bottom py-5">
diff --git a/bloggy/templates/pages/single/quiz.html b/bloggy/templates/pages/single/quiz.html
index 3b4f9d5..7cbb4f0 100644
--- a/bloggy/templates/pages/single/quiz.html
+++ b/bloggy/templates/pages/single/quiz.html
@@ -33,9 +33,9 @@
 
             <aside id="sidebar" class="flex-filled col-12 px-3 col-md-4 pt-0">
                 <div class="sidebar-content sticky-top ms-lg-3" style="z-index: 99">
+                    {% include 'widgets/ad-unit-vertical-responsive.html' %}
                     {% include "partials/home_widget_contribute_cta.html" %}
                     {% related_article_widget count=6 slug=quiz.slug widget_title='Recent posts' widget_style="list" %}
-                    {#                    {% include 'partials/newsletter.html' %}#}
                 </div>
             </aside>
         </div>
diff --git a/bloggy/templates/widgets/ad-unit-horizontal-responsive.html b/bloggy/templates/widgets/ad-unit-horizontal-responsive.html
new file mode 100644
index 0000000..378e226
--- /dev/null
+++ b/bloggy/templates/widgets/ad-unit-horizontal-responsive.html
@@ -0,0 +1,18 @@
+{% if LOAD_GOOGLE_ADS %}
+    <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5125794458843883"
+            crossorigin="anonymous"></script>
+    <!-- horizontal-ad-units -->
+    <ins class="adsbygoogle"
+         style="display:block"
+         data-ad-client="ca-pub-5125794458843883"
+         data-ad-slot="7213333503"
+         data-ad-format="auto"
+         data-full-width-responsive="true"></ins>
+    <script>
+        (adsbygoogle = window.adsbygoogle || []).push({});
+    </script>
+{% else %}
+    <div class="d-flex align-items-center bg-light my-3" style="width:100%;height:120px;">
+        <small class="text-center font-xs text-muted mx-auto">AD-SPACE</small>
+    </div>
+{% endif %}
diff --git a/bloggy/templates/widgets/ad-unit-in-feed.html b/bloggy/templates/widgets/ad-unit-in-feed.html
new file mode 100644
index 0000000..9044a1b
--- /dev/null
+++ b/bloggy/templates/widgets/ad-unit-in-feed.html
@@ -0,0 +1,17 @@
+{% if LOAD_GOOGLE_ADS %}
+    <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5125794458843883"
+            crossorigin="anonymous"></script>
+    <ins class="adsbygoogle"
+         style="display:block"
+         data-ad-format="fluid"
+         data-ad-layout-key="-gt+x-w-gx+x2"
+         data-ad-client="ca-pub-5125794458843883"
+         data-ad-slot="7331401939"></ins>
+    <script>
+        (adsbygoogle = window.adsbygoogle || []).push({});
+    </script>
+{% else %}
+    <div class="d-flex align-items-center bg-light my-3" style="width:100%;height:100px;">
+        <small class="text-center font-xs text-muted mx-auto">AD-SPACE</small>
+    </div>
+{% endif %}
diff --git a/bloggy/templates/widgets/ad-unit-vertical-responsive.html b/bloggy/templates/widgets/ad-unit-vertical-responsive.html
new file mode 100644
index 0000000..9777ef7
--- /dev/null
+++ b/bloggy/templates/widgets/ad-unit-vertical-responsive.html
@@ -0,0 +1,18 @@
+{% if LOAD_GOOGLE_ADS %}
+    <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5125794458843883"
+            crossorigin="anonymous"></script>
+    <!-- vertical-ad-units -->
+    <ins class="adsbygoogle"
+         style="display:block"
+         data-ad-client="ca-pub-5125794458843883"
+         data-ad-slot="6704715971"
+         data-ad-format="auto"
+         data-full-width-responsive="true"></ins>
+    <script>
+        (adsbygoogle = window.adsbygoogle || []).push({});
+    </script>
+{% else %}
+    <div class="d-flex align-items-center bg-light my-3" style="width:100%;height:500px;">
+        <small class="text-center font-xs text-muted mx-auto">AD-SPACE</small>
+    </div>
+{% endif %}
\ No newline at end of file
diff --git a/bloggy_frontend/sass/content/_home.scss b/bloggy_frontend/sass/content/_home.scss
index 992d9e4..196378d 100644
--- a/bloggy_frontend/sass/content/_home.scss
+++ b/bloggy_frontend/sass/content/_home.scss
@@ -66,7 +66,7 @@
 
 @media screen and (min-width: 992px) {
   .latest-feed-container {
-    padding: 0 1rem;
+    padding: 0 2rem;
     margin: 0 0 0 1rem;
 
     //.col:first-child {
diff --git a/bloggy_frontend/sass/content/post.scss b/bloggy_frontend/sass/content/post.scss
index 358f600..1d1629c 100644
--- a/bloggy_frontend/sass/content/post.scss
+++ b/bloggy_frontend/sass/content/post.scss
@@ -435,7 +435,7 @@ article {
   }
 
   .feed-card {
-    padding: 1rem;
+    padding: 1rem 0;
   }
 
 }