replace common decimals (.2, .3, etc) with fraction equivalents

_config.yml

@@ -17,3 +17,15 @@ collections:
     permalink: "/:collection/:name"
 
 recipes_per_page: 15
+
+fractions:
+  "1": "&‌#8530;"
+  "125": "⅛"
+  "2": "⅕"
+  "25": "¼"
+  "3": "⅓"
+  "4": "⅖"
+  "5": "½"
+  "6": "⅗"
+  "75": "¾"
+  "8": "⅘"

_includes/fractionalise.html

@@ -0,0 +1,14 @@
+{%- assign decimal = input | split: "." | last -%}
+{%- assign output = input -%}
+{%- assign item_split = input | split: "" -%}
+
+{%- if item_split contains "." -%}
+	{%- if site.fractions contains decimal -%}
+		{%- assign prefix = input | split: "." | first -%}
+		{%- if prefix == "0" -%}
+			{%- assign output = site.fractions[decimal] -%}
+		{%- else -%}
+			{%- assign output = prefix | append: site.fractions[decimal] -%}
+		{%- endif -%}
+	{%- endif -%}
+{%- endif -%}

_includes/ingredients.html

@@ -10,10 +10,21 @@
 		{%- assign tag = tag | append: " class='optional'" -%}
 	{%- endif -%}
 
-	{%- assign amount = item[0] | append: " " -%}
+	{%- assign input = item[0] -%}
+	{%- include fractionalise.html -%}
+
+	{%- assign amount = output | append: " " -%}
 	{%- assign end = "" -%}
 	{%- if item[0][0] -%}
-		{%- assign amount = item[0][0] | append: " to " | append: item[0][1] | append: " " -%}
+		{%- assign input = item[0][0] -%}
+		{%- include fractionalise.html -%}
+		{%- assign from = output -%}
+
+		{%- assign input = item[0][1] -%}
+		{%- include fractionalise.html -%}
+		{%- assign to = output -%}
+
+		{%- assign amount = from | append: " to " | append: to | append: " " -%}
 	{%- elsif item[0] == 0 -%}
 		{%- assign amount = "" -%}
 		{%- assign end = " to taste" -%}

assets/style.css

@@ -11,6 +11,7 @@ body {
 	margin: 0;
 }
 #main {
+	width: 80%;
 	max-width: 1500px;
 	flex-grow: 1;
 	margin: 0 auto;