yield added - and formatting fix

Author: polent

src/_11ty/filters.js

@@ -251,13 +251,32 @@ const extractNutrition = html => {
 	return nutrition;
 };
 
+// Extract yield information from nutrition table
+const extractYield = html => {
+	if (!html) return null;
+	
+	// Look for "Yield" row in table
+	const yieldMatch = html.match(/<th[^>]*>\s*Yield\s*<\/th>\s*<td[^>]*>\s*([^<]+)\s*<\/td>/i);
+	if (!yieldMatch || !yieldMatch[1]) return null;
+	
+	const yieldText = stripHtml(yieldMatch[1]).trim();
+	
+	// If yield info is empty or "none", return null
+	if (!yieldText || yieldText.toLowerCase() === "none") {
+		return null;
+	}
+	
+	return yieldText;
+};
+
 function extractRecipeData(html, recipeUrl) {
 	const result = {
 		image: null,
 		ingredients: [],
 		instructions: [],
 		prepTime: null,
 		nutrition: null,
+		yield: null,
 		modifiedHtml: html,
 	};
 
@@ -273,6 +292,7 @@ function extractRecipeData(html, recipeUrl) {
 	// Extract prep time and nutrition early
 	result.prepTime = extractPrepTime(html);
 	result.nutrition = extractNutrition(html);
+	result.yield = extractYield(html);
 
 	const headings = [];
 	const headingRegex = /<h2[^>]*>([\s\S]*?)<\/h2>/gi;

src/_includes/layouts/post.njk

@@ -44,6 +44,7 @@
         },
         "image": recipeImage,
         "keywords": recipeKeywords,
+        "recipeYield": recipeData.yield,
         "recipeCuisine": recipeCuisine,
         "recipeIngredient": recipeData.ingredients,
         "recipeInstructions": recipeData.instructions,

src/content/about.md

@@ -5,28 +5,28 @@ eleventyNavigation:
   title: How is it done
   order: 3
 title: "How is it done"
-description: "Discover our AI-driven process for creating unique vegan recipes. We use gpt- 4o for content framework and dall-e-3 for stunning images, seamlessly updating our blog with fresh, enticing vegan dishes."
+description: "Discover our AI-driven process for creating unique vegan recipes. We use gpt- 4o for content framework and gemini-2.5-flash-image for stunning images, seamlessly updating our blog with fresh, enticing vegan dishes."
 permalink: "/how-is-it-done/index.html"
 figureAbout: 
   caption: "Vegan Food Blog Technology Workflow"
   className: "about-figure"
   imageSrc: "./src/media/about/vegan_blog_workflow.png"
   imageTitle: "Vegan Food Blog Technology Workflow"
-  imageAlt: "flow chart illustrating the multi-step process used by your vegan food blog, detailing each stage from initiating the process with gpt- 4o to the automated deployment of content. This visual representation helps in understanding the sequence and interactions of the various steps involved in your sophisticated AI-driven recipe generation and posting."
+  imageAlt: "flow chart illustrating the multi-step process used by your vegan food blog, detailing each stage from initiating the process with gemini-3-flash-preview to the automated deployment of content. This visual representation helps in understanding the sequence and interactions of the various steps involved in your sophisticated AI-driven recipe generation and posting."
   loading: "lazy"
 ---
 
 ## Technology
 
-Our blog employs a sophisticated multi-step process to generate unique and visually appealing vegan recipes, utilizing cutting-edge AI technology. Here's how it works:
+This blog employs a sophisticated multi-step process to generate unique and visually appealing vegan recipes, utilizing cutting-edge AI technology. Here's how it works:
 
-1. **Initiating the Process:** We start by using `gpt-4-turbo` to establish ourselves as a Vegan food blog. This AI model helps us define the framework and theme for our content, focusing on vegan cuisine.
-2. **Recipe Generation:** Next, we prompt `gpt-4-turbo` again, this time inputting a set of random keywords related to vegan cooking. The AI then generates a unique recipe, complete with a detailed description that aligns with these keywords.
+1. **Initiating the Process:** We start by using `gemini-3-flash-preview` to establish ourselves as a Vegan food blog. This AI model helps us define the framework and theme for our content, focusing on vegan cuisine.
+2. **Recipe Generation:** Next, we prompt `gemini-3-flash-preview` again, this time inputting a set of random keywords related to vegan cooking. The AI then generates a unique recipe, complete with a detailed description that aligns with these keywords.
 3. **Image Prompt Creation:** Using the information from the generated recipe, we craft a specific prompt to guide the creation of a corresponding image. This prompt is designed to capture the essence of the recipe in a visually compelling way.
-4. **Visual Realization with Dall-E:** With the prompt ready, we turn to `dall-e-3`, an advanced AI image generation model. Dall-E interprets our prompt and creates a stunning, high-quality image that represents the recipe.
+4. **Visual Realization with Nano Banana:** With the prompt ready, we turn to `gemini-2.5-flash-image`, an advanced AI image generation model. Dall-E interprets our prompt and creates a stunning, high-quality image that represents the recipe.
 5. **Creating the Recipe Post:** Once we have both the recipe and its image, we compose a complete recipe post. This post is then committed and pushed to our GitHub repository, which can be found at [https://github.com/polent/polent.github.io](https://github.com/polent/polent.github.io).
 6. **Automated Deployment:** Finally, a GitHub Action takes over. This automated process builds the code from the repository and deploys it onto our web space. This ensures that our blog is consistently updated with fresh content, seamlessly and efficiently.
-7. **Start over:** The steps start again, 1-2 times a day initiated by a conjob.
+7. **Start over:** The steps start again, 1 times a day initiated by a conjob.
 
 {% figure figureAbout.caption, figureAbout.className %}
 {% picture figureAbout.imageSrc, figureAbout.imageTitle, figureAbout.imageAlt, figureAbout.loading %}

src/content/posts/2024-01-30-smoky-drink-recipe-6595.md

@@ -47,5 +47,5 @@ Enjoy this smoky drink as a refreshing and intriguing alternative to your usual
 
 *Isabella*
 
-<table><caption class="sr-only">Additional Information</caption><tr><th scope="row">Nutritionfacts</th><td>&nbsp;</td></tr><tr><th scope="row">Preparation Time</th><td>5 minutes</td></tr><tr><th scope="row">Allergy Information</th><td>&nbsp;</td></tr></table>
+<table><caption class="sr-only">Additional Information</caption><tr><th scope="row">Nutritionfacts</th><td></td></tr><tr><th scope="row">Preparation Time</th><td>5 minutes</td></tr><tr><th scope="row">Allergy Information</th><td></td></tr></table>
 

src/content/posts/2024-01-31-african-crispy-appetizer-2181.md

@@ -57,5 +57,5 @@ Total Fat: 3g
 Saturated Fat: 0.3g
 Carbohydrates: 10g
 Fiber: 2g
-Protein: 4g&nbsp;</td></tr><tr><th scope="row">Preparation Time</th><td>20 minutes&nbsp;</td></tr><tr><th scope="row">Allergy Information</th><td>Gluten-free&nbsp;</td></tr></table>
+Protein: 4g</td></tr><tr><th scope="row">Preparation Time</th><td>20 minutes</td></tr><tr><th scope="row">Allergy Information</th><td>Gluten-free</td></tr></table>
 

src/content/posts/2024-01-31-al-dente-finger-foods-7268.md

@@ -63,5 +63,5 @@ Sodium: 250mg
 Total carbohydrates: 15g
 Dietary fiber: 3g
 Sugar: 2g
-Protein: 6g&nbsp;</td></tr><tr><th scope="row">Preparation Time</th><td>30 minutes&nbsp;</td></tr><tr><th scope="row">Allergy Information</th><td>Gluten (breadcrumbs)&nbsp;</td></tr></table>
+Protein: 6g</td></tr><tr><th scope="row">Preparation Time</th><td>30 minutes</td></tr><tr><th scope="row">Allergy Information</th><td>Gluten (breadcrumbs)</td></tr></table>
 

src/content/posts/2024-01-31-bitter-marinade-recipe-5352.md

@@ -62,5 +62,5 @@ Sodium: 196mg
 Total Carbohydrate: 2g
 Fiber: 0.4g
 Sugar: 0.6g
-Protein: 0.4g&nbsp;</td></tr><tr><th scope="row">Preparation Time</th><td>10 minutes&nbsp;</td></tr><tr><th scope="row">Allergy Information</th><td>This bitter marinade recipe is free from common allergens.&nbsp;</td></tr></table>
+Protein: 0.4g</td></tr><tr><th scope="row">Preparation Time</th><td>10 minutes</td></tr><tr><th scope="row">Allergy Information</th><td>This bitter marinade recipe is free from common allergens.</td></tr></table>
 

src/content/posts/2024-01-31-buttery-side-dish-recipe-3567.md

@@ -51,5 +51,5 @@ Total Fat: 7g
 Sodium: 200mg
 Carbohydrates: 12g
 Fiber: 6g
-Protein: 4g&nbsp;</td></tr><tr><th scope="row">Preparation Time</th><td>20 minutes&nbsp;</td></tr><tr><th scope="row">Allergy Information</th><td>This recipe is vegan and gluten-free.&nbsp;</td></tr></table>
+Protein: 4g</td></tr><tr><th scope="row">Preparation Time</th><td>20 minutes</td></tr><tr><th scope="row">Allergy Information</th><td>This recipe is vegan and gluten-free.</td></tr></table>
 

src/content/posts/2024-01-31-citrusy-breakfast-recipe-5135.md

@@ -58,5 +58,5 @@ Sodium: 5mg
 Total Carbohydrate: 35g
 Dietary Fiber: 7g
 Sugar: 25g
-Protein: 3g&nbsp;</td></tr><tr><th scope="row">Preparation Time</th><td>10 minutes&nbsp;</td></tr><tr><th scope="row">Allergy Information</th><td>None&nbsp;</td></tr></table>
+Protein: 3g</td></tr><tr><th scope="row">Preparation Time</th><td>10 minutes</td></tr><tr><th scope="row">Allergy Information</th><td>None</td></tr></table>
 

src/content/posts/2024-01-31-citrusy-marinade-7787.md

@@ -62,5 +62,5 @@ Sodium: 200mg<br />
 Total Carbohydrate: 3g<br />
 Dietary Fiber: 0g<br />
 Sugar: 1g<br />
-Protein: 1g&nbsp;</td></tr><tr><th scope="row">Preparation Time</th><td>10 minutes&nbsp;</td></tr><tr><th scope="row">Allergy Information</th><td>This citrusy marinade is vegan and does not contain any common allergens.&nbsp;</td></tr></table>
+Protein: 1g</td></tr><tr><th scope="row">Preparation Time</th><td>10 minutes</td></tr><tr><th scope="row">Allergy Information</th><td>This citrusy marinade is vegan and does not contain any common allergens.</td></tr></table>