bolade/bio-performx
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add initial HTML structure for report generation

Browse Source 
- Created page_1.html with layout including ISHP branding, main content, and dotted pattern.
- Developed page_2.html featuring a Table of Contents with sections for Lung Analysis, Cardio Metrics, Fuel Utilization, Local Muscle Activity, Training Recommendations, Next Steps, and Glossary.
- Added placeholder files for pages 3 to 19 to facilitate future content development.
This commit is contained in:
bolade
2025-09-24 08:35:29 +01:00
parent 804b3fb10e
commit 4753276778
24 changed files with 1784 additions and 113 deletions
Download Patch File Download Diff File Expand all files Collapse all files
report_gen/page_2.html
+121
View File
@@ -0,0 +1,121 @@
<div class="bg-white w-full page m-0 p-0" style="height: 297mm">
<div class="px-16 py-20">
<!-- Table of Contents Header -->
<div class="mb-12">
<h1 class="text-4xl font-bold text-black mb-4 tracking-wide">
TABLE OF CONTENTS
</h1>
<div class="w-full h-1 bg-cyan-400"></div>
</div>
<!-- Table of Contents Items -->
<div class="space-y-6">
<!-- Lung Analysis -->
<div class="flex items-start bg-gray-200 rounded-lg">
<div
class="bg-black text-white text-2xl font-bold w-16 h-16 flex items-center justify-center rounded-lg mr-6"
>
3
</div>
<div class="flex-1 py-3">
<h2 class="text-2xl font-semibold text-black mb-1">
Lung Analysis
</h2>
<div class="space-y-1">
<p class="text-gray-600 text-sm">
Pulse Oximetry Assessment
</p>
<p class="text-gray-600 text-sm">
Spirometry Assessment
</p>
</div>
</div>
</div>
<!-- Cardio Metrics -->
<div class="flex items-start bg-gray-200 rounded-lg">
<div
class="bg-black text-white text-2xl font-bold w-16 h-16 flex items-center justify-center rounded-lg mr-6"
>
4
</div>
<div class="flex-1 py-3">
<h2 class="text-2xl font-semibold text-black mb-1">
Cardio Metrics
</h2>
<p class="text-gray-600 text-sm">
Active Metabolic Rate Assessment
</p>
</div>
</div>
<!-- Fuel Utilization -->
<div class="flex items-start bg-gray-200 rounded-lg">
<div
class="bg-black text-white text-2xl font-bold w-16 h-16 flex items-center justify-center rounded-lg mr-6"
>
5
</div>
<div class="flex-1 py-3">
<h2 class="text-2xl font-semibold text-black">
Fuel Utilization
</h2>
</div>
</div>
<!-- Local Muscle Activity -->
<div class="flex items-start bg-gray-200 rounded-lg">
<div
class="bg-black text-white text-2xl font-bold w-16 h-16 flex items-center justify-center rounded-lg mr-6"
>
9
</div>
<div class="flex-1 py-3">
<h2 class="text-2xl font-semibold text-black">
Local Muscle Activity
</h2>
</div>
</div>
<!-- Training Recommendations -->
<div class="flex items-start bg-gray-200 rounded-lg">
<div
class="bg-black text-white text-2xl font-bold w-16 h-16 flex items-center justify-center rounded-lg mr-6"
>
10
</div>
<div class="flex-1 py-3">
<h2 class="text-2xl font-semibold text-black">
Training Recommendations
</h2>
</div>
</div>
<!-- Next Steps -->
<div class="flex items-start bg-gray-200 rounded-lg">
<div
class="bg-black text-white text-2xl font-bold w-16 h-16 flex items-center justify-center rounded-lg mr-6"
>
12
</div>
<div class="flex-1 py-3">
<h2 class="text-2xl font-semibold text-black">
Next Steps
</h2>
</div>
</div>
<!-- Glossary -->
<div class="flex items-start bg-gray-200 rounded-lg">
<div
class="bg-black text-white text-2xl font-bold w-16 h-16 flex items-center justify-center rounded-lg mr-6"
>
13
</div>
<div class="flex-1 py-3">
<h2 class="text-2xl font-semibold text-black">Glossary</h2>
</div>
</div>
</div>
</div>
</div>