Update templates/result.html

templates/result.html

@@ -145,7 +145,7 @@
             font-weight: 600;
         }
         
-        /* Fixed color styling for field checklist items */
+        /* Color styling for field checklist items */
         .check-mark { color: #27ae60; } /* Green color for check marks */
         .x-mark { color: #e74c3c; } /* Red color for x marks */
         .field-name { color: #000; } /* Black color for field names */
@@ -169,7 +169,7 @@
             margin-left: 10px; 
         }
         
-        /* New styles for human-friendly viewer */
+        /* Styles for human-friendly viewer */
         .aibom-viewer {
             margin: 20px 0;
             border: 1px solid #e9ecef;
@@ -359,7 +359,7 @@
             flex: 1;
         }
         
-        /* New styles for improved user understanding */
+        /* Styles for improved user understanding */
         .tooltip {
             position: relative;
             display: inline-block;
@@ -476,7 +476,7 @@
             margin-right: 15px;
         }
         
-        /* New styles for completeness profile */
+        /* Styles for completeness profile */
         .completeness-profile {
             background-color: #e8f5e9;
             border-radius: 8px;
@@ -501,7 +501,7 @@
         .profile-advanced {
             background-color: #4caf50;
         }
-        /* Fix for contrast issue with profile status */
+        /* Contrast with profile status */
         .profile-incomplete {
             background-color: #f44336;
             color: white; /* Ensure text is visible on red background */
@@ -532,7 +532,7 @@
             align-items: center;
             margin-right: 20px;
         }
-        /* New style for validation penalty explanation */
+        /* Style for validation penalty explanation */
         .validation-penalty-info {
             background-color: #fff3e0;
             border-left: 4px solid #ff9800;
@@ -547,7 +547,7 @@
             margin-bottom: 15px;
         }
         
-        /* New section for score calculation explanation */
+        /* Section for score calculation explanation */
         .score-calculation {
             margin-top: 30px;
             padding: 25px;
@@ -606,7 +606,7 @@
         <a href="https://aetheris.ai/" target="_blank">
             <img src="https://huggingface.co/spaces/aetheris-ai/aibom-generator/resolve/main/templates/images/AetherisAI-logo.png" alt="Aetheris AI Logo">
         </a>
-        <!-- Added header-content div -->
+        <!-- Header-content div -->
         <div class="header-content">
             <h1>AI SBOM Generator</h1>
         </div>
@@ -1060,14 +1060,27 @@
                     <!-- Scoring Rubric Section -->
                     <div class="calculation-section scoring-rubric">
                         <h4>Scoring Rubric</h4>
-                        <p>The overall score is calculated using a weighted category approach:</p>
-                        <p><strong>Total Score = (Sum of (Category Score × Category Weight)) × 100</strong></p>
+                        <p>The overall score is calculated using a <strong>weighted normalization</strong> approach:</p>
+                        <p><strong>Total Score = Sum of (Section Score × Section Weight)</strong></p>
                         <p>Where:</p>
                         <ul>
-                            <li>Category Score = Sum of weights for present fields in that category</li>
-                            <li>Category Weight = Max Category Score ÷ Sum of All Max Category Scores</li>
+                            <li>Section Score = Points earned in that section</li>
+                            <li>Section Weight = Section's maximum points ÷ Total possible points (100)</li>
                         </ul>
                         
+                        <div class="note-box">
+                            <p><strong>Example calculation:</strong> If your SBOM has these section scores:</p>
+                            <ul>
+                                <li>Required Fields: 20 points × 0.20 weight = 4.0 points</li>
+                                <li>Metadata: 15 points × 0.20 weight = 3.0 points</li>
+                                <li>Component Basic: 10 points × 0.20 weight = 2.0 points</li>
+                                <li>Model Card: 10 points × 0.30 weight = 3.0 points</li>
+                                <li>External References: 5 points × 0.10 weight = 0.5 points</li>
+                            </ul>
+                            <p>The total score would be 12.5 points, even though the raw section scores sum to 60 points.</p>
+                            <p><strong>Note:</strong> The total score is <em>not</em> the sum of section scores. Each section contributes proportionally to its weight in the final score.</p>
+                        </div>
+                        
                         <p>Fields are classified into three tiers based on importance:</p>
                         <ul>
                             <li><span class="field-tier tier-critical"></span> <strong>Critical fields</strong>: Highest weight (3-4 points each)</li>