feat: Banner

contents/_includes/css-scan.njk

@@ -0,0 +1,12 @@
+<a class="cssscan" href="https://gumroad.com/a/719368019" target="_blank">
+    <div class="cssscan__inner">
+        <p class="cssscan__title">Have you seen CSS Scan?</p>
+        <p class="cssscan__desc">The fastest and easiest way to check, copy and edit CSS.</p>
+        <p class="cssscan__more">Learn more →</p>
+        <img
+            class="cssscan__image"
+            src="https://toastlog.com/img/logos/cssscan.svg"
+            alt="CSS Scan logo"
+        />
+    </div>
+</a>

contents/_includes/layouts/post.njk

@@ -11,6 +11,9 @@ layout: layouts/base.njk
         </div>
         <a class="header__link header__link--primary" href="https://github.com/phuocng/csslayout">GitHub {{ github.stargazers }}★</a>
     </div>
+    
+    {% include "css-scan.njk" %}
+
     <div class="post">
         <h1 class="post__heading">{{ title }}</h1>
         <div class="post__content">{{ content | safe }}</div>

contents/index.njk

@@ -10,6 +10,8 @@ eleventyExcludeFromCollections: true
         <a class="hero__button" href="https://github.com/phuocng/csslayout">Star me on GitHub · {{ github.stargazers }}★</a>
     </div>
 
+    {% include "css-scan.njk" %}
+
     <div class="category">
         <h2 class="category__name">Display</h2>
         <div class="category__posts">