feat: Add ads style, update example site

Author: manid2

assets/styles/_main.scss

@@ -480,3 +480,11 @@ hr {
     border: none;
   }
 }
+
+.ads {
+  margin: $spacer-normal 0;
+
+  @media print {
+    display: none;
+  }
+}

exampleSite/content/_index.md

@@ -12,6 +12,8 @@ This is the demo example site for [manid2/hugo-xterm][1] theme.
 [![LICENSE][hx_lic_img]][hx_lic_link]
 [![Build][hx_ci_build_img]][hx_ci_build_link]
 
+{{< ads >}}
+
 [1]: https://github.com/manid2/hugo-xterm
 
 [hx_ci_build_img]: https://img.shields.io/github/actions/workflow/status/manid2/hugo-xterm/hugo.yaml?logo=github "Hugo Xterm build status badge"

exampleSite/content/about.md

@@ -6,9 +6,13 @@ toc = false
 
 Hugo theme designed for reading and printing text with dark and light modes.
 
+{{< ads >}}
+
 Features
 --------
 
+{{< ads >}}
+
 ### Distinguishing features
 
 * Designed for __reading__ and __printing__ text.
@@ -28,6 +32,8 @@ Features
   from the [HSL colors][8].
 * Website banner is supported.
 
+{{< ads >}}
+
 ### Adopted features
 
 * Minimal configuration.
@@ -44,6 +50,8 @@ Features
 * Tightly coupled with Hugo extended latest version (v1.110.0) to compile and
   generate asset bundles with pipelines, fingerprinting and minification.
 
+{{< ads >}}
+
 ### Other features
 
 These are supported due to [panr/terminal][1] theme base code but not
@@ -53,6 +61,8 @@ tested as I don't use them myself:
 * Images in post with caption.
 * Comments.
 
+{{< ads >}}
+
 Installation
 ------------
 
@@ -69,6 +79,8 @@ Local development
 hugo server --source exampleSite
 ```
 
+{{< ads >}}
+
 Credits
 -------
 
@@ -87,6 +99,8 @@ License
 
 [GNU General Public License v3.0][11]
 
+{{< ads >}}
+
 [1]: https://github.com/panr/hugo-theme-terminal
 [2]: https://github.com/adityatelange/hugo-PaperMod
 [3]: https://github.com/kaitlinmctigue/kaitlinmctigue.github.io

exampleSite/content/docs/_index.md

@@ -10,3 +10,5 @@ author = "Mani Kumar"
 
 This page shows the list of items which are not articles and don't need a
 date, author and other meta data associated. They are like simple documents.
+
+{{< ads >}}

exampleSite/content/docs/commands/_index.md

@@ -4,3 +4,5 @@ description = "Linux developer commands collection"
 date = "2023-07-15"
 author = "Mani Kumar"
 +++
+
+{{< ads >}}

exampleSite/content/posts/_index.md

@@ -4,3 +4,5 @@ description = "Blog posts"
 date = "2023-07-15"
 author = "Mani Kumar"
 +++
+
+{{< ads >}}

exampleSite/content/slides/_index.md

@@ -4,3 +4,5 @@ description = "hugo-xterm slides using reveal.js"
 date = "2022-07-15"
 author = "Mani Kumar"
 +++
+
+{{< ads >}}

exampleSite/layouts/shortcodes/ads.html

@@ -0,0 +1,9 @@
+<div class="ads">
+  <ins class="adsbygoogle"
+       style="display:block"
+       data-ad-format="fluid"
+       data-ad-layout-key="-6u+dg+44-5g+2z"
+       data-ad-client="ca-pub-3938072282835038"
+       data-ad-slot="6755194002">
+  </ins>
+</div>

exampleSite/static/ads.txt

@@ -0,0 +1 @@
+google.com, pub-3938072282835038, DIRECT, f08c47fec0942fa0