Restore the "old post" admonition

Author: offbyone

themes/offby1/scss/offby1/_admonitions.scss

@@ -192,6 +192,23 @@
     }
 }
 
+.admonition.historical {
+    --admonition-color: #8b6914; // Warm amber/brown
+    border-left-color: var(--admonition-color);
+    
+    &::before {
+        content: "\f017"; // fa-clock (watermark)
+    }
+    
+    .admonition-title {
+        color: var(--admonition-color);
+        
+        &::before {
+            content: "\f017"; // fa-clock
+        }
+    }
+}
+
 // Dark mode adjustments
 @media (prefers-color-scheme: dark) {
     .admonition.note {
@@ -224,4 +241,8 @@
     .admonition.attention {
         --admonition-color: #ff7043; // Lighter deep orange for dark mode
     }
+    
+    .admonition.historical {
+        --admonition-color: #c9a236; // Lighter amber/gold for dark mode
+    }
 }

themes/offby1/scss/offby1/_fontawesome.scss

@@ -14,8 +14,8 @@
 // Only import solid icons (most commonly used)
 @import "@fortawesome/fontawesome-free/scss/solid";
 
-// Optional: Add brands if needed
-// @import "@fortawesome/fontawesome-free/scss/brands";
+// Brands icons (for social media icons like Mastodon, BlueSky, etc.)
+@import "@fortawesome/fontawesome-free/scss/brands";
 
 // Optional: Add regular if needed  
 // @import "@fortawesome/fontawesome-free/scss/regular";

themes/offby1/templates/article.html.j2

@@ -54,6 +54,19 @@
         </div>
     </header>
 
+    {% if PUBLICATION_TIME.year - article.date.year > 5 %}
+    <div class="admonition historical">
+        <p class="admonition-title">Historical Post</p>
+        <p>
+            Hi, reader. I wrote this in {{ article.date.year }}. Technology and culture
+            referenced may have changed and I nearly certainly have. I may disagree now
+            with what I wrote then, or it may refer to obsolete terms and tech. I will
+            usually only edit old posts to refresh links that have changed. If this post
+            is particularly offensive please <a href="/about.html">contact me</a> and
+            let me know.</p>
+    </div>
+    {% endif %}
+    
     <div class="article-content">
         {{ article.content }}
     </div>