bio-performx/report_gen/page_19.html

<div class="w-full page bg-white">

    <!-- Main Content -->
    <div class="p-6">
        <h1 class="text-3xl font-bold mb-6">Glossary</h1>

        <!-- Resting Heart Rate Section -->
        <div class="mb-8">
            <h2 class="text-xl font-bold mb-4 text-center">
                Resting Heart Rate
            </h2>

            <!-- Male Table -->
            <div class="mb-4">
                <table
                    class="w-full border-collapse border border-gray-300 text-xs"
                >
                    <thead>
                        <tr class="bg-cyan-200">
                            <th
                                class="border border-gray-300 p-1 font-bold text-center"
                            >
                                Age (M)
                            </th>
                            <th
                                class="border border-gray-300 p-1 font-bold text-center"
                            >
                                Poor
                            </th>
                            <th
                                class="border border-gray-300 p-1 font-bold text-center"
                            >
                                Below Average
                            </th>
                            <th
                                class="border border-gray-300 p-1 font-bold text-center"
                            >
                                Average
                            </th>
                            <th
                                class="border border-gray-300 p-1 font-bold text-center"
                            >
                                Above Average
                            </th>
                            <th
                                class="border border-gray-300 p-1 font-bold text-center"
                            >
                                Good
                            </th>
                            <th
                                class="border border-gray-300 p-1 font-bold text-center"
                            >
                                Excellent
                            </th>
                            <th
                                class="border border-gray-300 p-1 font-bold text-center"
                            >
                                Athlete
                            </th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td
                                class="border border-gray-300 p-1 font-medium text-center"
                            >
                                18-25
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                85bpm +
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                76-84bpm
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                74-78bpm
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                70-73bpm
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                66-69bpm
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                61-65bpm
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                60-60bpm
                            </td>
                        </tr>
                        <tr>
                            <td
                                class="border border-gray-300 p-1 font-medium text-center"
                            >
                                26-35
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                83bpm +
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                77-82bpm
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                73-76bpm
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                69-72bpm
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                65-68bpm
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                60-64bpm
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                55-59bpm
                            </td>
                        </tr>
                        <tr>
                            <td
                                class="border border-gray-300 p-1 font-medium text-center"
                            >
                                36-45
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                85bpm +
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                79-84bpm
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                74-78bpm
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                70-73bpm
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                65-69bpm
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                60-64bpm
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                55-59bpm
                            </td>
                        </tr>
                        <tr>
                            <td
                                class="border border-gray-300 p-1 font-medium text-center"
                            >
                                46-55
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                84bpm +
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                76-83bpm
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                73-77bpm
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                70-72bpm
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                66-69bpm
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                61-65bpm
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                56-60bpm
                            </td>
                        </tr>
                        <tr>
                            <td
                                class="border border-gray-300 p-1 font-medium text-center"
                            >
                                56-65
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                85bpm +
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                78-84bpm
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                74-77bpm
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                70-73bpm
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                65-69bpm
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                60-64bpm
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                50-59bpm
                            </td>
                        </tr>
                        <tr>
                            <td
                                class="border border-gray-300 p-1 font-medium text-center"
                            >
                                65+
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                84bpm +
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                77-83bpm
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                73-76bpm
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                70-73bpm
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                65-69bpm
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                60-64bpm
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                55-59bpm
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>

            <!-- Female Table -->
            <div class="mb-4">
                <table
                    class="w-full border-collapse border border-gray-300 text-xs"
                >
                    <thead>
                        <tr class="bg-cyan-200">
                            <th
                                class="border border-gray-300 p-1 font-bold text-center"
                            >
                                Age (F)
                            </th>
                            <th
                                class="border border-gray-300 p-1 font-bold text-center"
                            >
                                Poor
                            </th>
                            <th
                                class="border border-gray-300 p-1 font-bold text-center"
                            >
                                Below Average
                            </th>
                            <th
                                class="border border-gray-300 p-1 font-bold text-center"
                            >
                                Average
                            </th>
                            <th
                                class="border border-gray-300 p-1 font-bold text-center"
                            >
                                Above Average
                            </th>
                            <th
                                class="border border-gray-300 p-1 font-bold text-center"
                            >
                                Good
                            </th>
                            <th
                                class="border border-gray-300 p-1 font-bold text-center"
                            >
                                Excellent
                            </th>
                            <th
                                class="border border-gray-300 p-1 font-bold text-center"
                            >
                                Athlete
                            </th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td
                                class="border border-gray-300 p-1 font-medium text-center"
                            >
                                18-25
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                81bpm +
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                74-81bpm
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                73-78bpm
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                66-69bpm
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                62-65bpm
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                56-61bpm
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                50-55bpm
                            </td>
                        </tr>
                        <tr>
                            <td
                                class="border border-gray-300 p-1 font-medium text-center"
                            >
                                26-35
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                82bpm +
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                75-81bpm
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                71-74bpm
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                66-70bpm
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                62-65bpm
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                55-61bpm
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                54-54bpm
                            </td>
                        </tr>
                        <tr>
                            <td
                                class="border border-gray-300 p-1 font-medium text-center"
                            >
                                36-45
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                83bpm +
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                76-82bpm
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                71-75bpm
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                67-70bpm
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                63-66bpm
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                57-62bpm
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                47-56bpm
                            </td>
                        </tr>
                        <tr>
                            <td
                                class="border border-gray-300 p-1 font-medium text-center"
                            >
                                46-55
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                84bpm +
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                77-83bpm
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                72-76bpm
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                68-71bpm
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                64-67bpm
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                58-63bpm
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                49-57bpm
                            </td>
                        </tr>
                        <tr>
                            <td
                                class="border border-gray-300 p-1 font-medium text-center"
                            >
                                56-65
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                82bpm +
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                76-81bpm
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                72-75bpm
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                68-71bpm
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                62-67bpm
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                57-61bpm
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                51-56bpm
                            </td>
                        </tr>
                        <tr>
                            <td
                                class="border border-gray-300 p-1 font-medium text-center"
                            >
                                65+
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                80bpm +
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                74-79bpm
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                70-73bpm
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                66-69bpm
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                62-65bpm
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                56-61bpm
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                52-55bpm
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>

        <!-- VO2 Master Chart Section -->
        <div class="mb-4">
            <h2 class="text-xl font-bold mb-4 text-center">
                VO2 Master Chart
            </h2>

            <!-- Male VO2 Table -->
            <div class="mb-4">
                <table
                    class="w-full border-collapse border border-gray-300 text-xs"
                >
                    <thead>
                        <tr class="bg-cyan-200">
                            <th
                                class="border border-gray-300 p-1 font-bold text-center"
                            >
                                Age (M)
                            </th>
                            <th
                                class="border border-gray-300 p-1 font-bold text-center"
                            >
                                Very Poor
                            </th>
                            <th
                                class="border border-gray-300 p-1 font-bold text-center"
                            >
                                Poor
                            </th>
                            <th
                                class="border border-gray-300 p-1 font-bold text-center"
                            >
                                Fair
                            </th>
                            <th
                                class="border border-gray-300 p-1 font-bold text-center"
                            >
                                Good
                            </th>
                            <th
                                class="border border-gray-300 p-1 font-bold text-center"
                            >
                                Excellent
                            </th>
                            <th
                                class="border border-gray-300 p-1 font-bold text-center"
                            >
                                Superior
                            </th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td
                                class="border border-gray-300 p-1 font-medium text-center"
                            >
                                20-29
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                29.0-38.1
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                38.1-44.9
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                44.9-50.2
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                50.2-61.8
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                57.1-66.3
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                66.3+
                            </td>
                        </tr>
                        <tr>
                            <td
                                class="border border-gray-300 p-1 font-medium text-center"
                            >
                                30-39
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                27.2-34.1
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                34.1-39.6
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                39.6-45.2
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                45.2-51.6
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                51.6-59.8
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                59.8+
                            </td>
                        </tr>
                        <tr>
                            <td
                                class="border border-gray-300 p-1 font-medium text-center"
                            >
                                40-49
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                24.2-30.5
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                30.5-35.7
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                35.7-40.3
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                40.3-46.7
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                46.7-55.6
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                55.6+
                            </td>
                        </tr>
                        <tr>
                            <td
                                class="border border-gray-300 p-1 font-medium text-center"
                            >
                                50-59
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                20.9-26.1
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                26.1-30.7
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                30.7-35.1
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                35.1-41.2
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                41.2-50.7
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                50.7+
                            </td>
                        </tr>
                        <tr>
                            <td
                                class="border border-gray-300 p-1 font-medium text-center"
                            >
                                60-69
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                17.4-22.4
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                22.4-26.6
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                26.6-30.5
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                30.5-36.1
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                36.1-43.0
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                43.0+
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>

            <!-- Female VO2 Table -->
            <div class="mb-4">
                <table
                    class="w-full border-collapse border border-gray-300 text-xs"
                >
                    <thead>
                        <tr class="bg-cyan-200">
                            <th
                                class="border border-gray-300 p-1 font-bold text-center"
                            >
                                Age (F)
                            </th>
                            <th
                                class="border border-gray-300 p-1 font-bold text-center"
                            >
                                Very Poor
                            </th>
                            <th
                                class="border border-gray-300 p-1 font-bold text-center"
                            >
                                Poor
                            </th>
                            <th
                                class="border border-gray-300 p-1 font-bold text-center"
                            >
                                Fair
                            </th>
                            <th
                                class="border border-gray-300 p-1 font-bold text-center"
                            >
                                Good
                            </th>
                            <th
                                class="border border-gray-300 p-1 font-bold text-center"
                            >
                                Excellent
                            </th>
                            <th
                                class="border border-gray-300 p-1 font-bold text-center"
                            >
                                Superior
                            </th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td
                                class="border border-gray-300 p-1 font-medium text-center"
                            >
                                20-29
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                21.7-28.6
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                28.6-34.6
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                34.6-40.6
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                40.6-46.5
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                46.5-56.0
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                56.0+
                            </td>
                        </tr>
                        <tr>
                            <td
                                class="border border-gray-300 p-1 font-medium text-center"
                            >
                                30-39
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                19.0-24.1
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                24.1-28.2
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                28.2-32.2
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                32.2-35.7
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                35.7-45.8
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                45.8+
                            </td>
                        </tr>
                        <tr>
                            <td
                                class="border border-gray-300 p-1 font-medium text-center"
                            >
                                40-49
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                17.0-21.3
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                21.3-24.9
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                24.9-28.7
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                28.7-34.0
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                34.0-41.7
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                41.7+
                            </td>
                        </tr>
                        <tr>
                            <td
                                class="border border-gray-300 p-1 font-medium text-center"
                            >
                                50-59
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                16.0-19.1
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                19.1-24.4
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                21.8-27.6
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                25.2-28.6
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                28.6-35.9
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                35.9+
                            </td>
                        </tr>
                        <tr>
                            <td
                                class="border border-gray-300 p-1 font-medium text-center"
                            >
                                60-69
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                13.4-16.5
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                16.5-18.9
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                18.9-21.2
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                21.2-24.6
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                24.6-29.4
                            </td>
                            <td class="border border-gray-300 p-1 text-center">
                                29.4+
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>

</div>