Significant Progress
This commit is contained in:
bolade
+511
-34
@@ -1,38 +1,515 @@
|
||||
<div class="w-full page bg-white">
|
||||
<!-- Main Content -->
|
||||
<div class="px-8 py-6">
|
||||
<!-- Page Title -->
|
||||
<h1 class="text-3xl font-bold text-black mb-6">Fuelling Analysis</h1>
|
||||
|
||||
<!-- Main Content -->
|
||||
<div class="px-8 py-6">
|
||||
<!-- VO2 Pulse Section -->
|
||||
<div class="mb-8">
|
||||
<!-- VO2 Pulse Header -->
|
||||
<div class="bg-gray-200 p-4 rounded-lg mb-4 text-center">
|
||||
<h2 class="text-lg font-bold text-black">VO2 Pulse</h2>
|
||||
<p class="text-black">Begins to drop at {{ vo2_pulse_drop_bpm | default('180 bpm') }} ({{ vo2_pulse_drop_zone | default('Zone 4') }})</p>
|
||||
</div>
|
||||
|
||||
<!-- VO2 Pulse Graph -->
|
||||
<div class="flex justify-center mb-6">
|
||||
<img src="data:image/png;base64, {{ vo2_pulse_chart }}"
|
||||
alt="VO2 Pulse Chart"
|
||||
class="w-full max-w-4xl h-auto object-contain">
|
||||
</div>
|
||||
<!-- Flowchart Image -->
|
||||
<div class="mb-8 flex justify-center">
|
||||
<img
|
||||
src="data:image/png;base64,{{ fuelling_analysis_flowchart }}"
|
||||
alt="Fuelling Analysis Flowchart"
|
||||
class="w-full max-w-4xl h-auto object-contain"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<!-- Carbohydrate Storage Table -->
|
||||
<div class="mb-8">
|
||||
<h2 class="text-xl font-bold text-black mb-4 text-center">
|
||||
Estimated Carbohydrate Storage by Weight and Sex in Athletes
|
||||
</h2>
|
||||
|
||||
<div class="flex justify-center">
|
||||
<table
|
||||
class="table-auto border-collapse border border-gray-400 text-sm"
|
||||
>
|
||||
<thead>
|
||||
<tr class="bg-gray-200">
|
||||
<th
|
||||
class="border border-gray-400 px-4 py-2 text-center"
|
||||
>
|
||||
Weight (kg)
|
||||
</th>
|
||||
<th
|
||||
class="border border-gray-400 px-4 py-2 text-center"
|
||||
>
|
||||
Sex
|
||||
</th>
|
||||
<th
|
||||
class="border border-gray-400 px-4 py-2 text-center"
|
||||
>
|
||||
Muscle Glycogen (g)
|
||||
</th>
|
||||
<th
|
||||
class="border border-gray-400 px-4 py-2 text-center"
|
||||
>
|
||||
Liver Glycogen (g)
|
||||
</th>
|
||||
<th
|
||||
class="border border-gray-400 px-4 py-2 text-center"
|
||||
>
|
||||
Blood Glucose (g)
|
||||
</th>
|
||||
<th
|
||||
class="border border-gray-400 px-4 py-2 text-center"
|
||||
>
|
||||
Total Carb (g)
|
||||
</th>
|
||||
<th
|
||||
class="border border-gray-400 px-4 py-2 text-center"
|
||||
>
|
||||
Total Carb (kcal)
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td
|
||||
class="border border-gray-400 px-4 py-2 text-center"
|
||||
>
|
||||
50
|
||||
</td>
|
||||
<td
|
||||
class="border border-gray-400 px-4 py-2 text-center"
|
||||
>
|
||||
male
|
||||
</td>
|
||||
<td
|
||||
class="border border-gray-400 px-4 py-2 text-center"
|
||||
>
|
||||
292
|
||||
</td>
|
||||
<td
|
||||
class="border border-gray-400 px-4 py-2 text-center"
|
||||
>
|
||||
105
|
||||
</td>
|
||||
<td
|
||||
class="border border-gray-400 px-4 py-2 text-center"
|
||||
>
|
||||
4.5
|
||||
</td>
|
||||
<td
|
||||
class="border border-gray-400 px-4 py-2 text-center"
|
||||
>
|
||||
402
|
||||
</td>
|
||||
<td
|
||||
class="border border-gray-400 px-4 py-2 text-center"
|
||||
>
|
||||
1608
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="bg-gray-50">
|
||||
<td
|
||||
class="border border-gray-400 px-4 py-2 text-center"
|
||||
>
|
||||
50
|
||||
</td>
|
||||
<td
|
||||
class="border border-gray-400 px-4 py-2 text-center"
|
||||
>
|
||||
female
|
||||
</td>
|
||||
<td
|
||||
class="border border-gray-400 px-4 py-2 text-center"
|
||||
>
|
||||
228
|
||||
</td>
|
||||
<td
|
||||
class="border border-gray-400 px-4 py-2 text-center"
|
||||
>
|
||||
85
|
||||
</td>
|
||||
<td
|
||||
class="border border-gray-400 px-4 py-2 text-center"
|
||||
>
|
||||
4.5
|
||||
</td>
|
||||
<td
|
||||
class="border border-gray-400 px-4 py-2 text-center"
|
||||
>
|
||||
317
|
||||
</td>
|
||||
<td
|
||||
class="border border-gray-400 px-4 py-2 text-center"
|
||||
>
|
||||
1268
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td
|
||||
class="border border-gray-400 px-4 py-2 text-center"
|
||||
>
|
||||
60
|
||||
</td>
|
||||
<td
|
||||
class="border border-gray-400 px-4 py-2 text-center"
|
||||
>
|
||||
male
|
||||
</td>
|
||||
<td
|
||||
class="border border-gray-400 px-4 py-2 text-center"
|
||||
>
|
||||
351
|
||||
</td>
|
||||
<td
|
||||
class="border border-gray-400 px-4 py-2 text-center"
|
||||
>
|
||||
105
|
||||
</td>
|
||||
<td
|
||||
class="border border-gray-400 px-4 py-2 text-center"
|
||||
>
|
||||
4.5
|
||||
</td>
|
||||
<td
|
||||
class="border border-gray-400 px-4 py-2 text-center"
|
||||
>
|
||||
460
|
||||
</td>
|
||||
<td
|
||||
class="border border-gray-400 px-4 py-2 text-center"
|
||||
>
|
||||
1842
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="bg-gray-50">
|
||||
<td
|
||||
class="border border-gray-400 px-4 py-2 text-center"
|
||||
>
|
||||
60
|
||||
</td>
|
||||
<td
|
||||
class="border border-gray-400 px-4 py-2 text-center"
|
||||
>
|
||||
female
|
||||
</td>
|
||||
<td
|
||||
class="border border-gray-400 px-4 py-2 text-center"
|
||||
>
|
||||
273
|
||||
</td>
|
||||
<td
|
||||
class="border border-gray-400 px-4 py-2 text-center"
|
||||
>
|
||||
85
|
||||
</td>
|
||||
<td
|
||||
class="border border-gray-400 px-4 py-2 text-center"
|
||||
>
|
||||
4.5
|
||||
</td>
|
||||
<td
|
||||
class="border border-gray-400 px-4 py-2 text-center"
|
||||
>
|
||||
362
|
||||
</td>
|
||||
<td
|
||||
class="border border-gray-400 px-4 py-2 text-center"
|
||||
>
|
||||
1450
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td
|
||||
class="border border-gray-400 px-4 py-2 text-center"
|
||||
>
|
||||
70
|
||||
</td>
|
||||
<td
|
||||
class="border border-gray-400 px-4 py-2 text-center"
|
||||
>
|
||||
male
|
||||
</td>
|
||||
<td
|
||||
class="border border-gray-400 px-4 py-2 text-center"
|
||||
>
|
||||
410
|
||||
</td>
|
||||
<td
|
||||
class="border border-gray-400 px-4 py-2 text-center"
|
||||
>
|
||||
105
|
||||
</td>
|
||||
<td
|
||||
class="border border-gray-400 px-4 py-2 text-center"
|
||||
>
|
||||
4.5
|
||||
</td>
|
||||
<td
|
||||
class="border border-gray-400 px-4 py-2 text-center"
|
||||
>
|
||||
519
|
||||
</td>
|
||||
<td
|
||||
class="border border-gray-400 px-4 py-2 text-center"
|
||||
>
|
||||
2076
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="bg-gray-50">
|
||||
<td
|
||||
class="border border-gray-400 px-4 py-2 text-center"
|
||||
>
|
||||
70
|
||||
</td>
|
||||
<td
|
||||
class="border border-gray-400 px-4 py-2 text-center"
|
||||
>
|
||||
female
|
||||
</td>
|
||||
<td
|
||||
class="border border-gray-400 px-4 py-2 text-center"
|
||||
>
|
||||
318
|
||||
</td>
|
||||
<td
|
||||
class="border border-gray-400 px-4 py-2 text-center"
|
||||
>
|
||||
85
|
||||
</td>
|
||||
<td
|
||||
class="border border-gray-400 px-4 py-2 text-center"
|
||||
>
|
||||
4.5
|
||||
</td>
|
||||
<td
|
||||
class="border border-gray-400 px-4 py-2 text-center"
|
||||
>
|
||||
408
|
||||
</td>
|
||||
<td
|
||||
class="border border-gray-400 px-4 py-2 text-center"
|
||||
>
|
||||
1632
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td
|
||||
class="border border-gray-400 px-4 py-2 text-center"
|
||||
>
|
||||
80
|
||||
</td>
|
||||
<td
|
||||
class="border border-gray-400 px-4 py-2 text-center"
|
||||
>
|
||||
male
|
||||
</td>
|
||||
<td
|
||||
class="border border-gray-400 px-4 py-2 text-center"
|
||||
>
|
||||
468
|
||||
</td>
|
||||
<td
|
||||
class="border border-gray-400 px-4 py-2 text-center"
|
||||
>
|
||||
105
|
||||
</td>
|
||||
<td
|
||||
class="border border-gray-400 px-4 py-2 text-center"
|
||||
>
|
||||
4.5
|
||||
</td>
|
||||
<td
|
||||
class="border border-gray-400 px-4 py-2 text-center"
|
||||
>
|
||||
578
|
||||
</td>
|
||||
<td
|
||||
class="border border-gray-400 px-4 py-2 text-center"
|
||||
>
|
||||
2310
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="bg-gray-50">
|
||||
<td
|
||||
class="border border-gray-400 px-4 py-2 text-center"
|
||||
>
|
||||
80
|
||||
</td>
|
||||
<td
|
||||
class="border border-gray-400 px-4 py-2 text-center"
|
||||
>
|
||||
female
|
||||
</td>
|
||||
<td
|
||||
class="border border-gray-400 px-4 py-2 text-center"
|
||||
>
|
||||
364
|
||||
</td>
|
||||
<td
|
||||
class="border border-gray-400 px-4 py-2 text-center"
|
||||
>
|
||||
85
|
||||
</td>
|
||||
<td
|
||||
class="border border-gray-400 px-4 py-2 text-center"
|
||||
>
|
||||
4.5
|
||||
</td>
|
||||
<td
|
||||
class="border border-gray-400 px-4 py-2 text-center"
|
||||
>
|
||||
454
|
||||
</td>
|
||||
<td
|
||||
class="border border-gray-400 px-4 py-2 text-center"
|
||||
>
|
||||
1814
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td
|
||||
class="border border-gray-400 px-4 py-2 text-center"
|
||||
>
|
||||
90
|
||||
</td>
|
||||
<td
|
||||
class="border border-gray-400 px-4 py-2 text-center"
|
||||
>
|
||||
male
|
||||
</td>
|
||||
<td
|
||||
class="border border-gray-400 px-4 py-2 text-center"
|
||||
>
|
||||
526
|
||||
</td>
|
||||
<td
|
||||
class="border border-gray-400 px-4 py-2 text-center"
|
||||
>
|
||||
105
|
||||
</td>
|
||||
<td
|
||||
class="border border-gray-400 px-4 py-2 text-center"
|
||||
>
|
||||
4.5
|
||||
</td>
|
||||
<td
|
||||
class="border border-gray-400 px-4 py-2 text-center"
|
||||
>
|
||||
636
|
||||
</td>
|
||||
<td
|
||||
class="border border-gray-400 px-4 py-2 text-center"
|
||||
>
|
||||
2544
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="bg-gray-50">
|
||||
<td
|
||||
class="border border-gray-400 px-4 py-2 text-center"
|
||||
>
|
||||
90
|
||||
</td>
|
||||
<td
|
||||
class="border border-gray-400 px-4 py-2 text-center"
|
||||
>
|
||||
female
|
||||
</td>
|
||||
<td
|
||||
class="border border-gray-400 px-4 py-2 text-center"
|
||||
>
|
||||
409
|
||||
</td>
|
||||
<td
|
||||
class="border border-gray-400 px-4 py-2 text-center"
|
||||
>
|
||||
85
|
||||
</td>
|
||||
<td
|
||||
class="border border-gray-400 px-4 py-2 text-center"
|
||||
>
|
||||
4.5
|
||||
</td>
|
||||
<td
|
||||
class="border border-gray-400 px-4 py-2 text-center"
|
||||
>
|
||||
499
|
||||
</td>
|
||||
<td
|
||||
class="border border-gray-400 px-4 py-2 text-center"
|
||||
>
|
||||
1996
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td
|
||||
class="border border-gray-400 px-4 py-2 text-center"
|
||||
>
|
||||
100
|
||||
</td>
|
||||
<td
|
||||
class="border border-gray-400 px-4 py-2 text-center"
|
||||
>
|
||||
male
|
||||
</td>
|
||||
<td
|
||||
class="border border-gray-400 px-4 py-2 text-center"
|
||||
>
|
||||
585
|
||||
</td>
|
||||
<td
|
||||
class="border border-gray-400 px-4 py-2 text-center"
|
||||
>
|
||||
105
|
||||
</td>
|
||||
<td
|
||||
class="border border-gray-400 px-4 py-2 text-center"
|
||||
>
|
||||
4.5
|
||||
</td>
|
||||
<td
|
||||
class="border border-gray-400 px-4 py-2 text-center"
|
||||
>
|
||||
694
|
||||
</td>
|
||||
<td
|
||||
class="border border-gray-400 px-4 py-2 text-center"
|
||||
>
|
||||
2778
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="bg-gray-50">
|
||||
<td
|
||||
class="border border-gray-400 px-4 py-2 text-center"
|
||||
>
|
||||
100
|
||||
</td>
|
||||
<td
|
||||
class="border border-gray-400 px-4 py-2 text-center"
|
||||
>
|
||||
female
|
||||
</td>
|
||||
<td
|
||||
class="border border-gray-400 px-4 py-2 text-center"
|
||||
>
|
||||
455
|
||||
</td>
|
||||
<td
|
||||
class="border border-gray-400 px-4 py-2 text-center"
|
||||
>
|
||||
85
|
||||
</td>
|
||||
<td
|
||||
class="border border-gray-400 px-4 py-2 text-center"
|
||||
>
|
||||
4.5
|
||||
</td>
|
||||
<td
|
||||
class="border border-gray-400 px-4 py-2 text-center"
|
||||
>
|
||||
544
|
||||
</td>
|
||||
<td
|
||||
class="border border-gray-400 px-4 py-2 text-center"
|
||||
>
|
||||
2178
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- VO2 Breath Section -->
|
||||
<div class="mb-8">
|
||||
<!-- VO2 Breath Header -->
|
||||
<div class="bg-gray-200 p-4 rounded-lg mb-4 text-center">
|
||||
<h2 class="text-lg font-bold text-black">VO2 Breath</h2>
|
||||
<p class="text-black">Begins to drop at {{ vo2_breath_drop_bpm | default('173 bpm') }} ({{ vo2_breath_drop_zone | default('Zone 3') }})</p>
|
||||
</div>
|
||||
|
||||
<!-- VO2 Breath Graph -->
|
||||
<div class="flex justify-center mb-6">
|
||||
<img src="data:image/png;base64, {{ vo2_breath_chart }}"
|
||||
alt="VO2 Breath Chart"
|
||||
class="w-full max-w-4xl h-auto object-contain">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user