Describe the JSON-LD homepage in the main example.

Author: BigBlueHat

.eleventy.js

@@ -75,6 +75,8 @@ export default async function(eleventyConfig) {
 
   eleventyConfig.addWatchTarget('playground/next/index.html');
 
+  eleventyConfig.addGlobalData('now', () => new Date());
+
   // setup development proxy to cloudflare pages function server
   if(process.env.ELEVENTY_RUN_MODE === 'serve') {
     eleventyConfig.setServerOptions({

index.liquid

@@ -23,11 +23,12 @@ masthead:
   <div class="eight wide column">
     <h2 class="ui centered header">A Simple Example</h2>
     <pre class="ui segment">{
-  "<span style="color: rgb(255, 122, 0);">@context</span>": "<a href="https://json-ld.org/contexts/person.jsonld">https://json-ld.org/contexts/person.jsonld</a>",
-  "<span style="color: rgb(255, 122, 0);">@id</span>": "<a href="http://dbpedia.org/resource/John_Lennon">http://dbpedia.org/resource/John_Lennon</a>",
-  "<span style="color: rgb(255, 122, 0);">name</span>": "<span style="color: rgb(0, 148, 0);">John Lennon</span>",
-  "<span style="color: rgb(255, 122, 0);">born</span>": "<span style="color: rgb(0, 0, 175);">1940-10-09</span>",
-  "<span style="color: rgb(255, 122, 0);">spouse</span>": "<a href="http://dbpedia.org/resource/Cynthia_Lennon">http://dbpedia.org/resource/Cynthia_Lennon</a>"
+  "<span style="color: rgb(255, 122, 0);">@context</span>": "<a href="https://schema.org/">https://schema.org/</a>",
+  "<span style="color: rgb(255, 122, 0);">@id</span>": "<a href="https://json-ld.org/">https://json-ld.org/</a>",
+  "<span style="color: rgb(255, 122, 0);">@type</span>": "<strong><a href="https://schema.org/WebPage">WebPage</a></strong>",
+  "<span style="color: rgb(255, 122, 0);">name</span>": "<span style="color: rgb(0, 148, 0);">JSON-LD - JSON for Linked Data Web Site</span>",
+  "<span style="color: rgb(255, 122, 0);">about</span>": "<a href="https://www.w3.org/TR/json-ld/">https://www.w3.org/TR/json-ld/</a>",
+  "<span style="color: rgb(255, 122, 0);">copyrightYear</span>": <span style="color: rgb(0, 0, 175);">{{ now | date: '%Y' }}</span>
 }</pre>
   </div>
   <div class="justified four wide column">