Add shapeless indicator to recipe widgets

public/_includes/mc/crafting.liquid

@@ -25,6 +25,11 @@
 </li>
 {%- endfor -%}
 </{{ grid_tag }}>
+{%- unless include.shaped -%}
+<div class="shapeless-icon" data-minetip-title="Shapeless Recipe" tabindex="0">
+    <img src="/img/wiki-crafting-shapeless.png" alt="Shapeless Recipe" width="39" height="31"/>
+</div>
+{%- endunless -%}
 <div class="invslot invslot-large">
 {%- itemstack item=include.result count=include.count alt_prefix="Result: " large=true -%}
 </div>

public/_sass/parts/mc.scss

@@ -151,6 +151,20 @@ figure.recipes {
   grid-template-columns: min-content min-content min-content;
 }
 
+// more specificity to override the data-minetip-title position
+.shapeless-icon, .shapeless-icon[data-minetip-title] {
+  width: 2.7em;
+  height: 2.15em;
+  left: 8.7em;
+  position: absolute;
+
+  & > img {
+    image-rendering: pixelated;
+    width: 100%;
+    height: auto;
+  }
+}
+
 [data-minetip-title] {
   position: relative;
 }

public/wiki/requiem/opus_daemonium.md

@@ -54,4 +54,4 @@ vitam vagrate" inside it and sign it.
 
 ## Recipe
 
-<img class="recipe" alt="crafting recipe" src="img/recipes/opus_daemonium.png">
+{% recipe "requiem:opus_daemonium" %}