add imageslug to tutorials page

Author: keithamus

_includes/tutorials.html

@@ -7,7 +7,9 @@
 <header>
   <h5>{{ group }} - Part {{ order }}</h5>
   <h1>{{ title }}</h1>
-  {{ group | prepend: "tutorials " | slugify | picture }}
+  {%- if imageslug %}
+  {{ imageslug | picture }}
+  {%- endif %}
 </header>
 {%- else %}
 <h1>{{ title }}</h1>

tutorials/index.md

@@ -12,7 +12,9 @@ maintainable components, and best practices for working with Web Components.
   {%- assign page = collections[g].first %}
   <li>
     <a href="{{ page.url }}">
-      {{ g | prepend: "tutorials " | slugify | picture }}
+      {%- if page.data.imageslug %}
+      {{ page.data.imageslug | picture }}
+      {%- endif %}
     </a>
     <h3><a href="{{ page.url }}">{{ g }}</a></h3>
     <p>{{ page.data.excerpt }}</p>

tutorials/mastodon-toot-embed/mastodon-toot-embed.json

@@ -1,3 +1,4 @@
 {
-  "group": "Mastodon Toot Embed"
+  "group": "Mastodon Toot Embed",
+  "imageslug": "tutorials-mastodon-toot-embed"
 }