<?xml version="1.0" encoding="utf-8"?>
  <rss version="2.0"
    xmlns:content="http://purl.org/rss/1.0/modules/content/"
    xmlns:wfw="http://wellformedweb.org/CommentAPI/"
    xmlns:dc="http://purl.org/dc/elements/1.1/"
    xmlns:atom="http://www.w3.org/2005/Atom"
    xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
    xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
    xmlns:georss="http://www.georss.org/georss"
    xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#"
  >
    <channel>
      <title>Piccalilli - 11ty topic archive</title>
      <link>https://piccalil.li/</link>
      <atom:link href="https://piccalil.li/category/11ty.xml" rel="self" type="application/rss+xml" />
      <description>We are Piccalilli. A publication dedicated to providing high quality educational content to level up your front-end skills.</description>
      <language>en-GB</language>
      <copyright>Piccalilli - 11ty topic archive 2026</copyright>
      <docs>https://www.rssboard.org/rss-specification</docs>
      <pubDate>Tue, 07 Apr 2026 02:02:10 GMT</pubDate>
      <lastBuildDate>Tue, 07 Apr 2026 02:02:10 GMT</lastBuildDate>

      
      <item>
        <title>Dynamic footer copyright date in Eleventy</title>
        <link>https://piccalil.li/blog/dynamic-footer-copyright-date-in-eleventy/?ref=11ty-category-rss-feed</link>
        <dc:creator><![CDATA[Andy Bell]]></dc:creator>
        <pubDate>Mon, 30 Nov 2020 00:00:00 GMT</pubDate>
        <guid isPermaLink="true">https://piccalil.li/blog/dynamic-footer-copyright-date-in-eleventy/?ref=11ty-category-rss-feed</guid>
        <description><![CDATA[<p>That time of the year is coming up, so this trick will keep your website footer up to date on your Eleventy site.</p>
<p>First up: create a file inside of your <code>_data</code> folder called <code>helpers.js</code> and add the following to it:</p>
<pre><code>module.exports = {
  currentYear() {
    const today = new Date();
    return today.getFullYear();
  }
};
</code></pre>
<p>Now, on your templates, you can do something like this:</p>
<pre><code>&lt;footer role="contentinfo"&gt;
  &lt;p&gt;Copyright {{ helpers.currentYear() }} My Awesome Site&lt;/p&gt;
&lt;/footer&gt;
</code></pre>
<p>This trick uses <a href="https://www.11ty.dev/docs/data-js/">JavaScript Data Files</a> which I love using to create global helper functions like the above. They’re <em>extremely</em> handy and one of my favourite Eleventy features.</p>
        
        ]]></description>
        
      </item>
    
    </channel>
  </rss>
