retention page

_layouts/page.html

@@ -21,15 +21,35 @@
 
             <div class="content-container">
 
+
+
                 <div class="title-container container">
                     <h1>{{page.title}}</h1>
                     <h4>{{page.description}}</h4>
                 </div><br>
 
                 <div class="inner-content-container container">
+                    <!-- Main content -->
                     {{content}}
+
+                    {% if page.categories %}
+                    <hr>
+                    <div class="retention">
+                        <p>Thank you for reading this post. If you enjoyed the content, and want to let me know, or want
+                            to
+                            ask any questions, please contact me via one of the methods <a href="/about">listed
+                                here</a>. If
+                            you would like to be notified about future posts, feel free to load <a href="/feed.xml">my
+                                rss
+                                feed</a> into your favorite feed reader, or <a
+                                href="https://twitter.com/ewpratten">follow
+                                me on Twitter</a> for notifications about my work and future posts.</p>
+                    </div>
+                    {% endif %}
                 </div>
 
+
+
             </div>
         </div>
 

assets/css/page.css

@@ -1,4 +1,3 @@
-
 body {
     padding: 0;
     margin: 0;
@@ -40,10 +39,19 @@ iframe {
     color: var(--color-dark-purple);
 }
 
-.inner-content-container>p{
+.inner-content-container>p {
     text-align: justify;
 }
 
+.retention {
+    border-style: solid;
+    border-width: 2px;
+    border-color: var(--color-purple)!important;
+    border-radius: 15px;
+    padding: 15px;
+    padding-bottom: 0;
+}
+
 /* .inner-content-container>p>a {
     position: relative;
     display: inline-block;