bolade/bio-performx
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
100b47e9477104c45702a85c405d52ce4b65f370
bio-performx/app/report_gen/page_6.html
T

352 lines
16 KiB
HTML
Raw Normal View History

Refactor code structure for improved readability and maintainability
2025-09-24 10:36:38 +01:00
<div class="w-full page bg-white">
Refactor code structure for improved readability and maintainability
2025-11-26 11:23:04 +01:00
<!-- Header Section -->
<!-- main content -->
<div class="px-2 py-6">
<!-- Page Title -->
<h1 class="text-2xl font-bold text-black mb-6 text-center">
Weekly Meal Plan Breakdown
</h1>
Add body fat analysis graph for page 1
2025-09-24 09:57:15 +01:00
Refactor code structure for improved readability and maintainability
2025-11-26 11:23:04 +01:00
<!-- Caloric Deficit Example Section -->
<div class="mb-8">
<h2 class="text-xl font-bold text-black mb-4 text-center">
Caloric Deficit Example
</h2>
<!-- Weekly Grid -->
<div class="grid grid-cols-7 gap-0 mb-6">
<!-- Monday -->
<div class="bg-cyan-300 p-2 text-center border border-gray-300">
<div class="text-[10px] font-bold text-black mb-1 bg-blue-300">
Monday
</div>
<div class="font-bold text-black mb-1">
{{ deficit_calories | default('1725KCals') }}
</div>
<div class="text-xs text-black leading-tight text-left">
<div>
{{ deficit_protein | default('120g Protein') }}
</div>
<div>{{ deficit_carbs | default('155g Carbs') }}</div>
<div>{{ deficit_fat | default('69g Fat') }}</div>
<div>{{ deficit_fiber | default('25g Fibre') }}</div>
</div>
</div>
<!-- Tuesday -->
<div class="bg-cyan-300 p-2 text-center border border-gray-300">
<div class="text-[10px] font-bold text-black mb-1 bg-blue-300">
Tuesday
</div>
<div class="font-bold text-black mb-1">
{{ deficit_calories | default('1725KCals') }}
</div>
<div class="text-xs text-black leading-tight text-left">
<div>
{{ deficit_protein | default('120g Protein') }}
</div>
<div>{{ deficit_carbs | default('155g Carbs') }}</div>
<div>{{ deficit_fat | default('69g Fat') }}</div>
<div>{{ deficit_fiber | default('25g Fibre') }}</div>
</div>
</div>
Add body fat analysis graph for page 1
2025-09-24 09:57:15 +01:00
Refactor code structure for improved readability and maintainability
2025-11-26 11:23:04 +01:00
<!-- Wednesday -->
<div class="bg-cyan-300 p-2 text-center border border-gray-300">
<div class="text-[10px] font-bold text-black mb-1 bg-blue-300">
Wednesday
</div>
<div class="font-bold text-black mb-1">
{{ deficit_calories | default('1725KCals') }}
</div>
<div class="text-xs text-black leading-tight text-left">
<div>
{{ deficit_protein | default('120g Protein') }}
</div>
<div>{{ deficit_carbs | default('155g Carbs') }}</div>
<div>{{ deficit_fat | default('69g Fat') }}</div>
<div>{{ deficit_fiber | default('25g Fibre') }}</div>
</div>
</div>
<!-- Thursday -->
<div class="bg-cyan-300 p-2 text-center border border-gray-300">
<div class="text-[10px] font-bold text-black mb-1 bg-blue-300">
Thursday
</div>
<div class="font-bold text-black mb-1">
{{ deficit_calories | default('1725KCals') }}
</div>
<div class="text-xs text-black leading-tight text-left">
<div>
{{ deficit_protein | default('120g Protein') }}
</div>
<div>{{ deficit_carbs | default('155g Carbs') }}</div>
<div>{{ deficit_fat | default('69g Fat') }}</div>
<div>{{ deficit_fiber | default('25g Fibre') }}</div>
</div>
</div>
<!-- Friday -->
<div class="bg-cyan-300 p-2 text-center border border-gray-300">
<div class="text-[10px] font-bold text-black mb-1 bg-blue-300">
Friday
</div>
<div class="font-bold text-black mb-1">
{{ deficit_calories | default('1725KCals') }}
</div>
<div class="text-xs text-black leading-tight text-left">
<div>
{{ deficit_protein | default('120g Protein') }}
</div>
<div>{{ deficit_carbs | default('155g Carbs') }}</div>
<div>{{ deficit_fat | default('69g Fat') }}</div>
<div>{{ deficit_fiber | default('25g Fibre') }}</div>
</div>
</div>
<!-- Saturday -->
<div class="bg-white p-2 text-center border border-gray-300">
<div class="text-[10px] font-bold text-black mb-1 bg-blue-300">
Saturday
</div>
<div class="font-bold text-black mb-1">
{{ deficit_calories | default('1725KCals') }}
</div>
<div class="text-xs text-black leading-tight text-left">
<div>
{{ deficit_protein | default('120g Protein') }}
</div>
<div>{{ deficit_carbs | default('155g Carbs') }}</div>
<div>{{ deficit_fat | default('69g Fat') }}</div>
<div>{{ deficit_fiber | default('25g Fibre') }}</div>
</div>
</div>
<!-- Sunday -->
<div class="bg-white p-2 text-center border border-gray-300">
<div class="text-[10px] font-bold text-black mb-1 bg-blue-300">
Sunday
</div>
<div class="font-bold text-black mb-1">
{{ deficit_calories | default('1725KCals') }}
</div>
<div class="text-xs text-black leading-tight text-left">
<div>
{{ deficit_protein | default('120g Protein') }}
</div>
<div>{{ deficit_carbs | default('155g Carbs') }}</div>
<div>{{ deficit_fat | default('69g Fat') }}</div>
<div>{{ deficit_fiber | default('25g Fibre') }}</div>
</div>
</div>
</div>
Add body fat analysis graph for page 1
2025-09-24 09:57:15 +01:00
</div>
Refactor code structure for improved readability and maintainability
2025-11-26 11:23:04 +01:00
<!-- Caloric Deficit with Maintenance/Refeed Example Section -->
<div class="mb-8">
<h2 class="text-xl font-bold text-black mb-4 text-center">
Caloric Deficit with Maintenance/Refeed Example
</h2>
<!-- Weekly Grid -->
<div class="grid grid-cols-7 gap-0 mb-6">
<!-- Monday -->
<div class="bg-cyan-300 p-2 text-center border border-gray-300">
<div class="text-[10px] font-bold text-black mb-1 bg-blue-300">
Monday
</div>
<div class="font-bold text-black mb-1">
{{ refeed_weekday_calories | default('1615KCals') }}
</div>
<div class="text-xs text-black leading-tight text-left">
<div>
{{ refeed_weekday_protein | default('120g Protein')
}}
</div>
<div>
{{ refeed_weekday_carbs | default('142g Carbs') }}
</div>
<div>{{ refeed_weekday_fat | default('63g Fat') }}</div>
<div>
{{ refeed_weekday_fiber | default('24g Fibre') }}
</div>
</div>
</div>
<!-- Tuesday -->
<div class="bg-cyan-300 p-2 text-center border border-gray-300">
<div class="text-[10px] font-bold text-black mb-1 bg-blue-300">
Tuesday
</div>
<div class="font-bold text-black mb-1">
{{ refeed_weekday_calories | default('1615KCals') }}
</div>
<div class="text-xs text-black leading-tight text-left">
<div>
{{ refeed_weekday_protein | default('120g Protein')
}}
</div>
<div>
{{ refeed_weekday_carbs | default('142g Carbs') }}
</div>
<div>{{ refeed_weekday_fat | default('63g Fat') }}</div>
<div>
{{ refeed_weekday_fiber | default('24g Fibre') }}
</div>
</div>
</div>
<!-- Wednesday -->
<div class="bg-cyan-300 p-2 text-center border border-gray-300">
<div class="text-[10px] font-bold text-black mb-1 bg-blue-300">
Wednesday
</div>
<div class="font-bold text-black mb-1">
{{ refeed_weekday_calories | default('1615KCals') }}
</div>
<div class="text-xs text-black leading-tight">
<div>
{{ refeed_weekday_protein | default('120g Protein')
}}
</div>
<div>
{{ refeed_weekday_carbs | default('142g Carbs') }}
</div>
<div>{{ refeed_weekday_fat | default('63g Fat') }}</div>
<div>
{{ refeed_weekday_fiber | default('24g Fibre') }}
</div>
</div>
</div>
<!-- Thursday -->
<div class="bg-cyan-300 p-2 text-center border border-gray-300">
<div class="text-[10px] font-bold text-black mb-1 bg-blue-300">
Thursday
</div>
<div class="font-bold text-black mb-1">
{{ refeed_weekday_calories | default('1615KCals') }}
</div>
<div class="text-xs text-black leading-tight">
<div>
{{ refeed_weekday_protein | default('120g Protein')
}}
</div>
<div>
{{ refeed_weekday_carbs | default('142g Carbs') }}
</div>
<div>{{ refeed_weekday_fat | default('63g Fat') }}</div>
<div>
{{ refeed_weekday_fiber | default('24g Fibre') }}
</div>
</div>
</div>
<!-- Friday -->
<div class="bg-cyan-300 p-2 text-center border border-gray-300">
<div class="text-[10px] font-bold text-black mb-1 bg-blue-300">
Friday
</div>
<div class="font-bold text-black mb-1">
{{ refeed_weekday_calories | default('1615KCals') }}
</div>
<div class="text-xs text-black leading-tight">
<div>
{{ refeed_weekday_protein | default('120g Protein')
}}
</div>
<div>
{{ refeed_weekday_carbs | default('142g Carbs') }}
</div>
<div>{{ refeed_weekday_fat | default('63g Fat') }}</div>
<div>
{{ refeed_weekday_fiber | default('24g Fibre') }}
</div>
</div>
</div>
<!-- Saturday -->
<div class="bg-cyan-300 p-2 text-center border border-gray-300">
<div class="text-[10px] font-bold text-black mb-1 bg-blue-300">
Saturday
</div>
<div class="font-bold text-black mb-1">
{{ refeed_weekend_calories | default('2000KCals') }}
</div>
<div class="text-xs text-black leading-tight">
<div>
{{ refeed_weekend_protein | default('120g Protein')
}}
</div>
<div>
{{ refeed_weekend_carbs | default('190g Carbs') }}
</div>
<div>{{ refeed_weekend_fat | default('84g Fat') }}</div>
<div>
{{ refeed_weekend_fiber | default('30g Fibre') }}
</div>
</div>
</div>
<!-- Sunday -->
<div class="bg-cyan-300 p-2 text-center border border-gray-300">
<div class="text-[10px] font-bold text-black mb-1 bg-blue-300">
Sunday
</div>
<div class="font-bold text-black mb-1">
{{ refeed_weekend_calories | default('2000KCals') }}
</div>
<div class="text-xs text-black leading-tight">
<div>
{{ refeed_weekend_protein | default('120g Protein')
}}
</div>
<div>
{{ refeed_weekend_carbs | default('190g Carbs') }}
</div>
<div>{{ refeed_weekend_fat | default('84g Fat') }}</div>
<div>
{{ refeed_weekend_fiber | default('30g Fibre') }}
</div>
</div>
</div>
</div>
Add body fat analysis graph for page 1
2025-09-24 09:57:15 +01:00
</div>
Refactor code structure for improved readability and maintainability
2025-11-26 11:23:04 +01:00
<!-- Macronutrients Recommendations Section -->
<div class="mb-8">
<h2 class="text-2xl font-bold text-black mb-8 text-center">
Macronutrients Recommendations
</h2>
<!-- Macronutrient Boxes -->
<div class="flex justify-center space-x-12">
<!-- Protein -->
<div class="bg-gray-200 p-6 rounded-lg text-center">
<div class="text-3xl font-bold text-black mb-2">
{{ protein_percentage | default('28%') }}
</div>
<div class="text-lg font-semibold text-black">Protein</div>
</div>
<!-- Carbs -->
<div class="bg-gray-200 p-6 rounded-lg text-center">
<div class="text-3xl font-bold text-black mb-2">
{{ carbs_percentage | default('36%') }}
</div>
<div class="text-lg font-semibold text-black">Carbs</div>
</div>
<!-- Fats -->
<div class="bg-gray-200 p-6 rounded-lg text-center">
<div class="text-3xl font-bold text-black mb-2">
{{ fats_percentage | default('36%') }}
</div>
<div class="text-lg font-semibold text-black">Fats</div>
</div>
</div>
Add body fat analysis graph for page 1
2025-09-24 09:57:15 +01:00
</div>
</div>
</div>
Reference in New Issue Copy Permalink