Tweaks

.eleventy.js

@@ -1,4 +1,5 @@
 module.exports = function(eleventyConfig) {
+
   // Pass through static assets from the "src" directory
   eleventyConfig.addPassthroughCopy("src/css");
   eleventyConfig.addPassthroughCopy("src/js");
@@ -16,6 +17,15 @@ module.exports = function(eleventyConfig) {
     });
   });
 
+  // Shortcode for creating a callout box
+  // This is a "paired shortcode" which means it has a start and end tag.
+  eleventyConfig.addPairedShortcode("callout", function(content, title) {
+      return `<div class="bg-blue-100 border-l-4 border-blue-500 text-blue-700 p-4" role="alert">
+                  <p class="font-bold">${title}</p>
+                  <p>${content}</p>
+              </div>`;
+  });
+
   // Add a shortcode for the current year for the footer
   eleventyConfig.addShortcode("year", () => `${new Date().getFullYear()}`);