Merge branch 'main' of github.com:arno-di-loreto/apihandyman.io

_config.yml

@@ -50,7 +50,7 @@ pagination:
     after: 1  # The number of links after the current page
 
 # Third party parameters
-google_analytics: UA-58046291-1
+google_analytics: G-VPHTRSG5P3
 
 # Build settings
 markdown: kramdown
@@ -67,9 +67,8 @@ codeblocksize: 20
 codeblock_hidden_copy_separator: ---COPY_CONTENT_SEPARATOR---
 
 # Links
-mybook: http://bit.ly/designwebapis
-mybook_discount_code: fcclauret
-mybook_discount_rate: 37% off
+mybook: /the-design-of-web-apis/
+manning: https://www.manning.com/books/the-design-of-web-apis
 
 collections:
   tools:

_data/thirdpartycontents.yaml

@@ -81,4 +81,8 @@ taking-advantage-of-openapi-for-api-design-reviews:
 what-is-openapi:
   source: youtube
   id: Q4s54QZdheE
-  preview: /images/thirdpartycontents/what-is-openapi.jpg
+  preview: /images/thirdpartycontents/what-is-openapi.jpg
+openapi-does-what-swagger-dont:
+  source: youtube
+  id: WePbF4_7RkY
+  preview: /images/thirdpartycontents/openapi-does-what-swagger-dont.jpg

_includes/_book/book-banner-horizontal.html

@@ -22,7 +22,7 @@
           </div> 
         </div> 
         <div class="card-body card-body-action">
-          <a href="#" class="btn btn-primary stretched-link" data-toggle="modal" data-target="#bookModal" role="button" >Get 37% off my book!<span class="d-none d-md-block"> (or any other Manning product!)</span></a>
+          <a href="{% include _book/book-url.md %}" class="btn btn-primary stretched-link" role="button" >Read The Design of Web APIs<span class="d-none d-md-block"> in English, Japanese, Korean, and Russian</span></a>
         </div>
       </div>
     </div>

_includes/_libs/google-analytics.html

@@ -1,5 +1,11 @@
-{% assign lib_dependencies="finger2print" %}
-
 {% capture lib_js %}
-{% include script.html src="google-analytics.js" %}
+<!-- Google tag (gtag.js) -->
+<script async src="https://www.googletagmanager.com/gtag/js?id={{ site.google_analytics }}"></script>
+<script>
+  window.dataLayer = window.dataLayer || [];
+  function gtag(){dataLayer.push(arguments);}
+  gtag('js', new Date());
+  gtag('config', '{{ site.google_analytics }}');
+
+</script>
 {% endcapture %}

_includes/book.html

@@ -1,7 +1,7 @@
 {% if include.type == 'image_title' %}
-<a class="left-column-hider" data-toggle="modal" data-target="#bookModal" role="button" href="#"><img src="/images/commons/book/title.png" class="img-fluid" alt="The Design of Web APIs book"></a>
+<a class="left-column-hider" href="{{site.mybook}}" role="button"><img src="/images/commons/book/title.png" class="img-fluid" alt="The Design of Web APIs book"></a>
 {% elsif include.type == 'image_cover' %}
-<p class="text-center"><a class="left-column-hider" data-toggle="modal" data-target="#bookModal" role="button" href="#"><img src="/images/commons/book/book-modal.png" class="img-fluid" alt="The Design of Web APIs book"></a></p>
+<p class="text-center"><a class="left-column-hider" href="{{site.mybook}}"  role="button"><img src="/images/commons/book/book-modal.png" class="img-fluid" alt="The Design of Web APIs book"></a></p>
 {% else %}
-<a class="left-column-hider" data-toggle="modal" data-target="#bookModal" role="button" href="#">The Design of Web APIs</a>
+<a class="left-column-hider" data-toggle="modal" href="{{site.mybook}}" >The Design of Web APIs</a>
 {% endif %}

_includes/foot.html

@@ -14,7 +14,7 @@
             <div class="icon"><a href="{{site.data.links.me.rss}}" target="_blank">{% include svg/rss.svg %}</a></div>
           </div>
           <div class="col text-center">
-            <a class="btn border-0 rounded-0 p-0" data-toggle="modal" data-target="#bookModal" role="button" ><img class="img-footer-book" src="/images/commons/book/book-footer.png"></a>
+            <a class="btn border-0 rounded-0 p-0" href="{{site.mybook}}"  role="button" ><img class="img-footer-book" src="/images/commons/book/book-footer.png"></a>
           </div>
         </div>
       </div>

_includes/navbar-left.html

@@ -15,15 +15,13 @@
   {% assign border_class = "left-book-ad-no-border" %}
 {% endif %}
 <div class="left-book-ad {{border_class}} d-desktop-only">
-  <img src="{{book_image}}" class="card-img" alt="The Design of Web APIs book cover">
+  <img src="{{book_image}}" class="card-img" alt="The Design of Web APIs book">
   <div class="card-img-overlay {{book_text_class}}">
-    <a class="stretched-link" data-toggle="modal" data-target="#bookModal" role="button" >
-      <p class="card-text">Special offer on my book</p>
-    </a>
+    <a href="{{site.mybook}}" class="stretched-link" role="button" ></a>
   </div>
 </div>
-<a class="left-book-ad-small left-menu-hider d-mobile-only" data-toggle="modal" data-target="#bookModal" role="button">
-  Special offer on my book
+<a href="{{site.mybook}}" class="left-book-ad-small left-menu-hider d-mobile-only" role="button">
+  Read my book
   <img src="/images/commons/book/title.png" class="img-fluid" alt="The Design of Web APIs book">
 </a>
 {% if show_toc %}

_includes/navbar.html

@@ -37,11 +37,11 @@
           <a class="nav-item nav-link" href="/toolbox/">Toolbox</a>
           <a class="nav-item nav-link" href="/about/">About</a>
           {% include search.html %}
-          <a class="nav-item-book left-column-hider d-mobile-only" data-toggle="modal" data-target="#bookModal" role="button" ><div class="img"></div></a>
+          <a href="{{site.mybook}}" class="nav-item-book left-column-hider d-mobile-only" role="button" ><div class="img"></div></a>
         </div>
       </div>
       {% if layout.book_in_nav or page.book_in_nav%}
-        <a class="nav-item-book left-column-hider d-desktop-only" data-toggle="modal" data-target="#bookModal" role="button" ><div class="img"></div></a>
+        <a href="{{site.mybook}}" class="nav-item-book left-column-hider d-desktop-only" role="button" ><div class="img"></div></a>
       {% endif %}
     </nav> <!-- class="navbar navbar-expand-md" -->
   </div> <!--  class="container" -->