Add portions count in ingredients

layouts/partials/ingredients.html

@@ -1,6 +1,15 @@
 <div class="outer_ingredients">
   <div id="ingredients">
     <div class="ingred-title">Ingrédients</div>
+
+    {{ with .Params.portions -}}
+    <div class="ingred-portions">
+      pour {{ .qt }}
+      {{- with .name }} {{.}}
+      {{- else }} portions{{ end -}}
+    </div>
+    {{- end }}
+
     <ul>
     {{ range $.Param "ingredients" }}
     <li>

scss/style.scss

@@ -66,6 +66,11 @@ body {
     font-weight: bold;
   }
 
+  .ingred-portions {
+    text-align: right;
+    font-style: italic;
+  }
+
   .ingred-qt {
     color: $ingred_qt_color;
   }

static/css/style.css

@@ -50,6 +50,9 @@ body {
   #ingredients .ingred-title {
     font-size: 1.3em;
     font-weight: bold; }
+  #ingredients .ingred-portions {
+    text-align: right;
+    font-style: italic; }
   #ingredients .ingred-qt {
     color: #efc586; }
   #ingredients ul {