Add requirements.txt, tailwind configuration, and initial truth report HTML

- Created requirements.txt with a comprehensive list of dependencies.
- Added tailwindconfig.js for Tailwind CSS configuration.
- Introduced truth_report.html with structured content and Tailwind CSS styling for a visually appealing layout.
This commit is contained in:
bolade
2025-09-26 16:37:46 +01:00
parent 4a61dd7898
commit 1ae1ec2369
19 changed files with 1564 additions and 1667 deletions
+3 -19
View File
@@ -30,43 +30,27 @@
<!-- Body Composition Chart -->
<div class="flex justify-center mb-8">
<div class="relative">
<img src="{{ body_composition_chart}}"
<img src="data:image/png;base64, {{ body_composition_chart}}"
alt="Body Composition Chart"
class="w-80 h-80 object-contain">
<!-- Chart Labels -->
<div class="absolute top-4 left-1/2 transform -translate-x-1/2 text-center">
<div class="text-lg font-semibold text-gray-700">Fat Mass ({{ fat_mass | default('27.6lbs') }})</div>
<div class="text-lg font-semibold text-gray-700">{{ fat_percentage | default('22.4%') }}</div>
</div>
<div class="absolute bottom-4 right-8 text-center">
<div class="text-lg font-semibold text-gray-700">Lean Mass ({{ lean_mass | default('95.4lbs') }})</div>
<div class="text-lg font-semibold text-gray-700">{{ lean_percentage | default('77.6%') }}</div>
</div>
</div>
</div>
<!-- Body Fat Percentage Section -->
<div class="mb-8">
<h4 class="text-xl font-bold text-center text-black mb-4">Body Fat Percent - {{ body_fat_percent | default('22.4%') }}</h4>
<!-- Body Fat Chart -->
<div class="flex justify-center">
<img src="{{ body_fat_chart}}"
alt="Body Fat Percentage Chart"
class="w-full max-w-2xl h-32 object-contain">
<img src="data:image/png;base64, {{ body_fat_chart }}"
alt="Body Fat Percentage Chart" >
</div>
<!-- Age Range Label -->
<div class="flex justify-start mt-2 ml-8">
<span class="text-sm font-semibold text-gray-700">{{ age_range | default('20-39') }}</span>
<span class="text-sm text-gray-700 ml-1">({{ gender | default('F') }})</span>
</div>
</div>
</div>
</div>
<!-- Footer Section -->
<div class="absolute bottom-0 left-0 right-0 bg-black text-white px-6 py-3">
<div class="flex justify-between items-center text-sm">