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:
+3
-19
@@ -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">
|
||||
|
||||
Reference in New Issue
Block a user