add microdata to the events and changelog (linode#239)

Author: displague

themes/dlc/layouts/index.html

@@ -49,15 +49,16 @@ <h2 class="text-BaseGreenDark font-normal">Events</h2>
         {{ range $events  }}
           {{ $t := (time .Params.end_date) }}
           {{ if ge ($t) (now.Unix) }}
-            <article class="w-full md:w-1/3 px-4 mb-4 md:mb-8 event-item">
+            <article itemscope="" itemtype="http://schema.org/ExhibitionEvent" class="w-full md:w-1/3 px-4 mb-4 md:mb-8 event-item">
+              <meta itemprop="attendee" itemscope itemtype="http://schema.org/Organization" content="Linode">
               <div class="p-8 h-full bg-ThemeCell tile">
                 <header>
-                  <h3 class="mt-0 mb-4 font-normal"><a href="{{ .Params.event_url }}" class="text-black tile-link" target="_blank">{{ .Title | markdownify }}</a></h3>
+                  <h3 class="mt-0 mb-4 font-normal"><a itemprop="url" href="{{ .Params.event_url }}" class="text-black tile-link" target="_blank"><span itemprop="name">{{ .Title | markdownify }}</span></a></h3>
                 </header>
                 <section>
-                  <div>{{ .Params.location }}</div>
-                  <div>{{ dateFormat "Jan 2, 2006" .Params.start_date }}</div>
-                  <p>{{ .Content }}</p>
+                  <div itemprop="location" itemscope itemtype="http://schema.org/Place"><span itemprop="address">{{ .Params.location }}</span></div>
+                  <div><time itemprop="startDate" datetime="{{ dateFormat "2006-01-02" .Params.start_date }}">{{ dateFormat "Jan 2, 2006" .Params.start_date }}</time></div>
+                  <p itemprop="description">{{ .Content }}</p>
                 </section>
               </div>
             </article>

themes/dlc/layouts/partials/2_molecules/changelogs.html

@@ -1,15 +1,16 @@
-<div class="flex flex-wrap">
+<div class="flex flex-wrap" itemscope="" itemtype="http://schema.org/CreativeWork">
+  <meta itemprop="author" content="Linode">
   <div class="w-full md:w-1/4 py-2 md:p-6 md:text-right mt-1 flex items-center md:block">
-    <div class="timeago mr-4 md:mr-0" datetime='{{ .Date.Format "2006-01-02T15:04:05-07:00" }}'>{{ .Date }}</div>
+    <div class="timeago mr-4 md:mr-0" datetime='{{ .Date.Format "2006-01-02T15:04:05-07:00" }}' itemprop="datePublished">{{ .Date }}</div>
     <div class="text-BaseBlue md:mt-3 flex md:block ">
-      <span class="changelog-product">{{ delimit .Params.changelog ", "}}</span>
+      <span class="changelog-product" itemprop="name">{{ delimit .Params.changelog ", "}}</span>
       {{ if .Params.version }}
-      <div class="text-BaseBlue ml-4 md:ml-0">{{ .Params.version }}</div>
+      <div class="text-BaseBlue ml-4 md:ml-0" itemprop="version">{{ .Params.version }}</div>
       {{ end }}
     </div>
   </div>
   <div class="w-full md:w-3/4 py-2 md:p-6">
-    <h2 class="mt-0 text-2xl font-normal">{{ .Title | markdownify }}</h2>
-    <div class="changelog-entry">{{ .Content | markdownify }}</div>
+    <h2 class="mt-0 text-2xl font-normal" itemprop="alternativeHeadline">{{ .Title | markdownify }}</h2>
+    <div class="changelog-entry" itemprop="disambiguatingDescription">{{ .Content | markdownify }}</div>
   </div>
 </div>