Recipes

Recipes I make, with a servings calculator for each.

Drag the slider on any recipe to scale the ingredient amounts up or down.

Recipes from other people’s own kitchens or family archives are shown in full. Recipes from commercial publications aren’t reproduced here out of respect for the original publishers – a link to the source is always given instead. Those ones are password protected purely so I can still pull them up easily myself when I’m cooking.

viewof recipe_unlock_form = {
  const input = html`<input type="password" placeholder="Password for protected recipes">`;
  const btn = html`<button>Unlock</button>`;
  const err = html`<span style="color:#b00020; margin-left:0.5em;"></span>`;
  const b64ToBytes = b64 => Uint8Array.from(atob(b64), c => c.charCodeAt(0));
  const tryUnlock = async () => {
    err.textContent = "";
    try {
      const enc = await fetch("protected_recipes.json").then(r => r.json());
      const passKey = await crypto.subtle.importKey(
        "raw", new TextEncoder().encode(input.value), "PBKDF2", false, ["deriveKey"]
      );
      const key = await crypto.subtle.deriveKey(
        {name: "PBKDF2", salt: b64ToBytes(enc.salt), iterations: enc.iterations, hash: "SHA-256"},
        passKey, {name: "AES-CBC", length: 256}, false, ["decrypt"]
      );
      const plainBuf = await crypto.subtle.decrypt(
        {name: "AES-CBC", iv: b64ToBytes(enc.iv)}, key, b64ToBytes(enc.ciphertext)
      );
      const data = JSON.parse(new TextDecoder().decode(plainBuf));
      sessionStorage.setItem("recipesUnlocked", "1");
      sessionStorage.setItem("recipesData", JSON.stringify(data));
      location.reload();
    } catch (e) {
      err.textContent = "Incorrect password.";
    }
  };
  btn.onclick = tryUnlock;
  input.addEventListener("keydown", e => { if (e.key === "Enter") tryUnlock(); });
  return html`<span>${input} ${btn}${err}</span>`;
}

recipe_unlocked = sessionStorage.getItem("recipesUnlocked") === "1"

protected_recipe_data = recipe_unlocked ? JSON.parse(sessionStorage.getItem("recipesData")) : null

Nana’s Devil Food Cake

Recipe from Family recipe, via r/Old_Recipes

Base recipe serves 12.

viewof nanas_devil_food_cake_servings = Inputs.range(
  [1, 24], {value: 12, step: 1, label: "Servings"}
)

nanas_devil_food_cake_base = ({
  servings: 12,
  ingredients: [{"name":"Flour","amount":2,"unit":"cups"},{"name":"Salt","amount":1,"unit":"tsp"},{"name":"Baking powder","amount":1,"unit":"tsp"},{"name":"Baking soda","amount":2,"unit":"tsp"},{"name":"Cocoa","amount":0.75,"unit":"cup"},{"name":"Sugar","amount":2,"unit":"cups"},{"name":"Oil","amount":1,"unit":"cup"},{"name":"Milk","amount":1,"unit":"cup"},{"name":"Coffee, cooled but not cold","amount":1,"unit":"cup"},{"name":"Eggs","amount":2,"unit":""},{"name":"Vanilla","amount":1,"unit":"tsp"}]
})

nanas_devil_food_cake_scaled = {
  const ratio = nanas_devil_food_cake_servings / nanas_devil_food_cake_base.servings;
  return nanas_devil_food_cake_base.ingredients.map(i => ({
    Ingredient: i.name,
    Amount: Math.round(i.amount * ratio * 100) / 100,
    Unit: i.unit
  }));
}

Inputs.table(nanas_devil_food_cake_scaled, {columns: ["Ingredient", "Amount", "Unit"]})

Sift the flour, salt, baking powder, baking soda and cocoa together. In a separate bowl whisk the sugar, oil, milk, cooled coffee, eggs and vanilla until smooth. Slowly fold the dry ingredients into the wet ingredients until just combined. Pour into a greased and floured pan and bake at around 190°C (375°F) until a skewer comes out clean – baking time varies quite a bit depending on the pan, so start checking early.

Good Oil’s Date Slice

Recipe from Otago Daily Times

viewof good_oils_date_slice_servings = Inputs.range(
  [1, 40], {value: 20, step: 1, label: recipe_unlocked ? "Servings" : "🔒 Locked"}
)

good_oils_date_slice_scaled = recipe_unlocked && protected_recipe_data
  ? protected_recipe_data["good_oils_date_slice"].ingredients.map(i => ({
      Ingredient: i.name,
      Amount: Math.round(i.amount * good_oils_date_slice_servings / protected_recipe_data["good_oils_date_slice"].base_servings * 100) / 100,
      Unit: i.unit
    }))
  : []

Inputs.table(good_oils_date_slice_scaled, {columns: ["Ingredient", "Amount", "Unit"]})

md`${recipe_unlocked && protected_recipe_data ? protected_recipe_data["good_oils_date_slice"].instructions : "🔒 This recipe is password protected. Enter the password above to view it."}`

Aurora Cafe’s ANZAC Caramel Slice

Recipe from Otago Daily Times — Aurora Cafe (Jillian Peacock)

viewof aurora_cafe_anzac_caramel_slice_servings = Inputs.range(
  [1, 40], {value: 20, step: 1, label: recipe_unlocked ? "Servings" : "🔒 Locked"}
)

aurora_cafe_anzac_caramel_slice_scaled = recipe_unlocked && protected_recipe_data
  ? protected_recipe_data["aurora_cafe_anzac_caramel_slice"].ingredients.map(i => ({
      Ingredient: i.name,
      Amount: Math.round(i.amount * aurora_cafe_anzac_caramel_slice_servings / protected_recipe_data["aurora_cafe_anzac_caramel_slice"].base_servings * 100) / 100,
      Unit: i.unit
    }))
  : []

Inputs.table(aurora_cafe_anzac_caramel_slice_scaled, {columns: ["Ingredient", "Amount", "Unit"]})

md`${recipe_unlocked && protected_recipe_data ? protected_recipe_data["aurora_cafe_anzac_caramel_slice"].instructions : "🔒 This recipe is password protected. Enter the password above to view it."}`

Gooey Fudgy Brownies

Recipe from r/Baking

Base recipe serves 16.

viewof gooey_fudgy_brownies_servings = Inputs.range(
  [1, 32], {value: 16, step: 1, label: "Servings"}
)

gooey_fudgy_brownies_base = ({
  servings: 16,
  ingredients: [{"name":"Butter, to be browned","amount":227,"unit":"g"},{"name":"Dutch-process cocoa powder","amount":90,"unit":"g"},{"name":"Dark or semisweet chocolate, finely chopped","amount":113,"unit":"g"},{"name":"Instant espresso powder","amount":1,"unit":"tsp"},{"name":"White sugar","amount":300,"unit":"g"},{"name":"Brown sugar","amount":100,"unit":"g"},{"name":"Vanilla","amount":1,"unit":"Tbsp"},{"name":"Eggs","amount":4,"unit":""},{"name":"Flour","amount":120,"unit":"g"},{"name":"Coarse kosher salt","amount":1,"unit":"tsp"}]
})

gooey_fudgy_brownies_scaled = {
  const ratio = gooey_fudgy_brownies_servings / gooey_fudgy_brownies_base.servings;
  return gooey_fudgy_brownies_base.ingredients.map(i => ({
    Ingredient: i.name,
    Amount: Math.round(i.amount * ratio * 100) / 100,
    Unit: i.unit
  }));
}

Inputs.table(gooey_fudgy_brownies_scaled, {columns: ["Ingredient", "Amount", "Unit"]})

Preheat the oven to 175°C (350°F) and line a 9x13” pan. Put the cocoa powder, chopped chocolate and espresso powder in a heatproof bowl. Brown the butter in a saucepan over medium-low heat, stirring often, until the milk solids turn brown and smell nutty, then immediately pour it over the cocoa mixture and stir until smooth; set aside to cool. Whip the sugars, vanilla and eggs until thick and pale (4-10 minutes), then slowly pour in the cooled chocolate-butter mixture. Fold in the flour and salt until just combined – the batter will be thick. Spread into the pan and bake for about 25 minutes until the top is glossy and just set. Do not overbake – they finish cooking as they cool. Let cool at least 30 minutes before slicing.

Ima’s Hot Cross Buns

Recipe from The Spinoff

viewof imas_hot_cross_buns_servings = Inputs.range(
  [1, 24], {value: 12, step: 1, label: recipe_unlocked ? "Servings" : "🔒 Locked"}
)

imas_hot_cross_buns_scaled = recipe_unlocked && protected_recipe_data
  ? protected_recipe_data["imas_hot_cross_buns"].ingredients.map(i => ({
      Ingredient: i.name,
      Amount: Math.round(i.amount * imas_hot_cross_buns_servings / protected_recipe_data["imas_hot_cross_buns"].base_servings * 100) / 100,
      Unit: i.unit
    }))
  : []

Inputs.table(imas_hot_cross_buns_scaled, {columns: ["Ingredient", "Amount", "Unit"]})

md`${recipe_unlocked && protected_recipe_data ? protected_recipe_data["imas_hot_cross_buns"].instructions : "🔒 This recipe is password protected. Enter the password above to view it."}`

Grandmum’s Carrot Cake

Base recipe serves 10.

viewof grandmums_carrot_cake_servings = Inputs.range(
  [1, 20], {value: 10, step: 1, label: "Servings"}
)

grandmums_carrot_cake_base = ({
  servings: 10,
  ingredients: [{"name":"Grated carrot","amount":3,"unit":"cups"},{"name":"Chopped walnuts","amount":1,"unit":"cup"},{"name":"Caster sugar","amount":1.5,"unit":"cups"},{"name":"Flour","amount":2,"unit":"cups"},{"name":"Canola oil","amount":1.5,"unit":"cups"},{"name":"Eggs","amount":4,"unit":""},{"name":"Baking soda","amount":2,"unit":"tsp"},{"name":"Vanilla essence","amount":1,"unit":"tsp"},{"name":"Cinnamon","amount":1,"unit":"tsp"},{"name":"Salt","amount":1,"unit":"tsp"}]
})

grandmums_carrot_cake_scaled = {
  const ratio = grandmums_carrot_cake_servings / grandmums_carrot_cake_base.servings;
  return grandmums_carrot_cake_base.ingredients.map(i => ({
    Ingredient: i.name,
    Amount: Math.round(i.amount * ratio * 100) / 100,
    Unit: i.unit
  }));
}

Inputs.table(grandmums_carrot_cake_scaled, {columns: ["Ingredient", "Amount", "Unit"]})

Preheat the oven to 180°C. Combine the eggs and oil in one bowl, and the dry ingredients in another. Mix the egg mixture, carrots and nuts into the dry ingredients until just combined. Bake until the cake springs back or a skewer comes out clean. Grandmum normally doubled this recipe to make one full-size cake.

Pandan Sponge Cake

Recipe from Adapted from Food Talk Daily

Base recipe serves 8.

viewof pandan_sponge_cake_servings = Inputs.range(
  [1, 16], {value: 8, step: 1, label: "Servings"}
)

pandan_sponge_cake_base = ({
  servings: 8,
  ingredients: [{"name":"Eggs, separated","amount":4,"unit":""},{"name":"Granulated sugar","amount":130,"unit":"g"},{"name":"Cake flour","amount":130,"unit":"g"},{"name":"Salt","amount":1,"unit":"g"},{"name":"Vegetable oil","amount":30,"unit":"g"},{"name":"Milk","amount":40,"unit":"g"},{"name":"Vanilla extract","amount":3,"unit":"g"},{"name":"Pandan paste","amount":3,"unit":"tsp"},{"name":"Heavy cream","amount":450,"unit":"ml"},{"name":"Powdered sugar","amount":40,"unit":"g"},{"name":"Gelatin","amount":1,"unit":"tsp"},{"name":"Water, for gelatin","amount":2,"unit":"Tbsp"},{"name":"Toasted coconut","amount":0.25,"unit":"cup"}]
})

pandan_sponge_cake_scaled = {
  const ratio = pandan_sponge_cake_servings / pandan_sponge_cake_base.servings;
  return pandan_sponge_cake_base.ingredients.map(i => ({
    Ingredient: i.name,
    Amount: Math.round(i.amount * ratio * 100) / 100,
    Unit: i.unit
  }));
}

Inputs.table(pandan_sponge_cake_scaled, {columns: ["Ingredient", "Amount", "Unit"]})

Preheat the oven to 150°C (fan) and line a 6” cake tin. Whip the egg whites, gradually adding the sugar, until soft peaks form. Whisk in the egg yolks by hand, then sift in the cake flour and salt and fold through. Warm the milk and oil together and fold in, along with the vanilla and pandan paste. Pour into the tin, tap out any air bubbles, and bake for 40 minutes. For the cream: hydrate the gelatin in water and melt it, whip the cream with the sugar, then fold in the gelatin. Top the cooled cake with the cream and sprinkle with toasted coconut.

Cushman’s Bakery Scotch Cookies

Recipe from Family recipe archive, via r/Old_Recipes

Base recipe serves 36.

viewof cushmans_scotch_cookies_servings = Inputs.range(
  [1, 72], {value: 36, step: 1, label: "Servings"}
)

cushmans_scotch_cookies_base = ({
  servings: 36,
  ingredients: [{"name":"Sugar","amount":1.5,"unit":"cups"},{"name":"Shortening","amount":1,"unit":"cup"},{"name":"Molasses","amount":0.5,"unit":"cup"},{"name":"Egg","amount":1,"unit":""},{"name":"Flour","amount":3.5,"unit":"cups"},{"name":"Salt","amount":1,"unit":"tsp"},{"name":"Baking soda","amount":2.5,"unit":"tsp"},{"name":"Cinnamon","amount":1,"unit":"tsp"},{"name":"Mace","amount":1,"unit":"tsp"},{"name":"Milk","amount":0.25,"unit":"cup"}]
})

cushmans_scotch_cookies_scaled = {
  const ratio = cushmans_scotch_cookies_servings / cushmans_scotch_cookies_base.servings;
  return cushmans_scotch_cookies_base.ingredients.map(i => ({
    Ingredient: i.name,
    Amount: Math.round(i.amount * ratio * 100) / 100,
    Unit: i.unit
  }));
}

Inputs.table(cushmans_scotch_cookies_scaled, {columns: ["Ingredient", "Amount", "Unit"]})

Cream the sugar, shortening, molasses and egg together. Sift the dry ingredients and beat them in, along with the milk. Drop by the tablespoonful onto greased sheets and press down lightly with a floured glass. Bake in a moderate oven until set, but do not overbake.

Bagels

Recipe from Adapted from thia.codes

Base recipe serves 11.

viewof bagels_servings = Inputs.range(
  [1, 22], {value: 11, step: 1, label: "Servings"}
)

bagels_base = ({
  servings: 11,
  ingredients: [{"name":"Bread flour, ~10% protein","amount":953,"unit":"g"},{"name":"Vital wheat gluten","amount":47,"unit":"g"},{"name":"Diastatic malt powder","amount":2.5,"unit":"g"},{"name":"Water","amount":500,"unit":"g"},{"name":"Instant yeast","amount":5,"unit":"g"},{"name":"Salt","amount":25,"unit":"g"},{"name":"Neutral oil, e.g. grapeseed or sunflower","amount":30,"unit":"g"},{"name":"Dark brown sugar","amount":50,"unit":"g"},{"name":"Barley malt syrup, for boiling water","amount":1,"unit":"Tbsp"}]
})

bagels_scaled = {
  const ratio = bagels_servings / bagels_base.servings;
  return bagels_base.ingredients.map(i => ({
    Ingredient: i.name,
    Amount: Math.round(i.amount * ratio * 100) / 100,
    Unit: i.unit
  }));
}

Inputs.table(bagels_scaled, {columns: ["Ingredient", "Amount", "Unit"]})

Whisk the flour and vital wheat gluten together, then stir in the diastatic malt powder, instant yeast, salt and brown sugar. Add the water and oil and knead by hand for about 10 minutes. Cover and rest 20 minutes, then knead again for 10 minutes - then allow to rise till ~1.5-2x in size. Divide into ~120g pieces, roll each into a snake, wrap around your hand and roll firmly against the counter to seal. Rest at room temperature, covered, until a bagel floats when dropped in water (about an hour), then refrigerate 16-24 hours (they’ll keep up to ~3 days). The next day, heat the oven as hot as possible, boil a jug of water and also bring a pot of water to a gentle boil with the malt syrup stirred in.

Place a tray with a tea towel on it in the base of your oven and cover in boiling water - then place in oven. Then boil the bagels 10-15 seconds per side, then arrange face-down on an oven tray with baking paper or a silpat, and then bake for ~20 minutes.

Chocolate Chip Cookies

Recipe from Serious Eats (J. Kenji López-Alt)

viewof food_lab_chocolate_chip_cookies_servings = Inputs.range(
  [1, 56], {value: 28, step: 1, label: recipe_unlocked ? "Servings" : "🔒 Locked"}
)

food_lab_chocolate_chip_cookies_scaled = recipe_unlocked && protected_recipe_data
  ? protected_recipe_data["food_lab_chocolate_chip_cookies"].ingredients.map(i => ({
      Ingredient: i.name,
      Amount: Math.round(i.amount * food_lab_chocolate_chip_cookies_servings / protected_recipe_data["food_lab_chocolate_chip_cookies"].base_servings * 100) / 100,
      Unit: i.unit
    }))
  : []

Inputs.table(food_lab_chocolate_chip_cookies_scaled, {columns: ["Ingredient", "Amount", "Unit"]})

md`${recipe_unlocked && protected_recipe_data ? protected_recipe_data["food_lab_chocolate_chip_cookies"].instructions : "🔒 This recipe is password protected. Enter the password above to view it."}`

Focaccia

Recipe from Salt Fat Acid Heat (Samin Nosrat)

viewof ligurian_focaccia_servings = Inputs.range(
  [1, 12], {value: 1, step: 1, label: recipe_unlocked ? "Servings" : "🔒 Locked"}
)

ligurian_focaccia_scaled = recipe_unlocked && protected_recipe_data
  ? protected_recipe_data["ligurian_focaccia"].ingredients.map(i => ({
      Ingredient: i.name,
      Amount: Math.round(i.amount * ligurian_focaccia_servings / protected_recipe_data["ligurian_focaccia"].base_servings * 100) / 100,
      Unit: i.unit
    }))
  : []

Inputs.table(ligurian_focaccia_scaled, {columns: ["Ingredient", "Amount", "Unit"]})

md`${recipe_unlocked && protected_recipe_data ? protected_recipe_data["ligurian_focaccia"].instructions : "🔒 This recipe is password protected. Enter the password above to view it."}`

Liege Waffles

Recipe from Smitten Kitchen

viewof liege_waffles_servings = Inputs.range(
  [1, 12], {value: 4, step: 1, label: recipe_unlocked ? "Servings" : "🔒 Locked"}
)

liege_waffles_scaled = recipe_unlocked && protected_recipe_data
  ? protected_recipe_data["liege_waffles"].ingredients.map(i => ({
      Ingredient: i.name,
      Amount: Math.round(i.amount * liege_waffles_servings / protected_recipe_data["liege_waffles"].base_servings * 100) / 100,
      Unit: i.unit
    }))
  : []

Inputs.table(liege_waffles_scaled, {columns: ["Ingredient", "Amount", "Unit"]})

md`${recipe_unlocked && protected_recipe_data ? protected_recipe_data["liege_waffles"].instructions : "🔒 This recipe is password protected. Enter the password above to view it."}`