https://recipes.uuard.com/categories/component/Recent content in Component on Recipe BookHugoen-ushttps://recipes.uuard.com/docs/recipes/cinnamon_sugar/Mon, 01 Jan 0001 00:00:00 +0000https://recipes.uuard.com/docs/recipes/cinnamon_sugar/<h2 id="ingredients"> Ingredients <a class="anchor" href="#ingredients">#</a> </h2> <div id="recipe-formula-0" class="recipe-formula-widget" data-basis-mode="single" ><div class="basis-inputs" aria-label="Basis ingredient weight"><label> <span>Sugar</span> <span class="basis-input-field"> <input type="number" min="0" step="0.01" inputmode="decimal" data-basis-input="true" data-ingredient-id="sugar" value="100.00" > <span class="basis-input-unit">g</span> </span> </label></div><table class="bakers-percent-table"> <thead> <tr> <th>Ingredient</th> <th>Baker's %</th> <th>Weight (g)</th> </tr> </thead> <tbody><tr data-row-pct="100.00000000" data-is-basis="true" > <td>Sugar</td> <td>100.00</td> <td data-weight-cell>0.00</td> </tr><tr data-row-pct="100.00000000" > <td>Brown Sugar</td> <td>100.00</td> <td data-weight-cell>0.00</td> </tr><tr data-row-pct="6.00000000" > <td>Cinnamon</td> <td>6.00</td> <td data-weight-cell>0.00</td> </tr></tbody> <tfoot> <tr> <th>Total</th> <th>206.00</th> <th data-total-weight>0.00</th> </tr> </tfoot> </table> </div> <script> (() => { const root = document.getElementById("recipe-formula-0"); if (!root) return; const basisInputs = root.querySelectorAll('input[data-basis-input="true"]'); const rows = root.querySelectorAll("tr[data-row-pct]"); const basisTotalEl = root.querySelector("[data-basis-total]"); const basisTotalInput = root.querySelector('input[data-basis-total-input="true"]'); const totalWeightEl = root.querySelector("[data-total-weight]"); const basisMode = root.getAttribute("data-basis-mode"); const parseNum = (value) => { const n = Number.parseFloat(value); return Number.isFinite(n) ? n : 0; }; const update = () => { let basisTotal = 0; let totalWeight = 0; if (basisMode === "multi") { basisTotal = parseNum(basisTotalInput ? basisTotalInput.value : 0); } else { basisInputs.forEach((input) => { basisTotal += parseNum(input.value); }); } if (basisTotalEl) { basisTotalEl.textContent = basisTotal.toFixed(2); } rows.forEach((row) => { const pct = parseNum(row.getAttribute("data-row-pct")); const weight = (pct / 100) * basisTotal; totalWeight += weight; const cell = row.querySelector("[data-weight-cell]"); if (cell) cell.textContent = weight.toFixed(2); }); if (totalWeightEl) { totalWeightEl.textContent = totalWeight.toFixed(2); } }; if (basisMode === "multi") { if (basisTotalInput) { basisTotalInput.addEventListener("input", update); } } else { basisInputs.forEach((input) => input.addEventListener("input", update)); } update(); })(); </script> <style> .recipe-formula-widget .basis-inputs { margin: 0 0 0.75rem; display: grid; gap: 0.375rem; max-width: 28rem; } .recipe-formula-widget .basis-inputs label { display: inline-flex; align-items: center; gap: 0.75rem; color: var(--color-link); font-weight: 600; justify-self: start; } .recipe-formula-widget .basis-input-field { display: inline-flex; align-items: center; gap: 0.25rem; white-space: nowrap; } .recipe-formula-widget .basis-inputs input { width: 7rem; margin: 0; } .recipe-formula-widget .basis-input-unit { color: #6b7280; font-size: 0.875em; } .recipe-formula-widget table.bakers-percent-table tbody tr[data-is-basis="true"] td { font-weight: 600; color: var(--color-link); } </style> <h2 id="process"> Process <a class="anchor" href="#process">#</a> </h2> <ol> <li>Mix</li> </ol> <h2 id="notes"> Notes <a class="anchor" href="#notes">#</a> </h2> <ul> <li>600 g is enough for 2 sheet pans of Auntie Anne&rsquo;s Pretzel Nuggets.</li> </ul>https://recipes.uuard.com/docs/recipes/egg_replacer/Mon, 01 Jan 0001 00:00:00 +0000https://recipes.uuard.com/docs/recipes/egg_replacer/<h2 id="ingredients"> Ingredients <a class="anchor" href="#ingredients">#</a> </h2> <div id="recipe-formula-0" class="recipe-formula-widget" data-basis-mode="single" ><div class="basis-inputs" aria-label="Basis ingredient weight"><label> <span>Water</span> <span class="basis-input-field"> <input type="number" min="0" step="0.01" inputmode="decimal" data-basis-input="true" data-ingredient-id="water" value="65.00" > <span class="basis-input-unit">g</span> </span> </label></div><table class="bakers-percent-table"> <thead> <tr> <th>Ingredient</th> <th>Baker's %</th> <th>Weight (g)</th> </tr> </thead> <tbody><tr data-row-pct="65.00000000" data-is-basis="true" > <td>Water</td> <td>65.00</td> <td data-weight-cell>0.00</td> </tr><tr data-row-pct="18.50000000" > <td>Tapioca Starch</td> <td>18.50</td> <td data-weight-cell>0.00</td> </tr><tr data-row-pct="10.00000000" > <td>Fat</td> <td>10.00</td> <td data-weight-cell>0.00</td> </tr><tr data-row-pct="5.00000000" > <td>Liquid Sunflower Lecithin</td> <td>5.00</td> <td data-weight-cell>0.00</td> </tr><tr data-row-pct="1.50000000" > <td>Baking Powder</td> <td>1.50</td> <td data-weight-cell>0.00</td> </tr></tbody> <tfoot> <tr> <th>Total</th> <th>100.00</th> <th data-total-weight>0.00</th> </tr> </tfoot> </table> </div> <script> (() => { const root = document.getElementById("recipe-formula-0"); if (!root) return; const basisInputs = root.querySelectorAll('input[data-basis-input="true"]'); const rows = root.querySelectorAll("tr[data-row-pct]"); const basisTotalEl = root.querySelector("[data-basis-total]"); const basisTotalInput = root.querySelector('input[data-basis-total-input="true"]'); const totalWeightEl = root.querySelector("[data-total-weight]"); const basisMode = root.getAttribute("data-basis-mode"); const parseNum = (value) => { const n = Number.parseFloat(value); return Number.isFinite(n) ? n : 0; }; const update = () => { let basisTotal = 0; let totalWeight = 0; if (basisMode === "multi") { basisTotal = parseNum(basisTotalInput ? basisTotalInput.value : 0); } else { basisInputs.forEach((input) => { basisTotal += parseNum(input.value); }); } if (basisTotalEl) { basisTotalEl.textContent = basisTotal.toFixed(2); } rows.forEach((row) => { const pct = parseNum(row.getAttribute("data-row-pct")); const weight = (pct / 100) * basisTotal; totalWeight += weight; const cell = row.querySelector("[data-weight-cell]"); if (cell) cell.textContent = weight.toFixed(2); }); if (totalWeightEl) { totalWeightEl.textContent = totalWeight.toFixed(2); } }; if (basisMode === "multi") { if (basisTotalInput) { basisTotalInput.addEventListener("input", update); } } else { basisInputs.forEach((input) => input.addEventListener("input", update)); } update(); })(); </script> <style> .recipe-formula-widget .basis-inputs { margin: 0 0 0.75rem; display: grid; gap: 0.375rem; max-width: 28rem; } .recipe-formula-widget .basis-inputs label { display: inline-flex; align-items: center; gap: 0.75rem; color: var(--color-link); font-weight: 600; justify-self: start; } .recipe-formula-widget .basis-input-field { display: inline-flex; align-items: center; gap: 0.25rem; white-space: nowrap; } .recipe-formula-widget .basis-inputs input { width: 7rem; margin: 0; } .recipe-formula-widget .basis-input-unit { color: #6b7280; font-size: 0.875em; } .recipe-formula-widget table.bakers-percent-table tbody tr[data-is-basis="true"] td { font-weight: 600; color: var(--color-link); } </style> <h2 id="process"> Process <a class="anchor" href="#process">#</a> </h2> <ol> <li>Combine.</li> </ol> <h2 id="notes"> Notes <a class="anchor" href="#notes">#</a> </h2>https://recipes.uuard.com/docs/recipes/korean_coater_mix/Mon, 01 Jan 0001 00:00:00 +0000https://recipes.uuard.com/docs/recipes/korean_coater_mix/<h2 id="ingredients"> Ingredients <a class="anchor" href="#ingredients">#</a> </h2> <div id="recipe-formula-0" class="recipe-formula-widget" data-basis-mode="single" ><div class="basis-inputs" aria-label="Basis ingredient weight"><label> <span>Corn Starch</span> <span class="basis-input-field"> <input type="number" min="0" step="0.01" inputmode="decimal" data-basis-input="true" data-ingredient-id="cornstarch" value="100.00" > <span class="basis-input-unit">g</span> </span> </label></div><table class="bakers-percent-table"> <thead> <tr> <th>Ingredient</th> <th>Baker's %</th> <th>Weight (g)</th> </tr> </thead> <tbody><tr data-row-pct="100.00000000" data-is-basis="true" > <td>Corn Starch</td> <td>100.00</td> <td data-weight-cell>0.00</td> </tr><tr data-row-pct="27.00000000" > <td>Salt</td> <td>27.00</td> <td data-weight-cell>0.00</td> </tr><tr data-row-pct="2.00000000" > <td>Baking Powder</td> <td>2.00</td> <td data-weight-cell>0.00</td> </tr></tbody> <tfoot> <tr> <th>Total</th> <th>129.00</th> <th data-total-weight>0.00</th> </tr> </tfoot> </table> </div> <script> (() => { const root = document.getElementById("recipe-formula-0"); if (!root) return; const basisInputs = root.querySelectorAll('input[data-basis-input="true"]'); const rows = root.querySelectorAll("tr[data-row-pct]"); const basisTotalEl = root.querySelector("[data-basis-total]"); const basisTotalInput = root.querySelector('input[data-basis-total-input="true"]'); const totalWeightEl = root.querySelector("[data-total-weight]"); const basisMode = root.getAttribute("data-basis-mode"); const parseNum = (value) => { const n = Number.parseFloat(value); return Number.isFinite(n) ? n : 0; }; const update = () => { let basisTotal = 0; let totalWeight = 0; if (basisMode === "multi") { basisTotal = parseNum(basisTotalInput ? basisTotalInput.value : 0); } else { basisInputs.forEach((input) => { basisTotal += parseNum(input.value); }); } if (basisTotalEl) { basisTotalEl.textContent = basisTotal.toFixed(2); } rows.forEach((row) => { const pct = parseNum(row.getAttribute("data-row-pct")); const weight = (pct / 100) * basisTotal; totalWeight += weight; const cell = row.querySelector("[data-weight-cell]"); if (cell) cell.textContent = weight.toFixed(2); }); if (totalWeightEl) { totalWeightEl.textContent = totalWeight.toFixed(2); } }; if (basisMode === "multi") { if (basisTotalInput) { basisTotalInput.addEventListener("input", update); } } else { basisInputs.forEach((input) => input.addEventListener("input", update)); } update(); })(); </script> <style> .recipe-formula-widget .basis-inputs { margin: 0 0 0.75rem; display: grid; gap: 0.375rem; max-width: 28rem; } .recipe-formula-widget .basis-inputs label { display: inline-flex; align-items: center; gap: 0.75rem; color: var(--color-link); font-weight: 600; justify-self: start; } .recipe-formula-widget .basis-input-field { display: inline-flex; align-items: center; gap: 0.25rem; white-space: nowrap; } .recipe-formula-widget .basis-inputs input { width: 7rem; margin: 0; } .recipe-formula-widget .basis-input-unit { color: #6b7280; font-size: 0.875em; } .recipe-formula-widget table.bakers-percent-table tbody tr[data-is-basis="true"] td { font-weight: 600; color: var(--color-link); } </style> <h2 id="process"> Process <a class="anchor" href="#process">#</a> </h2> <ol> <li>Combine ingredients in a bowl.</li> <li>Add chicken and toss until thoroughly coated.</li> <li>Shake vigorously to remove excess coating.</li> <li>Rest uncovered in the refrigerator for 30 min.</li> </ol> <h2 id="notes"> Notes <a class="anchor" href="#notes">#</a> </h2> <ul> <li>45 g cornstarch for 1.5 kg chicken.</li> </ul>https://recipes.uuard.com/docs/recipes/korean_fry_batter/Mon, 01 Jan 0001 00:00:00 +0000https://recipes.uuard.com/docs/recipes/korean_fry_batter/<h2 id="ingredients"> Ingredients <a class="anchor" href="#ingredients">#</a> </h2> <div id="recipe-formula-0" class="recipe-formula-widget" data-basis-mode="single" ><div class="basis-inputs" aria-label="Basis ingredient weight"><label> <span>All-Purpose Flour</span> <span class="basis-input-field"> <input type="number" min="0" step="0.01" inputmode="decimal" data-basis-input="true" data-ingredient-id="flour_all_purpose" value="100.00" > <span class="basis-input-unit">g</span> </span> </label></div><table class="bakers-percent-table"> <thead> <tr> <th>Ingredient</th> <th>Baker's %</th> <th>Weight (g)</th> </tr> </thead> <tbody><tr data-row-pct="100.00000000" data-is-basis="true" > <td>All-Purpose Flour</td> <td>100.00</td> <td data-weight-cell>0.00</td> </tr><tr data-row-pct="164.00000000" > <td>Water</td> <td>164.00</td> <td data-weight-cell>0.00</td> </tr><tr data-row-pct="164.00000000" > <td>Vodka</td> <td>164.00</td> <td data-weight-cell>0.00</td> </tr><tr data-row-pct="82.00000000" > <td>Corn Starch</td> <td>82.00</td> <td data-weight-cell>0.00</td> </tr><tr data-row-pct="12.00000000" > <td>Salt</td> <td>12.00</td> <td data-weight-cell>0.00</td> </tr><tr data-row-pct="2.00000000" > <td>Baking Powder</td> <td>2.00</td> <td data-weight-cell>0.00</td> </tr></tbody> <tfoot> <tr> <th>Total</th> <th>524.00</th> <th data-total-weight>0.00</th> </tr> </tfoot> </table> </div> <script> (() => { const root = document.getElementById("recipe-formula-0"); if (!root) return; const basisInputs = root.querySelectorAll('input[data-basis-input="true"]'); const rows = root.querySelectorAll("tr[data-row-pct]"); const basisTotalEl = root.querySelector("[data-basis-total]"); const basisTotalInput = root.querySelector('input[data-basis-total-input="true"]'); const totalWeightEl = root.querySelector("[data-total-weight]"); const basisMode = root.getAttribute("data-basis-mode"); const parseNum = (value) => { const n = Number.parseFloat(value); return Number.isFinite(n) ? n : 0; }; const update = () => { let basisTotal = 0; let totalWeight = 0; if (basisMode === "multi") { basisTotal = parseNum(basisTotalInput ? basisTotalInput.value : 0); } else { basisInputs.forEach((input) => { basisTotal += parseNum(input.value); }); } if (basisTotalEl) { basisTotalEl.textContent = basisTotal.toFixed(2); } rows.forEach((row) => { const pct = parseNum(row.getAttribute("data-row-pct")); const weight = (pct / 100) * basisTotal; totalWeight += weight; const cell = row.querySelector("[data-weight-cell]"); if (cell) cell.textContent = weight.toFixed(2); }); if (totalWeightEl) { totalWeightEl.textContent = totalWeight.toFixed(2); } }; if (basisMode === "multi") { if (basisTotalInput) { basisTotalInput.addEventListener("input", update); } } else { basisInputs.forEach((input) => input.addEventListener("input", update)); } update(); })(); </script> <style> .recipe-formula-widget .basis-inputs { margin: 0 0 0.75rem; display: grid; gap: 0.375rem; max-width: 28rem; } .recipe-formula-widget .basis-inputs label { display: inline-flex; align-items: center; gap: 0.75rem; color: var(--color-link); font-weight: 600; justify-self: start; } .recipe-formula-widget .basis-input-field { display: inline-flex; align-items: center; gap: 0.25rem; white-space: nowrap; } .recipe-formula-widget .basis-inputs input { width: 7rem; margin: 0; } .recipe-formula-widget .basis-input-unit { color: #6b7280; font-size: 0.875em; } .recipe-formula-widget table.bakers-percent-table tbody tr[data-is-basis="true"] td { font-weight: 600; color: var(--color-link); } </style> <h2 id="process"> Process <a class="anchor" href="#process">#</a> </h2> <ol> <li>Whisk together dry ingredients.</li> <li>Whisk together wet ingredients.</li> <li>Whisk all ingredients together until smooth.</li> </ol> <h2 id="notes"> Notes <a class="anchor" href="#notes">#</a> </h2> <ul> <li>Before using batter, use korean coater mix.</li> </ul>https://recipes.uuard.com/docs/recipes/milk/Mon, 01 Jan 0001 00:00:00 +0000https://recipes.uuard.com/docs/recipes/milk/<h2 id="ingredients"> Ingredients <a class="anchor" href="#ingredients">#</a> </h2> <div id="recipe-formula-0" class="recipe-formula-widget" data-basis-mode="single" ><div class="basis-inputs" aria-label="Basis ingredient weight"><label> <span>Water</span> <span class="basis-input-field"> <input type="number" min="0" step="0.01" inputmode="decimal" data-basis-input="true" data-ingredient-id="water" value="100.00" > <span class="basis-input-unit">g</span> </span> </label></div><table class="bakers-percent-table"> <thead> <tr> <th>Ingredient</th> <th>Baker's %</th> <th>Weight (g)</th> </tr> </thead> <tbody><tr data-row-pct="100.00000000" data-is-basis="true" > <td>Water</td> <td>100.00</td> <td data-weight-cell>0.00</td> </tr><tr data-row-pct="11.11000000" > <td>Nonfat Milk Powder</td> <td>11.11</td> <td data-weight-cell>0.00</td> </tr></tbody> <tfoot> <tr> <th>Total</th> <th>111.11</th> <th data-total-weight>0.00</th> </tr> </tfoot> </table> </div> <script> (() => { const root = document.getElementById("recipe-formula-0"); if (!root) return; const basisInputs = root.querySelectorAll('input[data-basis-input="true"]'); const rows = root.querySelectorAll("tr[data-row-pct]"); const basisTotalEl = root.querySelector("[data-basis-total]"); const basisTotalInput = root.querySelector('input[data-basis-total-input="true"]'); const totalWeightEl = root.querySelector("[data-total-weight]"); const basisMode = root.getAttribute("data-basis-mode"); const parseNum = (value) => { const n = Number.parseFloat(value); return Number.isFinite(n) ? n : 0; }; const update = () => { let basisTotal = 0; let totalWeight = 0; if (basisMode === "multi") { basisTotal = parseNum(basisTotalInput ? basisTotalInput.value : 0); } else { basisInputs.forEach((input) => { basisTotal += parseNum(input.value); }); } if (basisTotalEl) { basisTotalEl.textContent = basisTotal.toFixed(2); } rows.forEach((row) => { const pct = parseNum(row.getAttribute("data-row-pct")); const weight = (pct / 100) * basisTotal; totalWeight += weight; const cell = row.querySelector("[data-weight-cell]"); if (cell) cell.textContent = weight.toFixed(2); }); if (totalWeightEl) { totalWeightEl.textContent = totalWeight.toFixed(2); } }; if (basisMode === "multi") { if (basisTotalInput) { basisTotalInput.addEventListener("input", update); } } else { basisInputs.forEach((input) => input.addEventListener("input", update)); } update(); })(); </script> <style> .recipe-formula-widget .basis-inputs { margin: 0 0 0.75rem; display: grid; gap: 0.375rem; max-width: 28rem; } .recipe-formula-widget .basis-inputs label { display: inline-flex; align-items: center; gap: 0.75rem; color: var(--color-link); font-weight: 600; justify-self: start; } .recipe-formula-widget .basis-input-field { display: inline-flex; align-items: center; gap: 0.25rem; white-space: nowrap; } .recipe-formula-widget .basis-inputs input { width: 7rem; margin: 0; } .recipe-formula-widget .basis-input-unit { color: #6b7280; font-size: 0.875em; } .recipe-formula-widget table.bakers-percent-table tbody tr[data-is-basis="true"] td { font-weight: 600; color: var(--color-link); } </style> <h2 id="process"> Process <a class="anchor" href="#process">#</a> </h2> <ol> <li>Dissolve powder in water.</li> </ol> <h2 id="notes"> Notes <a class="anchor" href="#notes">#</a> </h2>https://recipes.uuard.com/docs/recipes/mozzarella_cheese_melt_stuffed/Mon, 01 Jan 0001 00:00:00 +0000https://recipes.uuard.com/docs/recipes/mozzarella_cheese_melt_stuffed/<h2 id="ingredients"> Ingredients <a class="anchor" href="#ingredients">#</a> </h2> <div id="recipe-formula-0" class="recipe-formula-widget" data-basis-mode="single" ><div class="basis-inputs" aria-label="Basis ingredient weight"><label> <span>Mozzarella Cheese</span> <span class="basis-input-field"> <input type="number" min="0" step="0.01" inputmode="decimal" data-basis-input="true" data-ingredient-id="mozzarella_cheese" value="100.00" > <span class="basis-input-unit">g</span> </span> </label></div><table class="bakers-percent-table"> <thead> <tr> <th>Ingredient</th> <th>Baker's %</th> <th>Weight (g)</th> </tr> </thead> <tbody><tr data-row-pct="100.00000000" data-is-basis="true" > <td>Mozzarella Cheese</td> <td>100.00</td> <td data-weight-cell>0.00</td> </tr><tr data-row-pct="30.00000000" > <td>Water</td> <td>30.00</td> <td data-weight-cell>0.00</td> </tr><tr data-row-pct="3.33000000" > <td>Nonfat Milk Powder</td> <td>3.33</td> <td data-weight-cell>0.00</td> </tr><tr data-row-pct="2.33000000" > <td>Sodium Citrate</td> <td>2.33</td> <td data-weight-cell>0.00</td> </tr></tbody> <tfoot> <tr> <th>Total</th> <th>135.66</th> <th data-total-weight>0.00</th> </tr> </tfoot> </table> </div> <script> (() => { const root = document.getElementById("recipe-formula-0"); if (!root) return; const basisInputs = root.querySelectorAll('input[data-basis-input="true"]'); const rows = root.querySelectorAll("tr[data-row-pct]"); const basisTotalEl = root.querySelector("[data-basis-total]"); const basisTotalInput = root.querySelector('input[data-basis-total-input="true"]'); const totalWeightEl = root.querySelector("[data-total-weight]"); const basisMode = root.getAttribute("data-basis-mode"); const parseNum = (value) => { const n = Number.parseFloat(value); return Number.isFinite(n) ? n : 0; }; const update = () => { let basisTotal = 0; let totalWeight = 0; if (basisMode === "multi") { basisTotal = parseNum(basisTotalInput ? basisTotalInput.value : 0); } else { basisInputs.forEach((input) => { basisTotal += parseNum(input.value); }); } if (basisTotalEl) { basisTotalEl.textContent = basisTotal.toFixed(2); } rows.forEach((row) => { const pct = parseNum(row.getAttribute("data-row-pct")); const weight = (pct / 100) * basisTotal; totalWeight += weight; const cell = row.querySelector("[data-weight-cell]"); if (cell) cell.textContent = weight.toFixed(2); }); if (totalWeightEl) { totalWeightEl.textContent = totalWeight.toFixed(2); } }; if (basisMode === "multi") { if (basisTotalInput) { basisTotalInput.addEventListener("input", update); } } else { basisInputs.forEach((input) => input.addEventListener("input", update)); } update(); })(); </script> <style> .recipe-formula-widget .basis-inputs { margin: 0 0 0.75rem; display: grid; gap: 0.375rem; max-width: 28rem; } .recipe-formula-widget .basis-inputs label { display: inline-flex; align-items: center; gap: 0.75rem; color: var(--color-link); font-weight: 600; justify-self: start; } .recipe-formula-widget .basis-input-field { display: inline-flex; align-items: center; gap: 0.25rem; white-space: nowrap; } .recipe-formula-widget .basis-inputs input { width: 7rem; margin: 0; } .recipe-formula-widget .basis-input-unit { color: #6b7280; font-size: 0.875em; } .recipe-formula-widget table.bakers-percent-table tbody tr[data-is-basis="true"] td { font-weight: 600; color: var(--color-link); } </style> <h2 id="process"> Process <a class="anchor" href="#process">#</a> </h2> <ol> <li>Heat water, milk powder 150 °F.</li> <li>Whisk in cheese, sodium citrate.</li> <li>Stir until combined.</li> </ol> <h2 id="notes"> Notes <a class="anchor" href="#notes">#</a> </h2> <ul> <li>Sodium citrate range: 1.50% to 3.00% total weight.</li> <li>Recipe uses 1.70%; increase sodium citrate if emulsification is unstable.</li> <li>For stuffed crust use, this cheese may need more liquid.</li> </ul>https://recipes.uuard.com/docs/recipes/popeyes_coater_mix/Mon, 01 Jan 0001 00:00:00 +0000https://recipes.uuard.com/docs/recipes/popeyes_coater_mix/<h2 id="ingredients"> Ingredients <a class="anchor" href="#ingredients">#</a> </h2> <div id="recipe-formula-0" class="recipe-formula-widget" data-basis-mode="single" ><div class="basis-inputs" aria-label="Basis ingredient weight"><label> <span>All-Purpose Flour</span> <span class="basis-input-field"> <input type="number" min="0" step="0.01" inputmode="decimal" data-basis-input="true" data-ingredient-id="flour_all_purpose" value="100.00" > <span class="basis-input-unit">g</span> </span> </label></div><table class="bakers-percent-table"> <thead> <tr> <th>Ingredient</th> <th>Baker's %</th> <th>Weight (g)</th> </tr> </thead> <tbody><tr data-row-pct="100.00000000" data-is-basis="true" > <td>All-Purpose Flour</td> <td>100.00</td> <td data-weight-cell>0.00</td> </tr><tr data-row-pct="7.50000000" > <td>Salt</td> <td>7.50</td> <td data-weight-cell>0.00</td> </tr><tr data-row-pct="5.00000000" > <td>Baking Powder</td> <td>5.00</td> <td data-weight-cell>0.00</td> </tr><tr data-row-pct="1.00000000" > <td>Baking Soda</td> <td>1.00</td> <td data-weight-cell>0.00</td> </tr></tbody> <tfoot> <tr> <th>Total</th> <th>113.50</th> <th data-total-weight>0.00</th> </tr> </tfoot> </table> </div> <script> (() => { const root = document.getElementById("recipe-formula-0"); if (!root) return; const basisInputs = root.querySelectorAll('input[data-basis-input="true"]'); const rows = root.querySelectorAll("tr[data-row-pct]"); const basisTotalEl = root.querySelector("[data-basis-total]"); const basisTotalInput = root.querySelector('input[data-basis-total-input="true"]'); const totalWeightEl = root.querySelector("[data-total-weight]"); const basisMode = root.getAttribute("data-basis-mode"); const parseNum = (value) => { const n = Number.parseFloat(value); return Number.isFinite(n) ? n : 0; }; const update = () => { let basisTotal = 0; let totalWeight = 0; if (basisMode === "multi") { basisTotal = parseNum(basisTotalInput ? basisTotalInput.value : 0); } else { basisInputs.forEach((input) => { basisTotal += parseNum(input.value); }); } if (basisTotalEl) { basisTotalEl.textContent = basisTotal.toFixed(2); } rows.forEach((row) => { const pct = parseNum(row.getAttribute("data-row-pct")); const weight = (pct / 100) * basisTotal; totalWeight += weight; const cell = row.querySelector("[data-weight-cell]"); if (cell) cell.textContent = weight.toFixed(2); }); if (totalWeightEl) { totalWeightEl.textContent = totalWeight.toFixed(2); } }; if (basisMode === "multi") { if (basisTotalInput) { basisTotalInput.addEventListener("input", update); } } else { basisInputs.forEach((input) => input.addEventListener("input", update)); } update(); })(); </script> <style> .recipe-formula-widget .basis-inputs { margin: 0 0 0.75rem; display: grid; gap: 0.375rem; max-width: 28rem; } .recipe-formula-widget .basis-inputs label { display: inline-flex; align-items: center; gap: 0.75rem; color: var(--color-link); font-weight: 600; justify-self: start; } .recipe-formula-widget .basis-input-field { display: inline-flex; align-items: center; gap: 0.25rem; white-space: nowrap; } .recipe-formula-widget .basis-inputs input { width: 7rem; margin: 0; } .recipe-formula-widget .basis-input-unit { color: #6b7280; font-size: 0.875em; } .recipe-formula-widget table.bakers-percent-table tbody tr[data-is-basis="true"] td { font-weight: 600; color: var(--color-link); } </style> <h2 id="process"> Process <a class="anchor" href="#process">#</a> </h2> <ol> <li>Whisk all dry ingredients until uniformly combined.</li> </ol> <h2 id="notes"> Notes <a class="anchor" href="#notes">#</a> </h2>https://recipes.uuard.com/docs/recipes/popeyes_fry_batter/Mon, 01 Jan 0001 00:00:00 +0000https://recipes.uuard.com/docs/recipes/popeyes_fry_batter/<h2 id="ingredients"> Ingredients <a class="anchor" href="#ingredients">#</a> </h2> <div id="recipe-formula-0" class="recipe-formula-widget" data-basis-mode="single" ><div class="basis-inputs" aria-label="Basis ingredient weight"><label> <span>All-Purpose Flour</span> <span class="basis-input-field"> <input type="number" min="0" step="0.01" inputmode="decimal" data-basis-input="true" data-ingredient-id="flour_all_purpose" value="100.00" > <span class="basis-input-unit">g</span> </span> </label></div><table class="bakers-percent-table"> <thead> <tr> <th>Ingredient</th> <th>Baker's %</th> <th>Weight (g)</th> </tr> </thead> <tbody><tr data-row-pct="100.00000000" data-is-basis="true" > <td>All-Purpose Flour</td> <td>100.00</td> <td data-weight-cell>0.00</td> </tr><tr data-row-pct="283.00000000" > <td>Water</td> <td>283.00</td> <td data-weight-cell>0.00</td> </tr><tr data-row-pct="36.00000000" > <td>Corn Starch</td> <td>36.00</td> <td data-weight-cell>0.00</td> </tr><tr data-row-pct="16.67000000" > <td>Buttermilk Powder</td> <td>16.67</td> <td data-weight-cell>0.00</td> </tr><tr data-row-pct="14.44000000" > <td>Nonfat Milk Powder</td> <td>14.44</td> <td data-weight-cell>0.00</td> </tr><tr data-row-pct="11.10000000" > <td>Bread Flour</td> <td>11.10</td> <td data-weight-cell>0.00</td> </tr><tr data-row-pct="10.00000000" > <td>Salt</td> <td>10.00</td> <td data-weight-cell>0.00</td> </tr><tr data-row-pct="5.40000000" > <td>Baking Powder</td> <td>5.40</td> <td data-weight-cell>0.00</td> </tr><tr data-row-pct="4.67000000" > <td>Sugar</td> <td>4.67</td> <td data-weight-cell>0.00</td> </tr><tr data-row-pct="2.22000000" > <td>Msg</td> <td>2.22</td> <td data-weight-cell>0.00</td> </tr><tr data-row-pct="1.33000000" > <td>Baking Soda</td> <td>1.33</td> <td data-weight-cell>0.00</td> </tr><tr data-row-pct="0.89000000" > <td>Garlic</td> <td>0.89</td> <td data-weight-cell>0.00</td> </tr><tr data-row-pct="0.67000000" > <td>Onion Powder</td> <td>0.67</td> <td data-weight-cell>0.00</td> </tr></tbody> <tfoot> <tr> <th>Total</th> <th>486.39</th> <th data-total-weight>0.00</th> </tr> </tfoot> </table> </div> <script> (() => { const root = document.getElementById("recipe-formula-0"); if (!root) return; const basisInputs = root.querySelectorAll('input[data-basis-input="true"]'); const rows = root.querySelectorAll("tr[data-row-pct]"); const basisTotalEl = root.querySelector("[data-basis-total]"); const basisTotalInput = root.querySelector('input[data-basis-total-input="true"]'); const totalWeightEl = root.querySelector("[data-total-weight]"); const basisMode = root.getAttribute("data-basis-mode"); const parseNum = (value) => { const n = Number.parseFloat(value); return Number.isFinite(n) ? n : 0; }; const update = () => { let basisTotal = 0; let totalWeight = 0; if (basisMode === "multi") { basisTotal = parseNum(basisTotalInput ? basisTotalInput.value : 0); } else { basisInputs.forEach((input) => { basisTotal += parseNum(input.value); }); } if (basisTotalEl) { basisTotalEl.textContent = basisTotal.toFixed(2); } rows.forEach((row) => { const pct = parseNum(row.getAttribute("data-row-pct")); const weight = (pct / 100) * basisTotal; totalWeight += weight; const cell = row.querySelector("[data-weight-cell]"); if (cell) cell.textContent = weight.toFixed(2); }); if (totalWeightEl) { totalWeightEl.textContent = totalWeight.toFixed(2); } }; if (basisMode === "multi") { if (basisTotalInput) { basisTotalInput.addEventListener("input", update); } } else { basisInputs.forEach((input) => input.addEventListener("input", update)); } update(); })(); </script> <style> .recipe-formula-widget .basis-inputs { margin: 0 0 0.75rem; display: grid; gap: 0.375rem; max-width: 28rem; } .recipe-formula-widget .basis-inputs label { display: inline-flex; align-items: center; gap: 0.75rem; color: var(--color-link); font-weight: 600; justify-self: start; } .recipe-formula-widget .basis-input-field { display: inline-flex; align-items: center; gap: 0.25rem; white-space: nowrap; } .recipe-formula-widget .basis-inputs input { width: 7rem; margin: 0; } .recipe-formula-widget .basis-input-unit { color: #6b7280; font-size: 0.875em; } .recipe-formula-widget table.bakers-percent-table tbody tr[data-is-basis="true"] td { font-weight: 600; color: var(--color-link); } </style> <h2 id="process"> Process <a class="anchor" href="#process">#</a> </h2> <ol> <li>Combine batter dry mix.</li> <li>Combine coater mix.</li> <li>Hydrate batter w/ water.</li> <li>Whisk until mostly smooth.</li> <li>Coat chicken in coater mix.</li> <li>Dip in batter.</li> <li>Coat in coater mix again, forming clumps.</li> </ol> <h2 id="notes"> Notes <a class="anchor" href="#notes">#</a> </h2> <ul> <li>≈1 kg batter for 5 lb chicken.</li> </ul>https://recipes.uuard.com/docs/recipes/quiche_custard/Mon, 01 Jan 0001 00:00:00 +0000https://recipes.uuard.com/docs/recipes/quiche_custard/<h2 id="ingredients"> Ingredients <a class="anchor" href="#ingredients">#</a> </h2> <div id="recipe-formula-0" class="recipe-formula-widget" data-basis-mode="single" ><div class="basis-inputs" aria-label="Basis ingredient weight"><label> <span>Heavy Cream</span> <span class="basis-input-field"> <input type="number" min="0" step="0.01" inputmode="decimal" data-basis-input="true" data-ingredient-id="heavy_cream" value="100.00" > <span class="basis-input-unit">g</span> </span> </label></div><table class="bakers-percent-table"> <thead> <tr> <th>Ingredient</th> <th>Baker's %</th> <th>Weight (g)</th> </tr> </thead> <tbody><tr data-row-pct="100.00000000" data-is-basis="true" > <td>Heavy Cream</td> <td>100.00</td> <td data-weight-cell>0.00</td> </tr><tr data-row-pct="90.00000000" > <td>Water</td> <td>90.00</td> <td data-weight-cell>0.00</td> </tr><tr data-row-pct="68.00000000" > <td>Egg, Whole</td> <td>68.00</td> <td data-weight-cell>0.00</td> </tr><tr data-row-pct="25.00000000" > <td>Egg Yolk</td> <td>25.00</td> <td data-weight-cell>0.00</td> </tr><tr data-row-pct="10.00000000" > <td>Milk Powder, Whole</td> <td>10.00</td> <td data-weight-cell>0.00</td> </tr><tr data-row-pct="1.80000000" > <td>Salt</td> <td>1.80</td> <td data-weight-cell>0.00</td> </tr><tr data-row-pct="0.60000000" > <td>Pepper</td> <td>0.60</td> <td data-weight-cell>0.00</td> </tr><tr data-row-pct="0.60000000" > <td>Nutmeg</td> <td>0.60</td> <td data-weight-cell>0.00</td> </tr><tr data-row-pct="0.50000000" > <td>Xanthan Gum</td> <td>0.50</td> <td data-weight-cell>0.00</td> </tr></tbody> <tfoot> <tr> <th>Total</th> <th>296.50</th> <th data-total-weight>0.00</th> </tr> </tfoot> </table> </div> <script> (() => { const root = document.getElementById("recipe-formula-0"); if (!root) return; const basisInputs = root.querySelectorAll('input[data-basis-input="true"]'); const rows = root.querySelectorAll("tr[data-row-pct]"); const basisTotalEl = root.querySelector("[data-basis-total]"); const basisTotalInput = root.querySelector('input[data-basis-total-input="true"]'); const totalWeightEl = root.querySelector("[data-total-weight]"); const basisMode = root.getAttribute("data-basis-mode"); const parseNum = (value) => { const n = Number.parseFloat(value); return Number.isFinite(n) ? n : 0; }; const update = () => { let basisTotal = 0; let totalWeight = 0; if (basisMode === "multi") { basisTotal = parseNum(basisTotalInput ? basisTotalInput.value : 0); } else { basisInputs.forEach((input) => { basisTotal += parseNum(input.value); }); } if (basisTotalEl) { basisTotalEl.textContent = basisTotal.toFixed(2); } rows.forEach((row) => { const pct = parseNum(row.getAttribute("data-row-pct")); const weight = (pct / 100) * basisTotal; totalWeight += weight; const cell = row.querySelector("[data-weight-cell]"); if (cell) cell.textContent = weight.toFixed(2); }); if (totalWeightEl) { totalWeightEl.textContent = totalWeight.toFixed(2); } }; if (basisMode === "multi") { if (basisTotalInput) { basisTotalInput.addEventListener("input", update); } } else { basisInputs.forEach((input) => input.addEventListener("input", update)); } update(); })(); </script> <style> .recipe-formula-widget .basis-inputs { margin: 0 0 0.75rem; display: grid; gap: 0.375rem; max-width: 28rem; } .recipe-formula-widget .basis-inputs label { display: inline-flex; align-items: center; gap: 0.75rem; color: var(--color-link); font-weight: 600; justify-self: start; } .recipe-formula-widget .basis-input-field { display: inline-flex; align-items: center; gap: 0.25rem; white-space: nowrap; } .recipe-formula-widget .basis-inputs input { width: 7rem; margin: 0; } .recipe-formula-widget .basis-input-unit { color: #6b7280; font-size: 0.875em; } .recipe-formula-widget table.bakers-percent-table tbody tr[data-is-basis="true"] td { font-weight: 600; color: var(--color-link); } </style> <h2 id="process"> Process <a class="anchor" href="#process">#</a> </h2> <ol> <li>Add all ingredients to blender.</li> <li>Blend well combined.</li> <li>Until ready to bake, 1 hr.</li> </ol> <h2 id="notes"> Notes <a class="anchor" href="#notes">#</a> </h2> <table> <thead> <tr> <th>ingredient</th> <th>baker&rsquo;s %</th> </tr> </thead> <tbody> <tr> <td>Lorraine</td> <td></td> </tr> <tr> <td>ham, diced</td> <td>20%</td> </tr> <tr> <td>bacon</td> <td>30%</td> </tr> <tr> <td>Chicken, Artichoke &amp; Roasted Pepper</td> <td></td> </tr> <tr> <td>chicken</td> <td>20%</td> </tr> <tr> <td>artichoke</td> <td>15%</td> </tr> <tr> <td>roasted pepper</td> <td>8%</td> </tr> <tr> <td>Spinach, Feta, &amp; Roma Tomato</td> <td></td> </tr> <tr> <td>spinach</td> <td>15%</td> </tr> <tr> <td>feta</td> <td>25%</td> </tr> <tr> <td>tomato</td> <td>20%</td> </tr> <tr> <td>Mushroom &amp; Swiss</td> <td></td> </tr> <tr> <td>mushroom</td> <td>30%</td> </tr> <tr> <td>thyme</td> <td>0%</td> </tr> <tr> <td>swiss cheese</td> <td>20%</td> </tr> <tr> <td>Broccoli Cheddar</td> <td></td> </tr> <tr> <td>broccoli</td> <td>25%</td> </tr> <tr> <td>cheddar</td> <td>25%</td> </tr> </tbody> </table>https://recipes.uuard.com/docs/recipes/sour_cream/Mon, 01 Jan 0001 00:00:00 +0000https://recipes.uuard.com/docs/recipes/sour_cream/<h2 id="ingredients"> Ingredients <a class="anchor" href="#ingredients">#</a> </h2> <div id="recipe-formula-0" class="recipe-formula-widget" data-basis-mode="single" ><div class="basis-inputs" aria-label="Basis ingredient weight"><label> <span>Cream Cheese</span> <span class="basis-input-field"> <input type="number" min="0" step="0.01" inputmode="decimal" data-basis-input="true" data-ingredient-id="cream_cheese" value="100.00" > <span class="basis-input-unit">g</span> </span> </label></div><table class="bakers-percent-table"> <thead> <tr> <th>Ingredient</th> <th>Baker's %</th> <th>Weight (g)</th> </tr> </thead> <tbody><tr data-row-pct="100.00000000" data-is-basis="true" > <td>Cream Cheese</td> <td>100.00</td> <td data-weight-cell>0.00</td> </tr><tr data-row-pct="21.80000000" > <td>Water</td> <td>21.80</td> <td data-weight-cell>0.00</td> </tr></tbody> <tfoot> <tr> <th>Total</th> <th>121.80</th> <th data-total-weight>0.00</th> </tr> </tfoot> </table> </div> <script> (() => { const root = document.getElementById("recipe-formula-0"); if (!root) return; const basisInputs = root.querySelectorAll('input[data-basis-input="true"]'); const rows = root.querySelectorAll("tr[data-row-pct]"); const basisTotalEl = root.querySelector("[data-basis-total]"); const basisTotalInput = root.querySelector('input[data-basis-total-input="true"]'); const totalWeightEl = root.querySelector("[data-total-weight]"); const basisMode = root.getAttribute("data-basis-mode"); const parseNum = (value) => { const n = Number.parseFloat(value); return Number.isFinite(n) ? n : 0; }; const update = () => { let basisTotal = 0; let totalWeight = 0; if (basisMode === "multi") { basisTotal = parseNum(basisTotalInput ? basisTotalInput.value : 0); } else { basisInputs.forEach((input) => { basisTotal += parseNum(input.value); }); } if (basisTotalEl) { basisTotalEl.textContent = basisTotal.toFixed(2); } rows.forEach((row) => { const pct = parseNum(row.getAttribute("data-row-pct")); const weight = (pct / 100) * basisTotal; totalWeight += weight; const cell = row.querySelector("[data-weight-cell]"); if (cell) cell.textContent = weight.toFixed(2); }); if (totalWeightEl) { totalWeightEl.textContent = totalWeight.toFixed(2); } }; if (basisMode === "multi") { if (basisTotalInput) { basisTotalInput.addEventListener("input", update); } } else { basisInputs.forEach((input) => input.addEventListener("input", update)); } update(); })(); </script> <style> .recipe-formula-widget .basis-inputs { margin: 0 0 0.75rem; display: grid; gap: 0.375rem; max-width: 28rem; } .recipe-formula-widget .basis-inputs label { display: inline-flex; align-items: center; gap: 0.75rem; color: var(--color-link); font-weight: 600; justify-self: start; } .recipe-formula-widget .basis-input-field { display: inline-flex; align-items: center; gap: 0.25rem; white-space: nowrap; } .recipe-formula-widget .basis-inputs input { width: 7rem; margin: 0; } .recipe-formula-widget .basis-input-unit { color: #6b7280; font-size: 0.875em; } .recipe-formula-widget table.bakers-percent-table tbody tr[data-is-basis="true"] td { font-weight: 600; color: var(--color-link); } </style> <h2 id="process"> Process <a class="anchor" href="#process">#</a> </h2> <ol> <li>Add to blender.</li> <li>Blend smooth.</li> </ol> <h2 id="notes"> Notes <a class="anchor" href="#notes">#</a> </h2>https://recipes.uuard.com/docs/recipes/starch_glaze/Mon, 01 Jan 0001 00:00:00 +0000https://recipes.uuard.com/docs/recipes/starch_glaze/<h2 id="ingredients"> Ingredients <a class="anchor" href="#ingredients">#</a> </h2> <div id="recipe-formula-0" class="recipe-formula-widget" data-basis-mode="single" ><div class="basis-inputs" aria-label="Basis ingredient weight"><label> <span>Water</span> <span class="basis-input-field"> <input type="number" min="0" step="0.01" inputmode="decimal" data-basis-input="true" data-ingredient-id="water" value="100.00" > <span class="basis-input-unit">g</span> </span> </label></div><table class="bakers-percent-table"> <thead> <tr> <th>Ingredient</th> <th>Baker's %</th> <th>Weight (g)</th> </tr> </thead> <tbody><tr data-row-pct="100.00000000" data-is-basis="true" > <td>Water</td> <td>100.00</td> <td data-weight-cell>0.00</td> </tr><tr data-row-pct="4.00000000" > <td>Tapioca Starch</td> <td>4.00</td> <td data-weight-cell>0.00</td> </tr></tbody> <tfoot> <tr> <th>Total</th> <th>104.00</th> <th data-total-weight>0.00</th> </tr> </tfoot> </table> </div> <script> (() => { const root = document.getElementById("recipe-formula-0"); if (!root) return; const basisInputs = root.querySelectorAll('input[data-basis-input="true"]'); const rows = root.querySelectorAll("tr[data-row-pct]"); const basisTotalEl = root.querySelector("[data-basis-total]"); const basisTotalInput = root.querySelector('input[data-basis-total-input="true"]'); const totalWeightEl = root.querySelector("[data-total-weight]"); const basisMode = root.getAttribute("data-basis-mode"); const parseNum = (value) => { const n = Number.parseFloat(value); return Number.isFinite(n) ? n : 0; }; const update = () => { let basisTotal = 0; let totalWeight = 0; if (basisMode === "multi") { basisTotal = parseNum(basisTotalInput ? basisTotalInput.value : 0); } else { basisInputs.forEach((input) => { basisTotal += parseNum(input.value); }); } if (basisTotalEl) { basisTotalEl.textContent = basisTotal.toFixed(2); } rows.forEach((row) => { const pct = parseNum(row.getAttribute("data-row-pct")); const weight = (pct / 100) * basisTotal; totalWeight += weight; const cell = row.querySelector("[data-weight-cell]"); if (cell) cell.textContent = weight.toFixed(2); }); if (totalWeightEl) { totalWeightEl.textContent = totalWeight.toFixed(2); } }; if (basisMode === "multi") { if (basisTotalInput) { basisTotalInput.addEventListener("input", update); } } else { basisInputs.forEach((input) => input.addEventListener("input", update)); } update(); })(); </script> <style> .recipe-formula-widget .basis-inputs { margin: 0 0 0.75rem; display: grid; gap: 0.375rem; max-width: 28rem; } .recipe-formula-widget .basis-inputs label { display: inline-flex; align-items: center; gap: 0.75rem; color: var(--color-link); font-weight: 600; justify-self: start; } .recipe-formula-widget .basis-input-field { display: inline-flex; align-items: center; gap: 0.25rem; white-space: nowrap; } .recipe-formula-widget .basis-inputs input { width: 7rem; margin: 0; } .recipe-formula-widget .basis-input-unit { color: #6b7280; font-size: 0.875em; } .recipe-formula-widget table.bakers-percent-table tbody tr[data-is-basis="true"] td { font-weight: 600; color: var(--color-link); } </style> <h2 id="process"> Process <a class="anchor" href="#process">#</a> </h2> <ol> <li>Whisk to combine in bowl.</li> <li>Heat until thickened.</li> <li>Apply to bread just before baking.</li> </ol> <h2 id="notes"> Notes <a class="anchor" href="#notes">#</a> </h2> <table> <thead> <tr> <th>Optional Flavorings</th> <th>Percent</th> </tr> </thead> <tbody> <tr> <td>Coffee</td> <td>2.00%</td> </tr> <tr> <td>Cocoa Powder</td> <td>6.00%</td> </tr> <tr> <td>Soy Sauce</td> <td>7.25%</td> </tr> </tbody> </table>