Update index.html

index.html

@@ -89,6 +89,9 @@
         .software-stack {
             background-color: #e9e3f8;
             border: 1px dashed var(--color-primary);
+            display: flex;
+            flex-direction: column;
+            gap: 15px;
         }
 
         .hardware-blocks {
@@ -139,12 +142,14 @@
             padding: 10px;
             text-align: left;
             transition: transform 0.2s;
+            margin-bottom: 5px;
         }
         .feature-item:hover {
             transform: scale(1.02);
         }
         .feature-item.security { background-color: #fff3e0; border-color: #ffe0b2; }
         .feature-item.reliability { background-color: #fce4ec; border-color: #f8bbd0; }
+        .feature-item.hal { background-color: #e8f5e9; border-color: #c8e6c9; }
         
         .feature-item .standard {
             font-weight: 600;
@@ -198,7 +203,7 @@
             </div>
         </div>
 
-        <div class="connector">▼ (Host Interface: SPI / PCIe)</div>
+        <div class="connector">▼ Host Interfaces (SPI / PCIe / I2C / MDIO) ▼</div>
 
         <div class="block tsn-soc">
             <div class="block-title">Automotive TSN Switch SoC</div>
@@ -206,31 +211,45 @@
             <div class="soc-section">
                 <!-- ==================== SOFTWARE STACK ==================== -->
                 <div class="software-stack">
-                    <div class="block-title">Software Stack (Firmware / RTOS)</div>
+                    <div class="block-title">Software Stack (Firmware on RTOS)</div>
+                    
                     <div class="sub-block">
-                        <div class="sub-block-title">Management & Control Services</div>
-                        <div class="feature-item reliability">
-                            <span class="standard">System Management</span>
-                            <span class="description">Secure Boot, F/W Update, Power Mgmt</span>
+                        <div class="sub-block-title">Application & Management Layer</div>
+                        <div class="feature-item">
+                            <span class="standard">Configuration Manager</span>
+                            <span class="description">Handles Host Commands, YANG Model Backend</span>
                         </div>
-                        <div class="feature-item reliability">
+                         <div class="feature-item reliability">
                             <span class="standard">Diagnostics & Monitoring</span>
-                            <span class="description">Health Monitoring, Logging, Statistics</span>
+                            <span class="description">Health Monitoring, Logging, Statistics Aggregation</span>
                         </div>
                     </div>
+
                     <div class="sub-block">
-                        <div class="sub-block-title">TSN Protocol Stacks</div>
+                        <div class="sub-block-title">TSN Protocol Stacks & Services</div>
                         <div class="feature-item">
                             <span class="standard">IEEE 802.1AS (gPTP)</span>
                             <span class="description">Time Synchronization Servo</span>
                         </div>
                         <div class="feature-item">
                             <span class="standard">IEEE 802.1Q (Bridging)</span>
-                            <span class="description">FDB/VLAN Management</span>
+                            <span class="description">FDB/VLAN Management, QoS Logic</span>
                         </div>
-                        <div class="feature-item security">
-                            <span class="standard">IEEE 802.1X</span>
-                            <span class="description">Port-based Network Access Control</span>
+                         <div class="feature-item security">
+                            <span class="standard">Security Services</span>
+                            <span class="description">IEEE 802.1X Authenticator, MACsec Key Agreement</span>
+                        </div>
+                    </div>
+
+                    <div class="sub-block">
+                        <div class="sub-block-title">Core Services & Abstraction</div>
+                        <div class="feature-item hal">
+                            <span class="standard">OSAL (OS Abstraction Layer)</span>
+                            <span class="description">Tasks, Semaphores, Timers for RTOS Portability</span>
+                        </div>
+                        <div class="feature-item hal">
+                            <span class="standard">HAL (Hardware Abstraction Layer)</span>
+                            <span class="description">Register Access, Interrupt Handling, DMA Control</span>
                         </div>
                     </div>
                 </div>