Cooklang on material for mkdocs.ipynb

{
 "cells": [
  {
   "cell_type": "markdown",
   "id": "8997a050-1be7-4e71-8899-197586e1daca",
   "metadata": {},
   "source": [
    "# Cooklang on Material for mkdocs"
   ]
  },
  {
   "cell_type": "markdown",
   "id": "62d487b6-dd38-4ae1-947d-260e93d4409b",
   "metadata": {},
   "source": [
    "## Helpers"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 1,
   "id": "227c3c86-627c-4be6-bd11-4ea515ad2e12",
   "metadata": {},
   "outputs": [],
   "source": [
    "import re\n",
    "####################################################################################################\n",
    "#                                                                                                  #\n",
    "#                                      Helper Functions                                            #\n",
    "#                                                                                                  #\n",
    "#################################################################################################### \n",
    "\n",
    "def find_specials(step: str, start_char=\"#\") -> list[str]:\n",
    "    matches = []\n",
    "    item = \"\"\n",
    "    matching: bool = False\n",
    "    specials = [\"~\", \"@\", \"#\"]\n",
    "    for i, x in enumerate(step):\n",
    "        if x == start_char:\n",
    "            if start_char == \"~\" and step[i - 1] == \"{\":\n",
    "                continue  # Skip - approx value in ingredient\n",
    "            matching = True\n",
    "            item += x\n",
    "            continue\n",
    "        if matching and x in specials:\n",
    "            if \" \" in item:\n",
    "                item = item.split(\" \")[0]\n",
    "            elif \".\" in item:\n",
    "                item = item.split(\".\")[0]\n",
    "            matches.append(item)\n",
    "            matching = False\n",
    "            item = \"\"\n",
    "        if matching and x == \"}\":\n",
    "            item += x\n",
    "            matches.append(item)\n",
    "            matching = False\n",
    "            item = \"\"\n",
    "        if matching:\n",
    "            item += x\n",
    "\n",
    "    if matching:\n",
    "        if \" \" in item:\n",
    "            item = item.split(\" \")[0]\n",
    "        elif \".\" in item:\n",
    "            item = item.split(\".\")[0]\n",
    "        matches.append(item)\n",
    "    return matches"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 2,
   "id": "f394c4c6-405f-44e5-853e-2d5ed920bf17",
   "metadata": {},
   "outputs": [],
   "source": [
    "def find_ingredients(step: str) -> list[str]:\n",
    "    \"\"\"Find ingredients in a recipe step\"\"\"\n",
    "    return find_specials(step, \"@\")"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 3,
   "id": "1b750c6d-cc0a-46a5-9995-5166919d2349",
   "metadata": {},
   "outputs": [],
   "source": [
    "def parse_ingredient(item: str) -> dict[str, str]:\n",
    "    \"\"\"Parse an ingredient string\n",
    "    eg. @salt or @milk{4%cup}\n",
    "    \"\"\"\n",
    "    if item[0] != \"@\":\n",
    "        raise ValueError(\"Ingredients should start with @\")\n",
    "    if item[-1] != \"}\":\n",
    "        return {\n",
    "            \"type\": \"ingredient\",\n",
    "            \"name\": item[1:],\n",
    "            \"quantity\": \"some\",\n",
    "            \"units\": \"\",\n",
    "        }\n",
    "    name, quantity = item.split(\"{\", maxsplit=1)\n",
    "    val, units = parse_quantity(quantity[0:-1])\n",
    "    return {\n",
    "        \"type\": \"ingredient\",\n",
    "        \"name\": name[1:],\n",
    "        \"quantity\": val or \"as needed\",\n",
    "        \"units\": units,\n",
    "    }"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 4,
   "id": "b90ad404-d624-4828-8220-853acd2a92b0",
   "metadata": {},
   "outputs": [],
   "source": [
    "def parse_quantity(item: str) -> list[str, str]:\n",
    "    \"\"\"Parse the quantity portion of an ingredient\n",
    "    e.g. 2%kg\n",
    "    \"\"\"\n",
    "    if \"%\" not in item:\n",
    "        if \" \" not in item: #in case the ingredient is just specified as a number with no unit\n",
    "            return [item, \"number\"]\n",
    "        else:\n",
    "            return [item, \"\"]\n",
    "    return item.split(\"%\", maxsplit=1)\n",
    "    "
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 5,
   "id": "038bae2e-1a86-4970-a53c-4d1f86ae842d",
   "metadata": {},
   "outputs": [],
   "source": [
    "def find_cookware(step: str) -> list[str]:\n",
    "    \"\"\"Find ingredients in a recipe step\"\"\"\n",
    "    return find_specials(step, \"#\")"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 6,
   "id": "b5313ade-3bb9-45b1-b156-3988928c3691",
   "metadata": {},
   "outputs": [],
   "source": [
    "def parse_cookware(item: str) -> dict[str, str]:\n",
    "        \"\"\"Parse cookware item\n",
    "        e.g. #pot or #potato masher{}\n",
    "        \"\"\"\n",
    "        if item[0] != \"#\":\n",
    "            raise ValueError(\"Cookware should start with #\")\n",
    "        item = item.replace(\"{}\", \"\")\n",
    "        return item[1:] "
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 7,
   "id": "dba7cfce-8982-453a-8c97-c055bab53ee7",
   "metadata": {},
   "outputs": [],
   "source": [
    "def find_timers(step: str) -> list[str]:\n",
    "        \"\"\"Find timers in a recipe step\"\"\"\n",
    "        return find_specials(step, \"~\")"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 8,
   "id": "bedb2943-d13e-47cf-98ce-ac868b60a219",
   "metadata": {},
   "outputs": [],
   "source": [
    "def parse_timer(item: str) -> dict[str, str]:\n",
    "        \"\"\"Parse timer string\n",
    "        e.g. ~eggs{3%minutes} or ~{25%minutes}\n",
    "        \"\"\"\n",
    "        if item[0] != \"~\":\n",
    "            raise ValueError(\"Timer should start with ~\")\n",
    "        name, quantity = item.split(\"{\", maxsplit=1)\n",
    "        val, units = parse_quantity(quantity[0:-1])\n",
    "        return {\n",
    "            \"type\": \"timer\",\n",
    "            \"name\": name[1:],\n",
    "            \"quantity\": val,\n",
    "            \"units\": units,\n",
    "        }"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 9,
   "id": "a1410b18-6249-4764-9fa1-1df812b2956c",
   "metadata": {},
   "outputs": [],
   "source": [
    "def replace_amount(value):\n",
    "    # Replace fractions with decimals\n",
    "    if '/' in value:\n",
    "        numerator, denominator = value.split('/')\n",
    "        try:\n",
    "            value = str(float(numerator) / float(denominator))\n",
    "        except ZeroDivisionError:\n",
    "            value = '0'\n",
    "\n",
    "    # Replace ranges with the highest value\n",
    "    if '-' in value:\n",
    "        value = value.split('-')[-1]\n",
    "\n",
    "    # Replace worded items with 0\n",
    "    if value.isalpha() or re.match(r'^[a-zA-Z\\s]+$', value):\n",
    "        value = '0'\n",
    "\n",
    "    # Additional replacements\n",
    "    value = value.lower().strip()\n",
    "    if value == 'as needed' or value == 'to taste' or value == 'to taste (optional)':\n",
    "        value = '0'\n",
    "    elif value.endswith('l') or value.endswith('ml'):\n",
    "        value = value[:-1]\n",
    "\n",
    "    return value"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 10,
   "id": "bb47a502-73c7-4c1c-94ab-75f1e318fb22",
   "metadata": {},
   "outputs": [],
   "source": [
    "def replace_unit(unit):\n",
    "    # Remove information in brackets\n",
    "    unit = re.sub(r'\\(.*?\\)', '', unit)\n",
    "\n",
    "    # Remove trailing whitespace\n",
    "    unit = unit.upper().strip()\n",
    "\n",
    "    return unit"
   ]
  },
  {
   "cell_type": "markdown",
   "id": "a9d21be3-ca44-40e0-b5d6-e7c52e831722",
   "metadata": {},
   "source": [
    "## Plantuml steps creator"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 11,
   "id": "c711b81c-e915-42e7-9328-3b3703949120",
   "metadata": {},
   "outputs": [],
   "source": [
    "import re\n",
    "\n",
    "####################################################################################################\n",
    "#                                                                                                  #\n",
    "#             Newlines in the input_string after specified number of characters-(KEEP)             #\n",
    "#                                                                                                  #\n",
    "####################################################################################################\n",
    "\n",
    "def insert_newlines(input_string: str, chars_per_line: int):\n",
    "    \"\"\"Inserts newline in the input_string after specified number of characters from char_per_line\"\"\"\n",
    "    # Use regex to find words and HTML elements\n",
    "    words = re.findall(r'<[^>]+>.*?</[^>]+>|[^<\\s]+', input_string)\n",
    "    mod = \"\"\n",
    "    count = 0\n",
    "    for word in words:\n",
    "        if count + len(word) > chars_per_line:\n",
    "            mod += \"\\n\\t\"\n",
    "            count = 0\n",
    "        mod += word + \" \"\n",
    "        count += len(word) + 1\n",
    "    return mod.strip() "
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 12,
   "id": "e58adc8b-3a4d-4986-b11a-c043d89ae692",
   "metadata": {},
   "outputs": [],
   "source": [
    "####################################################################################################\n",
    "#                                                                                                  #\n",
    "#                         Function to return Plantuml compliant String-(KEEP)                      #\n",
    "#                                                                                                  #\n",
    "####################################################################################################\n",
    "\n",
    "def puml(step: str):\n",
    "    \"\"\"\n",
    "    This function takes a single step and checks for any If statements and transforms the string for if loop where needed.\n",
    "    It removes some of the markdown formatting, from the stringy, applies some formatting specific to plantuml \n",
    "    and calls insert_newline ffunction to ensure plantuml boxes don't overflow before returning the string.\n",
    "    \"\"\"\n",
    "    out = \"\"\n",
    "\n",
    "    # Convert step into uppercase for uniform comparison\n",
    "    p_step = step.upper().strip()\n",
    "    # Check if step starts with IF and contains a THEN \n",
    "    # If so, it is a candidate for If Then Else syntax of plantuml\n",
    "    # If not treat it as normal step\n",
    "    if p_step.startswith('IF') and 'THEN' in p_step:\n",
    "        # Replace 'ELSE IF' with 'ELSEIF' so there is no clash with final ELSE statement\n",
    "        if 'ELSE IF' in p_step:\n",
    "            p_step = p_step.replace('ELSE IF','ELSEIF')\n",
    "        # Create a variable to first remove just IF from the step\n",
    "        if_removed = ''.join(re.split(r\"\\bIF\\b\", p_step)).strip()\n",
    "        # Using above, remove 'ELSE'. This will be a list with two items\n",
    "        else_removed_l = re.split(r\"\\bELSE\\b\", if_removed)\n",
    "        # Now will If and Else removed, break the sentencefirst item from above list\n",
    "        # at ELSEIF and store in another list below\n",
    "        elif_removed_l = re.split(r\"\\bELSEIF\\b\", else_removed_l[0])\n",
    "        # For every item in above list, break it down at THEN and store in a new list\n",
    "        then_removed_l = []\n",
    "        for elif_removed in elif_removed_l:\n",
    "            then_removed_l += re.split(r\"\\bTHEN\\b\", elif_removed)\n",
    "        # Initiate if loop parsing\n",
    "        i = 0\n",
    "        while i < len(then_removed_l): \n",
    "            if i==0:\n",
    "                # The very first entry in then_removed_l is condition for if statement \n",
    "                # and second entry is then statement\n",
    "                out += f'\\tif ({insert_newlines(then_removed_l[i].strip(),20)}?) then (yes)\\n\\t\\t:{insert_newlines(then_removed_l[i+1].strip().capitalize(),30)};\\n'\n",
    "                i = i+2\n",
    "            elif i % 2 == 0:\n",
    "                # Add elseif condition \n",
    "                #Logic is that variable then_removed_l has every even item as an elseif condition \n",
    "                # and every odd item as then statement\n",
    "                out+= f'\\t(no) elseif ({insert_newlines(then_removed_l[i].strip().capitalize(),20)}?) then (yes)\\n'\n",
    "                i = i+1\n",
    "            else:\n",
    "                #Every odd entry is a then statement so use it to create the then statement\n",
    "                out+=f'\\t\\t:{insert_newlines(then_removed_l[i].strip().capitalize(),30)};\\n'\n",
    "                i = i + 1\n",
    "        # Check if ELSE exists in the step and if it does include the final else statement\n",
    "        if len(else_removed_l)>1:\n",
    "            out += f'\\telse (no)\\n\\t\\t:{insert_newlines(else_removed_l[1].strip().capitalize(),30)};\\n'\n",
    "        else:\n",
    "            out += f'\\telse (no)\\n\\t\\t\\n'\n",
    "        out += f'\\tendif\\n'\n",
    "    elif step != '':\n",
    "        if step.startswith('**') and step.endswith('**'):\n",
    "            # If the step starts with ** and ends with **, apply different formatting and remove **\n",
    "            step = step.replace(\"**\",\"\")\n",
    "            out += f'\\t#Maroon:<color: white>{insert_newlines(p_step.replace(\"`\",\"\").strip(),50)}</color>/\\n'\n",
    "        elif step.startswith('--'):\n",
    "            # If step starts with -- then its a single line comment\n",
    "            out += f'\\t{insert_newlines(p_step.replace(\"`\",\"\").strip().capitalize(),50)}'\n",
    "        elif step.startswith('[-'):\n",
    "            # If step starts with [- then it is a string of multiline comments with newline in it\n",
    "            # break each new line and then break it further based on number of characters.\n",
    "            p_steps_split = p_step.splitlines()\n",
    "            for p_step_split in p_steps_split:\n",
    "                out += f'\\n\\t{insert_newlines(p_step_split.replace(\"`\",\"\").strip().capitalize(),50)}'\n",
    "            out = f\"{out}\\n\"\n",
    "        else:\n",
    "            # If the step does not start with ** and ends with **, apply standard formatting\n",
    "            out += f'\\t:{insert_newlines(p_step.replace(\"`\",\"\").strip().capitalize(),50)};\\n'\n",
    "    #out = f'{steps_string}\\n\\n{out}'\n",
    "    # Return final markdown for plantuml step\n",
    "    return out"
   ]
  },
  {
   "cell_type": "markdown",
   "id": "5cf3332f-80b2-489c-ab55-e7d563e3a57d",
   "metadata": {},
   "source": [
    "## Nutritionix API Call"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 13,
   "id": "4d28e3e6-2506-4a6f-b0ff-4d862e7646d7",
   "metadata": {},
   "outputs": [],
   "source": [
    "import os\n",
    "import requests\n",
    "import json\n",
    "import pandas as pd\n",
    "\n",
    "####################################################################################################\n",
    "#                                                                                                  #\n",
    "#                Function to convert response from the API into a usable dataframe                 #\n",
    "#                                                                                                  #\n",
    "####################################################################################################\n",
    "\n",
    "def create_nutrient_dataframe(df, ing_str):\n",
    "    if isinstance(df, pd.DataFrame):\n",
    "        nutrient_info = {\n",
    "            208: {'name': 'Calories', 'drv': 2250, 'unit': 'kcal', 'values': []},\n",
    "            606: {'name': 'Saturated Fat', 'drv': 20, 'unit': 'g', 'values': []},\n",
    "            204: {'name': 'Total Fat', 'drv': 70, 'unit': 'g', 'values': []},\n",
    "            205: {'name': 'Carbohydrate', 'drv': 260, 'unit': 'g', 'values': []},\n",
    "            269: {'name': 'Sugars', 'drv': 30, 'unit': 'g', 'values': []},\n",
    "            203: {'name': 'Protein', 'drv': 50, 'unit': 'g', 'values': []},\n",
    "            291: {'name': 'Dietary fiber', 'drv': 30, 'unit': 'g', 'values': []},\n",
    "            645: {'name': 'Monounsaturated Fat', 'drv': 0.0, 'unit': 'g', 'values': []},\n",
    "            646: {'name': 'Polyunsaturated Fat', 'drv': 0.0, 'unit': 'g', 'values': []},\n",
    "            605: {'name': 'Trans Fat', 'drv': 0.0, 'unit': 'g', 'values': []},\n",
    "            601: {'name': 'Cholesterol', 'drv': 300, 'unit': 'mg', 'values': []},\n",
    "            307: {'name': 'Sodium', 'drv': 2300, 'unit': 'mg', 'values': []},\n",
    "            306: {'name': 'Potassium K', 'drv': 3500, 'unit': 'mg', 'values': []},\n",
    "            301: {'name': 'Calcium', 'drv': 700, 'unit': 'mg', 'values': []},\n",
    "            303: {'name': 'Iron', 'drv': 11.75, 'unit': 'mg', 'values': []},\n",
    "            309: {'name': 'Zinc', 'drv': 8.25, 'unit': 'mg', 'values': []},\n",
    "            317: {'name': 'Selenium', 'drv': 75, 'unit': 'Âµg', 'values': []},\n",
    "            328: {'name': 'Vitamin D (D2 + D3)', 'drv': 10, 'unit': 'Âµg', 'values': []},\n",
    "            323: {'name': 'Vitamin E', 'drv': 15, 'unit': 'mg', 'values': []},\n",
    "            415: {'name': 'Vitamin B-6', 'drv': 1.4, 'unit': 'mg', 'values': []},\n",
    "            418: {'name': 'Vitamin B-12', 'drv': 2.4, 'unit': 'Âµg', 'values': []},\n",
    "            262: {'name': 'Caffeine', 'drv': 400, 'unit': 'mg', 'values': []},\n",
    "        }\n",
    "\n",
    "        food_names = df['food_name'].tolist()\n",
    "        \n",
    "        # Conditional assignment for input_strs\n",
    "        if len(ing_str) == len(df['food_name']):\n",
    "            input_strs = ing_str \n",
    "        else:\n",
    "            input_strs = ['Not all ingredients returned'] * len(df['food_name'])\n",
    "\n",
    "        net_carbs = [round(((row['nf_total_carbohydrate'] - row['nf_dietary_fiber']) / row['serving_weight_grams']) * 100, 2) for _, row in df.iterrows()]\n",
    "\n",
    "        for _, row in df.iterrows():\n",
    "            for nutrient_id, nutrient_data in nutrient_info.items():\n",
    "                nutrient_value = 0\n",
    "                for entry in row['full_nutrients']:\n",
    "                    if entry.get('attr_id') == nutrient_id:\n",
    "                        nutrient_value = entry['value'] if row['serving_weight_grams'] == 100 else round((entry['value'] / row['serving_weight_grams']) * 100, 2)\n",
    "                        break  # Exit inner loop once nutrient is found\n",
    "                nutrient_data['values'].append(nutrient_value)\n",
    "\n",
    "        new_df = pd.DataFrame({\n",
    "            'input_str': input_strs,\n",
    "            'source': '[Nutritionix](https://www.nutritionix.com)',\n",
    "            'food_name': food_names,\n",
    "            'net_carb': net_carbs,\n",
    "            'serving_unit': 'gms',\n",
    "            'serving_weight_grams': '100',\n",
    "        })\n",
    "\n",
    "        for nutrient_id, nutrient_data in nutrient_info.items():\n",
    "            nutrient_col_name = nutrient_data['name'].replace(' ', '_')\n",
    "            new_df[nutrient_col_name] = nutrient_data['values']\n",
    "            new_df[nutrient_col_name + '_drv'] = nutrient_data['drv']\n",
    "            # Add unit column for each nutrient\n",
    "            new_df[nutrient_col_name + '_unit'] = nutrient_data['unit'] \n",
    "\n",
    "        return new_df\n",
    "\n",
    "    else:\n",
    "        print('Not a dataframe')\n",
    "        return df"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 14,
   "id": "bd0df10a-f1f5-44ba-bd7b-89e36eec533e",
   "metadata": {},
   "outputs": [],
   "source": [
    "####################################################################################################\n",
    "#                                                                                                  #\n",
    "#                            Main Function to call Nutritioninx API                                #\n",
    "#                                                                                                  #\n",
    "####################################################################################################\n",
    "\n",
    "def get_nutritionix_data(ingredients_str):\n",
    "    # Replace with your actual NutritionX API endpoint, app ID, and app key\n",
    "    api_url = \"https://trackapi.nutritionix.com/v2/natural/nutrients\"\n",
    "    app_id = os.environ.get(\"NUTRITIONIX_APP_ID\")\n",
    "    app_key = os.environ.get(\"NUTRITIONIX_APP_KEY\")\n",
    "\n",
    "    if not ingredients_str:\n",
    "        #print(\"Empty ingredient string\")\n",
    "        return None\n",
    "\n",
    "    payload = {\"query\": ingredients_str}\n",
    "    headers = {\n",
    "        \"Content-Type\": \"application/json\",\n",
    "        \"x-app-id\": app_id,\n",
    "        \"x-app-key\": app_key,\n",
    "        \"line_delimited\": \"TRUE\",\n",
    "    }\n",
    "\n",
    "    try:\n",
    "        response = requests.post(api_url, data=json.dumps(payload), headers=headers)\n",
    "        response.raise_for_status()  # Raise HTTPError for bad responses (4xx or 5xx)\n",
    "        nutrition_data = response.json()\n",
    "\n",
    "        if \"foods\" not in nutrition_data:\n",
    "            #print(\"Unexpected response format from Nutritionix API\")\n",
    "            return None\n",
    "        \n",
    "        df = pd.json_normalize(nutrition_data.get('foods', []))\n",
    "\n",
    "        df['full_nutrients'] = df['full_nutrients'].apply(\n",
    "            lambda x: json.loads(x.replace(\"'\", '\"')) if not isinstance(x, list) else x\n",
    "        )\n",
    "\n",
    "        ingredient_list = [ingredient.split(' -')[0] for ingredient in ingredients_str.splitlines()]\n",
    "\n",
    "        try:\n",
    "            new_df = create_nutrient_dataframe(df, ingredient_list)\n",
    "            return new_df\n",
    "        except Exception as e:\n",
    "            print(f\"An error occurred during DataFrame creation: {e}\")\n",
    "            return df\n",
    "    except requests.exceptions.RequestException as e:\n",
    "        print(f\"Error during API request: {e} while trying to get the ingredient {ingredients_str}\")\n",
    "        return None"
   ]
  },
  {
   "cell_type": "markdown",
   "id": "9c41c6c5-effa-42ba-bf50-9eddd80d8a10",
   "metadata": {},
   "source": [
    "## Nutrition Label Creator"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 15,
   "id": "9a4681dd-2c8f-4d5a-9f48-e79587dd5ce7",
   "metadata": {},
   "outputs": [],
   "source": [
    "import pandas as pd\n",
    "#from parser.helpers import find_ingredients, parse_ingredient, replace_amount, replace_unit\n",
    "#from parser.Nutritionix_api_call import get_nutritionix_data\n",
    "\n",
    "####################################################################################################\n",
    "#                                                                                                  #\n",
    "#                      Function to create nutrient summary dataframe                               #\n",
    "#                                                                                                  #\n",
    "####################################################################################################\n",
    "    \n",
    "def calculate_nutrient_summary_per_weight(\n",
    "    df, \n",
    "    recipe_weight_in_gms,\n",
    "    specified_weight,\n",
    "    nutrient_col_list,\n",
    "    total_nutrients, \n",
    "    average_nutrient_drv,\n",
    "    average_nutrient_unit,\n",
    "    nutrient_drv_columns,\n",
    "    nutrient_unit_columns\n",
    "):\n",
    "    # Create a new row for the specified weight\n",
    "    specified_nutrients = {\n",
    "        'recipe_weight_in_gms': specified_weight,\n",
    "        **{f'{nutrient}': [(total_nutrients[nutrient] / recipe_weight_in_gms) * specified_weight] for nutrient in nutrient_col_list},\n",
    "        **{f'{nutrient_drv}': [average_nutrient_drv[nutrient_drv]] for nutrient_drv in nutrient_drv_columns},\n",
    "        **{f'{nutrient_unit}': [average_nutrient_unit[nutrient_unit]] for nutrient_unit in nutrient_unit_columns},\n",
    "    }\n",
    "    specified_weight_df = pd.DataFrame(specified_nutrients, index=[0])\n",
    "    return specified_weight_df"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 16,
   "id": "22e57d12-7fec-47a9-8475-0193f6f53090",
   "metadata": {},
   "outputs": [],
   "source": [
    "####################################################################################################\n",
    "#                                                                                                  #\n",
    "#                          Function to create total nutrient weight dict                           #\n",
    "#                                          (KEEP)                                                  #\n",
    "####################################################################################################\n",
    "def fn_total_df_weight(input_string) -> tuple[dict, str, int]:\n",
    "#def fn_total_df_weight(input_string):\n",
    "    lines = input_string.splitlines()\n",
    "    all_recipe_ingredients = []\n",
    "    step_count = 1\n",
    "    serving_size = 1\n",
    "    for line in lines:\n",
    "        if line.strip() != \"\" and not line.startswith(\">>\"):\n",
    "            step = line.strip()\n",
    "            for ingredient in find_ingredients(step):\n",
    "                parsed_ingredient = parse_ingredient(ingredient)\n",
    "                parsed_ingredient['step'] = step_count\n",
    "                all_recipe_ingredients.append(parsed_ingredient)\n",
    "            if step != '':\n",
    "                if step.startswith('**') and step.endswith('**'):\n",
    "                    pass\n",
    "                else:\n",
    "                    step_count+=1\n",
    "        elif line.startswith(\">> Serving\"):\n",
    "            serving_size_str =  line.lstrip(\">> \").strip().split(\": \")[1].split(\" \")[0]\n",
    "            # Convert to integer\n",
    "            try:\n",
    "                serving_size = int(serving_size_str)  # Convert the string to an integer\n",
    "            except ValueError:\n",
    "                serving_size = 1  # Set to 1 if conversion fails\n",
    "#            print(f\"Serving Size: {serving_size}\")\n",
    "    # Read ingredient and unit csv files\n",
    "    df_ingredient_db = pd.read_csv('ingredient_nutrient_db.csv')\n",
    "    df_units_db = pd.read_csv('unit_db.csv')\n",
    "    # Create a lookup dictionary from df_units_db\n",
    "    unit_lookup_dict = df_units_db.set_index('Unit')['eq_gms'].to_dict()    \n",
    "    df_recipe_ingredients = pd.DataFrame(all_recipe_ingredients)\n",
    "    ##### Code to create nutrition label\n",
    "    df_recipe_ingredients['cleaned_quantity'] = pd.to_numeric(df_recipe_ingredients['quantity'].apply(replace_amount), errors='coerce')\n",
    "    df_recipe_ingredients['cleaned_unit'] = df_recipe_ingredients['units'].apply(replace_unit)\n",
    "    df_recipe_ingredients['quantity_in_gms'] = df_recipe_ingredients['cleaned_quantity'] * df_recipe_ingredients['cleaned_unit'].map(unit_lookup_dict).fillna(0)\n",
    "    df_recipe_ingredients = df_recipe_ingredients.map(lambda x: x.upper() if isinstance(x, str) else x)\n",
    "    #print(\"*******************df_recipe_ingredients***********\")\n",
    "    #print(df_recipe_ingredients.keys())\n",
    "    #print(df_ingredient_db.keys())\n",
    "\n",
    "    # Perform the left merge with ingredient database\n",
    "    merged_df = df_recipe_ingredients.merge(df_ingredient_db, left_on='name', right_on='input_str', how='left')\n",
    "\n",
    "    # Filter to get found entries\n",
    "    found_entries = merged_df[merged_df['input_str'].notna()]\n",
    "    #print(\"*******************found_entries***********\")\n",
    "    #print(found_entries)\n",
    "    #Set nutrient columns\n",
    "    nutrient_columns = ['net_carb', 'Calories', 'Total_Fat', 'Saturated_Fat', 'Carbohydrate', 'Sugars', 'Protein',\n",
    "                    'Dietary_fiber', 'Monounsaturated_Fat', 'Polyunsaturated_Fat',\n",
    "                    'Trans_Fat', 'Cholesterol', 'Sodium', 'Potassium_K',\n",
    "                    'Calcium', 'Iron', 'Zinc', 'Selenium',\n",
    "                    'Vitamin_D_(D2_+_D3)', 'Vitamin_E',\n",
    "                    'Vitamin_B-6', 'Vitamin_B-12', 'Caffeine']\n",
    "\n",
    "    # found_entries is a slice of another DataFrame so create a copy\n",
    "    found_entries = found_entries.copy()\n",
    "\n",
    "    # Cast nutrient columns to float64\n",
    "    found_entries[nutrient_columns] = found_entries[nutrient_columns].astype('float64')\n",
    "\n",
    "    # Update nutrient values\n",
    "    for nutrient in nutrient_columns:\n",
    "        found_entries.loc[:, nutrient] = (found_entries[nutrient] / found_entries['serving_weight_grams']) * found_entries['quantity_in_gms']\n",
    "    # Prepare data for calling calculate_nutrient_summary_per_weight function\n",
    "    total_weight_df = pd.DataFrame()\n",
    "    # Define the columns for nutrient calculation\n",
    "    nutrient_drv_columns = []\n",
    "    nutrient_unit_columns = []\n",
    "    for nutrient in nutrient_columns:\n",
    "        if nutrient != 'net_carb':\n",
    "            nutrient_drv_columns.append(f'{nutrient}_drv')\n",
    "            nutrient_unit_columns.append(f'{nutrient}_unit')\n",
    "    # Calculate the total weight of the recipe in grams\n",
    "    recipe_weight_in_gms = found_entries['quantity_in_gms'].sum()\n",
    "    # Sum the updated nutrient values for the entire recipe\n",
    "    total_nutrients = found_entries[nutrient_columns].sum()\n",
    "    average_nutrient_drv = found_entries[nutrient_drv_columns].mean()\n",
    "    average_nutrient_unit = found_entries[nutrient_unit_columns].iloc[0]\n",
    "    #get caluclations for 100gms of recipe\n",
    "    calculation_weights = [recipe_weight_in_gms,100,recipe_weight_in_gms/serving_size, 2*recipe_weight_in_gms/serving_size]\n",
    "    #print(calculation_weights)\n",
    "\n",
    "    for calculation_weight in calculation_weights:\n",
    "        total_weight_df = pd.concat([total_weight_df,(\n",
    "            calculate_nutrient_summary_per_weight(\n",
    "                found_entries, \n",
    "                recipe_weight_in_gms,\n",
    "                calculation_weight,\n",
    "                nutrient_columns,\n",
    "                total_nutrients,\n",
    "                average_nutrient_drv,\n",
    "                average_nutrient_unit,\n",
    "                nutrient_drv_columns,\n",
    "                nutrient_unit_columns\n",
    "            )\n",
    "        )], ignore_index=True)\n",
    "\n",
    "    new_order = ['recipe_weight_in_gms','net_carb']\n",
    "    for nutrient in nutrient_columns:\n",
    "        if nutrient != 'net_carb':\n",
    "            # Check if DRV is 0\n",
    "            if total_weight_df[f'{nutrient}_drv'].iloc[0] == 0:\n",
    "                total_weight_df[f'{nutrient}_drv_%'] = \"\"  # Assign special value\n",
    "            else:\n",
    "                total_weight_df[f'{nutrient}_drv_%'] = round((total_weight_df[f'{nutrient}'] / total_weight_df[f'{nutrient}_drv']) * 100,2)\n",
    "            new_order.append(f'{nutrient}')\n",
    "            new_order.append(f'{nutrient}_unit')\n",
    "            new_order.append(f'{nutrient}_drv_%')\n",
    "            new_order.append(f'{nutrient}_drv')\n",
    "    # Display the new DataFrame\n",
    "    #print(new_order)\n",
    "    total_weight_df = total_weight_df[new_order].round(2)\n",
    "    # Deal with Not found entries\n",
    "    not_found_entries = merged_df[merged_df['input_str'].isna()]\n",
    "    #print(\"*******************not_found_entries***********\")\n",
    "    #print(not_found_entries)\n",
    "    if isinstance(not_found_entries,pd.DataFrame):\n",
    "        # Create the string\n",
    "        #not_found_string = '\\n'.join(not_found_entries['name'] + ' - ' + not_found_entries['quantity_in_gms'].astype(str) + ' gms')\n",
    "        not_found_string_search = '\\n'.join(not_found_entries['name'] + ' - 100 gms')\n",
    "        #print(not_found_string_search)\n",
    "        not_found_df = get_nutritionix_data(not_found_string_search)\n",
    "        if isinstance(not_found_df,pd.DataFrame):\n",
    "            table_string = not_found_df.to_markdown(index=False).replace('\\n','\\n\\t')\n",
    "            copy_block_string = not_found_df.to_csv(index=False, header=False,sep=',').replace('\\n','\\n\\t\\t')\n",
    "            missing_ingredients_string = f\"Following ingredient was not found on database. It's values from Nutirionix database are as shown in the table below.\\n\\n\\t{table_string}\\n\\n\\tIf these are correct, these can be added to ingredient database simply by copying the code block and pasting in the csv file.\\n\\n\\t??? warning \\\"Copy for ingredient db\\\"\\n\\t\\t```\\n\\t\\t{copy_block_string}```\"\n",
    "            #print(missing_ingredients_string)\n",
    "        else:\n",
    "            missing_ingredients_string = \"\"\n",
    "    # Renaming columns\n",
    "    found_entries.rename(columns={\n",
    "        'name': 'Ingredient',\n",
    "        'quantity': 'Quantity',\n",
    "        'quantity_in_gms': 'Qty in gms',\n",
    "        'source': 'Source',\n",
    "        'cleaned_unit': 'Unit',\n",
    "        'net_carb': 'Net Carbs (gms)'\n",
    "    }, inplace=True)\n",
    "    net_carbs_table_found_ingredients = found_entries[['Ingredient', 'Quantity', 'Unit', 'Qty in gms', 'Source', 'Net Carbs (gms)']].round(2).to_markdown(index=False)\n",
    "    #nutrient_labels = f\"## Nutrition Label\\n\\n{get_label_string(total_weight_df,missing_ingredients_string,serving_size)}\"\n",
    "    return total_weight_df.to_dict(), missing_ingredients_string, serving_size, net_carbs_table_found_ingredients"
   ]
  },
  {
   "cell_type": "markdown",
   "id": "d8d2c706-b2a4-4387-83c0-dff520ce782f",
   "metadata": {},
   "source": [
    "## Ingredients String Creator"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 17,
   "id": "4c1f3cbe-c95e-408b-b152-0975b1b9be54",
   "metadata": {},
   "outputs": [],
   "source": [
    "import re\n",
    "import pandas as pd\n",
    "#from parser.helpers import find_ingredients, parse_ingredient\n",
    "\n",
    "###########################################################################################\n",
    "###                                                                                     ###\n",
    "###      Function to return recipe ingredients as dict and nutrition_info_addendum      ###\n",
    "###                                        (KEEP)                                       ###\n",
    "###########################################################################################\n",
    "\n",
    "def fn_recipe_ingredients(input_string):\n",
    "    \"\"\"\n",
    "    Function takes cooklang block content as input. \n",
    "    1) Parses it to get ingredients, qty and units and returns as a dict. \n",
    "    2) Additionally, the function creates a Nutritionix link for all ingredients\n",
    "    which is returned as an info admonition along with a code block \n",
    "    that allows copy of all ingredients.\n",
    "    \"\"\"\n",
    "    lines = input_string.splitlines()\n",
    "    recipe_ingredients = {}\n",
    "    all_recipe_ingredients = []\n",
    "    step_count = 1\n",
    "    serving_size = 1\n",
    "    for line in lines:\n",
    "        if line.strip() != \"\" and not line.startswith(\">>\"):\n",
    "            step = line.strip()\n",
    "            for ingredient in find_ingredients(step):\n",
    "                parsed_ingredient = parse_ingredient(ingredient)\n",
    "                parsed_ingredient['step'] = step_count\n",
    "                all_recipe_ingredients.append(parsed_ingredient)\n",
    "            if step != '':\n",
    "                if step.startswith('**') and step.endswith('**'):\n",
    "                    pass\n",
    "                else:\n",
    "                    step_count+=1\n",
    "        elif line.startswith(\">> Serving\"):\n",
    "            serving_size_str =  line.lstrip(\">> \").strip().split(\": \")[1].split(\" \")[0]\n",
    "            # Convert to integer\n",
    "            try:\n",
    "                serving_size = int(serving_size_str)  # Convert the string to an integer\n",
    "            except ValueError:\n",
    "                serving_size = 1  # Set to 1 if conversion fails\n",
    "            #print(f\"Serving Size: {serving_size}\")\n",
    "\n",
    "    #print(all_recipe_ingredients)\n",
    "    recipe_ingredients = {}\n",
    "    \n",
    "    # Organize ingredients\n",
    "    for recipe_ingredient in all_recipe_ingredients:\n",
    "        ingredient_name = recipe_ingredient['name'].title()\n",
    "        ingredient_amount = recipe_ingredient['quantity']\n",
    "        ingredient_unit = recipe_ingredient['units']\n",
    "        ingredient_step = recipe_ingredient['step']\n",
    "        ingredient_key = ingredient_name\n",
    "        \n",
    "        if ingredient_key not in recipe_ingredients:\n",
    "            recipe_ingredients[ingredient_key] = {'with_units': [], 'without_units': set()}\n",
    "        \n",
    "        if ingredient_unit:\n",
    "            recipe_ingredients[ingredient_key]['with_units'].append((ingredient_amount, ingredient_unit, ingredient_step))\n",
    "        else:\n",
    "            recipe_ingredients[ingredient_key]['without_units'].add(ingredient_amount)\n",
    "    ingredient_string = ''\n",
    "    ingredient_count = 1\n",
    "    for recipe_ingredient_key in recipe_ingredients.keys():\n",
    "        for ingredient_amount, ingredient_unit,ingredient_step in recipe_ingredients[recipe_ingredient_key]['with_units']:\n",
    "            stripped_ingredient_unit = re.sub(r'\\(.*?\\)', '', ingredient_unit).upper().strip()\n",
    "            ingredient_string += f\"{recipe_ingredient_key} - {ingredient_amount} {stripped_ingredient_unit}\\n\"\n",
    "        # Add non-unit entries, ensuring uniqueness\n",
    "        for non_unit_amount in recipe_ingredients[recipe_ingredient_key]['without_units']:\n",
    "            ingredient_string += f\"{recipe_ingredient_key} - {non_unit_amount}\\n\"\n",
    "        #ing_table_var += \"<tr>\"\n",
    "        ingredient_count+= 1\n",
    "        #ingredient_string += \"\\n\"\n",
    "    \n",
    "    if not isinstance(serving_size, (int, float)):\n",
    "    # If it's a string or any other type, set it to 1\n",
    "        serving_size = 1\n",
    "\n",
    "    ###### additional info\n",
    "    ingredient_string = ingredient_string.replace('\\n','\\n\\t\\t')\n",
    "    label_string = ingredient_string.replace('\\n\\t\\t','%0A').replace(' ','%20').replace('/','%2F')\n",
    "    #nutrition_label_link = f'Get the nutrition label and other nutrition details for entire recipe on [this link](https://www.nutritionix.com/natural-demo?line_delimited&use_raw_foods&q={label_string}&s={serving_size})' + '{target=_blank}. If something is not right, copy the ingredients from below and paste in the box, adjust as needed.'\n",
    "    nutrition_label_link = f'(https://www.nutritionix.com/natural-demo?line_delimited&use_raw_foods&q={label_string}&s={serving_size})' + '{target=_blank}'\n",
    "    nutrition_info_addendum = f'\\n\\n??? site-info \"[Nutritionix Link]{nutrition_label_link}\"\\n\\tCopy the ingredients from below and adjust as needed.\\n\\t??? site-tip \"Copy Ingredients\"\\n\\t\\t```\\n\\t\\t{ingredient_string}```\\n'\n",
    "\n",
    "    return recipe_ingredients, nutrition_info_addendum"
   ]
  },
  {
   "cell_type": "markdown",
   "id": "d507109e-f1ce-42a0-8c35-d2fd8d48a578",
   "metadata": {},
   "source": [
    "## Steps Creator"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 18,
   "id": "60b9703d-8c1e-4f1f-861f-aba2304319a1",
   "metadata": {},
   "outputs": [],
   "source": [
    "#from parser.helpers import find_cookware, parse_cookware, parse_timer, find_timers, find_ingredients, parse_ingredient \n",
    "#from parser.plantuml_steps_creator import puml\n",
    "\n",
    "####################################################################################################\n",
    "#                                                                                                  #\n",
    "#                  Function to get formatted steps and plantuml steps in list                      #\n",
    "#                                                                                                  #\n",
    "####################################################################################################\n",
    "\n",
    "def fn_steps_list(input_str):\n",
    "    parsed_cookwares = set()\n",
    "    steps_list = []\n",
    "    p_steps_list = []\n",
    "    multiline_note = []\n",
    "    multiline_flag = False\n",
    "    lines = input_str.splitlines()\n",
    "    step_count = 1\n",
    "    p_step = \"\"\n",
    "    for line in lines:\n",
    "        if line.strip() != \"\" and not line.startswith(\">>\"):\n",
    "            step = line.strip()\n",
    "            for cookware in find_cookware(step):\n",
    "                parsed_cookware = parse_cookware(cookware)\n",
    "                parsed_cookwares.add(parsed_cookware.title())\n",
    "                p_step = step.replace(cookware, f\"{parsed_cookware}\")\n",
    "                step = step.replace(cookware, f\"{parsed_cookware}\")\n",
    "            for timer in find_timers(step):\n",
    "                parsed_timer = parse_timer(timer)['quantity'] + ' ' + parse_timer(timer)['units']\n",
    "                p_step = step.replace(timer, parsed_timer)\n",
    "                step = step.replace(timer, f':material-timer-sand-full: {parsed_timer}')\n",
    "            for ingredient in find_ingredients(step):\n",
    "                parsed_ingredient = parse_ingredient(ingredient)\n",
    "                ingredient_name = parsed_ingredient['name']\n",
    "                ingredient_quantity = parsed_ingredient['quantity']\n",
    "                ingredient_unit = parsed_ingredient['units']\n",
    "                if ingredient_unit != '':\n",
    "                    if ingredient_unit != 'Number':\n",
    "                        p_step = p_step.replace(ingredient, f'<i>{ingredient_quantity} {ingredient_unit}</i> <b> {ingredient_name}</b>')\n",
    "                        step = step.replace(ingredient, f'<cookmark><em>{ingredient_quantity} {ingredient_unit}</em> <strong> {ingredient_name}</strong></cookmark>')\n",
    "                    else:\n",
    "                        p_step = p_step.replace(ingredient, f'<i>{ingredient_quantity}</i> <b> {ingredient_name}</b>')\n",
    "                        step = step.replace(ingredient, f'<cookmark><em>{ingredient_quantity}</em> <strong> {ingredient_name}</strong></cookmark>')\n",
    "                else:\n",
    "                    p_step = p_step.replace(ingredient, f'<b>{ingredient_name}</b> ({ingredient_quantity})')\n",
    "                    step = step.replace(ingredient, f'<cookmark><strong>{ingredient_name}</strong></cookmark> ({ingredient_quantity})')\n",
    "            if step.startswith('[-'):\n",
    "                multiline_note.append(step)\n",
    "                multiline_flag = True\n",
    "            else:\n",
    "                if step.endswith('-]'):\n",
    "                    multiline_note.append(step)\n",
    "                    multiline_step = '\\n\\t'.join(multiline_note).replace('[- ','<multiline>\\n\\t').replace(' -]','\\n</multiline>').replace('[-','<multiline>\\n\\t').replace('-]','\\n</multiline>')\n",
    "                    multiline_flag = False\n",
    "                    steps_list.append(multiline_step)\n",
    "                    p_multiline_step = puml('\\n'.join(multiline_note)).replace('[- ','note right\\n\\t').replace(' -]','\\n\\tend note').replace('[-','note right\\n\\t').replace('-]','\\nend note')\n",
    "                    p_steps_list.append(p_multiline_step)\n",
    "                    multiline_note = []\n",
    "                elif multiline_flag:\n",
    "                    multiline_note.append(step)\n",
    "                else:\n",
    "                    if step.startswith('**') and step.endswith('**'):\n",
    "                        p_steps_list.append(puml(step))\n",
    "                        step_section = f\"<strong>{step.replace('**', '')}</strong>\"\n",
    "                        steps_list.append(step_section)\n",
    "                    else:\n",
    "                        if step.startswith('--'):\n",
    "                            p_note = puml(step).replace('-- ','note right\\n\\t').replace('--','note right\\n\\t')\n",
    "                            p_steps_list.append(f\"{p_note}\\n\\tendnote\\n\")\n",
    "                            step_note = step.replace('--','<note>')\n",
    "                            steps_list.append(f\"{step_note}</note>\")\n",
    "                        else:\n",
    "                            p_steps_list.append(f\"{puml(p_step).replace(':',f':<b>Step {step_count}</b>: ')}\")\n",
    "                            steps_list.append(f\"<strong>Step {step_count}</strong>: {step}\")\n",
    "                            step_count+= 1\n",
    "    return steps_list, p_steps_list, parsed_cookwares"
   ]
  },
  {
   "cell_type": "markdown",
   "id": "ff765389-73bd-44b6-85f8-a1dd209c8d8d",
   "metadata": {},
   "source": [
    "## Main Parser"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 19,
   "id": "27830278-1d24-4cfa-b06d-e348c9229bbb",
   "metadata": {},
   "outputs": [],
   "source": [
    "import re\n",
    "\n",
    "####################################################################################################\n",
    "#                                                                                                  #\n",
    "#                           Function to Extract Cooklang Block                                     #\n",
    "#                                                                                                  #\n",
    "####################################################################################################\n",
    "    \n",
    "def fn_extract_cooklang_blocks(content):\n",
    "    # Regular expression to find all occurrences of text between \"```cooklang\" and \"```\"\n",
    "    pattern = r'```cooklang(.*?)```'\n",
    "    \n",
    "    # Use re.DOTALL to make '.' match newlines as well\n",
    "    matches = re.findall(pattern, content, re.DOTALL)\n",
    "    \n",
    "    # Strip whitespace from each match and return the list\n",
    "    return [match.strip() for match in matches]"
   ]
  },
  {
   "cell_type": "markdown",
   "id": "a83d8b2b-6e8f-48ae-924d-b6c4eb4da875",
   "metadata": {},
   "source": [
    "## Hooks.py"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 20,
   "id": "386bb817-c96d-4399-a077-53b2badacaf6",
   "metadata": {},
   "outputs": [],
   "source": [
    "import os\n",
    "from jinja2 import Environment, FileSystemLoader\n",
    "#from parser.ingredients_string_creator import fn_recipe_ingredients\n",
    "#from parser.nutrition_labels_creator import fn_total_df_weight\n",
    "#from parser.parse_recipe import fn_extract_cooklang_blocks\n",
    "#from parser.steps_creator import fn_steps_list\n",
    "\n",
    "def on_page_markdown(markdown, page, **kwargs):\n",
    "    current_page_path = page.file.src_path\n",
    "    current_dir = os.path.dirname(current_page_path)\n",
    "    # Define the base image path\n",
    "    base_image_path = 'assets/images/'\n",
    "    # Check if the current directory is within the Recipes directory\n",
    "    recipes_dir = os.path.abspath('Recipes')  # Get the absolute path of the Recipes directory\n",
    "    current_dir_abs = os.path.abspath(current_dir)  # Get the absolute path of the current directory\n",
    "\n",
    "    # Determine the relative path to the images\n",
    "    if os.path.commonpath([recipes_dir, current_dir_abs]) == recipes_dir:\n",
    "        # If current_dir is a subdirectory of Recipes, calculate how many levels to go up\n",
    "        relative_path_for_image = os.path.relpath(base_image_path, current_dir_abs)\n",
    "    else:\n",
    "        # Default to the base image path if not in Recipes\n",
    "        relative_path_for_image = base_image_path\n",
    "\n",
    "    #print(relative_path_for_image)\n",
    "\n",
    "    cooklang_content = fn_extract_cooklang_blocks(markdown)\n",
    "    if cooklang_content:\n",
    "        # Create Jinja2 environment, specifying overrides folder as search path\n",
    "        env = Environment(loader=FileSystemLoader(['parser', '.'])) \n",
    "        template = env.get_template('recipe_template.html')\n",
    "        for content in cooklang_content:\n",
    "            # Extract data from your functions\n",
    "            meta_data = {} \n",
    "            lines = content.splitlines()\n",
    "            for line in lines:\n",
    "                if line.strip() != \"\" and line.startswith(\">>\"):\n",
    "                    key, value = line.lstrip(\">> \").strip().split(\": \")\n",
    "                    meta_data[key.strip()] = value.strip()\n",
    "\n",
    "            steps_list,p_steps_list,cookware = fn_steps_list(content.strip())\n",
    "            total_weight_dict, missing_ingredients_string, serving_size,net_carbs_table_found_ingredients = fn_total_df_weight(content.strip())\n",
    "            recipe_ingredients, nutrition_info_addendum = fn_recipe_ingredients(content.strip())\n",
    "            \n",
    "            rendered_html = template.render(\n",
    "\t\timage_path=relative_path_for_image,\n",
    "                recipe_ingredients=recipe_ingredients,\n",
    "                metadata=meta_data,\n",
    "                cookware=cookware,\n",
    "                steps=steps_list,\n",
    "                process=p_steps_list,\n",
    "                total_weight_df = total_weight_dict,\n",
    "                serving_size=serving_size,\n",
    "\t\tmissing_ingredients_string=missing_ingredients_string,\n",
    "                cooklang_block=content,\n",
    "                nutrition_info_addendum=nutrition_info_addendum,\n",
    "\t\tnet_carbs_table_found_ingredients=net_carbs_table_found_ingredients,\n",
    "                page=page\n",
    "            )\n",
    "            markdown = markdown.replace(f\"```cooklang\\n{content}\\n```\", rendered_html)\n",
    "    return markdown"
   ]
  },
  {
   "cell_type": "markdown",
   "id": "e59fe78f-8981-4af2-8023-5de4f6054b31",
   "metadata": {},
   "source": [
    "# Test functions with a sample"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 21,
   "id": "0925ce22-d168-4d42-b719-217e657d96a9",
   "metadata": {},
   "outputs": [],
   "source": [
    "relative_path_for_image = \"assets/images/\"\n",
    "content = \"\"\"\n",
    ">> Title: Low Carb Pizza\n",
    ">> Serving Size: 6\n",
    ">> Cooking Time: 30 minutes (Prep Time - 90 minutes)\n",
    ">> Category: Italian\n",
    ">> Type: Vegetarian\n",
    ">> Image: recipe_9_low_carb_pizza.jpg\n",
    ">> Image-Caption: Low Carb Pizza and Garlic Bread.\n",
    "\n",
    "**Common Prep Steps**\n",
    "\n",
    "Add @Olive Oil{1%tbsp} and @sugar{1%tsp} in @water{300%ml} and mix well.\n",
    "Take a #bowl{} and add @vital wheat gluten{1%cup}.\n",
    "Add @wheat bran{1/4%cup}, @oat flour{1/4%cup}.\n",
    "Add @flax meal{1/4%cup}, @Almond Flour{1/2%cup}.\n",
    "Add @baking powder{1%tsp}, @salt{1%tsp}, @dried yeast{7%gms(1 sachet)}.\n",
    "Add liquid mix to dry mix and knead for ~{5%minutes}.\n",
    "Once consolidated, place the dough on oiled #baking sheet{}.\n",
    "Flatten it with hand at first and with #roller pin{} later to bring it to about 14 inch diameter. \n",
    "If you want your pizza to be round then using a #large round utensil{} as guide and #knife or pizza cutter{} trim uneven sides to get a circular shape else just use the #knife or pizza cutter{} to make a rectangular shape.\n",
    "Cover it with a slightly damp cloth and keep it aside to rise.\n",
    "Use the trimmed dough to make another ball of dough and flatten it first with hand and then with roller pin to a size of roughly 8 to 10 inch.\n",
    "Let the two items rise for a ~{40-60%minutes} though leaving for about ~{2%hrs} gets better results.\n",
    "\n",
    "**Garlic Bread**\n",
    "\n",
    "Take the smaller base and Using a #fork{} pierce the base equidistantly.\n",
    "In a #microwaveable bowl{} take @salted butter{30%gms}.\n",
    "Using a #grater{}, grate @Garlic{3-4%cloves(Large)} into the #microwaveable bowl{}.\n",
    "Place the #microwaveable bowl{} into #microwave{} for ~{20-30%seconds}.\n",
    "Using an #oil brush or spatula{} spread the melted butter and Garlic onto the smaller pierced base.\n",
    "Put this into the #oven{} at 180°C for ~{10%minutes}.\n",
    "[- This can also be done using Air Fryer at similar temperature. \n",
    "Although it will quite possibly require less time than 10 minutes. -]\n",
    "Take it out after that and cut it into rectangular pieces using #pizza cutter{}.\n",
    "-- It might be better to let it cool down a bit as it allows for a bit of self-baking.\n",
    "\n",
    "**Pizza  Toppings**\n",
    "\n",
    "While any topping can be used, I started by cutting @Yellow Capsicum{35%gms(1/3)} with #knife{}.\n",
    "Then cut @Brown chestnut mushrooms{30%gms(3-4)}, @onion{50%gms(1/2)} and @canned pineapple{50%gms(1 ring)} using #knife{} and keep them separately for later use.\n",
    "Cut @Paneer{125%gms} and put in a #small bowl{}.\n",
    "Add @virgin olive oil{2%tsp}, @tandoori masala{2%tsp}, @dried fenugreek leaves{2%tsp} and @Pink Himalayan Salt{to taste} and mix well.\n",
    "\n",
    "**Pizza**\n",
    "\n",
    "Take the larger base and spread evenly [@pasta sauce{3%tbsp}](https://kutt.it/pesto-sauce) on it using #spatula{}.\n",
    "Then spread a thin layer of @grated mozzarella cheese{40%gms}.\n",
    "Add all veggie pizza toppings as much as possible without piling up and arranged side to side.\n",
    "Then add paneer cubes, these can be piled on top of veggies, if there isn't enough space.\n",
    "Now spread evenly @grated extra mature cheddar cheese{50%gms}.\n",
    "Then add @jalapenos{10%gms(8-10 rings)}.\n",
    "Finally sprinkle some more @grated mozzarella cheese{20%gms}.\n",
    "Put this into the #oven{} at 180°C for ~{20%minutes}.\n",
    "Take it out after that and cut it using #pizza cutter{}.\n",
    "\"\"\""
   ]
  },
  {
   "cell_type": "markdown",
   "id": "cff0528b-dd39-42df-8268-df06babc1373",
   "metadata": {},
   "source": [
    "## Simulate Hook"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 22,
   "id": "d9ac780f-8845-4e7c-8ba4-6fb4876c0529",
   "metadata": {},
   "outputs": [],
   "source": [
    "import inspect, os\n",
    "stack = inspect.stack()\n",
    "current_dir = os.path.dirname(stack[0].filename)\n",
    "#print(current_dir)"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 23,
   "id": "f40f3377-1fe1-458e-b31f-6a18c0424d04",
   "metadata": {},
   "outputs": [],
   "source": [
    "from jinja2 import Environment, FileSystemLoader\n",
    "env = Environment(loader=FileSystemLoader('.'))\n",
    "template = env.get_template('recipe_template.html')\n",
    "from IPython.display import HTML\n",
    "\n",
    "#current_dir = os.path.dirname()\n",
    "# Define the base image path\n",
    "base_image_path = '../assets/images/'\n",
    "# Check if the current directory is within the Recipes directory\n",
    "recipes_dir = os.path.abspath('Recipes')  # Get the absolute path of the Recipes directory\n",
    "current_dir_abs = os.path.abspath(current_dir)  # Get the absolute path of the current directory\n",
    "\n",
    "# Determine the relative path to the images\n",
    "if os.path.commonpath([recipes_dir, current_dir_abs]) == recipes_dir:\n",
    "    # If current_dir is a subdirectory of Recipes, calculate how many levels to go up\n",
    "    relative_path_for_image = os.path.relpath(base_image_path, current_dir_abs)\n",
    "else:\n",
    "    # Default to the base image path if not in Recipes\n",
    "    relative_path_for_image = base_image_path\n",
    "\n",
    "page = {'title':'low carb pizza', 'url':'/recipes/breakfast%20options/pizza.html'}\n",
    "#print(relative_path_for_image)\n",
    "\n",
    "meta_data = {}\n",
    "\n",
    "lines = content.splitlines()\n",
    "for line in lines:\n",
    "    if line.strip() != \"\" and line.startswith(\">>\"):\n",
    "        key, value = line.lstrip(\">> \").strip().split(\": \")\n",
    "        meta_data[key.strip()] = value.strip()\n",
    "\n",
    "steps_list,p_steps_list,cookware = fn_steps_list(content.strip())\n",
    "total_weight_dict, missing_ingredients_string, serving_size,net_carbs_table_found_ingredients = fn_total_df_weight(content.strip())\n",
    "recipe_ingredients, nutrition_info_addendum = fn_recipe_ingredients(content.strip())\n",
    "\n",
    "rendered_html = template.render(\n",
    "image_path=relative_path_for_image,\n",
    "    recipe_ingredients=recipe_ingredients,\n",
    "    metadata=meta_data,\n",
    "    cookware=cookware,\n",
    "    steps=steps_list,\n",
    "    process=p_steps_list,\n",
    "    total_weight_df = total_weight_dict,\n",
    "    serving_size=serving_size,\n",
    "    missing_ingredients_string=missing_ingredients_string,\n",
    "    cooklang_block=content,\n",
    "    nutrition_info_addendum=nutrition_info_addendum,\n",
    "    net_carbs_table_found_ingredients=net_carbs_table_found_ingredients,\n",
    "    page=page\n",
    ")"
   ]
  },
  {
   "cell_type": "markdown",
   "id": "de2dd1e3-cd7e-4f28-8589-3a7bf1446811",
   "metadata": {},
   "source": [
    "## Final Output"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 24,
   "id": "2422deb1-34b6-45dd-9a50-56256ccfc29b",
   "metadata": {},
   "outputs": [
    {
     "name": "stdout",
     "output_type": "stream",
     "text": [
      "<script type=\"application/ld+json\">\n",
      "\t{\n",
      "\t\t\"@context\": \"https://schema.org\",\n",
      "\t\t\"@type\": \"Recipe\",\n",
      "\t\t\"name\": \"Low Carb Pizza\",\n",
      "\t\t\"image\": \"../assets/images//recipe_9_low_carb_pizza.jpg\",\n",
      "\t\t\"description\": \"Low Carb Pizza and Garlic Bread.\",\n",
      "\t\t\"author\": {\n",
      "\t\t\"@type\": \"Person\",\n",
      "\t\t\"name\": \"/recipes/breakfast%20options/pizza.html\"\n",
      "\t\t},\n",
      "\t\t\"recipeCategory\": \"Vegetarian\",\n",
      "\t\t\"recipeCuisine\": \"Italian\",\n",
      "\t\t\"keywords\": \"\",\n",
      "\t\t\"recipeYield\": \"6\",\n",
      "\t\t\"prepTime\": \"PTM\",\n",
      "\t\t\"cookTime\": \"PT30 minutes (Prep Time - 90 minutes)M\",\n",
      "\t\t\"totalTime\": \"PTM\",\n",
      "\t\t\"ingredients\": [\n",
      "\t\t\t\t\"1 tbsp Olive Oil\"\n",
      "\t\t\t\t\"1 tsp Sugar\"\n",
      "\t\t\t\t\"300 ml Water\"\n",
      "\t\t\t\t\"1 cup Vital Wheat Gluten\"\n",
      "\t\t\t\t\"1/4 cup Wheat Bran\"\n",
      "\t\t\t\t\"1/4 cup Oat Flour\"\n",
      "\t\t\t\t\"1/4 cup Flax Meal\"\n",
      "\t\t\t\t\"1/2 cup Almond Flour\"\n",
      "\t\t\t\t\"1 tsp Baking Powder\"\n",
      "\t\t\t\t\"1 tsp Salt\"\n",
      "\t\t\t\t\"7 gms(1 sachet) Dried Yeast\"\n",
      "\t\t\t\t\"30 gms Salted Butter\"\n",
      "\t\t\t\t\"3-4 cloves(Large) Garlic\"\n",
      "\t\t\t\t\"35 gms(1/3) Yellow Capsicum\"\n",
      "\t\t\t\t\"30 gms(3-4) Brown Chestnut Mushrooms\"\n",
      "\t\t\t\t\"50 gms(1/2) Onion\"\n",
      "\t\t\t\t\"50 gms(1 ring) Canned Pineapple\"\n",
      "\t\t\t\t\"125 gms Paneer\"\n",
      "\t\t\t\t\"2 tsp Virgin Olive Oil\"\n",
      "\t\t\t\t\"2 tsp Tandoori Masala\"\n",
      "\t\t\t\t\"2 tsp Dried Fenugreek Leaves\"\n",
      "\t\t\t\t\"to taste Pink Himalayan Salt\"\n",
      "\t\t\t\t\"3 tbsp Pasta Sauce\"\n",
      "\t\t\t\t\"40 gms Grated Mozzarella Cheese\",\n",
      "\t\t\t\t\"20 gms Grated Mozzarella Cheese\"\n",
      "\t\t\t\t\"50 gms Grated Extra Mature Cheddar Cheese\"\n",
      "\t\t\t\t\"10 gms(8-10 rings) Jalapenos\"\n",
      "\t\t]\n",
      "\t\t\"recipeInstructions\": [\n",
      "\t\t\t\"<strong>Common Prep Steps</strong>\",\n",
      "\t\t\t\"<strong>Step 1</strong>: Add <cookmark><em>1 tbsp</em> <strong> Olive Oil</strong></cookmark> and <cookmark><em>1 tsp</em> <strong> sugar</strong></cookmark> in <cookmark><em>300 ml</em> <strong> water</strong></cookmark> and mix well.\",\n",
      "\t\t\t\"<strong>Step 2</strong>: Take a bowl and add <cookmark><em>1 cup</em> <strong> vital wheat gluten</strong></cookmark>.\",\n",
      "\t\t\t\"<strong>Step 3</strong>: Add <cookmark><em>1/4 cup</em> <strong> wheat bran</strong></cookmark>, <cookmark><em>1/4 cup</em> <strong> oat flour</strong></cookmark>.\",\n",
      "\t\t\t\"<strong>Step 4</strong>: Add <cookmark><em>1/4 cup</em> <strong> flax meal</strong></cookmark>, <cookmark><em>1/2 cup</em> <strong> Almond Flour</strong></cookmark>.\",\n",
      "\t\t\t\"<strong>Step 5</strong>: Add <cookmark><em>1 tsp</em> <strong> baking powder</strong></cookmark>, <cookmark><em>1 tsp</em> <strong> salt</strong></cookmark>, <cookmark><em>7 gms(1 sachet)</em> <strong> dried yeast</strong></cookmark>.\",\n",
      "\t\t\t\"<strong>Step 6</strong>: Add liquid mix to dry mix and knead for :material-timer-sand-full: 5 minutes.\",\n",
      "\t\t\t\"<strong>Step 7</strong>: Once consolidated, place the dough on oiled baking sheet.\",\n",
      "\t\t\t\"<strong>Step 8</strong>: Flatten it with hand at first and with roller pin later to bring it to about 14 inch diameter.\",\n",
      "\t\t\t\"<strong>Step 9</strong>: If you want your pizza to be round then using a large round utensil as guide and knife or pizza cutter trim uneven sides to get a circular shape else just use the knife or pizza cutter to make a rectangular shape.\",\n",
      "\t\t\t\"<strong>Step 10</strong>: Cover it with a slightly damp cloth and keep it aside to rise.\",\n",
      "\t\t\t\"<strong>Step 11</strong>: Use the trimmed dough to make another ball of dough and flatten it first with hand and then with roller pin to a size of roughly 8 to 10 inch.\",\n",
      "\t\t\t\"<strong>Step 12</strong>: Let the two items rise for a :material-timer-sand-full: 40-60 minutes though leaving for about :material-timer-sand-full: 2 hrs gets better results.\",\n",
      "\t\t\t\"<strong>Garlic Bread</strong>\",\n",
      "\t\t\t\"<strong>Step 13</strong>: Take the smaller base and Using a fork pierce the base equidistantly.\",\n",
      "\t\t\t\"<strong>Step 14</strong>: In a microwaveable bowl take <cookmark><em>30 gms</em> <strong> salted butter</strong></cookmark>.\",\n",
      "\t\t\t\"<strong>Step 15</strong>: Using a grater, grate <cookmark><em>3-4 cloves(Large)</em> <strong> Garlic</strong></cookmark> into the microwaveable bowl.\",\n",
      "\t\t\t\"<strong>Step 16</strong>: Place the microwaveable bowl into microwave for :material-timer-sand-full: 20-30 seconds.\",\n",
      "\t\t\t\"<strong>Step 17</strong>: Using an oil brush or spatula spread the melted butter and Garlic onto the smaller pierced base.\",\n",
      "\t\t\t\"<strong>Step 18</strong>: Put this into the oven at 180°C for :material-timer-sand-full: 10 minutes.\",\n",
      "\t\t\t\"<multiline>\n",
      "\tThis can also be done using Air Fryer at similar temperature.\n",
      "\tAlthough it will quite possibly require less time than 10 minutes.\n",
      "</multiline>\",\n",
      "\t\t\t\"<strong>Step 19</strong>: Take it out after that and cut it into rectangular pieces using pizza cutter.\",\n",
      "\t\t\t\"<note> It might be better to let it cool down a bit as it allows for a bit of self-baking.</note>\",\n",
      "\t\t\t\"<strong>Pizza  Toppings</strong>\",\n",
      "\t\t\t\"<strong>Step 20</strong>: While any topping can be used, I started by cutting <cookmark><em>35 gms(1/3)</em> <strong> Yellow Capsicum</strong></cookmark> with knife.\",\n",
      "\t\t\t\"<strong>Step 21</strong>: Then cut <cookmark><em>30 gms(3-4)</em> <strong> Brown chestnut mushrooms</strong></cookmark>, <cookmark><em>50 gms(1/2)</em> <strong> onion</strong></cookmark> and <cookmark><em>50 gms(1 ring)</em> <strong> canned pineapple</strong></cookmark> using knife and keep them separately for later use.\",\n",
      "\t\t\t\"<strong>Step 22</strong>: Cut <cookmark><em>125 gms</em> <strong> Paneer</strong></cookmark> and put in a small bowl.\",\n",
      "\t\t\t\"<strong>Step 23</strong>: Add <cookmark><em>2 tsp</em> <strong> virgin olive oil</strong></cookmark>, <cookmark><em>2 tsp</em> <strong> tandoori masala</strong></cookmark>, <cookmark><em>2 tsp</em> <strong> dried fenugreek leaves</strong></cookmark> and <cookmark><strong>Pink Himalayan Salt</strong></cookmark> (to taste) and mix well.\",\n",
      "\t\t\t\"<strong>Pizza</strong>\",\n",
      "\t\t\t\"<strong>Step 24</strong>: Take the larger base and spread evenly [<cookmark><em>3 tbsp</em> <strong> pasta sauce</strong></cookmark>](https://kutt.it/pesto-sauce) on it using spatula.\",\n",
      "\t\t\t\"<strong>Step 25</strong>: Then spread a thin layer of <cookmark><em>40 gms</em> <strong> grated mozzarella cheese</strong></cookmark>.\",\n",
      "\t\t\t\"<strong>Step 26</strong>: Add all veggie pizza toppings as much as possible without piling up and arranged side to side.\",\n",
      "\t\t\t\"<strong>Step 27</strong>: Then add paneer cubes, these can be piled on top of veggies, if there isn't enough space.\",\n",
      "\t\t\t\"<strong>Step 28</strong>: Now spread evenly <cookmark><em>50 gms</em> <strong> grated extra mature cheddar cheese</strong></cookmark>.\",\n",
      "\t\t\t\"<strong>Step 29</strong>: Then add <cookmark><em>10 gms(8-10 rings)</em> <strong> jalapenos</strong></cookmark>.\",\n",
      "\t\t\t\"<strong>Step 30</strong>: Finally sprinkle some more <cookmark><em>20 gms</em> <strong> grated mozzarella cheese</strong></cookmark>.\",\n",
      "\t\t\t\"<strong>Step 31</strong>: Put this into the oven at 180°C for :material-timer-sand-full: 20 minutes.\",\n",
      "\t\t\t\"<strong>Step 32</strong>: Take it out after that and cut it using pizza cutter.\"\n",
      "\t\t],\n",
      "\t\t\"nutrition\": {\n",
      "\t\t\"@type\": \"NutritionInformation\",\n",
      "\t\t\"calories\": \"262.44\",\n",
      "\t\t\"fatContent\": \"15.47\",\n",
      "\t\t\"saturatedFatContent\": \"3.73\",\n",
      "\t\t\"carbohydrateContent\": \"14.02\",\n",
      "\t\t\"fiberContent\": \"5.17\",\n",
      "\t\t\"sugarContent\": \"2.12\",\n",
      "\t\t\"proteinContent\": \"20.75\",\n",
      "\t\t\"sodiumContent\": \"333.9\"\n",
      "\t\t}\n",
      "\t}\n",
      "\t</script>\n",
      "## Low Carb Pizza\n",
      "\n",
      "### Key Stats\n",
      "<div class=\"parent\">\n",
      "\t<div class=\"div1\">\n",
      "\t\t<div class=\"grid\">\n",
      "\t\t<figure class=\"card\">\n",
      "\t\t<p><a class=\"glightbox\" data-desc-position=\"bottom\" data-height=\"auto\" data-type=\"image\" data-width=\"auto\" href=\"../assets/images//recipe_9_low_carb_pizza.jpg\"><img alt=\"image\" src=\"../assets/images//recipe_9_low_carb_pizza.jpg\" style=\"width: 920px;height: 430px;object-fit: contain;\"></a></p>\n",
      "\t\t<figcaption>Low Carb Pizza and Garlic Bread.</figcaption>\n",
      "\t\t</figure>\n",
      "\t\t</div>\n",
      "\t</div>\n",
      "\n",
      "\t<div class=\"div2\">\n",
      "\t\t<div align-items=\"center\" class=\"grid\">\n",
      "\t\t\t<div style=\"justify-content: center;display: flex;\">\n",
      "\t\t\t<div class=\"circle\">\n",
      "\t\t\t<p style=\"text-align: center;\">\n",
      "\t\t\t<img alt=\"🥗\" class=\"twemoji\" src=\"https://cdn.jsdelivr.net/gh/jdecked/twemoji@15.0.3/assets/svg/1f957.svg\" title=\":green_salad:\">\n",
      "\t\t\t<img alt=\"🥛\" class=\"twemoji\" src=\"https://cdn.jsdelivr.net/gh/jdecked/twemoji@15.0.3/assets/svg/1f95b.svg\" title=\":glass_of_milk:\">\n",
      "\t\t\t<br><strong style=\"color:#4CAF50\">20.71 <em>Net Carbs per Serving</em></strong>\n",
      "\t\t\t</p>\n",
      "\t\t\t</div>\n",
      "\t\t\t</div>\n",
      "\t\t<p class=\"card\">\n",
      "\t\t<em>Cooking Time</em>:\n",
      "\t\t<strong>30 minutes (Prep Time - 90 minutes)</strong>\n",
      "\t\t</p>\n",
      "\t\t<p class=\"card\"><em>Serves</em>:\n",
      "\t\n",
      "\t\t<strong>6</strong>\n",
      "\t\t</p>\n",
      "\t\t<p class=\"card\"><em>Type</em>: \n",
      "\t\n",
      "\t\t<strong>Vegetarian</strong>\n",
      "\t\t</p>\n",
      "\t\t<p class=\"card\"><em>Category</em>: \n",
      "\t\t\t\n",
      "\t\t<strong>Italian</strong></p>\n",
      "\t\t</div>\n",
      "\t</div>\n",
      "</div>\n",
      "\n",
      "<div class=\"parent\" markdown>\n",
      "<div class=\"div3\" markdown>\n",
      "<div class=\"grid cards\" markdown>\n",
      "\n",
      "-   ### Ingredients\n",
      "\n",
      "\t<hr>\n",
      "\t<table><thead><tr>\n",
      "\t<th>S.No</th>\n",
      "\t<th>Ingredient</th>\n",
      "\t<th>Amount</th>\n",
      "\t<th>Step</th>\n",
      "\t</tr></thead>\n",
      "\t<tbody>\n",
      "\t<tr>\n",
      "\t<td rowspan=\"1\"><b>1.</b></td>\n",
      "\t<td rowspan=\"1\"><b><i>Olive Oil</i></b></td>\n",
      "\t<td>1 tbsp</td>\n",
      "\t<td>Step 1</td>\n",
      "\t</tr>\n",
      "\t<tr>\n",
      "\t<td rowspan=\"1\"><b>2.</b></td>\n",
      "\t<td rowspan=\"1\"><b><i>Sugar</i></b></td>\n",
      "\t<td>1 tsp</td>\n",
      "\t<td>Step 1</td>\n",
      "\t</tr>\n",
      "\t<tr>\n",
      "\t<td rowspan=\"1\"><b>3.</b></td>\n",
      "\t<td rowspan=\"1\"><b><i>Water</i></b></td>\n",
      "\t<td>300 ml</td>\n",
      "\t<td>Step 1</td>\n",
      "\t</tr>\n",
      "\t<tr>\n",
      "\t<td rowspan=\"1\"><b>4.</b></td>\n",
      "\t<td rowspan=\"1\"><b><i>Vital Wheat Gluten</i></b></td>\n",
      "\t<td>1 cup</td>\n",
      "\t<td>Step 2</td>\n",
      "\t</tr>\n",
      "\t<tr>\n",
      "\t<td rowspan=\"1\"><b>5.</b></td>\n",
      "\t<td rowspan=\"1\"><b><i>Wheat Bran</i></b></td>\n",
      "\t<td>1/4 cup</td>\n",
      "\t<td>Step 3</td>\n",
      "\t</tr>\n",
      "\t<tr>\n",
      "\t<td rowspan=\"1\"><b>6.</b></td>\n",
      "\t<td rowspan=\"1\"><b><i>Oat Flour</i></b></td>\n",
      "\t<td>1/4 cup</td>\n",
      "\t<td>Step 3</td>\n",
      "\t</tr>\n",
      "\t<tr>\n",
      "\t<td rowspan=\"1\"><b>7.</b></td>\n",
      "\t<td rowspan=\"1\"><b><i>Flax Meal</i></b></td>\n",
      "\t<td>1/4 cup</td>\n",
      "\t<td>Step 4</td>\n",
      "\t</tr>\n",
      "\t<tr>\n",
      "\t<td rowspan=\"1\"><b>8.</b></td>\n",
      "\t<td rowspan=\"1\"><b><i>Almond Flour</i></b></td>\n",
      "\t<td>1/2 cup</td>\n",
      "\t<td>Step 4</td>\n",
      "\t</tr>\n",
      "\t<tr>\n",
      "\t<td rowspan=\"1\"><b>9.</b></td>\n",
      "\t<td rowspan=\"1\"><b><i>Baking Powder</i></b></td>\n",
      "\t<td>1 tsp</td>\n",
      "\t<td>Step 5</td>\n",
      "\t</tr>\n",
      "\t<tr>\n",
      "\t<td rowspan=\"1\"><b>10.</b></td>\n",
      "\t<td rowspan=\"1\"><b><i>Salt</i></b></td>\n",
      "\t<td>1 tsp</td>\n",
      "\t<td>Step 5</td>\n",
      "\t</tr>\n",
      "\t<tr>\n",
      "\t<td rowspan=\"1\"><b>11.</b></td>\n",
      "\t<td rowspan=\"1\"><b><i>Dried Yeast</i></b></td>\n",
      "\t<td>7 gms(1 sachet)</td>\n",
      "\t<td>Step 5</td>\n",
      "\t</tr>\n",
      "\t<tr>\n",
      "\t<td rowspan=\"1\"><b>12.</b></td>\n",
      "\t<td rowspan=\"1\"><b><i>Salted Butter</i></b></td>\n",
      "\t<td>30 gms</td>\n",
      "\t<td>Step 14</td>\n",
      "\t</tr>\n",
      "\t<tr>\n",
      "\t<td rowspan=\"1\"><b>13.</b></td>\n",
      "\t<td rowspan=\"1\"><b><i>Garlic</i></b></td>\n",
      "\t<td>3-4 cloves(Large)</td>\n",
      "\t<td>Step 15</td>\n",
      "\t</tr>\n",
      "\t<tr>\n",
      "\t<td rowspan=\"1\"><b>14.</b></td>\n",
      "\t<td rowspan=\"1\"><b><i>Yellow Capsicum</i></b></td>\n",
      "\t<td>35 gms(1/3)</td>\n",
      "\t<td>Step 23</td>\n",
      "\t</tr>\n",
      "\t<tr>\n",
      "\t<td rowspan=\"1\"><b>15.</b></td>\n",
      "\t<td rowspan=\"1\"><b><i>Brown Chestnut Mushrooms</i></b></td>\n",
      "\t<td>30 gms(3-4)</td>\n",
      "\t<td>Step 24</td>\n",
      "\t</tr>\n",
      "\t<tr>\n",
      "\t<td rowspan=\"1\"><b>16.</b></td>\n",
      "\t<td rowspan=\"1\"><b><i>Onion</i></b></td>\n",
      "\t<td>50 gms(1/2)</td>\n",
      "\t<td>Step 24</td>\n",
      "\t</tr>\n",
      "\t<tr>\n",
      "\t<td rowspan=\"1\"><b>17.</b></td>\n",
      "\t<td rowspan=\"1\"><b><i>Canned Pineapple</i></b></td>\n",
      "\t<td>50 gms(1 ring)</td>\n",
      "\t<td>Step 24</td>\n",
      "\t</tr>\n",
      "\t<tr>\n",
      "\t<td rowspan=\"1\"><b>18.</b></td>\n",
      "\t<td rowspan=\"1\"><b><i>Paneer</i></b></td>\n",
      "\t<td>125 gms</td>\n",
      "\t<td>Step 25</td>\n",
      "\t</tr>\n",
      "\t<tr>\n",
      "\t<td rowspan=\"1\"><b>19.</b></td>\n",
      "\t<td rowspan=\"1\"><b><i>Virgin Olive Oil</i></b></td>\n",
      "\t<td>2 tsp</td>\n",
      "\t<td>Step 26</td>\n",
      "\t</tr>\n",
      "\t<tr>\n",
      "\t<td rowspan=\"1\"><b>20.</b></td>\n",
      "\t<td rowspan=\"1\"><b><i>Tandoori Masala</i></b></td>\n",
      "\t<td>2 tsp</td>\n",
      "\t<td>Step 26</td>\n",
      "\t</tr>\n",
      "\t<tr>\n",
      "\t<td rowspan=\"1\"><b>21.</b></td>\n",
      "\t<td rowspan=\"1\"><b><i>Dried Fenugreek Leaves</i></b></td>\n",
      "\t<td>2 tsp</td>\n",
      "\t<td>Step 26</td>\n",
      "\t</tr>\n",
      "\t<tr>\n",
      "\t<td rowspan=\"1\"><b>22.</b></td>\n",
      "\t<td rowspan=\"1\"><b><i>Pink Himalayan Salt</i></b></td>\n",
      "\t<td align-item=\"center\" colspan=\"2\">to taste</td>\n",
      "\t</tr>\n",
      "\t<tr>\n",
      "\t<td rowspan=\"1\"><b>23.</b></td>\n",
      "\t<td rowspan=\"1\"><b><i>Pasta Sauce</i></b></td>\n",
      "\t<td>3 tbsp</td>\n",
      "\t<td>Step 27</td>\n",
      "\t</tr>\n",
      "\t<tr>\n",
      "\t<td rowspan=\"2\"><b>24.</b></td>\n",
      "\t<td rowspan=\"2\"><b><i>Grated Mozzarella Cheese</i></b></td>\n",
      "\t<td>40 gms</td>\n",
      "\t<td>Step 28</td>\n",
      "\t</tr>\n",
      "\t<tr>\n",
      "\t<td>20 gms</td>\n",
      "\t<td>Step 33</td>\n",
      "\t</tr>\n",
      "\t<tr>\n",
      "\t<tr>\n",
      "\t<td rowspan=\"1\"><b>25.</b></td>\n",
      "\t<td rowspan=\"1\"><b><i>Grated Extra Mature Cheddar Cheese</i></b></td>\n",
      "\t<td>50 gms</td>\n",
      "\t<td>Step 31</td>\n",
      "\t</tr>\n",
      "\t<tr>\n",
      "\t<td rowspan=\"1\"><b>26.</b></td>\n",
      "\t<td rowspan=\"1\"><b><i>Jalapenos</i></b></td>\n",
      "\t<td>10 gms(8-10 rings)</td>\n",
      "\t<td>Step 32</td>\n",
      "\t</tr>\n",
      "\t</tr></tbody></table>\n",
      "\t</div>\n",
      "</div>\n",
      "<div class=\"div4\" markdown>\n",
      "<div class=\"grid cards\" markdown>\n",
      "\n",
      "-   ### Cookware\n",
      "\n",
      "\t<hr>\t\t\n",
      "\t<ol>\n",
      "\t<li>Bowl</li>\n",
      "\t<li>Baking Sheet</li>\n",
      "\t<li>Roller Pin</li>\n",
      "\t<li>Microwaveable Bowl</li>\n",
      "\t<li>Oil Brush Or Spatula</li>\n",
      "\t<li>Small Bowl</li>\n",
      "\t<li>Oven</li>\n",
      "\t<li>Pizza Cutter</li>\n",
      "\t<li>Fork</li>\n",
      "\t<li>Knife</li>\n",
      "\t<li>Grater</li>\n",
      "\t<li>Microwave</li>\n",
      "\t<li>Spatula</li>\n",
      "\t<li>Large Round Utensil</li>\n",
      "\t<li>Knife Or Pizza Cutter</li>\n",
      "\t</ol>\n",
      "\t<ol>\n",
      "\t\n",
      "\n",
      "??? site-info \"[Nutritionix Link](https://www.nutritionix.com/natural-demo?line_delimited&use_raw_foods&q=Olive%20Oil%20-%201%20TBSP%0ASugar%20-%201%20TSP%0AWater%20-%20300%20ML%0AVital%20Wheat%20Gluten%20-%201%20CUP%0AWheat%20Bran%20-%201%2F4%20CUP%0AOat%20Flour%20-%201%2F4%20CUP%0AFlax%20Meal%20-%201%2F4%20CUP%0AAlmond%20Flour%20-%201%2F2%20CUP%0ABaking%20Powder%20-%201%20TSP%0ASalt%20-%201%20TSP%0ADried%20Yeast%20-%207%20GMS%0ASalted%20Butter%20-%2030%20GMS%0AGarlic%20-%203-4%20CLOVES%0AYellow%20Capsicum%20-%2035%20GMS%0ABrown%20Chestnut%20Mushrooms%20-%2030%20GMS%0AOnion%20-%2050%20GMS%0ACanned%20Pineapple%20-%2050%20GMS%0APaneer%20-%20125%20GMS%0AVirgin%20Olive%20Oil%20-%202%20TSP%0ATandoori%20Masala%20-%202%20TSP%0ADried%20Fenugreek%20Leaves%20-%202%20TSP%0APink%20Himalayan%20Salt%20-%20to%20taste%0APasta%20Sauce%20-%203%20TBSP%0AGrated%20Mozzarella%20Cheese%20-%2040%20GMS%0AGrated%20Mozzarella%20Cheese%20-%2020%20GMS%0AGrated%20Extra%20Mature%20Cheddar%20Cheese%20-%2050%20GMS%0AJalapenos%20-%2010%20GMS%0A&s=6){target=_blank}\"\n",
      "\tCopy the ingredients from below and adjust as needed.\n",
      "\t??? site-tip \"Copy Ingredients\"\n",
      "\t\t```\n",
      "\t\tOlive Oil - 1 TBSP\n",
      "\t\tSugar - 1 TSP\n",
      "\t\tWater - 300 ML\n",
      "\t\tVital Wheat Gluten - 1 CUP\n",
      "\t\tWheat Bran - 1/4 CUP\n",
      "\t\tOat Flour - 1/4 CUP\n",
      "\t\tFlax Meal - 1/4 CUP\n",
      "\t\tAlmond Flour - 1/2 CUP\n",
      "\t\tBaking Powder - 1 TSP\n",
      "\t\tSalt - 1 TSP\n",
      "\t\tDried Yeast - 7 GMS\n",
      "\t\tSalted Butter - 30 GMS\n",
      "\t\tGarlic - 3-4 CLOVES\n",
      "\t\tYellow Capsicum - 35 GMS\n",
      "\t\tBrown Chestnut Mushrooms - 30 GMS\n",
      "\t\tOnion - 50 GMS\n",
      "\t\tCanned Pineapple - 50 GMS\n",
      "\t\tPaneer - 125 GMS\n",
      "\t\tVirgin Olive Oil - 2 TSP\n",
      "\t\tTandoori Masala - 2 TSP\n",
      "\t\tDried Fenugreek Leaves - 2 TSP\n",
      "\t\tPink Himalayan Salt - to taste\n",
      "\t\tPasta Sauce - 3 TBSP\n",
      "\t\tGrated Mozzarella Cheese - 40 GMS\n",
      "\t\tGrated Mozzarella Cheese - 20 GMS\n",
      "\t\tGrated Extra Mature Cheddar Cheese - 50 GMS\n",
      "\t\tJalapenos - 10 GMS\n",
      "\t\t```\n",
      "\n",
      "\t</ol>\n",
      "</div></div>\n",
      "</div>\n",
      "\t\n",
      "<div class=\"grid cards\" markdown>\n",
      "\n",
      "-   ### Steps\n",
      "\n",
      "\t---\n",
      "\t#### Common Prep Steps\n",
      "\t* [ ] <strong>Step 1</strong>: Add <cookmark><em>1 tbsp</em> <strong> Olive Oil</strong></cookmark> and <cookmark><em>1 tsp</em> <strong> sugar</strong></cookmark> in <cookmark><em>300 ml</em> <strong> water</strong></cookmark> and mix well.\n",
      "\t* [ ] <strong>Step 2</strong>: Take a bowl and add <cookmark><em>1 cup</em> <strong> vital wheat gluten</strong></cookmark>.\n",
      "\t* [ ] <strong>Step 3</strong>: Add <cookmark><em>1/4 cup</em> <strong> wheat bran</strong></cookmark>, <cookmark><em>1/4 cup</em> <strong> oat flour</strong></cookmark>.\n",
      "\t* [ ] <strong>Step 4</strong>: Add <cookmark><em>1/4 cup</em> <strong> flax meal</strong></cookmark>, <cookmark><em>1/2 cup</em> <strong> Almond Flour</strong></cookmark>.\n",
      "\t* [ ] <strong>Step 5</strong>: Add <cookmark><em>1 tsp</em> <strong> baking powder</strong></cookmark>, <cookmark><em>1 tsp</em> <strong> salt</strong></cookmark>, <cookmark><em>7 gms(1 sachet)</em> <strong> dried yeast</strong></cookmark>.\n",
      "\t* [ ] <strong>Step 6</strong>: Add liquid mix to dry mix and knead for :material-timer-sand-full: 5 minutes.\n",
      "\t* [ ] <strong>Step 7</strong>: Once consolidated, place the dough on oiled baking sheet.\n",
      "\t* [ ] <strong>Step 8</strong>: Flatten it with hand at first and with roller pin later to bring it to about 14 inch diameter.\n",
      "\t* [ ] <strong>Step 9</strong>: If you want your pizza to be round then using a large round utensil as guide and knife or pizza cutter trim uneven sides to get a circular shape else just use the knife or pizza cutter to make a rectangular shape.\n",
      "\t* [ ] <strong>Step 10</strong>: Cover it with a slightly damp cloth and keep it aside to rise.\n",
      "\t* [ ] <strong>Step 11</strong>: Use the trimmed dough to make another ball of dough and flatten it first with hand and then with roller pin to a size of roughly 8 to 10 inch.\n",
      "\t* [ ] <strong>Step 12</strong>: Let the two items rise for a :material-timer-sand-full: 40-60 minutes though leaving for about :material-timer-sand-full: 2 hrs gets better results.\n",
      "\t#### Garlic Bread\n",
      "\t* [ ] <strong>Step 13</strong>: Take the smaller base and Using a fork pierce the base equidistantly.\n",
      "\t* [ ] <strong>Step 14</strong>: In a microwaveable bowl take <cookmark><em>30 gms</em> <strong> salted butter</strong></cookmark>.\n",
      "\t* [ ] <strong>Step 15</strong>: Using a grater, grate <cookmark><em>3-4 cloves(Large)</em> <strong> Garlic</strong></cookmark> into the microwaveable bowl.\n",
      "\t* [ ] <strong>Step 16</strong>: Place the microwaveable bowl into microwave for :material-timer-sand-full: 20-30 seconds.\n",
      "\t* [ ] <strong>Step 17</strong>: Using an oil brush or spatula spread the melted butter and Garlic onto the smaller pierced base.\n",
      "\t* [ ] <strong>Step 18</strong>: Put this into the oven at 180°C for :material-timer-sand-full: 10 minutes.\n",
      "\t!!!site-note \"Note\"\n",
      "\t\t<p></p>\n",
      "\t\t<p>This can also be done using Air Fryer at similar temperature.</p>\n",
      "\t\t<p>Although it will quite possibly require less time than 10 minutes.</p>\n",
      "\t\t<p></p>\n",
      "\t* [ ] <strong>Step 19</strong>: Take it out after that and cut it into rectangular pieces using pizza cutter.\n",
      "\t!!!site-note \"Note\"\n",
      "\t\t It might be better to let it cool down a bit as it allows for a bit of self-baking.\n",
      "\t#### Pizza  Toppings\n",
      "\t* [ ] <strong>Step 20</strong>: While any topping can be used, I started by cutting <cookmark><em>35 gms(1/3)</em> <strong> Yellow Capsicum</strong></cookmark> with knife.\n",
      "\t* [ ] <strong>Step 21</strong>: Then cut <cookmark><em>30 gms(3-4)</em> <strong> Brown chestnut mushrooms</strong></cookmark>, <cookmark><em>50 gms(1/2)</em> <strong> onion</strong></cookmark> and <cookmark><em>50 gms(1 ring)</em> <strong> canned pineapple</strong></cookmark> using knife and keep them separately for later use.\n",
      "\t* [ ] <strong>Step 22</strong>: Cut <cookmark><em>125 gms</em> <strong> Paneer</strong></cookmark> and put in a small bowl.\n",
      "\t* [ ] <strong>Step 23</strong>: Add <cookmark><em>2 tsp</em> <strong> virgin olive oil</strong></cookmark>, <cookmark><em>2 tsp</em> <strong> tandoori masala</strong></cookmark>, <cookmark><em>2 tsp</em> <strong> dried fenugreek leaves</strong></cookmark> and <cookmark><strong>Pink Himalayan Salt</strong></cookmark> (to taste) and mix well.\n",
      "\t#### Pizza\n",
      "\t* [ ] <strong>Step 24</strong>: Take the larger base and spread evenly [<cookmark><em>3 tbsp</em> <strong> pasta sauce</strong></cookmark>](https://kutt.it/pesto-sauce) on it using spatula.\n",
      "\t* [ ] <strong>Step 25</strong>: Then spread a thin layer of <cookmark><em>40 gms</em> <strong> grated mozzarella cheese</strong></cookmark>.\n",
      "\t* [ ] <strong>Step 26</strong>: Add all veggie pizza toppings as much as possible without piling up and arranged side to side.\n",
      "\t* [ ] <strong>Step 27</strong>: Then add paneer cubes, these can be piled on top of veggies, if there isn't enough space.\n",
      "\t* [ ] <strong>Step 28</strong>: Now spread evenly <cookmark><em>50 gms</em> <strong> grated extra mature cheddar cheese</strong></cookmark>.\n",
      "\t* [ ] <strong>Step 29</strong>: Then add <cookmark><em>10 gms(8-10 rings)</em> <strong> jalapenos</strong></cookmark>.\n",
      "\t* [ ] <strong>Step 30</strong>: Finally sprinkle some more <cookmark><em>20 gms</em> <strong> grated mozzarella cheese</strong></cookmark>.\n",
      "\t* [ ] <strong>Step 31</strong>: Put this into the oven at 180°C for :material-timer-sand-full: 20 minutes.\n",
      "\t* [ ] <strong>Step 32</strong>: Take it out after that and cut it using pizza cutter.\n",
      "\n",
      "-   ### Process\n",
      "\n",
      "\t---\n",
      "\n",
      "\t```plantuml\n",
      "\t@startuml\n",
      "\t!theme sketchy-outline\n",
      "\t!startsub activity\n",
      "\t\tskinparam activity {\n",
      "\t    \t\t$primary_scheme()\n",
      "\t    \t\tBarColor #orangered\n",
      "    \t\t\tStartColor #orangered\n",
      "    \t\t\tEndColor #orangered\n",
      "    \t\t\tBorderColor #orangered\n",
      "    \t\t\tArrowColor #orangered\n",
      "    \t\t\tArrowThickness 1.25\n",
      "    \t\t\tArrowFontColor #maroon\n",
      "    \t\t\tFontColor #maroon\n",
      "    \t\t\t''\n",
      "    \t\t\tDiamondBackgroundColor #darkgreen\n",
      "    \t\t\tDiamondLineColor #white\n",
      "    \t\t\tDiamondFontColor #white\n",
      "\t\t}\n",
      "\t!endsub\n",
      "\t!startsub note\n",
      "\t\tskinparam note {\n",
      "    \t\t\tBorderThickness 1.25\n",
      "    \t\t\tBackgroundColor #ffe4b5\n",
      "    \t\t\tBorderColor #orangered\n",
      "    \t\t\tFontColor #maroon\n",
      "\t\t}\n",
      "\t!endsub\n",
      "\tstart\n",
      "\t\t#Maroon:<color: white>**COMMON PREP STEPS**</color>/\n",
      "\n",
      "\t\n",
      "\t\t:<b>Step 2</b>: Take a bowl and add <i>1 cup</i> \n",
      "\t<b> vital wheat gluten</b> .;\n",
      "\n",
      "\t\t:<b>Step 3</b>: Take a bowl and add <i>1 cup</i> \n",
      "\t<b> vital wheat gluten</b> .;\n",
      "\n",
      "\t\t:<b>Step 4</b>: Take a bowl and add <i>1 cup</i> \n",
      "\t<b> vital wheat gluten</b> .;\n",
      "\n",
      "\t\t:<b>Step 5</b>: Take a bowl and add <i>1 cup</i> \n",
      "\t<b> vital wheat gluten</b> .;\n",
      "\n",
      "\t\t:<b>Step 6</b>: Add liquid mix to dry mix and knead for 5 minutes.;\n",
      "\n",
      "\t\t:<b>Step 7</b>: Once consolidated, place the dough on oiled baking \n",
      "\tsheet.;\n",
      "\n",
      "\t\t:<b>Step 8</b>: Flatten it with hand at first and with roller pin \n",
      "\tlater to bring it to about 14 inch diameter.;\n",
      "\n",
      "\t\tif (YOU WANT YOUR PIZZA \n",
      "\tTO BE ROUND?) then (yes)\n",
      "\t\t:<b>Step 9</b>: Using a large round utensil as \n",
      "\tguide and knife or pizza \n",
      "\tcutter trim uneven sides to \n",
      "\tget a circular shape;\n",
      "\telse (no)\n",
      "\t\t:<b>Step 9</b>: Just use the knife or pizza \n",
      "\tcutter to make a rectangular \n",
      "\tshape.;\n",
      "\tendif\n",
      "\n",
      "\t\tif (YOU WANT YOUR PIZZA \n",
      "\tTO BE ROUND?) then (yes)\n",
      "\t\t:<b>Step 10</b>: Using a large round utensil as \n",
      "\tguide and knife or pizza \n",
      "\tcutter trim uneven sides to \n",
      "\tget a circular shape;\n",
      "\telse (no)\n",
      "\t\t:<b>Step 10</b>: Just use the knife or pizza \n",
      "\tcutter to make a rectangular \n",
      "\tshape.;\n",
      "\tendif\n",
      "\n",
      "\t\tif (YOU WANT YOUR PIZZA \n",
      "\tTO BE ROUND?) then (yes)\n",
      "\t\t:<b>Step 11</b>: Using a large round utensil as \n",
      "\tguide and knife or pizza \n",
      "\tcutter trim uneven sides to \n",
      "\tget a circular shape;\n",
      "\telse (no)\n",
      "\t\t:<b>Step 11</b>: Just use the knife or pizza \n",
      "\tcutter to make a rectangular \n",
      "\tshape.;\n",
      "\tendif\n",
      "\n",
      "\t\t:<b>Step 12</b>: Let the two items rise for a \n",
      "\t:<b>Step 12</b>: material-timer-sand-full:<b>Step 12</b>:  40-60 minutes though \n",
      "\tleaving for about 2 hrs gets better results.;\n",
      "\n",
      "\t\t#Maroon:<color: white>**GARLIC BREAD**</color>/\n",
      "\n",
      "\t\t:<b>Step 13</b>: Take the smaller base and using a fork pierce the \n",
      "\tbase equidistantly.;\n",
      "\n",
      "\t\t:<b>Step 14</b>: In a microwaveable bowl take <i>30 gms</i> \n",
      "\t<b> salted butter</b> .;\n",
      "\n",
      "\t\t:<b>Step 15</b>: Using a grater, grate <i>3-4 cloves(large)</i> \n",
      "\t<b> garlic</b> into the microwaveable bowl.;\n",
      "\n",
      "\t\t:<b>Step 16</b>: Place the microwaveable bowl into microwave for \n",
      "\t20-30 seconds.;\n",
      "\n",
      "\t\t:<b>Step 17</b>: Using an oil brush or spatula spread the melted \n",
      "\tbutter and garlic onto the smaller pierced base.;\n",
      "\n",
      "\t\t:<b>Step 18</b>: Put this into the oven at 180°c for 10 minutes.;\n",
      "\n",
      "\t\n",
      "\tnote right\n",
      "\tthis can also be done using air fryer at \n",
      "\tsimilar temperature.\n",
      "\tAlthough it will quite possibly require less time \n",
      "\tthan 10 minutes.\n",
      "\tend note\n",
      "\n",
      "\t\t:<b>Step 19</b>: Take it out after that and cut it into rectangular \n",
      "\tpieces using pizza cutter.;\n",
      "\n",
      "\t\tnote right\n",
      "\tit might be better to let it cool down a bit as \n",
      "\tit allows for a bit of self-baking.\n",
      "\tendnote\n",
      "\n",
      "\t\t#Maroon:<color: white>**PIZZA TOPPINGS**</color>/\n",
      "\n",
      "\t\t:<b>Step 20</b>: While any topping can be used, i started by \n",
      "\tcutting <i>35 gms(1/3)</i> <b> yellow capsicum</b> \n",
      "\twith knife.;\n",
      "\n",
      "\t\t:<b>Step 21</b>: Then cut <i>30 gms(3-4)</i> \n",
      "\t<b> brown chestnut mushrooms</b> , \n",
      "\t<i>50 gms(1/2)</i> <b> onion</b> and \n",
      "\t<i>50 gms(1 ring)</i> <b> canned pineapple</b> \n",
      "\tusing knife and keep them separately for later \n",
      "\tuse.;\n",
      "\n",
      "\t\t:<b>Step 22</b>: Cut <i>125 gms</i> <b> paneer</b> and put in a \n",
      "\tsmall bowl.;\n",
      "\n",
      "\t\t:<b>Step 23</b>: Cut <i>125 gms</i> <b> paneer</b> and put in a \n",
      "\tsmall bowl.;\n",
      "\n",
      "\t\t#Maroon:<color: white>**PIZZA**</color>/\n",
      "\n",
      "\t\t:<b>Step 24</b>: Take the larger base and spread evenly [ \n",
      "\t<i>3 tbsp</i> <b> pasta sauce</b> \n",
      "\t](https:<b>Step 24</b>: //kutt.it/pesto-sauce) on it using \n",
      "\tspatula.;\n",
      "\n",
      "\t\t:<b>Step 25</b>: Take the larger base and spread evenly [ \n",
      "\t<i>3 tbsp</i> <b> pasta sauce</b> \n",
      "\t](https:<b>Step 25</b>: //kutt.it/pesto-sauce) on it using \n",
      "\tspatula.;\n",
      "\n",
      "\t\t:<b>Step 26</b>: Take the larger base and spread evenly [ \n",
      "\t<i>3 tbsp</i> <b> pasta sauce</b> \n",
      "\t](https:<b>Step 26</b>: //kutt.it/pesto-sauce) on it using \n",
      "\tspatula.;\n",
      "\n",
      "\t\t:<b>Step 27</b>: Take the larger base and spread evenly [ \n",
      "\t<i>3 tbsp</i> <b> pasta sauce</b> \n",
      "\t](https:<b>Step 27</b>: //kutt.it/pesto-sauce) on it using \n",
      "\tspatula.;\n",
      "\n",
      "\t\t:<b>Step 28</b>: Take the larger base and spread evenly [ \n",
      "\t<i>3 tbsp</i> <b> pasta sauce</b> \n",
      "\t](https:<b>Step 28</b>: //kutt.it/pesto-sauce) on it using \n",
      "\tspatula.;\n",
      "\n",
      "\t\t:<b>Step 29</b>: Take the larger base and spread evenly [ \n",
      "\t<i>3 tbsp</i> <b> pasta sauce</b> \n",
      "\t](https:<b>Step 29</b>: //kutt.it/pesto-sauce) on it using \n",
      "\tspatula.;\n",
      "\n",
      "\t\t:<b>Step 30</b>: Take the larger base and spread evenly [ \n",
      "\t<i>3 tbsp</i> <b> pasta sauce</b> \n",
      "\t](https:<b>Step 30</b>: //kutt.it/pesto-sauce) on it using \n",
      "\tspatula.;\n",
      "\n",
      "\t\t:<b>Step 31</b>: Put this into the oven at 180°c for 20 minutes.;\n",
      "\n",
      "\t\t:<b>Step 32</b>: Take it out after that and cut it using pizza \n",
      "\tcutter.;\n",
      "\n",
      "\tend\n",
      "\t@enduml\n",
      "\t```\n",
      "\n",
      "</div>\n",
      "\n",
      "### Nutrition Info\n",
      "\n",
      "#### Nutrition Labels\n",
      "\n",
      "Scroll to see nutrition facts for different servings and weights for this recipe.\n",
      "\n",
      "<div class=\"grid\" style=\"justify-items: center; align-items: center;\">\n",
      "\n",
      "    <div class=\"custom--wrapper\">\n",
      "        <div class=\"arrow left-arrow\">&#9664;</div> <!-- Left Arrow -->\n",
      "            <div class=\"custom--container\">\n",
      "                <div class=\"custom-slide\">\n",
      "                    <div id=\"nutrition_label\">\n",
      "                        <div itemscope=\"\" class=\"nf\" role=\"region\" aria-label=\"nutrition label\" style=\"width: 300px;\">\n",
      "                            <div class=\"nf-title\" tabindex=\"0\">Nutrition Facts</div>\n",
      "                            <div class=\"nf-line\">\n",
      "                                <div class=\"nf-serving\">\n",
      "                                    <div class=\"nf-amount-per-serving\" align=\"right\" tabindex=\"0\"><b>\n",
      "                                            Amount In Whole Recipe (1404.0 gms)\n",
      "                                    </b></div>\n",
      "                                </div><!-- end of class=\"nf-serving\" -->\n",
      "                            </div><!-- end of class=\"nf-line\" -->\n",
      "                            <!-- Add the rest of your nutrition facts here -->\n",
      "                            <div class=\"nf-bar2\"></div>\n",
      "                            <div class=\"nf-netcarbs\" tabindex=\"0\">\n",
      "                                <span class=\"\">Net Carbs</span>\n",
      "                                <span class=\"nf-pr\" itemprop=\"net_carbs\">124.28 g</span>\n",
      "                            </div>\n",
      "                            <div class=\"nf-bar1\"></div>\n",
      "                            <div class=\"nf-calories\" tabindex=\"0\">\n",
      "                                <span class=\"\">Calories</span>\n",
      "                                <span class=\"nf-pr\" itemprop=\"calories\">3684.62 Kcal</span>\n",
      "                            </div>\n",
      "                            <!-- Continue adding the rest of the nutrition information as in your original code -->\n",
      "                            <div class=\"nf-bar1\"></div>\n",
      "                            <div class=\"nf-line nf-text-right\">\n",
      "                                <span class=\"nf-highlight nf-percent-dv\">% Daily Value*</span>\n",
      "                            </div>\n",
      "                            <div class=\"nf-line\" tabindex=\"0\">\n",
      "                                <span class=\"nf-highlight\">Total Fat</span>\n",
      "                                <span class=\"\" itemprop=\"fatContent\">217.15<span aria-hidden=\"true\">g</span><span class=\"sr-only\"> grams</span></span>\n",
      "                                <span class=\"nf-highlight nf-pr\">310.21% <span class=\"sr-only\">Daily Value</span></span>\n",
      "                            </div>\n",
      "                            <div class=\"nf-line nf-indent\" tabindex=\"0\">\n",
      "                                <span class=\"\">Saturated Fat</span>\n",
      "                                <span class=\"\" itemprop=\"saturatedFatContent\">52.43<span aria-hidden=\"true\">g</span><span class=\"sr-only\"> grams</span></span>\n",
      "                                <span class=\"nf-highlight nf-pr\">262.14% <span class=\"sr-only\">Daily Value</span></span>\n",
      "                            </div>\n",
      "                            <div class=\"nf-line nf-indent\" tabindex=\"0\">\n",
      "                                <span class=\"\"><em>Trans</em> Fat</span>\n",
      "                                <span class=\"\" itemprop=\"transFatContent\">4.25<span aria-hidden=\"true\">g</span><span class=\"sr-only\"> grams</span></span>\n",
      "                            </div>\n",
      "                            <div class=\"nf-line nf-indent\" tabindex=\"0\">\n",
      "                            <span class=\"\">Polyunsaturated Fat</span>\n",
      "                            <span class=\"\" itemprop=\"\">41.61<span aria-hidden=\"true\">g</span><span class=\"sr-only\"> grams</span></span>\n",
      "                            </div>\n",
      "                            <div class=\"nf-line nf-indent\" tabindex=\"0\">\n",
      "                            <span class=\"\">Monounsaturated Fat</span>\n",
      "                            <span class=\"\" itemprop=\"\">94.48<span aria-hidden=\"true\">g</span><span class=\"sr-only\"> grams</span></span>\n",
      "                            </div>\n",
      "                            <div class=\"nf-line\" tabindex=\"0\">\n",
      "                                <span class=\"nf-highlight\">Cholesterol</span>\n",
      "                                <span class=\"\" itemprop=\"cholesterolContent\">247.55<span aria-hidden=\"true\">mg</span><span class=\"sr-only\"> milligrams</span></span>\n",
      "                                <span class=\"nf-highlight nf-pr\">82.52% <span class=\"sr-only\">Daily Value</span></span>\n",
      "                            </div>\n",
      "                            <div class=\"nf-line\" tabindex=\"0\">\n",
      "                                <span class=\"nf-highlight\">Sodium</span>\n",
      "                                <span class=\"\" itemprop=\"sodiumContent\">4687.94<span aria-hidden=\"true\">mg</span><span class=\"sr-only\"> milligrams</span></span>\n",
      "                                <span class=\"nf-highlight nf-pr\">203.82% <span class=\"sr-only\">Daily Value</span></span>\n",
      "                            </div>\n",
      "                            <div class=\"nf-line\" tabindex=\"0\">\n",
      "                                <span class=\"nf-highlight\">Total Carbohydrates</span>\n",
      "                                <span class=\"\" itemprop=\"carbohydrateContent\">196.87<span aria-hidden=\"true\">g</span><span class=\"sr-only\"> grams</span></span>\n",
      "                                <span class=\"nf-highlight nf-pr\">75.72% <span class=\"sr-only\">Daily Value</span></span>\n",
      "                            </div>\n",
      "                            <div class=\"nf-line nf-indent\" tabindex=\"0\">\n",
      "                                <span class=\"\">Dietary Fiber</span>\n",
      "                                <span class=\"\" itemprop=\"fiberContent\">72.59<span aria-hidden=\"true\">g</span><span class=\"sr-only\"> grams</span></span>\n",
      "                                <span class=\"nf-highlight nf-pr\">241.95% <span class=\"sr-only\">Daily Value</span></span>\n",
      "                            </div>\n",
      "                            <div class=\"nf-line nf-indent\" tabindex=\"0\">\n",
      "                                <span class=\"\">Sugars</span>\n",
      "                                <span class=\"\" itemprop=\"sugarContent\">29.82<span aria-hidden=\"true\">g</span><span class=\"sr-only\"> grams</span></span>\n",
      "                            </div>\n",
      "                            <div class=\"nf-line\" tabindex=\"0\">\n",
      "                                <span class=\"nf-highlight\">Protein</span>\n",
      "                                <span class=\"\" itemprop=\"proteinContent\">291.39<span aria-hidden=\"true\">g</span><span class=\"sr-only\"> grams</span></span>\n",
      "                            </div>\n",
      "                            <div class=\"nf-bar2\"></div>\n",
      "                            <div class=\"nf-vitamins\">\n",
      "                                <div class=\"nf-vitamins\">\n",
      "                                    <div class=\"\" tabindex=\"0\">\n",
      "                                        <span class=\"\">Vitamin D</span>\n",
      "                                        <span class=\"\" itemprop=\"vitaminDContent\">3.8<span aria-hidden=\"true\">mcg</span><span class=\"sr-only\"> micrograms</span></span>\n",
      "                                        <span class=\"nf-highlight nf-pr\">37.95% <span class=\"sr-only\">Daily Value</span></span>\n",
      "                                    </div>\n",
      "                                    <div class=\"nf-line\" tabindex=\"0\">\n",
      "                                        <span class=\"\">Calcium</span>\n",
      "                                        <span class=\"\" itemprop=\"calciumContent\">2677.19<span aria-hidden=\"true\">mg</span><span class=\"sr-only\"> milligrams</span></span>\n",
      "                                        <span class=\"nf-highlight nf-pr\">382.46% <span class=\"sr-only\">Daily Value</span></span>\n",
      "                                    </div>\n",
      "                                    <div class=\"nf-line\" tabindex=\"0\">\n",
      "                                        <span class=\"\">Iron</span>\n",
      "                                        <span class=\"\" itemprop=\"ironContent\">36.76<span aria-hidden=\"true\">mg</span><span class=\"sr-only\"> milligrams</span></span>\n",
      "                                        <span class=\"nf-highlight nf-pr\">312.83% <span class=\"sr-only\">Daily Value</span></span>\n",
      "                                    </div>\n",
      "                                    <div class=\"nf-line\" tabindex=\"0\">\n",
      "                                        <span class=\"\">Potassium</span>\n",
      "                                        <span class=\"\" itemprop=\"potassiumContent\">3710.4<span aria-hidden=\"true\">mg</span><span class=\"sr-only\"> milligrams</span></span>\n",
      "                                        <span class=\"nf-highlight nf-pr\">106.01% <span class=\"sr-only\">Daily Value</span></span>\n",
      "                                    </div>\n",
      "                                    <div class=\"nf-line\" tabindex=\"0\">\n",
      "                                        <span class=\"\">Zinc</span>\n",
      "                                        <span class=\"\" itemprop=\"zincContent\">23.71<span aria-hidden=\"true\">mg</span><span class=\"sr-only\"> milligrams</span></span>\n",
      "                                        <span class=\"nf-highlight nf-pr\">287.44% <span class=\"sr-only\">Daily Value</span></span>\n",
      "                                    </div>\n",
      "                                </div>\n",
      "                            </div>\n",
      "                            <div class=\"nf-bar2\"></div>\n",
      "                            <div class=\"\" tabindex=\"0\">\n",
      "                                <span class=\"nf-highlight\">Caffeine</span>\n",
      "                                <span class=\"\" itemprop=\"caffeineContent\">0.0mg</span>\n",
      "                            </div>\n",
      "                            <div class=\"nf-bar1\"></div>\n",
      "                            <div class=\"nf-vitamins\">\n",
      "                        <div class=\"nf-footnote\">\n",
      "                            <span tabindex=\"0\">The % Daily Value (DV) tells you how much a nutrient in a serving of food contributes to a daily diet. 2000 calories a day is used for general nutrition advice.</span>\n",
      "                        </div>\n",
      "                        <div class=\"naTooltip\">Data not available</div>\n",
      "                            </div>\n",
      "                        </div><!-- closing class=\"nf\" -->\n",
      "                    </div>\n",
      "                </div>\n",
      "                <div class=\"custom-slide\">\n",
      "                    <div id=\"nutrition_label\">\n",
      "                        <div itemscope=\"\" class=\"nf\" role=\"region\" aria-label=\"nutrition label\" style=\"width: 300px;\">\n",
      "                            <div class=\"nf-title\" tabindex=\"0\">Nutrition Facts</div>\n",
      "                            <div class=\"nf-line\">\n",
      "                                <div class=\"nf-serving\">\n",
      "                                    <div class=\"nf-amount-per-serving\" align=\"right\" tabindex=\"0\"><b>\n",
      "                                            Amount Per 100gms\n",
      "                                    </b></div>\n",
      "                                </div><!-- end of class=\"nf-serving\" -->\n",
      "                            </div><!-- end of class=\"nf-line\" -->\n",
      "                            <!-- Add the rest of your nutrition facts here -->\n",
      "                            <div class=\"nf-bar2\"></div>\n",
      "                            <div class=\"nf-netcarbs\" tabindex=\"0\">\n",
      "                                <span class=\"\">Net Carbs</span>\n",
      "                                <span class=\"nf-pr\" itemprop=\"net_carbs\">8.85 g</span>\n",
      "                            </div>\n",
      "                            <div class=\"nf-bar1\"></div>\n",
      "                            <div class=\"nf-calories\" tabindex=\"0\">\n",
      "                                <span class=\"\">Calories</span>\n",
      "                                <span class=\"nf-pr\" itemprop=\"calories\">262.44 Kcal</span>\n",
      "                            </div>\n",
      "                            <!-- Continue adding the rest of the nutrition information as in your original code -->\n",
      "                            <div class=\"nf-bar1\"></div>\n",
      "                            <div class=\"nf-line nf-text-right\">\n",
      "                                <span class=\"nf-highlight nf-percent-dv\">% Daily Value*</span>\n",
      "                            </div>\n",
      "                            <div class=\"nf-line\" tabindex=\"0\">\n",
      "                                <span class=\"nf-highlight\">Total Fat</span>\n",
      "                                <span class=\"\" itemprop=\"fatContent\">15.47<span aria-hidden=\"true\">g</span><span class=\"sr-only\"> grams</span></span>\n",
      "                                <span class=\"nf-highlight nf-pr\">22.09% <span class=\"sr-only\">Daily Value</span></span>\n",
      "                            </div>\n",
      "                            <div class=\"nf-line nf-indent\" tabindex=\"0\">\n",
      "                                <span class=\"\">Saturated Fat</span>\n",
      "                                <span class=\"\" itemprop=\"saturatedFatContent\">3.73<span aria-hidden=\"true\">g</span><span class=\"sr-only\"> grams</span></span>\n",
      "                                <span class=\"nf-highlight nf-pr\">18.67% <span class=\"sr-only\">Daily Value</span></span>\n",
      "                            </div>\n",
      "                            <div class=\"nf-line nf-indent\" tabindex=\"0\">\n",
      "                                <span class=\"\"><em>Trans</em> Fat</span>\n",
      "                                <span class=\"\" itemprop=\"transFatContent\">0.3<span aria-hidden=\"true\">g</span><span class=\"sr-only\"> grams</span></span>\n",
      "                            </div>\n",
      "                            <div class=\"nf-line nf-indent\" tabindex=\"0\">\n",
      "                            <span class=\"\">Polyunsaturated Fat</span>\n",
      "                            <span class=\"\" itemprop=\"\">2.96<span aria-hidden=\"true\">g</span><span class=\"sr-only\"> grams</span></span>\n",
      "                            </div>\n",
      "                            <div class=\"nf-line nf-indent\" tabindex=\"0\">\n",
      "                            <span class=\"\">Monounsaturated Fat</span>\n",
      "                            <span class=\"\" itemprop=\"\">6.73<span aria-hidden=\"true\">g</span><span class=\"sr-only\"> grams</span></span>\n",
      "                            </div>\n",
      "                            <div class=\"nf-line\" tabindex=\"0\">\n",
      "                                <span class=\"nf-highlight\">Cholesterol</span>\n",
      "                                <span class=\"\" itemprop=\"cholesterolContent\">17.63<span aria-hidden=\"true\">mg</span><span class=\"sr-only\"> milligrams</span></span>\n",
      "                                <span class=\"nf-highlight nf-pr\">5.88% <span class=\"sr-only\">Daily Value</span></span>\n",
      "                            </div>\n",
      "                            <div class=\"nf-line\" tabindex=\"0\">\n",
      "                                <span class=\"nf-highlight\">Sodium</span>\n",
      "                                <span class=\"\" itemprop=\"sodiumContent\">333.9<span aria-hidden=\"true\">mg</span><span class=\"sr-only\"> milligrams</span></span>\n",
      "                                <span class=\"nf-highlight nf-pr\">14.52% <span class=\"sr-only\">Daily Value</span></span>\n",
      "                            </div>\n",
      "                            <div class=\"nf-line\" tabindex=\"0\">\n",
      "                                <span class=\"nf-highlight\">Total Carbohydrates</span>\n",
      "                                <span class=\"\" itemprop=\"carbohydrateContent\">14.02<span aria-hidden=\"true\">g</span><span class=\"sr-only\"> grams</span></span>\n",
      "                                <span class=\"nf-highlight nf-pr\">5.39% <span class=\"sr-only\">Daily Value</span></span>\n",
      "                            </div>\n",
      "                            <div class=\"nf-line nf-indent\" tabindex=\"0\">\n",
      "                                <span class=\"\">Dietary Fiber</span>\n",
      "                                <span class=\"\" itemprop=\"fiberContent\">5.17<span aria-hidden=\"true\">g</span><span class=\"sr-only\"> grams</span></span>\n",
      "                                <span class=\"nf-highlight nf-pr\">17.23% <span class=\"sr-only\">Daily Value</span></span>\n",
      "                            </div>\n",
      "                            <div class=\"nf-line nf-indent\" tabindex=\"0\">\n",
      "                                <span class=\"\">Sugars</span>\n",
      "                                <span class=\"\" itemprop=\"sugarContent\">2.12<span aria-hidden=\"true\">g</span><span class=\"sr-only\"> grams</span></span>\n",
      "                            </div>\n",
      "                            <div class=\"nf-line\" tabindex=\"0\">\n",
      "                                <span class=\"nf-highlight\">Protein</span>\n",
      "                                <span class=\"\" itemprop=\"proteinContent\">20.75<span aria-hidden=\"true\">g</span><span class=\"sr-only\"> grams</span></span>\n",
      "                            </div>\n",
      "                            <div class=\"nf-bar2\"></div>\n",
      "                            <div class=\"nf-vitamins\">\n",
      "                                <div class=\"nf-vitamins\">\n",
      "                                    <div class=\"\" tabindex=\"0\">\n",
      "                                        <span class=\"\">Vitamin D</span>\n",
      "                                        <span class=\"\" itemprop=\"vitaminDContent\">0.27<span aria-hidden=\"true\">mcg</span><span class=\"sr-only\"> micrograms</span></span>\n",
      "                                        <span class=\"nf-highlight nf-pr\">2.7% <span class=\"sr-only\">Daily Value</span></span>\n",
      "                                    </div>\n",
      "                                    <div class=\"nf-line\" tabindex=\"0\">\n",
      "                                        <span class=\"\">Calcium</span>\n",
      "                                        <span class=\"\" itemprop=\"calciumContent\">190.68<span aria-hidden=\"true\">mg</span><span class=\"sr-only\"> milligrams</span></span>\n",
      "                                        <span class=\"nf-highlight nf-pr\">27.24% <span class=\"sr-only\">Daily Value</span></span>\n",
      "                                    </div>\n",
      "                                    <div class=\"nf-line\" tabindex=\"0\">\n",
      "                                        <span class=\"\">Iron</span>\n",
      "                                        <span class=\"\" itemprop=\"ironContent\">2.62<span aria-hidden=\"true\">mg</span><span class=\"sr-only\"> milligrams</span></span>\n",
      "                                        <span class=\"nf-highlight nf-pr\">22.28% <span class=\"sr-only\">Daily Value</span></span>\n",
      "                                    </div>\n",
      "                                    <div class=\"nf-line\" tabindex=\"0\">\n",
      "                                        <span class=\"\">Potassium</span>\n",
      "                                        <span class=\"\" itemprop=\"potassiumContent\">264.27<span aria-hidden=\"true\">mg</span><span class=\"sr-only\"> milligrams</span></span>\n",
      "                                        <span class=\"nf-highlight nf-pr\">7.55% <span class=\"sr-only\">Daily Value</span></span>\n",
      "                                    </div>\n",
      "                                    <div class=\"nf-line\" tabindex=\"0\">\n",
      "                                        <span class=\"\">Zinc</span>\n",
      "                                        <span class=\"\" itemprop=\"zincContent\">1.69<span aria-hidden=\"true\">mg</span><span class=\"sr-only\"> milligrams</span></span>\n",
      "                                        <span class=\"nf-highlight nf-pr\">20.47% <span class=\"sr-only\">Daily Value</span></span>\n",
      "                                    </div>\n",
      "                                </div>\n",
      "                            </div>\n",
      "                            <div class=\"nf-bar2\"></div>\n",
      "                            <div class=\"\" tabindex=\"0\">\n",
      "                                <span class=\"nf-highlight\">Caffeine</span>\n",
      "                                <span class=\"\" itemprop=\"caffeineContent\">0.0mg</span>\n",
      "                            </div>\n",
      "                            <div class=\"nf-bar1\"></div>\n",
      "                            <div class=\"nf-vitamins\">\n",
      "                        <div class=\"nf-footnote\">\n",
      "                            <span tabindex=\"0\">The % Daily Value (DV) tells you how much a nutrient in a serving of food contributes to a daily diet. 2000 calories a day is used for general nutrition advice.</span>\n",
      "                        </div>\n",
      "                        <div class=\"naTooltip\">Data not available</div>\n",
      "                            </div>\n",
      "                        </div><!-- closing class=\"nf\" -->\n",
      "                    </div>\n",
      "                </div>\n",
      "                <div class=\"custom-slide\">\n",
      "                    <div id=\"nutrition_label\">\n",
      "                        <div itemscope=\"\" class=\"nf\" role=\"region\" aria-label=\"nutrition label\" style=\"width: 300px;\">\n",
      "                            <div class=\"nf-title\" tabindex=\"0\">Nutrition Facts</div>\n",
      "                            <div class=\"nf-line\">\n",
      "                                <div class=\"nf-serving\">\n",
      "                                    <div class=\"nf-amount-per-serving\" align=\"right\" tabindex=\"0\"><b>\n",
      "                                            Amount Per Serving (Total Servings: 6)\n",
      "                                    </b></div>\n",
      "                                </div><!-- end of class=\"nf-serving\" -->\n",
      "                            </div><!-- end of class=\"nf-line\" -->\n",
      "                            <!-- Add the rest of your nutrition facts here -->\n",
      "                            <div class=\"nf-bar2\"></div>\n",
      "                            <div class=\"nf-netcarbs\" tabindex=\"0\">\n",
      "                                <span class=\"\">Net Carbs</span>\n",
      "                                <span class=\"nf-pr\" itemprop=\"net_carbs\">20.71 g</span>\n",
      "                            </div>\n",
      "                            <div class=\"nf-bar1\"></div>\n",
      "                            <div class=\"nf-calories\" tabindex=\"0\">\n",
      "                                <span class=\"\">Calories</span>\n",
      "                                <span class=\"nf-pr\" itemprop=\"calories\">614.1 Kcal</span>\n",
      "                            </div>\n",
      "                            <!-- Continue adding the rest of the nutrition information as in your original code -->\n",
      "                            <div class=\"nf-bar1\"></div>\n",
      "                            <div class=\"nf-line nf-text-right\">\n",
      "                                <span class=\"nf-highlight nf-percent-dv\">% Daily Value*</span>\n",
      "                            </div>\n",
      "                            <div class=\"nf-line\" tabindex=\"0\">\n",
      "                                <span class=\"nf-highlight\">Total Fat</span>\n",
      "                                <span class=\"\" itemprop=\"fatContent\">36.19<span aria-hidden=\"true\">g</span><span class=\"sr-only\"> grams</span></span>\n",
      "                                <span class=\"nf-highlight nf-pr\">51.7% <span class=\"sr-only\">Daily Value</span></span>\n",
      "                            </div>\n",
      "                            <div class=\"nf-line nf-indent\" tabindex=\"0\">\n",
      "                                <span class=\"\">Saturated Fat</span>\n",
      "                                <span class=\"\" itemprop=\"saturatedFatContent\">8.74<span aria-hidden=\"true\">g</span><span class=\"sr-only\"> grams</span></span>\n",
      "                                <span class=\"nf-highlight nf-pr\">43.69% <span class=\"sr-only\">Daily Value</span></span>\n",
      "                            </div>\n",
      "                            <div class=\"nf-line nf-indent\" tabindex=\"0\">\n",
      "                                <span class=\"\"><em>Trans</em> Fat</span>\n",
      "                                <span class=\"\" itemprop=\"transFatContent\">0.71<span aria-hidden=\"true\">g</span><span class=\"sr-only\"> grams</span></span>\n",
      "                            </div>\n",
      "                            <div class=\"nf-line nf-indent\" tabindex=\"0\">\n",
      "                            <span class=\"\">Polyunsaturated Fat</span>\n",
      "                            <span class=\"\" itemprop=\"\">6.93<span aria-hidden=\"true\">g</span><span class=\"sr-only\"> grams</span></span>\n",
      "                            </div>\n",
      "                            <div class=\"nf-line nf-indent\" tabindex=\"0\">\n",
      "                            <span class=\"\">Monounsaturated Fat</span>\n",
      "                            <span class=\"\" itemprop=\"\">15.75<span aria-hidden=\"true\">g</span><span class=\"sr-only\"> grams</span></span>\n",
      "                            </div>\n",
      "                            <div class=\"nf-line\" tabindex=\"0\">\n",
      "                                <span class=\"nf-highlight\">Cholesterol</span>\n",
      "                                <span class=\"\" itemprop=\"cholesterolContent\">41.26<span aria-hidden=\"true\">mg</span><span class=\"sr-only\"> milligrams</span></span>\n",
      "                                <span class=\"nf-highlight nf-pr\">13.75% <span class=\"sr-only\">Daily Value</span></span>\n",
      "                            </div>\n",
      "                            <div class=\"nf-line\" tabindex=\"0\">\n",
      "                                <span class=\"nf-highlight\">Sodium</span>\n",
      "                                <span class=\"\" itemprop=\"sodiumContent\">781.32<span aria-hidden=\"true\">mg</span><span class=\"sr-only\"> milligrams</span></span>\n",
      "                                <span class=\"nf-highlight nf-pr\">33.97% <span class=\"sr-only\">Daily Value</span></span>\n",
      "                            </div>\n",
      "                            <div class=\"nf-line\" tabindex=\"0\">\n",
      "                                <span class=\"nf-highlight\">Total Carbohydrates</span>\n",
      "                                <span class=\"\" itemprop=\"carbohydrateContent\">32.81<span aria-hidden=\"true\">g</span><span class=\"sr-only\"> grams</span></span>\n",
      "                                <span class=\"nf-highlight nf-pr\">12.62% <span class=\"sr-only\">Daily Value</span></span>\n",
      "                            </div>\n",
      "                            <div class=\"nf-line nf-indent\" tabindex=\"0\">\n",
      "                                <span class=\"\">Dietary Fiber</span>\n",
      "                                <span class=\"\" itemprop=\"fiberContent\">12.1<span aria-hidden=\"true\">g</span><span class=\"sr-only\"> grams</span></span>\n",
      "                                <span class=\"nf-highlight nf-pr\">40.33% <span class=\"sr-only\">Daily Value</span></span>\n",
      "                            </div>\n",
      "                            <div class=\"nf-line nf-indent\" tabindex=\"0\">\n",
      "                                <span class=\"\">Sugars</span>\n",
      "                                <span class=\"\" itemprop=\"sugarContent\">4.97<span aria-hidden=\"true\">g</span><span class=\"sr-only\"> grams</span></span>\n",
      "                            </div>\n",
      "                            <div class=\"nf-line\" tabindex=\"0\">\n",
      "                                <span class=\"nf-highlight\">Protein</span>\n",
      "                                <span class=\"\" itemprop=\"proteinContent\">48.57<span aria-hidden=\"true\">g</span><span class=\"sr-only\"> grams</span></span>\n",
      "                            </div>\n",
      "                            <div class=\"nf-bar2\"></div>\n",
      "                            <div class=\"nf-vitamins\">\n",
      "                                <div class=\"nf-vitamins\">\n",
      "                                    <div class=\"\" tabindex=\"0\">\n",
      "                                        <span class=\"\">Vitamin D</span>\n",
      "                                        <span class=\"\" itemprop=\"vitaminDContent\">0.63<span aria-hidden=\"true\">mcg</span><span class=\"sr-only\"> micrograms</span></span>\n",
      "                                        <span class=\"nf-highlight nf-pr\">6.32% <span class=\"sr-only\">Daily Value</span></span>\n",
      "                                    </div>\n",
      "                                    <div class=\"nf-line\" tabindex=\"0\">\n",
      "                                        <span class=\"\">Calcium</span>\n",
      "                                        <span class=\"\" itemprop=\"calciumContent\">446.2<span aria-hidden=\"true\">mg</span><span class=\"sr-only\"> milligrams</span></span>\n",
      "                                        <span class=\"nf-highlight nf-pr\">63.74% <span class=\"sr-only\">Daily Value</span></span>\n",
      "                                    </div>\n",
      "                                    <div class=\"nf-line\" tabindex=\"0\">\n",
      "                                        <span class=\"\">Iron</span>\n",
      "                                        <span class=\"\" itemprop=\"ironContent\">6.13<span aria-hidden=\"true\">mg</span><span class=\"sr-only\"> milligrams</span></span>\n",
      "                                        <span class=\"nf-highlight nf-pr\">52.14% <span class=\"sr-only\">Daily Value</span></span>\n",
      "                                    </div>\n",
      "                                    <div class=\"nf-line\" tabindex=\"0\">\n",
      "                                        <span class=\"\">Potassium</span>\n",
      "                                        <span class=\"\" itemprop=\"potassiumContent\">618.4<span aria-hidden=\"true\">mg</span><span class=\"sr-only\"> milligrams</span></span>\n",
      "                                        <span class=\"nf-highlight nf-pr\">17.67% <span class=\"sr-only\">Daily Value</span></span>\n",
      "                                    </div>\n",
      "                                    <div class=\"nf-line\" tabindex=\"0\">\n",
      "                                        <span class=\"\">Zinc</span>\n",
      "                                        <span class=\"\" itemprop=\"zincContent\">3.95<span aria-hidden=\"true\">mg</span><span class=\"sr-only\"> milligrams</span></span>\n",
      "                                        <span class=\"nf-highlight nf-pr\">47.91% <span class=\"sr-only\">Daily Value</span></span>\n",
      "                                    </div>\n",
      "                                </div>\n",
      "                            </div>\n",
      "                            <div class=\"nf-bar2\"></div>\n",
      "                            <div class=\"\" tabindex=\"0\">\n",
      "                                <span class=\"nf-highlight\">Caffeine</span>\n",
      "                                <span class=\"\" itemprop=\"caffeineContent\">0.0mg</span>\n",
      "                            </div>\n",
      "                            <div class=\"nf-bar1\"></div>\n",
      "                            <div class=\"nf-vitamins\">\n",
      "                        <div class=\"nf-footnote\">\n",
      "                            <span tabindex=\"0\">The % Daily Value (DV) tells you how much a nutrient in a serving of food contributes to a daily diet. 2000 calories a day is used for general nutrition advice.</span>\n",
      "                        </div>\n",
      "                        <div class=\"naTooltip\">Data not available</div>\n",
      "                            </div>\n",
      "                        </div><!-- closing class=\"nf\" -->\n",
      "                    </div>\n",
      "                </div>\n",
      "                <div class=\"custom-slide\">\n",
      "                    <div id=\"nutrition_label\">\n",
      "                        <div itemscope=\"\" class=\"nf\" role=\"region\" aria-label=\"nutrition label\" style=\"width: 300px;\">\n",
      "                            <div class=\"nf-title\" tabindex=\"0\">Nutrition Facts</div>\n",
      "                            <div class=\"nf-line\">\n",
      "                                <div class=\"nf-serving\">\n",
      "                                    <div class=\"nf-amount-per-serving\" align=\"right\" tabindex=\"0\"><b>\n",
      "                                            Amount in 2 Servings (Total Servings: 6)\n",
      "                                    </b></div>\n",
      "                                </div><!-- end of class=\"nf-serving\" -->\n",
      "                            </div><!-- end of class=\"nf-line\" -->\n",
      "                            <!-- Add the rest of your nutrition facts here -->\n",
      "                            <div class=\"nf-bar2\"></div>\n",
      "                            <div class=\"nf-netcarbs\" tabindex=\"0\">\n",
      "                                <span class=\"\">Net Carbs</span>\n",
      "                                <span class=\"nf-pr\" itemprop=\"net_carbs\">41.43 g</span>\n",
      "                            </div>\n",
      "                            <div class=\"nf-bar1\"></div>\n",
      "                            <div class=\"nf-calories\" tabindex=\"0\">\n",
      "                                <span class=\"\">Calories</span>\n",
      "                                <span class=\"nf-pr\" itemprop=\"calories\">1228.21 Kcal</span>\n",
      "                            </div>\n",
      "                            <!-- Continue adding the rest of the nutrition information as in your original code -->\n",
      "                            <div class=\"nf-bar1\"></div>\n",
      "                            <div class=\"nf-line nf-text-right\">\n",
      "                                <span class=\"nf-highlight nf-percent-dv\">% Daily Value*</span>\n",
      "                            </div>\n",
      "                            <div class=\"nf-line\" tabindex=\"0\">\n",
      "                                <span class=\"nf-highlight\">Total Fat</span>\n",
      "                                <span class=\"\" itemprop=\"fatContent\">72.38<span aria-hidden=\"true\">g</span><span class=\"sr-only\"> grams</span></span>\n",
      "                                <span class=\"nf-highlight nf-pr\">103.4% <span class=\"sr-only\">Daily Value</span></span>\n",
      "                            </div>\n",
      "                            <div class=\"nf-line nf-indent\" tabindex=\"0\">\n",
      "                                <span class=\"\">Saturated Fat</span>\n",
      "                                <span class=\"\" itemprop=\"saturatedFatContent\">17.48<span aria-hidden=\"true\">g</span><span class=\"sr-only\"> grams</span></span>\n",
      "                                <span class=\"nf-highlight nf-pr\">87.38% <span class=\"sr-only\">Daily Value</span></span>\n",
      "                            </div>\n",
      "                            <div class=\"nf-line nf-indent\" tabindex=\"0\">\n",
      "                                <span class=\"\"><em>Trans</em> Fat</span>\n",
      "                                <span class=\"\" itemprop=\"transFatContent\">1.42<span aria-hidden=\"true\">g</span><span class=\"sr-only\"> grams</span></span>\n",
      "                            </div>\n",
      "                            <div class=\"nf-line nf-indent\" tabindex=\"0\">\n",
      "                            <span class=\"\">Polyunsaturated Fat</span>\n",
      "                            <span class=\"\" itemprop=\"\">13.87<span aria-hidden=\"true\">g</span><span class=\"sr-only\"> grams</span></span>\n",
      "                            </div>\n",
      "                            <div class=\"nf-line nf-indent\" tabindex=\"0\">\n",
      "                            <span class=\"\">Monounsaturated Fat</span>\n",
      "                            <span class=\"\" itemprop=\"\">31.49<span aria-hidden=\"true\">g</span><span class=\"sr-only\"> grams</span></span>\n",
      "                            </div>\n",
      "                            <div class=\"nf-line\" tabindex=\"0\">\n",
      "                                <span class=\"nf-highlight\">Cholesterol</span>\n",
      "                                <span class=\"\" itemprop=\"cholesterolContent\">82.52<span aria-hidden=\"true\">mg</span><span class=\"sr-only\"> milligrams</span></span>\n",
      "                                <span class=\"nf-highlight nf-pr\">27.51% <span class=\"sr-only\">Daily Value</span></span>\n",
      "                            </div>\n",
      "                            <div class=\"nf-line\" tabindex=\"0\">\n",
      "                                <span class=\"nf-highlight\">Sodium</span>\n",
      "                                <span class=\"\" itemprop=\"sodiumContent\">1562.65<span aria-hidden=\"true\">mg</span><span class=\"sr-only\"> milligrams</span></span>\n",
      "                                <span class=\"nf-highlight nf-pr\">67.94% <span class=\"sr-only\">Daily Value</span></span>\n",
      "                            </div>\n",
      "                            <div class=\"nf-line\" tabindex=\"0\">\n",
      "                                <span class=\"nf-highlight\">Total Carbohydrates</span>\n",
      "                                <span class=\"\" itemprop=\"carbohydrateContent\">65.62<span aria-hidden=\"true\">g</span><span class=\"sr-only\"> grams</span></span>\n",
      "                                <span class=\"nf-highlight nf-pr\">25.24% <span class=\"sr-only\">Daily Value</span></span>\n",
      "                            </div>\n",
      "                            <div class=\"nf-line nf-indent\" tabindex=\"0\">\n",
      "                                <span class=\"\">Dietary Fiber</span>\n",
      "                                <span class=\"\" itemprop=\"fiberContent\">24.2<span aria-hidden=\"true\">g</span><span class=\"sr-only\"> grams</span></span>\n",
      "                                <span class=\"nf-highlight nf-pr\">80.65% <span class=\"sr-only\">Daily Value</span></span>\n",
      "                            </div>\n",
      "                            <div class=\"nf-line nf-indent\" tabindex=\"0\">\n",
      "                                <span class=\"\">Sugars</span>\n",
      "                                <span class=\"\" itemprop=\"sugarContent\">9.94<span aria-hidden=\"true\">g</span><span class=\"sr-only\"> grams</span></span>\n",
      "                            </div>\n",
      "                            <div class=\"nf-line\" tabindex=\"0\">\n",
      "                                <span class=\"nf-highlight\">Protein</span>\n",
      "                                <span class=\"\" itemprop=\"proteinContent\">97.13<span aria-hidden=\"true\">g</span><span class=\"sr-only\"> grams</span></span>\n",
      "                            </div>\n",
      "                            <div class=\"nf-bar2\"></div>\n",
      "                            <div class=\"nf-vitamins\">\n",
      "                                <div class=\"nf-vitamins\">\n",
      "                                    <div class=\"\" tabindex=\"0\">\n",
      "                                        <span class=\"\">Vitamin D</span>\n",
      "                                        <span class=\"\" itemprop=\"vitaminDContent\">1.27<span aria-hidden=\"true\">mcg</span><span class=\"sr-only\"> micrograms</span></span>\n",
      "                                        <span class=\"nf-highlight nf-pr\">12.65% <span class=\"sr-only\">Daily Value</span></span>\n",
      "                                    </div>\n",
      "                                    <div class=\"nf-line\" tabindex=\"0\">\n",
      "                                        <span class=\"\">Calcium</span>\n",
      "                                        <span class=\"\" itemprop=\"calciumContent\">892.4<span aria-hidden=\"true\">mg</span><span class=\"sr-only\"> milligrams</span></span>\n",
      "                                        <span class=\"nf-highlight nf-pr\">127.49% <span class=\"sr-only\">Daily Value</span></span>\n",
      "                                    </div>\n",
      "                                    <div class=\"nf-line\" tabindex=\"0\">\n",
      "                                        <span class=\"\">Iron</span>\n",
      "                                        <span class=\"\" itemprop=\"ironContent\">12.25<span aria-hidden=\"true\">mg</span><span class=\"sr-only\"> milligrams</span></span>\n",
      "                                        <span class=\"nf-highlight nf-pr\">104.28% <span class=\"sr-only\">Daily Value</span></span>\n",
      "                                    </div>\n",
      "                                    <div class=\"nf-line\" tabindex=\"0\">\n",
      "                                        <span class=\"\">Potassium</span>\n",
      "                                        <span class=\"\" itemprop=\"potassiumContent\">1236.8<span aria-hidden=\"true\">mg</span><span class=\"sr-only\"> milligrams</span></span>\n",
      "                                        <span class=\"nf-highlight nf-pr\">35.34% <span class=\"sr-only\">Daily Value</span></span>\n",
      "                                    </div>\n",
      "                                    <div class=\"nf-line\" tabindex=\"0\">\n",
      "                                        <span class=\"\">Zinc</span>\n",
      "                                        <span class=\"\" itemprop=\"zincContent\">7.9<span aria-hidden=\"true\">mg</span><span class=\"sr-only\"> milligrams</span></span>\n",
      "                                        <span class=\"nf-highlight nf-pr\">95.81% <span class=\"sr-only\">Daily Value</span></span>\n",
      "                                    </div>\n",
      "                                </div>\n",
      "                            </div>\n",
      "                            <div class=\"nf-bar2\"></div>\n",
      "                            <div class=\"\" tabindex=\"0\">\n",
      "                                <span class=\"nf-highlight\">Caffeine</span>\n",
      "                                <span class=\"\" itemprop=\"caffeineContent\">0.0mg</span>\n",
      "                            </div>\n",
      "                            <div class=\"nf-bar1\"></div>\n",
      "                            <div class=\"nf-vitamins\">\n",
      "                        <div class=\"nf-footnote\">\n",
      "                            <span tabindex=\"0\">The % Daily Value (DV) tells you how much a nutrient in a serving of food contributes to a daily diet. 2000 calories a day is used for general nutrition advice.</span>\n",
      "                        </div>\n",
      "                        <div class=\"naTooltip\">Data not available</div>\n",
      "                            </div>\n",
      "                        </div><!-- closing class=\"nf\" -->\n",
      "                    </div>\n",
      "                </div>\n",
      "            </div>\n",
      "        <div class=\"arrow right-arrow\">&#9654;</div> <!-- Right Arrow -->\n",
      "    </div>\n",
      "\n",
      "</div>\n",
      "\n",
      "<div class=\"grid cards\" markdown>\n",
      "\n",
      "- #### Net Carbs in each Ingredient\n",
      "\n",
      "    ---\n",
      "\n",
      "    | Ingredient                         | Quantity   | Unit   |   Qty in gms | Source    |   Net Carbs (gms) |\n",
      "|:-----------------------------------|:-----------|:-------|-------------:|:----------|------------------:|\n",
      "| OLIVE OIL                          | 1          | TBSP   |           15 | Nutrionix |              0    |\n",
      "| SUGAR                              | 1          | TSP    |            5 | Nutrionix |              5    |\n",
      "| WATER                              | 300        | ML     |          300 | Nutrionix |              0    |\n",
      "| VITAL WHEAT GLUTEN                 | 1          | CUP    |          240 | Nutrionix |             31.66 |\n",
      "| WHEAT BRAN                         | 1/4        | CUP    |           60 | Nutrionix |             13.03 |\n",
      "| OAT FLOUR                          | 1/4        | CUP    |           60 | Nutrionix |             35.52 |\n",
      "| FLAX MEAL                          | 1/4        | CUP    |           60 | Nutrionix |              0.95 |\n",
      "| ALMOND FLOUR                       | 1/2        | CUP    |          120 | UKDB      |              8.28 |\n",
      "| BAKING POWDER                      | 1          | TSP    |            5 | Nutrionix |              1.38 |\n",
      "| SALT                               | 1          | TSP    |            5 | Nutrionix |              0    |\n",
      "| DRIED YEAST                        | 7          | GMS    |            7 | UKDB      |              0.25 |\n",
      "| SALTED BUTTER                      | 30         | GMS    |           30 | Nutrionix |              0.02 |\n",
      "| GARLIC                             | 3-4        | CLOVES |           12 | UKDB      |              1.96 |\n",
      "| YELLOW CAPSICUM                    | 35         | GMS    |           35 | UKDB      |              1.5  |\n",
      "| BROWN CHESTNUT MUSHROOMS           | 30         | GMS    |           30 | Nutrionix |              1.11 |\n",
      "| ONION                              | 50         | GMS    |           50 | Nutrionix |              4.38 |\n",
      "| CANNED PINEAPPLE                   | 50         | GMS    |           50 | Nutrionix |              7.45 |\n",
      "| PANEER                             | 125        | GMS    |          125 | Nutrionix |              3.72 |\n",
      "| VIRGIN OLIVE OIL                   | 2          | TSP    |           10 | Nutrionix |              0    |\n",
      "| TANDOORI MASALA                    | 2          | TSP    |           10 | Nutrionix |              3.35 |\n",
      "| DRIED FENUGREEK LEAVES             | 2          | TSP    |           10 | UKDB      |              0.48 |\n",
      "| PINK HIMALAYAN SALT                | TO TASTE   |        |            0 | Nutrionix |              0    |\n",
      "| PASTA SAUCE                        | 3          | TBSP   |           45 | Nutrionix |              2.53 |\n",
      "| GRATED MOZZARELLA CHEESE           | 40         | GMS    |           40 | Nutrionix |              0.88 |\n",
      "| GRATED EXTRA MATURE CHEDDAR CHEESE | 50         | GMS    |           50 | UKDB      |              0.05 |\n",
      "| JALAPENOS                          | 10         | GMS    |           10 | Nutrionix |              0.37 |\n",
      "| GRATED MOZZARELLA CHEESE           | 20         | GMS    |           20 | Nutrionix |              0.44 |\n",
      "</div>\n",
      "\n",
      "### Cooklang\n",
      "\n",
      "<details class=\"site-abstract\">\n",
      "<summary>Recipe in <a href=\"https://cooklang.org/\" target=\"_blank\">Cooklang</a></summary>\n",
      "```\n",
      "\n",
      ">> Title: Low Carb Pizza\n",
      ">> Serving Size: 6\n",
      ">> Cooking Time: 30 minutes (Prep Time - 90 minutes)\n",
      ">> Category: Italian\n",
      ">> Type: Vegetarian\n",
      ">> Image: recipe_9_low_carb_pizza.jpg\n",
      ">> Image-Caption: Low Carb Pizza and Garlic Bread.\n",
      "\n",
      "**Common Prep Steps**\n",
      "\n",
      "Add @Olive Oil{1%tbsp} and @sugar{1%tsp} in @water{300%ml} and mix well.\n",
      "Take a #bowl{} and add @vital wheat gluten{1%cup}.\n",
      "Add @wheat bran{1/4%cup}, @oat flour{1/4%cup}.\n",
      "Add @flax meal{1/4%cup}, @Almond Flour{1/2%cup}.\n",
      "Add @baking powder{1%tsp}, @salt{1%tsp}, @dried yeast{7%gms(1 sachet)}.\n",
      "Add liquid mix to dry mix and knead for ~{5%minutes}.\n",
      "Once consolidated, place the dough on oiled #baking sheet{}.\n",
      "Flatten it with hand at first and with #roller pin{} later to bring it to about 14 inch diameter. \n",
      "If you want your pizza to be round then using a #large round utensil{} as guide and #knife or pizza cutter{} trim uneven sides to get a circular shape else just use the #knife or pizza cutter{} to make a rectangular shape.\n",
      "Cover it with a slightly damp cloth and keep it aside to rise.\n",
      "Use the trimmed dough to make another ball of dough and flatten it first with hand and then with roller pin to a size of roughly 8 to 10 inch.\n",
      "Let the two items rise for a ~{40-60%minutes} though leaving for about ~{2%hrs} gets better results.\n",
      "\n",
      "**Garlic Bread**\n",
      "\n",
      "Take the smaller base and Using a #fork{} pierce the base equidistantly.\n",
      "In a #microwaveable bowl{} take @salted butter{30%gms}.\n",
      "Using a #grater{}, grate @Garlic{3-4%cloves(Large)} into the #microwaveable bowl{}.\n",
      "Place the #microwaveable bowl{} into #microwave{} for ~{20-30%seconds}.\n",
      "Using an #oil brush or spatula{} spread the melted butter and Garlic onto the smaller pierced base.\n",
      "Put this into the #oven{} at 180°C for ~{10%minutes}.\n",
      "[- This can also be done using Air Fryer at similar temperature. \n",
      "Although it will quite possibly require less time than 10 minutes. -]\n",
      "Take it out after that and cut it into rectangular pieces using #pizza cutter{}.\n",
      "-- It might be better to let it cool down a bit as it allows for a bit of self-baking.\n",
      "\n",
      "**Pizza  Toppings**\n",
      "\n",
      "While any topping can be used, I started by cutting @Yellow Capsicum{35%gms(1/3)} with #knife{}.\n",
      "Then cut @Brown chestnut mushrooms{30%gms(3-4)}, @onion{50%gms(1/2)} and @canned pineapple{50%gms(1 ring)} using #knife{} and keep them separately for later use.\n",
      "Cut @Paneer{125%gms} and put in a #small bowl{}.\n",
      "Add @virgin olive oil{2%tsp}, @tandoori masala{2%tsp}, @dried fenugreek leaves{2%tsp} and @Pink Himalayan Salt{to taste} and mix well.\n",
      "\n",
      "**Pizza**\n",
      "\n",
      "Take the larger base and spread evenly [@pasta sauce{3%tbsp}](https://kutt.it/pesto-sauce) on it using #spatula{}.\n",
      "Then spread a thin layer of @grated mozzarella cheese{40%gms}.\n",
      "Add all veggie pizza toppings as much as possible without piling up and arranged side to side.\n",
      "Then add paneer cubes, these can be piled on top of veggies, if there isn't enough space.\n",
      "Now spread evenly @grated extra mature cheddar cheese{50%gms}.\n",
      "Then add @jalapenos{10%gms(8-10 rings)}.\n",
      "Finally sprinkle some more @grated mozzarella cheese{20%gms}.\n",
      "Put this into the #oven{} at 180°C for ~{20%minutes}.\n",
      "Take it out after that and cut it using #pizza cutter{}.\n",
      "\n",
      "```\n",
      "</details>\n"
     ]
    }
   ],
   "source": [
    "print(rendered_html)"
   ]
  },
  {
   "cell_type": "markdown",
   "id": "55479141-1632-4fbf-801a-0ff391f2c2ab",
   "metadata": {},
   "source": [
    "## Final output in HTML"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 25,
   "id": "d7c4deb2-25b6-48bf-9541-4edcb4871c3f",
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "<script type=\"application/ld+json\">\n",
       "    {\n",
       "        \"@context\": \"https://schema.org\",\n",
       "        \"@type\": \"Recipe\",\n",
       "        \"name\": \"Low Carb Pizza\",\n",
       "        \"image\": \"../assets/images//recipe_9_low_carb_pizza.jpg\",\n",
       "        \"description\": \"Low Carb Pizza and Garlic Bread.\",\n",
       "        \"author\": {\n",
       "        \"@type\": \"Person\",\n",
       "        \"name\": \"/recipes/breakfast%20options/pizza.html\"\n",
       "        },\n",
       "        \"recipeCategory\": \"Vegetarian\",\n",
       "        \"recipeCuisine\": \"Italian\",\n",
       "        \"keywords\": \"\",\n",
       "        \"recipeYield\": \"6\",\n",
       "        \"prepTime\": \"PTM\",\n",
       "        \"cookTime\": \"PT30 minutes (Prep Time - 90 minutes)M\",\n",
       "        \"totalTime\": \"PTM\",\n",
       "        \"ingredients\": [\n",
       "                \"1 tbsp Olive Oil\"\n",
       "                \"1 tsp Sugar\"\n",
       "                \"300 ml Water\"\n",
       "                \"1 cup Vital Wheat Gluten\"\n",
       "                \"1/4 cup Wheat Bran\"\n",
       "                \"1/4 cup Oat Flour\"\n",
       "                \"1/4 cup Flax Meal\"\n",
       "                \"1/2 cup Almond Flour\"\n",
       "                \"1 tsp Baking Powder\"\n",
       "                \"1 tsp Salt\"\n",
       "                \"7 gms(1 sachet) Dried Yeast\"\n",
       "                \"30 gms Salted Butter\"\n",
       "                \"3-4 cloves(Large) Garlic\"\n",
       "                \"35 gms(1/3) Yellow Capsicum\"\n",
       "                \"30 gms(3-4) Brown Chestnut Mushrooms\"\n",
       "                \"50 gms(1/2) Onion\"\n",
       "                \"50 gms(1 ring) Canned Pineapple\"\n",
       "                \"125 gms Paneer\"\n",
       "                \"2 tsp Virgin Olive Oil\"\n",
       "                \"2 tsp Tandoori Masala\"\n",
       "                \"2 tsp Dried Fenugreek Leaves\"\n",
       "                \"to taste Pink Himalayan Salt\"\n",
       "                \"3 tbsp Pasta Sauce\"\n",
       "                \"40 gms Grated Mozzarella Cheese\",\n",
       "                \"20 gms Grated Mozzarella Cheese\"\n",
       "                \"50 gms Grated Extra Mature Cheddar Cheese\"\n",
       "                \"10 gms(8-10 rings) Jalapenos\"\n",
       "        ]\n",
       "        \"recipeInstructions\": [\n",
       "            \"<strong>Common Prep Steps</strong>\",\n",
       "            \"<strong>Step 1</strong>: Add <cookmark><em>1 tbsp</em> <strong> Olive Oil</strong></cookmark> and <cookmark><em>1 tsp</em> <strong> sugar</strong></cookmark> in <cookmark><em>300 ml</em> <strong> water</strong></cookmark> and mix well.\",\n",
       "            \"<strong>Step 2</strong>: Take a bowl and add <cookmark><em>1 cup</em> <strong> vital wheat gluten</strong></cookmark>.\",\n",
       "            \"<strong>Step 3</strong>: Add <cookmark><em>1/4 cup</em> <strong> wheat bran</strong></cookmark>, <cookmark><em>1/4 cup</em> <strong> oat flour</strong></cookmark>.\",\n",
       "            \"<strong>Step 4</strong>: Add <cookmark><em>1/4 cup</em> <strong> flax meal</strong></cookmark>, <cookmark><em>1/2 cup</em> <strong> Almond Flour</strong></cookmark>.\",\n",
       "            \"<strong>Step 5</strong>: Add <cookmark><em>1 tsp</em> <strong> baking powder</strong></cookmark>, <cookmark><em>1 tsp</em> <strong> salt</strong></cookmark>, <cookmark><em>7 gms(1 sachet)</em> <strong> dried yeast</strong></cookmark>.\",\n",
       "            \"<strong>Step 6</strong>: Add liquid mix to dry mix and knead for :material-timer-sand-full: 5 minutes.\",\n",
       "            \"<strong>Step 7</strong>: Once consolidated, place the dough on oiled baking sheet.\",\n",
       "            \"<strong>Step 8</strong>: Flatten it with hand at first and with roller pin later to bring it to about 14 inch diameter.\",\n",
       "            \"<strong>Step 9</strong>: If you want your pizza to be round then using a large round utensil as guide and knife or pizza cutter trim uneven sides to get a circular shape else just use the knife or pizza cutter to make a rectangular shape.\",\n",
       "            \"<strong>Step 10</strong>: Cover it with a slightly damp cloth and keep it aside to rise.\",\n",
       "            \"<strong>Step 11</strong>: Use the trimmed dough to make another ball of dough and flatten it first with hand and then with roller pin to a size of roughly 8 to 10 inch.\",\n",
       "            \"<strong>Step 12</strong>: Let the two items rise for a :material-timer-sand-full: 40-60 minutes though leaving for about :material-timer-sand-full: 2 hrs gets better results.\",\n",
       "            \"<strong>Garlic Bread</strong>\",\n",
       "            \"<strong>Step 13</strong>: Take the smaller base and Using a fork pierce the base equidistantly.\",\n",
       "            \"<strong>Step 14</strong>: In a microwaveable bowl take <cookmark><em>30 gms</em> <strong> salted butter</strong></cookmark>.\",\n",
       "            \"<strong>Step 15</strong>: Using a grater, grate <cookmark><em>3-4 cloves(Large)</em> <strong> Garlic</strong></cookmark> into the microwaveable bowl.\",\n",
       "            \"<strong>Step 16</strong>: Place the microwaveable bowl into microwave for :material-timer-sand-full: 20-30 seconds.\",\n",
       "            \"<strong>Step 17</strong>: Using an oil brush or spatula spread the melted butter and Garlic onto the smaller pierced base.\",\n",
       "            \"<strong>Step 18</strong>: Put this into the oven at 180°C for :material-timer-sand-full: 10 minutes.\",\n",
       "            \"<multiline>\n",
       "    This can also be done using Air Fryer at similar temperature.\n",
       "    Although it will quite possibly require less time than 10 minutes.\n",
       "</multiline>\",\n",
       "            \"<strong>Step 19</strong>: Take it out after that and cut it into rectangular pieces using pizza cutter.\",\n",
       "            \"<note> It might be better to let it cool down a bit as it allows for a bit of self-baking.</note>\",\n",
       "            \"<strong>Pizza  Toppings</strong>\",\n",
       "            \"<strong>Step 20</strong>: While any topping can be used, I started by cutting <cookmark><em>35 gms(1/3)</em> <strong> Yellow Capsicum</strong></cookmark> with knife.\",\n",
       "            \"<strong>Step 21</strong>: Then cut <cookmark><em>30 gms(3-4)</em> <strong> Brown chestnut mushrooms</strong></cookmark>, <cookmark><em>50 gms(1/2)</em> <strong> onion</strong></cookmark> and <cookmark><em>50 gms(1 ring)</em> <strong> canned pineapple</strong></cookmark> using knife and keep them separately for later use.\",\n",
       "            \"<strong>Step 22</strong>: Cut <cookmark><em>125 gms</em> <strong> Paneer</strong></cookmark> and put in a small bowl.\",\n",
       "            \"<strong>Step 23</strong>: Add <cookmark><em>2 tsp</em> <strong> virgin olive oil</strong></cookmark>, <cookmark><em>2 tsp</em> <strong> tandoori masala</strong></cookmark>, <cookmark><em>2 tsp</em> <strong> dried fenugreek leaves</strong></cookmark> and <cookmark><strong>Pink Himalayan Salt</strong></cookmark> (to taste) and mix well.\",\n",
       "            \"<strong>Pizza</strong>\",\n",
       "            \"<strong>Step 24</strong>: Take the larger base and spread evenly [<cookmark><em>3 tbsp</em> <strong> pasta sauce</strong></cookmark>](https://kutt.it/pesto-sauce) on it using spatula.\",\n",
       "            \"<strong>Step 25</strong>: Then spread a thin layer of <cookmark><em>40 gms</em> <strong> grated mozzarella cheese</strong></cookmark>.\",\n",
       "            \"<strong>Step 26</strong>: Add all veggie pizza toppings as much as possible without piling up and arranged side to side.\",\n",
       "            \"<strong>Step 27</strong>: Then add paneer cubes, these can be piled on top of veggies, if there isn't enough space.\",\n",
       "            \"<strong>Step 28</strong>: Now spread evenly <cookmark><em>50 gms</em> <strong> grated extra mature cheddar cheese</strong></cookmark>.\",\n",
       "            \"<strong>Step 29</strong>: Then add <cookmark><em>10 gms(8-10 rings)</em> <strong> jalapenos</strong></cookmark>.\",\n",
       "            \"<strong>Step 30</strong>: Finally sprinkle some more <cookmark><em>20 gms</em> <strong> grated mozzarella cheese</strong></cookmark>.\",\n",
       "            \"<strong>Step 31</strong>: Put this into the oven at 180°C for :material-timer-sand-full: 20 minutes.\",\n",
       "            \"<strong>Step 32</strong>: Take it out after that and cut it using pizza cutter.\"\n",
       "        ],\n",
       "        \"nutrition\": {\n",
       "        \"@type\": \"NutritionInformation\",\n",
       "        \"calories\": \"262.44\",\n",
       "        \"fatContent\": \"15.47\",\n",
       "        \"saturatedFatContent\": \"3.73\",\n",
       "        \"carbohydrateContent\": \"14.02\",\n",
       "        \"fiberContent\": \"5.17\",\n",
       "        \"sugarContent\": \"2.12\",\n",
       "        \"proteinContent\": \"20.75\",\n",
       "        \"sodiumContent\": \"333.9\"\n",
       "        }\n",
       "    }\n",
       "    </script>\n",
       "<h2>Low Carb Pizza</h2>\n",
       "<h3>Key Stats</h3>\n",
       "<div class=\"parent\">\n",
       "    <div class=\"div1\">\n",
       "        <div class=\"grid\">\n",
       "        <figure class=\"card\">\n",
       "        <p><a class=\"glightbox\" data-desc-position=\"bottom\" data-height=\"auto\" data-type=\"image\" data-width=\"auto\" href=\"../assets/images//recipe_9_low_carb_pizza.jpg\"><img alt=\"image\" src=\"../assets/images//recipe_9_low_carb_pizza.jpg\" style=\"width: 920px;height: 430px;object-fit: contain;\"></a></p>\n",
       "        <figcaption>Low Carb Pizza and Garlic Bread.</figcaption>\n",
       "        </figure>\n",
       "        </div>\n",
       "    </div>\n",
       "\n",
       "    <div class=\"div2\">\n",
       "        <div align-items=\"center\" class=\"grid\">\n",
       "            <div style=\"justify-content: center;display: flex;\">\n",
       "            <div class=\"circle\">\n",
       "            <p style=\"text-align: center;\">\n",
       "            <img alt=\"🥗\" class=\"twemoji\" src=\"https://cdn.jsdelivr.net/gh/jdecked/twemoji@15.0.3/assets/svg/1f957.svg\" title=\":green_salad:\">\n",
       "            <img alt=\"🥛\" class=\"twemoji\" src=\"https://cdn.jsdelivr.net/gh/jdecked/twemoji@15.0.3/assets/svg/1f95b.svg\" title=\":glass_of_milk:\">\n",
       "            <br><strong style=\"color:#4CAF50\">20.71 <em>Net Carbs per Serving</em></strong>\n",
       "            </p>\n",
       "            </div>\n",
       "            </div>\n",
       "        <p class=\"card\">\n",
       "        <em>Cooking Time</em>:\n",
       "        <strong>30 minutes (Prep Time - 90 minutes)</strong>\n",
       "        </p>\n",
       "        <p class=\"card\"><em>Serves</em>:\n",
       "\n",
       "        <strong>6</strong>\n",
       "        </p>\n",
       "        <p class=\"card\"><em>Type</em>: \n",
       "\n",
       "        <strong>Vegetarian</strong>\n",
       "        </p>\n",
       "        <p class=\"card\"><em>Category</em>: \n",
       "\n",
       "        <strong>Italian</strong></p>\n",
       "        </div>\n",
       "    </div>\n",
       "</div>\n",
       "\n",
       "<div class=\"parent\" markdown>\n",
       "<div class=\"div3\" markdown>\n",
       "<div class=\"grid cards\" markdown>\n",
       "\n",
       "-   ### Ingredients\n",
       "\n",
       "    <hr>\n",
       "    <table><thead><tr>\n",
       "    <th>S.No</th>\n",
       "    <th>Ingredient</th>\n",
       "    <th>Amount</th>\n",
       "    <th>Step</th>\n",
       "    </tr></thead>\n",
       "    <tbody>\n",
       "    <tr>\n",
       "    <td rowspan=\"1\"><b>1.</b></td>\n",
       "    <td rowspan=\"1\"><b><i>Olive Oil</i></b></td>\n",
       "    <td>1 tbsp</td>\n",
       "    <td>Step 1</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "    <td rowspan=\"1\"><b>2.</b></td>\n",
       "    <td rowspan=\"1\"><b><i>Sugar</i></b></td>\n",
       "    <td>1 tsp</td>\n",
       "    <td>Step 1</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "    <td rowspan=\"1\"><b>3.</b></td>\n",
       "    <td rowspan=\"1\"><b><i>Water</i></b></td>\n",
       "    <td>300 ml</td>\n",
       "    <td>Step 1</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "    <td rowspan=\"1\"><b>4.</b></td>\n",
       "    <td rowspan=\"1\"><b><i>Vital Wheat Gluten</i></b></td>\n",
       "    <td>1 cup</td>\n",
       "    <td>Step 2</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "    <td rowspan=\"1\"><b>5.</b></td>\n",
       "    <td rowspan=\"1\"><b><i>Wheat Bran</i></b></td>\n",
       "    <td>1/4 cup</td>\n",
       "    <td>Step 3</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "    <td rowspan=\"1\"><b>6.</b></td>\n",
       "    <td rowspan=\"1\"><b><i>Oat Flour</i></b></td>\n",
       "    <td>1/4 cup</td>\n",
       "    <td>Step 3</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "    <td rowspan=\"1\"><b>7.</b></td>\n",
       "    <td rowspan=\"1\"><b><i>Flax Meal</i></b></td>\n",
       "    <td>1/4 cup</td>\n",
       "    <td>Step 4</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "    <td rowspan=\"1\"><b>8.</b></td>\n",
       "    <td rowspan=\"1\"><b><i>Almond Flour</i></b></td>\n",
       "    <td>1/2 cup</td>\n",
       "    <td>Step 4</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "    <td rowspan=\"1\"><b>9.</b></td>\n",
       "    <td rowspan=\"1\"><b><i>Baking Powder</i></b></td>\n",
       "    <td>1 tsp</td>\n",
       "    <td>Step 5</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "    <td rowspan=\"1\"><b>10.</b></td>\n",
       "    <td rowspan=\"1\"><b><i>Salt</i></b></td>\n",
       "    <td>1 tsp</td>\n",
       "    <td>Step 5</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "    <td rowspan=\"1\"><b>11.</b></td>\n",
       "    <td rowspan=\"1\"><b><i>Dried Yeast</i></b></td>\n",
       "    <td>7 gms(1 sachet)</td>\n",
       "    <td>Step 5</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "    <td rowspan=\"1\"><b>12.</b></td>\n",
       "    <td rowspan=\"1\"><b><i>Salted Butter</i></b></td>\n",
       "    <td>30 gms</td>\n",
       "    <td>Step 14</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "    <td rowspan=\"1\"><b>13.</b></td>\n",
       "    <td rowspan=\"1\"><b><i>Garlic</i></b></td>\n",
       "    <td>3-4 cloves(Large)</td>\n",
       "    <td>Step 15</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "    <td rowspan=\"1\"><b>14.</b></td>\n",
       "    <td rowspan=\"1\"><b><i>Yellow Capsicum</i></b></td>\n",
       "    <td>35 gms(1/3)</td>\n",
       "    <td>Step 23</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "    <td rowspan=\"1\"><b>15.</b></td>\n",
       "    <td rowspan=\"1\"><b><i>Brown Chestnut Mushrooms</i></b></td>\n",
       "    <td>30 gms(3-4)</td>\n",
       "    <td>Step 24</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "    <td rowspan=\"1\"><b>16.</b></td>\n",
       "    <td rowspan=\"1\"><b><i>Onion</i></b></td>\n",
       "    <td>50 gms(1/2)</td>\n",
       "    <td>Step 24</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "    <td rowspan=\"1\"><b>17.</b></td>\n",
       "    <td rowspan=\"1\"><b><i>Canned Pineapple</i></b></td>\n",
       "    <td>50 gms(1 ring)</td>\n",
       "    <td>Step 24</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "    <td rowspan=\"1\"><b>18.</b></td>\n",
       "    <td rowspan=\"1\"><b><i>Paneer</i></b></td>\n",
       "    <td>125 gms</td>\n",
       "    <td>Step 25</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "    <td rowspan=\"1\"><b>19.</b></td>\n",
       "    <td rowspan=\"1\"><b><i>Virgin Olive Oil</i></b></td>\n",
       "    <td>2 tsp</td>\n",
       "    <td>Step 26</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "    <td rowspan=\"1\"><b>20.</b></td>\n",
       "    <td rowspan=\"1\"><b><i>Tandoori Masala</i></b></td>\n",
       "    <td>2 tsp</td>\n",
       "    <td>Step 26</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "    <td rowspan=\"1\"><b>21.</b></td>\n",
       "    <td rowspan=\"1\"><b><i>Dried Fenugreek Leaves</i></b></td>\n",
       "    <td>2 tsp</td>\n",
       "    <td>Step 26</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "    <td rowspan=\"1\"><b>22.</b></td>\n",
       "    <td rowspan=\"1\"><b><i>Pink Himalayan Salt</i></b></td>\n",
       "    <td align-item=\"center\" colspan=\"2\">to taste</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "    <td rowspan=\"1\"><b>23.</b></td>\n",
       "    <td rowspan=\"1\"><b><i>Pasta Sauce</i></b></td>\n",
       "    <td>3 tbsp</td>\n",
       "    <td>Step 27</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "    <td rowspan=\"2\"><b>24.</b></td>\n",
       "    <td rowspan=\"2\"><b><i>Grated Mozzarella Cheese</i></b></td>\n",
       "    <td>40 gms</td>\n",
       "    <td>Step 28</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "    <td>20 gms</td>\n",
       "    <td>Step 33</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "    <tr>\n",
       "    <td rowspan=\"1\"><b>25.</b></td>\n",
       "    <td rowspan=\"1\"><b><i>Grated Extra Mature Cheddar Cheese</i></b></td>\n",
       "    <td>50 gms</td>\n",
       "    <td>Step 31</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "    <td rowspan=\"1\"><b>26.</b></td>\n",
       "    <td rowspan=\"1\"><b><i>Jalapenos</i></b></td>\n",
       "    <td>10 gms(8-10 rings)</td>\n",
       "    <td>Step 32</td>\n",
       "    </tr>\n",
       "    </tr></tbody></table>\n",
       "    </div>\n",
       "</div>\n",
       "<div class=\"div4\" markdown>\n",
       "<div class=\"grid cards\" markdown>\n",
       "\n",
       "-   ### Cookware\n",
       "\n",
       "    <hr>        \n",
       "    <ol>\n",
       "    <li>Bowl</li>\n",
       "    <li>Baking Sheet</li>\n",
       "    <li>Roller Pin</li>\n",
       "    <li>Microwaveable Bowl</li>\n",
       "    <li>Oil Brush Or Spatula</li>\n",
       "    <li>Small Bowl</li>\n",
       "    <li>Oven</li>\n",
       "    <li>Pizza Cutter</li>\n",
       "    <li>Fork</li>\n",
       "    <li>Knife</li>\n",
       "    <li>Grater</li>\n",
       "    <li>Microwave</li>\n",
       "    <li>Spatula</li>\n",
       "    <li>Large Round Utensil</li>\n",
       "    <li>Knife Or Pizza Cutter</li>\n",
       "    </ol>\n",
       "    <ol>\n",
       "\n",
       "\n",
       "??? site-info \"[Nutritionix Link](https://www.nutritionix.com/natural-demo?line_delimited&use_raw_foods&q=Olive%20Oil%20-%201%20TBSP%0ASugar%20-%201%20TSP%0AWater%20-%20300%20ML%0AVital%20Wheat%20Gluten%20-%201%20CUP%0AWheat%20Bran%20-%201%2F4%20CUP%0AOat%20Flour%20-%201%2F4%20CUP%0AFlax%20Meal%20-%201%2F4%20CUP%0AAlmond%20Flour%20-%201%2F2%20CUP%0ABaking%20Powder%20-%201%20TSP%0ASalt%20-%201%20TSP%0ADried%20Yeast%20-%207%20GMS%0ASalted%20Butter%20-%2030%20GMS%0AGarlic%20-%203-4%20CLOVES%0AYellow%20Capsicum%20-%2035%20GMS%0ABrown%20Chestnut%20Mushrooms%20-%2030%20GMS%0AOnion%20-%2050%20GMS%0ACanned%20Pineapple%20-%2050%20GMS%0APaneer%20-%20125%20GMS%0AVirgin%20Olive%20Oil%20-%202%20TSP%0ATandoori%20Masala%20-%202%20TSP%0ADried%20Fenugreek%20Leaves%20-%202%20TSP%0APink%20Himalayan%20Salt%20-%20to%20taste%0APasta%20Sauce%20-%203%20TBSP%0AGrated%20Mozzarella%20Cheese%20-%2040%20GMS%0AGrated%20Mozzarella%20Cheese%20-%2020%20GMS%0AGrated%20Extra%20Mature%20Cheddar%20Cheese%20-%2050%20GMS%0AJalapenos%20-%2010%20GMS%0A&s=6){target=_blank}\"\n",
       "    Copy the ingredients from below and adjust as needed.\n",
       "    ??? site-tip \"Copy Ingredients\"\n",
       "        ```\n",
       "        Olive Oil - 1 TBSP\n",
       "        Sugar - 1 TSP\n",
       "        Water - 300 ML\n",
       "        Vital Wheat Gluten - 1 CUP\n",
       "        Wheat Bran - 1/4 CUP\n",
       "        Oat Flour - 1/4 CUP\n",
       "        Flax Meal - 1/4 CUP\n",
       "        Almond Flour - 1/2 CUP\n",
       "        Baking Powder - 1 TSP\n",
       "        Salt - 1 TSP\n",
       "        Dried Yeast - 7 GMS\n",
       "        Salted Butter - 30 GMS\n",
       "        Garlic - 3-4 CLOVES\n",
       "        Yellow Capsicum - 35 GMS\n",
       "        Brown Chestnut Mushrooms - 30 GMS\n",
       "        Onion - 50 GMS\n",
       "        Canned Pineapple - 50 GMS\n",
       "        Paneer - 125 GMS\n",
       "        Virgin Olive Oil - 2 TSP\n",
       "        Tandoori Masala - 2 TSP\n",
       "        Dried Fenugreek Leaves - 2 TSP\n",
       "        Pink Himalayan Salt - to taste\n",
       "        Pasta Sauce - 3 TBSP\n",
       "        Grated Mozzarella Cheese - 40 GMS\n",
       "        Grated Mozzarella Cheese - 20 GMS\n",
       "        Grated Extra Mature Cheddar Cheese - 50 GMS\n",
       "        Jalapenos - 10 GMS\n",
       "        ```\n",
       "\n",
       "    </ol>\n",
       "</div></div>\n",
       "</div>\n",
       "\n",
       "<div class=\"grid cards\" markdown>\n",
       "\n",
       "-   ### Steps\n",
       "\n",
       "    ---\n",
       "    #### Common Prep Steps\n",
       "    * [ ] <strong>Step 1</strong>: Add <cookmark><em>1 tbsp</em> <strong> Olive Oil</strong></cookmark> and <cookmark><em>1 tsp</em> <strong> sugar</strong></cookmark> in <cookmark><em>300 ml</em> <strong> water</strong></cookmark> and mix well.\n",
       "    * [ ] <strong>Step 2</strong>: Take a bowl and add <cookmark><em>1 cup</em> <strong> vital wheat gluten</strong></cookmark>.\n",
       "    * [ ] <strong>Step 3</strong>: Add <cookmark><em>1/4 cup</em> <strong> wheat bran</strong></cookmark>, <cookmark><em>1/4 cup</em> <strong> oat flour</strong></cookmark>.\n",
       "    * [ ] <strong>Step 4</strong>: Add <cookmark><em>1/4 cup</em> <strong> flax meal</strong></cookmark>, <cookmark><em>1/2 cup</em> <strong> Almond Flour</strong></cookmark>.\n",
       "    * [ ] <strong>Step 5</strong>: Add <cookmark><em>1 tsp</em> <strong> baking powder</strong></cookmark>, <cookmark><em>1 tsp</em> <strong> salt</strong></cookmark>, <cookmark><em>7 gms(1 sachet)</em> <strong> dried yeast</strong></cookmark>.\n",
       "    * [ ] <strong>Step 6</strong>: Add liquid mix to dry mix and knead for :material-timer-sand-full: 5 minutes.\n",
       "    * [ ] <strong>Step 7</strong>: Once consolidated, place the dough on oiled baking sheet.\n",
       "    * [ ] <strong>Step 8</strong>: Flatten it with hand at first and with roller pin later to bring it to about 14 inch diameter.\n",
       "    * [ ] <strong>Step 9</strong>: If you want your pizza to be round then using a large round utensil as guide and knife or pizza cutter trim uneven sides to get a circular shape else just use the knife or pizza cutter to make a rectangular shape.\n",
       "    * [ ] <strong>Step 10</strong>: Cover it with a slightly damp cloth and keep it aside to rise.\n",
       "    * [ ] <strong>Step 11</strong>: Use the trimmed dough to make another ball of dough and flatten it first with hand and then with roller pin to a size of roughly 8 to 10 inch.\n",
       "    * [ ] <strong>Step 12</strong>: Let the two items rise for a :material-timer-sand-full: 40-60 minutes though leaving for about :material-timer-sand-full: 2 hrs gets better results.\n",
       "    #### Garlic Bread\n",
       "    * [ ] <strong>Step 13</strong>: Take the smaller base and Using a fork pierce the base equidistantly.\n",
       "    * [ ] <strong>Step 14</strong>: In a microwaveable bowl take <cookmark><em>30 gms</em> <strong> salted butter</strong></cookmark>.\n",
       "    * [ ] <strong>Step 15</strong>: Using a grater, grate <cookmark><em>3-4 cloves(Large)</em> <strong> Garlic</strong></cookmark> into the microwaveable bowl.\n",
       "    * [ ] <strong>Step 16</strong>: Place the microwaveable bowl into microwave for :material-timer-sand-full: 20-30 seconds.\n",
       "    * [ ] <strong>Step 17</strong>: Using an oil brush or spatula spread the melted butter and Garlic onto the smaller pierced base.\n",
       "    * [ ] <strong>Step 18</strong>: Put this into the oven at 180°C for :material-timer-sand-full: 10 minutes.\n",
       "    !!!site-note \"Note\"\n",
       "        <p></p>\n",
       "        <p>This can also be done using Air Fryer at similar temperature.</p>\n",
       "        <p>Although it will quite possibly require less time than 10 minutes.</p>\n",
       "        <p></p>\n",
       "    * [ ] <strong>Step 19</strong>: Take it out after that and cut it into rectangular pieces using pizza cutter.\n",
       "    !!!site-note \"Note\"\n",
       "         It might be better to let it cool down a bit as it allows for a bit of self-baking.\n",
       "    #### Pizza  Toppings\n",
       "    * [ ] <strong>Step 20</strong>: While any topping can be used, I started by cutting <cookmark><em>35 gms(1/3)</em> <strong> Yellow Capsicum</strong></cookmark> with knife.\n",
       "    * [ ] <strong>Step 21</strong>: Then cut <cookmark><em>30 gms(3-4)</em> <strong> Brown chestnut mushrooms</strong></cookmark>, <cookmark><em>50 gms(1/2)</em> <strong> onion</strong></cookmark> and <cookmark><em>50 gms(1 ring)</em> <strong> canned pineapple</strong></cookmark> using knife and keep them separately for later use.\n",
       "    * [ ] <strong>Step 22</strong>: Cut <cookmark><em>125 gms</em> <strong> Paneer</strong></cookmark> and put in a small bowl.\n",
       "    * [ ] <strong>Step 23</strong>: Add <cookmark><em>2 tsp</em> <strong> virgin olive oil</strong></cookmark>, <cookmark><em>2 tsp</em> <strong> tandoori masala</strong></cookmark>, <cookmark><em>2 tsp</em> <strong> dried fenugreek leaves</strong></cookmark> and <cookmark><strong>Pink Himalayan Salt</strong></cookmark> (to taste) and mix well.\n",
       "    #### Pizza\n",
       "    * [ ] <strong>Step 24</strong>: Take the larger base and spread evenly [<cookmark><em>3 tbsp</em> <strong> pasta sauce</strong></cookmark>](https://kutt.it/pesto-sauce) on it using spatula.\n",
       "    * [ ] <strong>Step 25</strong>: Then spread a thin layer of <cookmark><em>40 gms</em> <strong> grated mozzarella cheese</strong></cookmark>.\n",
       "    * [ ] <strong>Step 26</strong>: Add all veggie pizza toppings as much as possible without piling up and arranged side to side.\n",
       "    * [ ] <strong>Step 27</strong>: Then add paneer cubes, these can be piled on top of veggies, if there isn't enough space.\n",
       "    * [ ] <strong>Step 28</strong>: Now spread evenly <cookmark><em>50 gms</em> <strong> grated extra mature cheddar cheese</strong></cookmark>.\n",
       "    * [ ] <strong>Step 29</strong>: Then add <cookmark><em>10 gms(8-10 rings)</em> <strong> jalapenos</strong></cookmark>.\n",
       "    * [ ] <strong>Step 30</strong>: Finally sprinkle some more <cookmark><em>20 gms</em> <strong> grated mozzarella cheese</strong></cookmark>.\n",
       "    * [ ] <strong>Step 31</strong>: Put this into the oven at 180°C for :material-timer-sand-full: 20 minutes.\n",
       "    * [ ] <strong>Step 32</strong>: Take it out after that and cut it using pizza cutter.\n",
       "\n",
       "-   ### Process\n",
       "\n",
       "    ---\n",
       "\n",
       "    ```plantuml\n",
       "    @startuml\n",
       "    !theme sketchy-outline\n",
       "    !startsub activity\n",
       "        skinparam activity {\n",
       "                $primary_scheme()\n",
       "                BarColor #orangered\n",
       "                StartColor #orangered\n",
       "                EndColor #orangered\n",
       "                BorderColor #orangered\n",
       "                ArrowColor #orangered\n",
       "                ArrowThickness 1.25\n",
       "                ArrowFontColor #maroon\n",
       "                FontColor #maroon\n",
       "                ''\n",
       "                DiamondBackgroundColor #darkgreen\n",
       "                DiamondLineColor #white\n",
       "                DiamondFontColor #white\n",
       "        }\n",
       "    !endsub\n",
       "    !startsub note\n",
       "        skinparam note {\n",
       "                BorderThickness 1.25\n",
       "                BackgroundColor #ffe4b5\n",
       "                BorderColor #orangered\n",
       "                FontColor #maroon\n",
       "        }\n",
       "    !endsub\n",
       "    start\n",
       "        #Maroon:<color: white>**COMMON PREP STEPS**</color>/\n",
       "\n",
       "\n",
       "        :<b>Step 2</b>: Take a bowl and add <i>1 cup</i> \n",
       "    <b> vital wheat gluten</b> .;\n",
       "\n",
       "        :<b>Step 3</b>: Take a bowl and add <i>1 cup</i> \n",
       "    <b> vital wheat gluten</b> .;\n",
       "\n",
       "        :<b>Step 4</b>: Take a bowl and add <i>1 cup</i> \n",
       "    <b> vital wheat gluten</b> .;\n",
       "\n",
       "        :<b>Step 5</b>: Take a bowl and add <i>1 cup</i> \n",
       "    <b> vital wheat gluten</b> .;\n",
       "\n",
       "        :<b>Step 6</b>: Add liquid mix to dry mix and knead for 5 minutes.;\n",
       "\n",
       "        :<b>Step 7</b>: Once consolidated, place the dough on oiled baking \n",
       "    sheet.;\n",
       "\n",
       "        :<b>Step 8</b>: Flatten it with hand at first and with roller pin \n",
       "    later to bring it to about 14 inch diameter.;\n",
       "\n",
       "        if (YOU WANT YOUR PIZZA \n",
       "    TO BE ROUND?) then (yes)\n",
       "        :<b>Step 9</b>: Using a large round utensil as \n",
       "    guide and knife or pizza \n",
       "    cutter trim uneven sides to \n",
       "    get a circular shape;\n",
       "    else (no)\n",
       "        :<b>Step 9</b>: Just use the knife or pizza \n",
       "    cutter to make a rectangular \n",
       "    shape.;\n",
       "    endif\n",
       "\n",
       "        if (YOU WANT YOUR PIZZA \n",
       "    TO BE ROUND?) then (yes)\n",
       "        :<b>Step 10</b>: Using a large round utensil as \n",
       "    guide and knife or pizza \n",
       "    cutter trim uneven sides to \n",
       "    get a circular shape;\n",
       "    else (no)\n",
       "        :<b>Step 10</b>: Just use the knife or pizza \n",
       "    cutter to make a rectangular \n",
       "    shape.;\n",
       "    endif\n",
       "\n",
       "        if (YOU WANT YOUR PIZZA \n",
       "    TO BE ROUND?) then (yes)\n",
       "        :<b>Step 11</b>: Using a large round utensil as \n",
       "    guide and knife or pizza \n",
       "    cutter trim uneven sides to \n",
       "    get a circular shape;\n",
       "    else (no)\n",
       "        :<b>Step 11</b>: Just use the knife or pizza \n",
       "    cutter to make a rectangular \n",
       "    shape.;\n",
       "    endif\n",
       "\n",
       "        :<b>Step 12</b>: Let the two items rise for a \n",
       "    :<b>Step 12</b>: material-timer-sand-full:<b>Step 12</b>:  40-60 minutes though \n",
       "    leaving for about 2 hrs gets better results.;\n",
       "\n",
       "        #Maroon:<color: white>**GARLIC BREAD**</color>/\n",
       "\n",
       "        :<b>Step 13</b>: Take the smaller base and using a fork pierce the \n",
       "    base equidistantly.;\n",
       "\n",
       "        :<b>Step 14</b>: In a microwaveable bowl take <i>30 gms</i> \n",
       "    <b> salted butter</b> .;\n",
       "\n",
       "        :<b>Step 15</b>: Using a grater, grate <i>3-4 cloves(large)</i> \n",
       "    <b> garlic</b> into the microwaveable bowl.;\n",
       "\n",
       "        :<b>Step 16</b>: Place the microwaveable bowl into microwave for \n",
       "    20-30 seconds.;\n",
       "\n",
       "        :<b>Step 17</b>: Using an oil brush or spatula spread the melted \n",
       "    butter and garlic onto the smaller pierced base.;\n",
       "\n",
       "        :<b>Step 18</b>: Put this into the oven at 180°c for 10 minutes.;\n",
       "\n",
       "\n",
       "    note right\n",
       "    this can also be done using air fryer at \n",
       "    similar temperature.\n",
       "    Although it will quite possibly require less time \n",
       "    than 10 minutes.\n",
       "    end note\n",
       "\n",
       "        :<b>Step 19</b>: Take it out after that and cut it into rectangular \n",
       "    pieces using pizza cutter.;\n",
       "\n",
       "        note right\n",
       "    it might be better to let it cool down a bit as \n",
       "    it allows for a bit of self-baking.\n",
       "    endnote\n",
       "\n",
       "        #Maroon:<color: white>**PIZZA TOPPINGS**</color>/\n",
       "\n",
       "        :<b>Step 20</b>: While any topping can be used, i started by \n",
       "    cutting <i>35 gms(1/3)</i> <b> yellow capsicum</b> \n",
       "    with knife.;\n",
       "\n",
       "        :<b>Step 21</b>: Then cut <i>30 gms(3-4)</i> \n",
       "    <b> brown chestnut mushrooms</b> , \n",
       "    <i>50 gms(1/2)</i> <b> onion</b> and \n",
       "    <i>50 gms(1 ring)</i> <b> canned pineapple</b> \n",
       "    using knife and keep them separately for later \n",
       "    use.;\n",
       "\n",
       "        :<b>Step 22</b>: Cut <i>125 gms</i> <b> paneer</b> and put in a \n",
       "    small bowl.;\n",
       "\n",
       "        :<b>Step 23</b>: Cut <i>125 gms</i> <b> paneer</b> and put in a \n",
       "    small bowl.;\n",
       "\n",
       "        #Maroon:<color: white>**PIZZA**</color>/\n",
       "\n",
       "        :<b>Step 24</b>: Take the larger base and spread evenly [ \n",
       "    <i>3 tbsp</i> <b> pasta sauce</b> \n",
       "    ](https:<b>Step 24</b>: //kutt.it/pesto-sauce) on it using \n",
       "    spatula.;\n",
       "\n",
       "        :<b>Step 25</b>: Take the larger base and spread evenly [ \n",
       "    <i>3 tbsp</i> <b> pasta sauce</b> \n",
       "    ](https:<b>Step 25</b>: //kutt.it/pesto-sauce) on it using \n",
       "    spatula.;\n",
       "\n",
       "        :<b>Step 26</b>: Take the larger base and spread evenly [ \n",
       "    <i>3 tbsp</i> <b> pasta sauce</b> \n",
       "    ](https:<b>Step 26</b>: //kutt.it/pesto-sauce) on it using \n",
       "    spatula.;\n",
       "\n",
       "        :<b>Step 27</b>: Take the larger base and spread evenly [ \n",
       "    <i>3 tbsp</i> <b> pasta sauce</b> \n",
       "    ](https:<b>Step 27</b>: //kutt.it/pesto-sauce) on it using \n",
       "    spatula.;\n",
       "\n",
       "        :<b>Step 28</b>: Take the larger base and spread evenly [ \n",
       "    <i>3 tbsp</i> <b> pasta sauce</b> \n",
       "    ](https:<b>Step 28</b>: //kutt.it/pesto-sauce) on it using \n",
       "    spatula.;\n",
       "\n",
       "        :<b>Step 29</b>: Take the larger base and spread evenly [ \n",
       "    <i>3 tbsp</i> <b> pasta sauce</b> \n",
       "    ](https:<b>Step 29</b>: //kutt.it/pesto-sauce) on it using \n",
       "    spatula.;\n",
       "\n",
       "        :<b>Step 30</b>: Take the larger base and spread evenly [ \n",
       "    <i>3 tbsp</i> <b> pasta sauce</b> \n",
       "    ](https:<b>Step 30</b>: //kutt.it/pesto-sauce) on it using \n",
       "    spatula.;\n",
       "\n",
       "        :<b>Step 31</b>: Put this into the oven at 180°c for 20 minutes.;\n",
       "\n",
       "        :<b>Step 32</b>: Take it out after that and cut it using pizza \n",
       "    cutter.;\n",
       "\n",
       "    end\n",
       "    @enduml\n",
       "    ```\n",
       "\n",
       "</div>\n",
       "\n",
       "<h3>Nutrition Info</h3>\n",
       "<h4>Nutrition Labels</h4>\n",
       "<p>Scroll to see nutrition facts for different servings and weights for this recipe.</p>\n",
       "<div class=\"grid\" style=\"justify-items: center; align-items: center;\">\n",
       "\n",
       "    <div class=\"custom--wrapper\">\n",
       "        <div class=\"arrow left-arrow\">&#9664;</div> <!-- Left Arrow -->\n",
       "            <div class=\"custom--container\">\n",
       "                <div class=\"custom-slide\">\n",
       "                    <div id=\"nutrition_label\">\n",
       "                        <div itemscope=\"\" class=\"nf\" role=\"region\" aria-label=\"nutrition label\" style=\"width: 300px;\">\n",
       "                            <div class=\"nf-title\" tabindex=\"0\">Nutrition Facts</div>\n",
       "                            <div class=\"nf-line\">\n",
       "                                <div class=\"nf-serving\">\n",
       "                                    <div class=\"nf-amount-per-serving\" align=\"right\" tabindex=\"0\"><b>\n",
       "                                            Amount In Whole Recipe (1404.0 gms)\n",
       "                                    </b></div>\n",
       "                                </div><!-- end of class=\"nf-serving\" -->\n",
       "                            </div><!-- end of class=\"nf-line\" -->\n",
       "                            <!-- Add the rest of your nutrition facts here -->\n",
       "                            <div class=\"nf-bar2\"></div>\n",
       "                            <div class=\"nf-netcarbs\" tabindex=\"0\">\n",
       "                                <span class=\"\">Net Carbs</span>\n",
       "                                <span class=\"nf-pr\" itemprop=\"net_carbs\">124.28 g</span>\n",
       "                            </div>\n",
       "                            <div class=\"nf-bar1\"></div>\n",
       "                            <div class=\"nf-calories\" tabindex=\"0\">\n",
       "                                <span class=\"\">Calories</span>\n",
       "                                <span class=\"nf-pr\" itemprop=\"calories\">3684.62 Kcal</span>\n",
       "                            </div>\n",
       "                            <!-- Continue adding the rest of the nutrition information as in your original code -->\n",
       "                            <div class=\"nf-bar1\"></div>\n",
       "                            <div class=\"nf-line nf-text-right\">\n",
       "                                <span class=\"nf-highlight nf-percent-dv\">% Daily Value*</span>\n",
       "                            </div>\n",
       "                            <div class=\"nf-line\" tabindex=\"0\">\n",
       "                                <span class=\"nf-highlight\">Total Fat</span>\n",
       "                                <span class=\"\" itemprop=\"fatContent\">217.15<span aria-hidden=\"true\">g</span><span class=\"sr-only\"> grams</span></span>\n",
       "                                <span class=\"nf-highlight nf-pr\">310.21% <span class=\"sr-only\">Daily Value</span></span>\n",
       "                            </div>\n",
       "                            <div class=\"nf-line nf-indent\" tabindex=\"0\">\n",
       "                                <span class=\"\">Saturated Fat</span>\n",
       "                                <span class=\"\" itemprop=\"saturatedFatContent\">52.43<span aria-hidden=\"true\">g</span><span class=\"sr-only\"> grams</span></span>\n",
       "                                <span class=\"nf-highlight nf-pr\">262.14% <span class=\"sr-only\">Daily Value</span></span>\n",
       "                            </div>\n",
       "                            <div class=\"nf-line nf-indent\" tabindex=\"0\">\n",
       "                                <span class=\"\"><em>Trans</em> Fat</span>\n",
       "                                <span class=\"\" itemprop=\"transFatContent\">4.25<span aria-hidden=\"true\">g</span><span class=\"sr-only\"> grams</span></span>\n",
       "                            </div>\n",
       "                            <div class=\"nf-line nf-indent\" tabindex=\"0\">\n",
       "                            <span class=\"\">Polyunsaturated Fat</span>\n",
       "                            <span class=\"\" itemprop=\"\">41.61<span aria-hidden=\"true\">g</span><span class=\"sr-only\"> grams</span></span>\n",
       "                            </div>\n",
       "                            <div class=\"nf-line nf-indent\" tabindex=\"0\">\n",
       "                            <span class=\"\">Monounsaturated Fat</span>\n",
       "                            <span class=\"\" itemprop=\"\">94.48<span aria-hidden=\"true\">g</span><span class=\"sr-only\"> grams</span></span>\n",
       "                            </div>\n",
       "                            <div class=\"nf-line\" tabindex=\"0\">\n",
       "                                <span class=\"nf-highlight\">Cholesterol</span>\n",
       "                                <span class=\"\" itemprop=\"cholesterolContent\">247.55<span aria-hidden=\"true\">mg</span><span class=\"sr-only\"> milligrams</span></span>\n",
       "                                <span class=\"nf-highlight nf-pr\">82.52% <span class=\"sr-only\">Daily Value</span></span>\n",
       "                            </div>\n",
       "                            <div class=\"nf-line\" tabindex=\"0\">\n",
       "                                <span class=\"nf-highlight\">Sodium</span>\n",
       "                                <span class=\"\" itemprop=\"sodiumContent\">4687.94<span aria-hidden=\"true\">mg</span><span class=\"sr-only\"> milligrams</span></span>\n",
       "                                <span class=\"nf-highlight nf-pr\">203.82% <span class=\"sr-only\">Daily Value</span></span>\n",
       "                            </div>\n",
       "                            <div class=\"nf-line\" tabindex=\"0\">\n",
       "                                <span class=\"nf-highlight\">Total Carbohydrates</span>\n",
       "                                <span class=\"\" itemprop=\"carbohydrateContent\">196.87<span aria-hidden=\"true\">g</span><span class=\"sr-only\"> grams</span></span>\n",
       "                                <span class=\"nf-highlight nf-pr\">75.72% <span class=\"sr-only\">Daily Value</span></span>\n",
       "                            </div>\n",
       "                            <div class=\"nf-line nf-indent\" tabindex=\"0\">\n",
       "                                <span class=\"\">Dietary Fiber</span>\n",
       "                                <span class=\"\" itemprop=\"fiberContent\">72.59<span aria-hidden=\"true\">g</span><span class=\"sr-only\"> grams</span></span>\n",
       "                                <span class=\"nf-highlight nf-pr\">241.95% <span class=\"sr-only\">Daily Value</span></span>\n",
       "                            </div>\n",
       "                            <div class=\"nf-line nf-indent\" tabindex=\"0\">\n",
       "                                <span class=\"\">Sugars</span>\n",
       "                                <span class=\"\" itemprop=\"sugarContent\">29.82<span aria-hidden=\"true\">g</span><span class=\"sr-only\"> grams</span></span>\n",
       "                            </div>\n",
       "                            <div class=\"nf-line\" tabindex=\"0\">\n",
       "                                <span class=\"nf-highlight\">Protein</span>\n",
       "                                <span class=\"\" itemprop=\"proteinContent\">291.39<span aria-hidden=\"true\">g</span><span class=\"sr-only\"> grams</span></span>\n",
       "                            </div>\n",
       "                            <div class=\"nf-bar2\"></div>\n",
       "                            <div class=\"nf-vitamins\">\n",
       "                                <div class=\"nf-vitamins\">\n",
       "                                    <div class=\"\" tabindex=\"0\">\n",
       "                                        <span class=\"\">Vitamin D</span>\n",
       "                                        <span class=\"\" itemprop=\"vitaminDContent\">3.8<span aria-hidden=\"true\">mcg</span><span class=\"sr-only\"> micrograms</span></span>\n",
       "                                        <span class=\"nf-highlight nf-pr\">37.95% <span class=\"sr-only\">Daily Value</span></span>\n",
       "                                    </div>\n",
       "                                    <div class=\"nf-line\" tabindex=\"0\">\n",
       "                                        <span class=\"\">Calcium</span>\n",
       "                                        <span class=\"\" itemprop=\"calciumContent\">2677.19<span aria-hidden=\"true\">mg</span><span class=\"sr-only\"> milligrams</span></span>\n",
       "                                        <span class=\"nf-highlight nf-pr\">382.46% <span class=\"sr-only\">Daily Value</span></span>\n",
       "                                    </div>\n",
       "                                    <div class=\"nf-line\" tabindex=\"0\">\n",
       "                                        <span class=\"\">Iron</span>\n",
       "                                        <span class=\"\" itemprop=\"ironContent\">36.76<span aria-hidden=\"true\">mg</span><span class=\"sr-only\"> milligrams</span></span>\n",
       "                                        <span class=\"nf-highlight nf-pr\">312.83% <span class=\"sr-only\">Daily Value</span></span>\n",
       "                                    </div>\n",
       "                                    <div class=\"nf-line\" tabindex=\"0\">\n",
       "                                        <span class=\"\">Potassium</span>\n",
       "                                        <span class=\"\" itemprop=\"potassiumContent\">3710.4<span aria-hidden=\"true\">mg</span><span class=\"sr-only\"> milligrams</span></span>\n",
       "                                        <span class=\"nf-highlight nf-pr\">106.01% <span class=\"sr-only\">Daily Value</span></span>\n",
       "                                    </div>\n",
       "                                    <div class=\"nf-line\" tabindex=\"0\">\n",
       "                                        <span class=\"\">Zinc</span>\n",
       "                                        <span class=\"\" itemprop=\"zincContent\">23.71<span aria-hidden=\"true\">mg</span><span class=\"sr-only\"> milligrams</span></span>\n",
       "                                        <span class=\"nf-highlight nf-pr\">287.44% <span class=\"sr-only\">Daily Value</span></span>\n",
       "                                    </div>\n",
       "                                </div>\n",
       "                            </div>\n",
       "                            <div class=\"nf-bar2\"></div>\n",
       "                            <div class=\"\" tabindex=\"0\">\n",
       "                                <span class=\"nf-highlight\">Caffeine</span>\n",
       "                                <span class=\"\" itemprop=\"caffeineContent\">0.0mg</span>\n",
       "                            </div>\n",
       "                            <div class=\"nf-bar1\"></div>\n",
       "                            <div class=\"nf-vitamins\">\n",
       "                        <div class=\"nf-footnote\">\n",
       "                            <span tabindex=\"0\">The % Daily Value (DV) tells you how much a nutrient in a serving of food contributes to a daily diet. 2000 calories a day is used for general nutrition advice.</span>\n",
       "                        </div>\n",
       "                        <div class=\"naTooltip\">Data not available</div>\n",
       "                            </div>\n",
       "                        </div><!-- closing class=\"nf\" -->\n",
       "                    </div>\n",
       "                </div>\n",
       "                <div class=\"custom-slide\">\n",
       "                    <div id=\"nutrition_label\">\n",
       "                        <div itemscope=\"\" class=\"nf\" role=\"region\" aria-label=\"nutrition label\" style=\"width: 300px;\">\n",
       "                            <div class=\"nf-title\" tabindex=\"0\">Nutrition Facts</div>\n",
       "                            <div class=\"nf-line\">\n",
       "                                <div class=\"nf-serving\">\n",
       "                                    <div class=\"nf-amount-per-serving\" align=\"right\" tabindex=\"0\"><b>\n",
       "                                            Amount Per 100gms\n",
       "                                    </b></div>\n",
       "                                </div><!-- end of class=\"nf-serving\" -->\n",
       "                            </div><!-- end of class=\"nf-line\" -->\n",
       "                            <!-- Add the rest of your nutrition facts here -->\n",
       "                            <div class=\"nf-bar2\"></div>\n",
       "                            <div class=\"nf-netcarbs\" tabindex=\"0\">\n",
       "                                <span class=\"\">Net Carbs</span>\n",
       "                                <span class=\"nf-pr\" itemprop=\"net_carbs\">8.85 g</span>\n",
       "                            </div>\n",
       "                            <div class=\"nf-bar1\"></div>\n",
       "                            <div class=\"nf-calories\" tabindex=\"0\">\n",
       "                                <span class=\"\">Calories</span>\n",
       "                                <span class=\"nf-pr\" itemprop=\"calories\">262.44 Kcal</span>\n",
       "                            </div>\n",
       "                            <!-- Continue adding the rest of the nutrition information as in your original code -->\n",
       "                            <div class=\"nf-bar1\"></div>\n",
       "                            <div class=\"nf-line nf-text-right\">\n",
       "                                <span class=\"nf-highlight nf-percent-dv\">% Daily Value*</span>\n",
       "                            </div>\n",
       "                            <div class=\"nf-line\" tabindex=\"0\">\n",
       "                                <span class=\"nf-highlight\">Total Fat</span>\n",
       "                                <span class=\"\" itemprop=\"fatContent\">15.47<span aria-hidden=\"true\">g</span><span class=\"sr-only\"> grams</span></span>\n",
       "                                <span class=\"nf-highlight nf-pr\">22.09% <span class=\"sr-only\">Daily Value</span></span>\n",
       "                            </div>\n",
       "                            <div class=\"nf-line nf-indent\" tabindex=\"0\">\n",
       "                                <span class=\"\">Saturated Fat</span>\n",
       "                                <span class=\"\" itemprop=\"saturatedFatContent\">3.73<span aria-hidden=\"true\">g</span><span class=\"sr-only\"> grams</span></span>\n",
       "                                <span class=\"nf-highlight nf-pr\">18.67% <span class=\"sr-only\">Daily Value</span></span>\n",
       "                            </div>\n",
       "                            <div class=\"nf-line nf-indent\" tabindex=\"0\">\n",
       "                                <span class=\"\"><em>Trans</em> Fat</span>\n",
       "                                <span class=\"\" itemprop=\"transFatContent\">0.3<span aria-hidden=\"true\">g</span><span class=\"sr-only\"> grams</span></span>\n",
       "                            </div>\n",
       "                            <div class=\"nf-line nf-indent\" tabindex=\"0\">\n",
       "                            <span class=\"\">Polyunsaturated Fat</span>\n",
       "                            <span class=\"\" itemprop=\"\">2.96<span aria-hidden=\"true\">g</span><span class=\"sr-only\"> grams</span></span>\n",
       "                            </div>\n",
       "                            <div class=\"nf-line nf-indent\" tabindex=\"0\">\n",
       "                            <span class=\"\">Monounsaturated Fat</span>\n",
       "                            <span class=\"\" itemprop=\"\">6.73<span aria-hidden=\"true\">g</span><span class=\"sr-only\"> grams</span></span>\n",
       "                            </div>\n",
       "                            <div class=\"nf-line\" tabindex=\"0\">\n",
       "                                <span class=\"nf-highlight\">Cholesterol</span>\n",
       "                                <span class=\"\" itemprop=\"cholesterolContent\">17.63<span aria-hidden=\"true\">mg</span><span class=\"sr-only\"> milligrams</span></span>\n",
       "                                <span class=\"nf-highlight nf-pr\">5.88% <span class=\"sr-only\">Daily Value</span></span>\n",
       "                            </div>\n",
       "                            <div class=\"nf-line\" tabindex=\"0\">\n",
       "                                <span class=\"nf-highlight\">Sodium</span>\n",
       "                                <span class=\"\" itemprop=\"sodiumContent\">333.9<span aria-hidden=\"true\">mg</span><span class=\"sr-only\"> milligrams</span></span>\n",
       "                                <span class=\"nf-highlight nf-pr\">14.52% <span class=\"sr-only\">Daily Value</span></span>\n",
       "                            </div>\n",
       "                            <div class=\"nf-line\" tabindex=\"0\">\n",
       "                                <span class=\"nf-highlight\">Total Carbohydrates</span>\n",
       "                                <span class=\"\" itemprop=\"carbohydrateContent\">14.02<span aria-hidden=\"true\">g</span><span class=\"sr-only\"> grams</span></span>\n",
       "                                <span class=\"nf-highlight nf-pr\">5.39% <span class=\"sr-only\">Daily Value</span></span>\n",
       "                            </div>\n",
       "                            <div class=\"nf-line nf-indent\" tabindex=\"0\">\n",
       "                                <span class=\"\">Dietary Fiber</span>\n",
       "                                <span class=\"\" itemprop=\"fiberContent\">5.17<span aria-hidden=\"true\">g</span><span class=\"sr-only\"> grams</span></span>\n",
       "                                <span class=\"nf-highlight nf-pr\">17.23% <span class=\"sr-only\">Daily Value</span></span>\n",
       "                            </div>\n",
       "                            <div class=\"nf-line nf-indent\" tabindex=\"0\">\n",
       "                                <span class=\"\">Sugars</span>\n",
       "                                <span class=\"\" itemprop=\"sugarContent\">2.12<span aria-hidden=\"true\">g</span><span class=\"sr-only\"> grams</span></span>\n",
       "                            </div>\n",
       "                            <div class=\"nf-line\" tabindex=\"0\">\n",
       "                                <span class=\"nf-highlight\">Protein</span>\n",
       "                                <span class=\"\" itemprop=\"proteinContent\">20.75<span aria-hidden=\"true\">g</span><span class=\"sr-only\"> grams</span></span>\n",
       "                            </div>\n",
       "                            <div class=\"nf-bar2\"></div>\n",
       "                            <div class=\"nf-vitamins\">\n",
       "                                <div class=\"nf-vitamins\">\n",
       "                                    <div class=\"\" tabindex=\"0\">\n",
       "                                        <span class=\"\">Vitamin D</span>\n",
       "                                        <span class=\"\" itemprop=\"vitaminDContent\">0.27<span aria-hidden=\"true\">mcg</span><span class=\"sr-only\"> micrograms</span></span>\n",
       "                                        <span class=\"nf-highlight nf-pr\">2.7% <span class=\"sr-only\">Daily Value</span></span>\n",
       "                                    </div>\n",
       "                                    <div class=\"nf-line\" tabindex=\"0\">\n",
       "                                        <span class=\"\">Calcium</span>\n",
       "                                        <span class=\"\" itemprop=\"calciumContent\">190.68<span aria-hidden=\"true\">mg</span><span class=\"sr-only\"> milligrams</span></span>\n",
       "                                        <span class=\"nf-highlight nf-pr\">27.24% <span class=\"sr-only\">Daily Value</span></span>\n",
       "                                    </div>\n",
       "                                    <div class=\"nf-line\" tabindex=\"0\">\n",
       "                                        <span class=\"\">Iron</span>\n",
       "                                        <span class=\"\" itemprop=\"ironContent\">2.62<span aria-hidden=\"true\">mg</span><span class=\"sr-only\"> milligrams</span></span>\n",
       "                                        <span class=\"nf-highlight nf-pr\">22.28% <span class=\"sr-only\">Daily Value</span></span>\n",
       "                                    </div>\n",
       "                                    <div class=\"nf-line\" tabindex=\"0\">\n",
       "                                        <span class=\"\">Potassium</span>\n",
       "                                        <span class=\"\" itemprop=\"potassiumContent\">264.27<span aria-hidden=\"true\">mg</span><span class=\"sr-only\"> milligrams</span></span>\n",
       "                                        <span class=\"nf-highlight nf-pr\">7.55% <span class=\"sr-only\">Daily Value</span></span>\n",
       "                                    </div>\n",
       "                                    <div class=\"nf-line\" tabindex=\"0\">\n",
       "                                        <span class=\"\">Zinc</span>\n",
       "                                        <span class=\"\" itemprop=\"zincContent\">1.69<span aria-hidden=\"true\">mg</span><span class=\"sr-only\"> milligrams</span></span>\n",
       "                                        <span class=\"nf-highlight nf-pr\">20.47% <span class=\"sr-only\">Daily Value</span></span>\n",
       "                                    </div>\n",
       "                                </div>\n",
       "                            </div>\n",
       "                            <div class=\"nf-bar2\"></div>\n",
       "                            <div class=\"\" tabindex=\"0\">\n",
       "                                <span class=\"nf-highlight\">Caffeine</span>\n",
       "                                <span class=\"\" itemprop=\"caffeineContent\">0.0mg</span>\n",
       "                            </div>\n",
       "                            <div class=\"nf-bar1\"></div>\n",
       "                            <div class=\"nf-vitamins\">\n",
       "                        <div class=\"nf-footnote\">\n",
       "                            <span tabindex=\"0\">The % Daily Value (DV) tells you how much a nutrient in a serving of food contributes to a daily diet. 2000 calories a day is used for general nutrition advice.</span>\n",
       "                        </div>\n",
       "                        <div class=\"naTooltip\">Data not available</div>\n",
       "                            </div>\n",
       "                        </div><!-- closing class=\"nf\" -->\n",
       "                    </div>\n",
       "                </div>\n",
       "                <div class=\"custom-slide\">\n",
       "                    <div id=\"nutrition_label\">\n",
       "                        <div itemscope=\"\" class=\"nf\" role=\"region\" aria-label=\"nutrition label\" style=\"width: 300px;\">\n",
       "                            <div class=\"nf-title\" tabindex=\"0\">Nutrition Facts</div>\n",
       "                            <div class=\"nf-line\">\n",
       "                                <div class=\"nf-serving\">\n",
       "                                    <div class=\"nf-amount-per-serving\" align=\"right\" tabindex=\"0\"><b>\n",
       "                                            Amount Per Serving (Total Servings: 6)\n",
       "                                    </b></div>\n",
       "                                </div><!-- end of class=\"nf-serving\" -->\n",
       "                            </div><!-- end of class=\"nf-line\" -->\n",
       "                            <!-- Add the rest of your nutrition facts here -->\n",
       "                            <div class=\"nf-bar2\"></div>\n",
       "                            <div class=\"nf-netcarbs\" tabindex=\"0\">\n",
       "                                <span class=\"\">Net Carbs</span>\n",
       "                                <span class=\"nf-pr\" itemprop=\"net_carbs\">20.71 g</span>\n",
       "                            </div>\n",
       "                            <div class=\"nf-bar1\"></div>\n",
       "                            <div class=\"nf-calories\" tabindex=\"0\">\n",
       "                                <span class=\"\">Calories</span>\n",
       "                                <span class=\"nf-pr\" itemprop=\"calories\">614.1 Kcal</span>\n",
       "                            </div>\n",
       "                            <!-- Continue adding the rest of the nutrition information as in your original code -->\n",
       "                            <div class=\"nf-bar1\"></div>\n",
       "                            <div class=\"nf-line nf-text-right\">\n",
       "                                <span class=\"nf-highlight nf-percent-dv\">% Daily Value*</span>\n",
       "                            </div>\n",
       "                            <div class=\"nf-line\" tabindex=\"0\">\n",
       "                                <span class=\"nf-highlight\">Total Fat</span>\n",
       "                                <span class=\"\" itemprop=\"fatContent\">36.19<span aria-hidden=\"true\">g</span><span class=\"sr-only\"> grams</span></span>\n",
       "                                <span class=\"nf-highlight nf-pr\">51.7% <span class=\"sr-only\">Daily Value</span></span>\n",
       "                            </div>\n",
       "                            <div class=\"nf-line nf-indent\" tabindex=\"0\">\n",
       "                                <span class=\"\">Saturated Fat</span>\n",
       "                                <span class=\"\" itemprop=\"saturatedFatContent\">8.74<span aria-hidden=\"true\">g</span><span class=\"sr-only\"> grams</span></span>\n",
       "                                <span class=\"nf-highlight nf-pr\">43.69% <span class=\"sr-only\">Daily Value</span></span>\n",
       "                            </div>\n",
       "                            <div class=\"nf-line nf-indent\" tabindex=\"0\">\n",
       "                                <span class=\"\"><em>Trans</em> Fat</span>\n",
       "                                <span class=\"\" itemprop=\"transFatContent\">0.71<span aria-hidden=\"true\">g</span><span class=\"sr-only\"> grams</span></span>\n",
       "                            </div>\n",
       "                            <div class=\"nf-line nf-indent\" tabindex=\"0\">\n",
       "                            <span class=\"\">Polyunsaturated Fat</span>\n",
       "                            <span class=\"\" itemprop=\"\">6.93<span aria-hidden=\"true\">g</span><span class=\"sr-only\"> grams</span></span>\n",
       "                            </div>\n",
       "                            <div class=\"nf-line nf-indent\" tabindex=\"0\">\n",
       "                            <span class=\"\">Monounsaturated Fat</span>\n",
       "                            <span class=\"\" itemprop=\"\">15.75<span aria-hidden=\"true\">g</span><span class=\"sr-only\"> grams</span></span>\n",
       "                            </div>\n",
       "                            <div class=\"nf-line\" tabindex=\"0\">\n",
       "                                <span class=\"nf-highlight\">Cholesterol</span>\n",
       "                                <span class=\"\" itemprop=\"cholesterolContent\">41.26<span aria-hidden=\"true\">mg</span><span class=\"sr-only\"> milligrams</span></span>\n",
       "                                <span class=\"nf-highlight nf-pr\">13.75% <span class=\"sr-only\">Daily Value</span></span>\n",
       "                            </div>\n",
       "                            <div class=\"nf-line\" tabindex=\"0\">\n",
       "                                <span class=\"nf-highlight\">Sodium</span>\n",
       "                                <span class=\"\" itemprop=\"sodiumContent\">781.32<span aria-hidden=\"true\">mg</span><span class=\"sr-only\"> milligrams</span></span>\n",
       "                                <span class=\"nf-highlight nf-pr\">33.97% <span class=\"sr-only\">Daily Value</span></span>\n",
       "                            </div>\n",
       "                            <div class=\"nf-line\" tabindex=\"0\">\n",
       "                                <span class=\"nf-highlight\">Total Carbohydrates</span>\n",
       "                                <span class=\"\" itemprop=\"carbohydrateContent\">32.81<span aria-hidden=\"true\">g</span><span class=\"sr-only\"> grams</span></span>\n",
       "                                <span class=\"nf-highlight nf-pr\">12.62% <span class=\"sr-only\">Daily Value</span></span>\n",
       "                            </div>\n",
       "                            <div class=\"nf-line nf-indent\" tabindex=\"0\">\n",
       "                                <span class=\"\">Dietary Fiber</span>\n",
       "                                <span class=\"\" itemprop=\"fiberContent\">12.1<span aria-hidden=\"true\">g</span><span class=\"sr-only\"> grams</span></span>\n",
       "                                <span class=\"nf-highlight nf-pr\">40.33% <span class=\"sr-only\">Daily Value</span></span>\n",
       "                            </div>\n",
       "                            <div class=\"nf-line nf-indent\" tabindex=\"0\">\n",
       "                                <span class=\"\">Sugars</span>\n",
       "                                <span class=\"\" itemprop=\"sugarContent\">4.97<span aria-hidden=\"true\">g</span><span class=\"sr-only\"> grams</span></span>\n",
       "                            </div>\n",
       "                            <div class=\"nf-line\" tabindex=\"0\">\n",
       "                                <span class=\"nf-highlight\">Protein</span>\n",
       "                                <span class=\"\" itemprop=\"proteinContent\">48.57<span aria-hidden=\"true\">g</span><span class=\"sr-only\"> grams</span></span>\n",
       "                            </div>\n",
       "                            <div class=\"nf-bar2\"></div>\n",
       "                            <div class=\"nf-vitamins\">\n",
       "                                <div class=\"nf-vitamins\">\n",
       "                                    <div class=\"\" tabindex=\"0\">\n",
       "                                        <span class=\"\">Vitamin D</span>\n",
       "                                        <span class=\"\" itemprop=\"vitaminDContent\">0.63<span aria-hidden=\"true\">mcg</span><span class=\"sr-only\"> micrograms</span></span>\n",
       "                                        <span class=\"nf-highlight nf-pr\">6.32% <span class=\"sr-only\">Daily Value</span></span>\n",
       "                                    </div>\n",
       "                                    <div class=\"nf-line\" tabindex=\"0\">\n",
       "                                        <span class=\"\">Calcium</span>\n",
       "                                        <span class=\"\" itemprop=\"calciumContent\">446.2<span aria-hidden=\"true\">mg</span><span class=\"sr-only\"> milligrams</span></span>\n",
       "                                        <span class=\"nf-highlight nf-pr\">63.74% <span class=\"sr-only\">Daily Value</span></span>\n",
       "                                    </div>\n",
       "                                    <div class=\"nf-line\" tabindex=\"0\">\n",
       "                                        <span class=\"\">Iron</span>\n",
       "                                        <span class=\"\" itemprop=\"ironContent\">6.13<span aria-hidden=\"true\">mg</span><span class=\"sr-only\"> milligrams</span></span>\n",
       "                                        <span class=\"nf-highlight nf-pr\">52.14% <span class=\"sr-only\">Daily Value</span></span>\n",
       "                                    </div>\n",
       "                                    <div class=\"nf-line\" tabindex=\"0\">\n",
       "                                        <span class=\"\">Potassium</span>\n",
       "                                        <span class=\"\" itemprop=\"potassiumContent\">618.4<span aria-hidden=\"true\">mg</span><span class=\"sr-only\"> milligrams</span></span>\n",
       "                                        <span class=\"nf-highlight nf-pr\">17.67% <span class=\"sr-only\">Daily Value</span></span>\n",
       "                                    </div>\n",
       "                                    <div class=\"nf-line\" tabindex=\"0\">\n",
       "                                        <span class=\"\">Zinc</span>\n",
       "                                        <span class=\"\" itemprop=\"zincContent\">3.95<span aria-hidden=\"true\">mg</span><span class=\"sr-only\"> milligrams</span></span>\n",
       "                                        <span class=\"nf-highlight nf-pr\">47.91% <span class=\"sr-only\">Daily Value</span></span>\n",
       "                                    </div>\n",
       "                                </div>\n",
       "                            </div>\n",
       "                            <div class=\"nf-bar2\"></div>\n",
       "                            <div class=\"\" tabindex=\"0\">\n",
       "                                <span class=\"nf-highlight\">Caffeine</span>\n",
       "                                <span class=\"\" itemprop=\"caffeineContent\">0.0mg</span>\n",
       "                            </div>\n",
       "                            <div class=\"nf-bar1\"></div>\n",
       "                            <div class=\"nf-vitamins\">\n",
       "                        <div class=\"nf-footnote\">\n",
       "                            <span tabindex=\"0\">The % Daily Value (DV) tells you how much a nutrient in a serving of food contributes to a daily diet. 2000 calories a day is used for general nutrition advice.</span>\n",
       "                        </div>\n",
       "                        <div class=\"naTooltip\">Data not available</div>\n",
       "                            </div>\n",
       "                        </div><!-- closing class=\"nf\" -->\n",
       "                    </div>\n",
       "                </div>\n",
       "                <div class=\"custom-slide\">\n",
       "                    <div id=\"nutrition_label\">\n",
       "                        <div itemscope=\"\" class=\"nf\" role=\"region\" aria-label=\"nutrition label\" style=\"width: 300px;\">\n",
       "                            <div class=\"nf-title\" tabindex=\"0\">Nutrition Facts</div>\n",
       "                            <div class=\"nf-line\">\n",
       "                                <div class=\"nf-serving\">\n",
       "                                    <div class=\"nf-amount-per-serving\" align=\"right\" tabindex=\"0\"><b>\n",
       "                                            Amount in 2 Servings (Total Servings: 6)\n",
       "                                    </b></div>\n",
       "                                </div><!-- end of class=\"nf-serving\" -->\n",
       "                            </div><!-- end of class=\"nf-line\" -->\n",
       "                            <!-- Add the rest of your nutrition facts here -->\n",
       "                            <div class=\"nf-bar2\"></div>\n",
       "                            <div class=\"nf-netcarbs\" tabindex=\"0\">\n",
       "                                <span class=\"\">Net Carbs</span>\n",
       "                                <span class=\"nf-pr\" itemprop=\"net_carbs\">41.43 g</span>\n",
       "                            </div>\n",
       "                            <div class=\"nf-bar1\"></div>\n",
       "                            <div class=\"nf-calories\" tabindex=\"0\">\n",
       "                                <span class=\"\">Calories</span>\n",
       "                                <span class=\"nf-pr\" itemprop=\"calories\">1228.21 Kcal</span>\n",
       "                            </div>\n",
       "                            <!-- Continue adding the rest of the nutrition information as in your original code -->\n",
       "                            <div class=\"nf-bar1\"></div>\n",
       "                            <div class=\"nf-line nf-text-right\">\n",
       "                                <span class=\"nf-highlight nf-percent-dv\">% Daily Value*</span>\n",
       "                            </div>\n",
       "                            <div class=\"nf-line\" tabindex=\"0\">\n",
       "                                <span class=\"nf-highlight\">Total Fat</span>\n",
       "                                <span class=\"\" itemprop=\"fatContent\">72.38<span aria-hidden=\"true\">g</span><span class=\"sr-only\"> grams</span></span>\n",
       "                                <span class=\"nf-highlight nf-pr\">103.4% <span class=\"sr-only\">Daily Value</span></span>\n",
       "                            </div>\n",
       "                            <div class=\"nf-line nf-indent\" tabindex=\"0\">\n",
       "                                <span class=\"\">Saturated Fat</span>\n",
       "                                <span class=\"\" itemprop=\"saturatedFatContent\">17.48<span aria-hidden=\"true\">g</span><span class=\"sr-only\"> grams</span></span>\n",
       "                                <span class=\"nf-highlight nf-pr\">87.38% <span class=\"sr-only\">Daily Value</span></span>\n",
       "                            </div>\n",
       "                            <div class=\"nf-line nf-indent\" tabindex=\"0\">\n",
       "                                <span class=\"\"><em>Trans</em> Fat</span>\n",
       "                                <span class=\"\" itemprop=\"transFatContent\">1.42<span aria-hidden=\"true\">g</span><span class=\"sr-only\"> grams</span></span>\n",
       "                            </div>\n",
       "                            <div class=\"nf-line nf-indent\" tabindex=\"0\">\n",
       "                            <span class=\"\">Polyunsaturated Fat</span>\n",
       "                            <span class=\"\" itemprop=\"\">13.87<span aria-hidden=\"true\">g</span><span class=\"sr-only\"> grams</span></span>\n",
       "                            </div>\n",
       "                            <div class=\"nf-line nf-indent\" tabindex=\"0\">\n",
       "                            <span class=\"\">Monounsaturated Fat</span>\n",
       "                            <span class=\"\" itemprop=\"\">31.49<span aria-hidden=\"true\">g</span><span class=\"sr-only\"> grams</span></span>\n",
       "                            </div>\n",
       "                            <div class=\"nf-line\" tabindex=\"0\">\n",
       "                                <span class=\"nf-highlight\">Cholesterol</span>\n",
       "                                <span class=\"\" itemprop=\"cholesterolContent\">82.52<span aria-hidden=\"true\">mg</span><span class=\"sr-only\"> milligrams</span></span>\n",
       "                                <span class=\"nf-highlight nf-pr\">27.51% <span class=\"sr-only\">Daily Value</span></span>\n",
       "                            </div>\n",
       "                            <div class=\"nf-line\" tabindex=\"0\">\n",
       "                                <span class=\"nf-highlight\">Sodium</span>\n",
       "                                <span class=\"\" itemprop=\"sodiumContent\">1562.65<span aria-hidden=\"true\">mg</span><span class=\"sr-only\"> milligrams</span></span>\n",
       "                                <span class=\"nf-highlight nf-pr\">67.94% <span class=\"sr-only\">Daily Value</span></span>\n",
       "                            </div>\n",
       "                            <div class=\"nf-line\" tabindex=\"0\">\n",
       "                                <span class=\"nf-highlight\">Total Carbohydrates</span>\n",
       "                                <span class=\"\" itemprop=\"carbohydrateContent\">65.62<span aria-hidden=\"true\">g</span><span class=\"sr-only\"> grams</span></span>\n",
       "                                <span class=\"nf-highlight nf-pr\">25.24% <span class=\"sr-only\">Daily Value</span></span>\n",
       "                            </div>\n",
       "                            <div class=\"nf-line nf-indent\" tabindex=\"0\">\n",
       "                                <span class=\"\">Dietary Fiber</span>\n",
       "                                <span class=\"\" itemprop=\"fiberContent\">24.2<span aria-hidden=\"true\">g</span><span class=\"sr-only\"> grams</span></span>\n",
       "                                <span class=\"nf-highlight nf-pr\">80.65% <span class=\"sr-only\">Daily Value</span></span>\n",
       "                            </div>\n",
       "                            <div class=\"nf-line nf-indent\" tabindex=\"0\">\n",
       "                                <span class=\"\">Sugars</span>\n",
       "                                <span class=\"\" itemprop=\"sugarContent\">9.94<span aria-hidden=\"true\">g</span><span class=\"sr-only\"> grams</span></span>\n",
       "                            </div>\n",
       "                            <div class=\"nf-line\" tabindex=\"0\">\n",
       "                                <span class=\"nf-highlight\">Protein</span>\n",
       "                                <span class=\"\" itemprop=\"proteinContent\">97.13<span aria-hidden=\"true\">g</span><span class=\"sr-only\"> grams</span></span>\n",
       "                            </div>\n",
       "                            <div class=\"nf-bar2\"></div>\n",
       "                            <div class=\"nf-vitamins\">\n",
       "                                <div class=\"nf-vitamins\">\n",
       "                                    <div class=\"\" tabindex=\"0\">\n",
       "                                        <span class=\"\">Vitamin D</span>\n",
       "                                        <span class=\"\" itemprop=\"vitaminDContent\">1.27<span aria-hidden=\"true\">mcg</span><span class=\"sr-only\"> micrograms</span></span>\n",
       "                                        <span class=\"nf-highlight nf-pr\">12.65% <span class=\"sr-only\">Daily Value</span></span>\n",
       "                                    </div>\n",
       "                                    <div class=\"nf-line\" tabindex=\"0\">\n",
       "                                        <span class=\"\">Calcium</span>\n",
       "                                        <span class=\"\" itemprop=\"calciumContent\">892.4<span aria-hidden=\"true\">mg</span><span class=\"sr-only\"> milligrams</span></span>\n",
       "                                        <span class=\"nf-highlight nf-pr\">127.49% <span class=\"sr-only\">Daily Value</span></span>\n",
       "                                    </div>\n",
       "                                    <div class=\"nf-line\" tabindex=\"0\">\n",
       "                                        <span class=\"\">Iron</span>\n",
       "                                        <span class=\"\" itemprop=\"ironContent\">12.25<span aria-hidden=\"true\">mg</span><span class=\"sr-only\"> milligrams</span></span>\n",
       "                                        <span class=\"nf-highlight nf-pr\">104.28% <span class=\"sr-only\">Daily Value</span></span>\n",
       "                                    </div>\n",
       "                                    <div class=\"nf-line\" tabindex=\"0\">\n",
       "                                        <span class=\"\">Potassium</span>\n",
       "                                        <span class=\"\" itemprop=\"potassiumContent\">1236.8<span aria-hidden=\"true\">mg</span><span class=\"sr-only\"> milligrams</span></span>\n",
       "                                        <span class=\"nf-highlight nf-pr\">35.34% <span class=\"sr-only\">Daily Value</span></span>\n",
       "                                    </div>\n",
       "                                    <div class=\"nf-line\" tabindex=\"0\">\n",
       "                                        <span class=\"\">Zinc</span>\n",
       "                                        <span class=\"\" itemprop=\"zincContent\">7.9<span aria-hidden=\"true\">mg</span><span class=\"sr-only\"> milligrams</span></span>\n",
       "                                        <span class=\"nf-highlight nf-pr\">95.81% <span class=\"sr-only\">Daily Value</span></span>\n",
       "                                    </div>\n",
       "                                </div>\n",
       "                            </div>\n",
       "                            <div class=\"nf-bar2\"></div>\n",
       "                            <div class=\"\" tabindex=\"0\">\n",
       "                                <span class=\"nf-highlight\">Caffeine</span>\n",
       "                                <span class=\"\" itemprop=\"caffeineContent\">0.0mg</span>\n",
       "                            </div>\n",
       "                            <div class=\"nf-bar1\"></div>\n",
       "                            <div class=\"nf-vitamins\">\n",
       "                        <div class=\"nf-footnote\">\n",
       "                            <span tabindex=\"0\">The % Daily Value (DV) tells you how much a nutrient in a serving of food contributes to a daily diet. 2000 calories a day is used for general nutrition advice.</span>\n",
       "                        </div>\n",
       "                        <div class=\"naTooltip\">Data not available</div>\n",
       "                            </div>\n",
       "                        </div><!-- closing class=\"nf\" -->\n",
       "                    </div>\n",
       "                </div>\n",
       "            </div>\n",
       "        <div class=\"arrow right-arrow\">&#9654;</div> <!-- Right Arrow -->\n",
       "    </div>\n",
       "\n",
       "</div>\n",
       "\n",
       "<div class=\"grid cards\" markdown>\n",
       "\n",
       "- #### Net Carbs in each Ingredient\n",
       "\n",
       "    ---\n",
       "\n",
       "    | Ingredient                         | Quantity   | Unit   |   Qty in gms | Source    |   Net Carbs (gms) |\n",
       "|:-----------------------------------|:-----------|:-------|-------------:|:----------|------------------:|\n",
       "| OLIVE OIL                          | 1          | TBSP   |           15 | Nutrionix |              0    |\n",
       "| SUGAR                              | 1          | TSP    |            5 | Nutrionix |              5    |\n",
       "| WATER                              | 300        | ML     |          300 | Nutrionix |              0    |\n",
       "| VITAL WHEAT GLUTEN                 | 1          | CUP    |          240 | Nutrionix |             31.66 |\n",
       "| WHEAT BRAN                         | 1/4        | CUP    |           60 | Nutrionix |             13.03 |\n",
       "| OAT FLOUR                          | 1/4        | CUP    |           60 | Nutrionix |             35.52 |\n",
       "| FLAX MEAL                          | 1/4        | CUP    |           60 | Nutrionix |              0.95 |\n",
       "| ALMOND FLOUR                       | 1/2        | CUP    |          120 | UKDB      |              8.28 |\n",
       "| BAKING POWDER                      | 1          | TSP    |            5 | Nutrionix |              1.38 |\n",
       "| SALT                               | 1          | TSP    |            5 | Nutrionix |              0    |\n",
       "| DRIED YEAST                        | 7          | GMS    |            7 | UKDB      |              0.25 |\n",
       "| SALTED BUTTER                      | 30         | GMS    |           30 | Nutrionix |              0.02 |\n",
       "| GARLIC                             | 3-4        | CLOVES |           12 | UKDB      |              1.96 |\n",
       "| YELLOW CAPSICUM                    | 35         | GMS    |           35 | UKDB      |              1.5  |\n",
       "| BROWN CHESTNUT MUSHROOMS           | 30         | GMS    |           30 | Nutrionix |              1.11 |\n",
       "| ONION                              | 50         | GMS    |           50 | Nutrionix |              4.38 |\n",
       "| CANNED PINEAPPLE                   | 50         | GMS    |           50 | Nutrionix |              7.45 |\n",
       "| PANEER                             | 125        | GMS    |          125 | Nutrionix |              3.72 |\n",
       "| VIRGIN OLIVE OIL                   | 2          | TSP    |           10 | Nutrionix |              0    |\n",
       "| TANDOORI MASALA                    | 2          | TSP    |           10 | Nutrionix |              3.35 |\n",
       "| DRIED FENUGREEK LEAVES             | 2          | TSP    |           10 | UKDB      |              0.48 |\n",
       "| PINK HIMALAYAN SALT                | TO TASTE   |        |            0 | Nutrionix |              0    |\n",
       "| PASTA SAUCE                        | 3          | TBSP   |           45 | Nutrionix |              2.53 |\n",
       "| GRATED MOZZARELLA CHEESE           | 40         | GMS    |           40 | Nutrionix |              0.88 |\n",
       "| GRATED EXTRA MATURE CHEDDAR CHEESE | 50         | GMS    |           50 | UKDB      |              0.05 |\n",
       "| JALAPENOS                          | 10         | GMS    |           10 | Nutrionix |              0.37 |\n",
       "| GRATED MOZZARELLA CHEESE           | 20         | GMS    |           20 | Nutrionix |              0.44 |\n",
       "</div>\n",
       "\n",
       "<h3>Cooklang</h3>\n",
       "<details class=\"site-abstract\">\n",
       "<summary>Recipe in <a href=\"https://cooklang.org/\" target=\"_blank\">Cooklang</a></summary>\n",
       "```\n",
       "\n",
       ">> Title: Low Carb Pizza\n",
       ">> Serving Size: 6\n",
       ">> Cooking Time: 30 minutes (Prep Time - 90 minutes)\n",
       ">> Category: Italian\n",
       ">> Type: Vegetarian\n",
       ">> Image: recipe_9_low_carb_pizza.jpg\n",
       ">> Image-Caption: Low Carb Pizza and Garlic Bread.\n",
       "\n",
       "**Common Prep Steps**\n",
       "\n",
       "Add @Olive Oil{1%tbsp} and @sugar{1%tsp} in @water{300%ml} and mix well.\n",
       "Take a #bowl{} and add @vital wheat gluten{1%cup}.\n",
       "Add @wheat bran{1/4%cup}, @oat flour{1/4%cup}.\n",
       "Add @flax meal{1/4%cup}, @Almond Flour{1/2%cup}.\n",
       "Add @baking powder{1%tsp}, @salt{1%tsp}, @dried yeast{7%gms(1 sachet)}.\n",
       "Add liquid mix to dry mix and knead for ~{5%minutes}.\n",
       "Once consolidated, place the dough on oiled #baking sheet{}.\n",
       "Flatten it with hand at first and with #roller pin{} later to bring it to about 14 inch diameter. \n",
       "If you want your pizza to be round then using a #large round utensil{} as guide and #knife or pizza cutter{} trim uneven sides to get a circular shape else just use the #knife or pizza cutter{} to make a rectangular shape.\n",
       "Cover it with a slightly damp cloth and keep it aside to rise.\n",
       "Use the trimmed dough to make another ball of dough and flatten it first with hand and then with roller pin to a size of roughly 8 to 10 inch.\n",
       "Let the two items rise for a ~{40-60%minutes} though leaving for about ~{2%hrs} gets better results.\n",
       "\n",
       "**Garlic Bread**\n",
       "\n",
       "Take the smaller base and Using a #fork{} pierce the base equidistantly.\n",
       "In a #microwaveable bowl{} take @salted butter{30%gms}.\n",
       "Using a #grater{}, grate @Garlic{3-4%cloves(Large)} into the #microwaveable bowl{}.\n",
       "Place the #microwaveable bowl{} into #microwave{} for ~{20-30%seconds}.\n",
       "Using an #oil brush or spatula{} spread the melted butter and Garlic onto the smaller pierced base.\n",
       "Put this into the #oven{} at 180°C for ~{10%minutes}.\n",
       "[- This can also be done using Air Fryer at similar temperature. \n",
       "Although it will quite possibly require less time than 10 minutes. -]\n",
       "Take it out after that and cut it into rectangular pieces using #pizza cutter{}.\n",
       "-- It might be better to let it cool down a bit as it allows for a bit of self-baking.\n",
       "\n",
       "**Pizza  Toppings**\n",
       "\n",
       "While any topping can be used, I started by cutting @Yellow Capsicum{35%gms(1/3)} with #knife{}.\n",
       "Then cut @Brown chestnut mushrooms{30%gms(3-4)}, @onion{50%gms(1/2)} and @canned pineapple{50%gms(1 ring)} using #knife{} and keep them separately for later use.\n",
       "Cut @Paneer{125%gms} and put in a #small bowl{}.\n",
       "Add @virgin olive oil{2%tsp}, @tandoori masala{2%tsp}, @dried fenugreek leaves{2%tsp} and @Pink Himalayan Salt{to taste} and mix well.\n",
       "\n",
       "**Pizza**\n",
       "\n",
       "Take the larger base and spread evenly [@pasta sauce{3%tbsp}](https://kutt.it/pesto-sauce) on it using #spatula{}.\n",
       "Then spread a thin layer of @grated mozzarella cheese{40%gms}.\n",
       "Add all veggie pizza toppings as much as possible without piling up and arranged side to side.\n",
       "Then add paneer cubes, these can be piled on top of veggies, if there isn't enough space.\n",
       "Now spread evenly @grated extra mature cheddar cheese{50%gms}.\n",
       "Then add @jalapenos{10%gms(8-10 rings)}.\n",
       "Finally sprinkle some more @grated mozzarella cheese{20%gms}.\n",
       "Put this into the #oven{} at 180°C for ~{20%minutes}.\n",
       "Take it out after that and cut it using #pizza cutter{}.\n",
       "\n",
       "```\n",
       "</details>"
      ],
      "text/plain": [
       "<IPython.core.display.HTML object>"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    }
   ],
   "source": [
    "import markdown\n",
    "rendered_markdown = markdown.markdown(rendered_html)\n",
    "display(HTML(rendered_markdown))"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": null,
   "id": "e4b1cc6d-7ab8-4f80-98c3-63aae780eae3",
   "metadata": {},
   "outputs": [],
   "source": []
  }
 ],
 "metadata": {
  "kernelspec": {
   "display_name": "Python 3 (ipykernel)",
   "language": "python",
   "name": "python3"
  },
  "language_info": {
   "codemirror_mode": {
    "name": "ipython",
    "version": 3
   },
   "file_extension": ".py",
   "mimetype": "text/x-python",
   "name": "python",
   "nbconvert_exporter": "python",
   "pygments_lexer": "ipython3",
   "version": "3.10.11"
  }
 },
 "nbformat": 4,
 "nbformat_minor": 5
}