Updates from changing the site

_data/navigation.yml

@@ -2,10 +2,10 @@
   url: /blog/
   blurb: "I like to write about life, family, technology, and more. Check out my blog for the latest posts."
 
-- text: Follow
+- text: RSS
   url: /feed.xml
   masthead: false
-  blurb: "You can follow my blog using an RSS reader. Click here to subscribe."
+  blurb: "You can follow my blog using your favorite RSS reader. Click here to subscribe."
 
 - text: About
   url: /about

_includes/head.html

@@ -32,6 +32,7 @@
   {% else %}
     <meta name="description" content="{{ site.description }}">
     <meta property="og:description" content="{{ site.description }}" />
+    <meta property="og:image" content="{{ site.baseurl }}/assets/images/site/me.png">
   {% endif %}
 
   <link rel="stylesheet" href="https://unpkg.com/littlefoot/dist/littlefoot.css">

_pages/pages.md

@@ -12,7 +12,7 @@ permalink: /pages
         <div class="col-lg-4 col-md-6 col-sm-12 d-flex align-items-stretch">
           <div class="card">
             <div>
-              <h4><a href="{{ site.baseurl }}{{ page.url }}">{{page.text}}</a></h4>
+              <h4 class="{{page.text | downcase}}"><a href="{{ site.baseurl }}{{ page.url }}">{{page.text}}</a></h4>
               <p>{{page.blurb}}</p>
             </div>
           </div>

_pages/styleguide.md

@@ -140,7 +140,7 @@ Images can be put in like this:
   position="right"
 %}
 
-You can use `position` to place an image left or right of the content, and `caption` to add a text caption below the image. If being positioned left/right, you should place the image block before the content.
+You can use `position` to place an image `left` or `right` of the content, or use `banner` for full width. Use a `caption` to add a text caption below the image. If being positioned left/right, you should place the image block before the content.
 
 The full template for using `_include/image.html`:
 

assets/css/style.scss

@@ -441,7 +441,7 @@ footer {
     text-decoration: underline;
     text-decoration-color: $orange;
     text-decoration-thickness: 2px;
-    transition: all ease-in-out 0.2s;
+    transition: all ease 0.3s;
 
     &:hover,
     i:hover {
@@ -481,6 +481,31 @@ footer {
     margin-bottom: 1rem;
   }
 
+  h4.rss {
+    &::after {
+      font-family: "Font Awesome 6 Free"; 
+      content: "\f09e";
+      display: inline-block;
+      position: absolute;
+      right: 1rem;
+      font-weight: 700;
+
+      &:hover {
+        color: $green;
+      }
+    }
+
+    &:hover {
+      &::after {
+        color: $purple;
+        -webkit-transition: all ease 0.3s;
+        -moz-transition: all ease 0.3s;
+        -o-transition: all ease 0.3s;
+        transition: all ease 0.3s;
+      }
+    }
+  }
+
   img {
     margin-bottom: 1rem;
   }