From 4d1796cb32329c07c8c8e95114b40d07eb1366cc Mon Sep 17 00:00:00 2001
From: xBlaz3kx <blaz.dular@gmail.com>
Date: Thu, 30 Jul 2026 00:31:31 +0200
Subject: [PATCH] feat: add oecs product; fix row sizing (3 entries per row)

---
 src/css/custom.css |  2 +-
 src/pages/index.js | 87 ++++++++++++++++++++++++++++++++--------------
 2 files changed, 61 insertions(+), 28 deletions(-)

diff --git a/src/css/custom.css b/src/css/custom.css
index 3d932e2..163e0e1 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -594,7 +594,7 @@ html[data-theme='dark'] .tech-tag {
 }
 
 /* Product cards — equal height with bottom-aligned actions */
-.products-section .col--6 {
+.products-section .col--4 {
     display: flex;
     flex-direction: column;
 }
diff --git a/src/pages/index.js b/src/pages/index.js
index 1fe76af..0f05393 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -147,7 +147,7 @@ function ProductsSection() {
                     </div>
                 </div>
                 <div className="row">
-                    <div className="col col--6 animate-on-scroll">
+                    <div className="col col--4 animate-on-scroll">
                         <div className="card card--product">
                             <div className="card__header">
                                 <h3>🔌 ChargePi</h3>
@@ -187,7 +187,7 @@ function ProductsSection() {
                             </div>
                         </div>
                     </div>
-                    <div className="col col--6 animate-on-scroll">
+                    <div className="col col--4 animate-on-scroll">
                         <div className="card card--product">
                             <div className="card__header">
                                 <h3>⚙️ ChargeFlow CLI</h3>
@@ -227,76 +227,109 @@ function ProductsSection() {
                             </div>
                         </div>
                     </div>
+                    <div className="col col--4 animate-on-scroll">
+                        <div className="card card--product">
+                            <div className="card__header">
+                                <h3>📋 ChargeFlow Registry <span className="badge badge--warning" style={{fontSize: '0.65rem', verticalAlign: 'middle'}}>Coming Soon</span></h3>
+                                <p className="card__subtitle">OCPP schema compatibility registry for charge points and CSMS backends</p>
+                            </div>
+                            <div className="card__body">
+                                <div className="product-section">
+                                    <p>Check OCPP schema compatibility with any charge point vendor, model, or CSMS backend from a single unified registry — no more manual cross-referencing.</p>
+                                </div>
+                                <div className="product-section">
+                                    <p className="product-section__title">Key Features</p>
+                                    <ul className="product-features">
+                                        <li>Vendor & model compatibility lookup</li>
+                                        <li>OCPP schema validation</li>
+                                        <li>CSMS backend compatibility checks</li>
+                                        <li>Docker support</li>
+                                    </ul>
+                                </div>
+                                <div className="product-section">
+                                    <p className="product-section__title">Technical Details</p>
+                                    <div className="tech-tags">
+                                        <span className="tech-tag">Go</span>
+                                        <span className="tech-tag">OCPP</span>
+                                        <span className="tech-tag">Protobuf</span>
+                                        <span className="tech-tag">Docker</span>
+                                        <span className="tech-tag">MIT</span>
+                                    </div>
+                                </div>
+                                <div className="product-actions">
+                                    <Link className="button button--github" href="https://github.com/ChargePi/chargeflow-registry" aria-label="View on GitHub"><GitHubIcon/></Link>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
                 </div>
                 <div className="row" style={{marginTop: '2rem'}}>
-                    <div className="col col--6 animate-on-scroll">
+                    <div className="col col--4 animate-on-scroll">
                         <div className="card card--product">
                             <div className="card__header">
-                                <h3>🤖 OpenEV Data MCP</h3>
-                                <p className="card__subtitle">Query EV specifications through AI assistants via Model Context Protocol</p>
+                                <h3>📄 OECS</h3>
+                                <p className="card__subtitle">Open EV charger specification</p>
                             </div>
                             <div className="card__body">
                                 <div className="product-section">
-                                    <p>An MCP server that exposes the open-ev-data dataset to AI assistants, enabling language models to query electric vehicle specifications through a standardized protocol.</p>
+                                    <p>The Open EV Charger Specification defines a JSON Schema-based standard for documenting charger hardware, software, payment methods, and compliance — a machine-readable counterpart to a manufacturer's datasheet.</p>
                                 </div>
                                 <div className="product-section">
                                     <p className="product-section__title">Key Features</p>
                                     <ul className="product-features">
-                                        <li>Vehicle & manufacturer data endpoints</li>
-                                        <li>Battery capacity & range specifications</li>
-                                        <li>AC/DC charging capability details</li>
-                                        <li>In-memory TTL caching (5 min default)</li>
-                                        <li>Health check endpoint on port 9090</li>
+                                        <li>Standardize any EV specification</li>
+                                        <li>Covers software, hardware and compliance</li>
+                                        <li>Includes links to certifications and claims</li>
+                                        <li>Example specs for AC wallboxes & DC fast chargers</li>
                                     </ul>
                                 </div>
                                 <div className="product-section">
                                     <p className="product-section__title">Technical Details</p>
                                     <div className="tech-tags">
+                                        <span className="tech-tag">JSON Schema</span>
                                         <span className="tech-tag">Go</span>
-                                        <span className="tech-tag">MCP</span>
-                                        <span className="tech-tag">PostgreSQL</span>
-                                        <span className="tech-tag">HTTP</span>
-                                        <span className="tech-tag">Docker</span>
                                         <span className="tech-tag">MIT</span>
                                     </div>
                                 </div>
                                 <div className="product-actions">
-                                    <Link className="button button--github" href="https://github.com/ChargePi/openev-data-mcp" aria-label="View on GitHub"><GitHubIcon/></Link>
+                                    <Link className="button button--github" href="https://github.com/ChargePi/oecs" aria-label="View on GitHub"><GitHubIcon/></Link>
                                 </div>
                             </div>
                         </div>
                     </div>
-                    <div className="col col--6 animate-on-scroll">
+                    <div className="col col--4 animate-on-scroll">
                         <div className="card card--product">
                             <div className="card__header">
-                                <h3>📋 ChargeFlow Registry <span className="badge badge--warning" style={{fontSize: '0.65rem', verticalAlign: 'middle'}}>Coming Soon</span></h3>
-                                <p className="card__subtitle">OCPP schema compatibility registry for charge points and CSMS backends</p>
+                                <h3>🤖 OpenEV Data MCP</h3>
+                                <p className="card__subtitle">Query EV specifications through AI assistants via Model Context Protocol</p>
                             </div>
                             <div className="card__body">
                                 <div className="product-section">
-                                    <p>Check OCPP schema compatibility with any charge point vendor, model, or CSMS backend from a single unified registry — no more manual cross-referencing.</p>
+                                    <p>An MCP server that exposes the open-ev-data dataset to AI assistants, enabling language models to query electric vehicle specifications through a standardized protocol.</p>
                                 </div>
                                 <div className="product-section">
                                     <p className="product-section__title">Key Features</p>
                                     <ul className="product-features">
-                                        <li>Vendor & model compatibility lookup</li>
-                                        <li>OCPP schema validation</li>
-                                        <li>CSMS backend compatibility checks</li>
-                                        <li>Docker support</li>
+                                        <li>Vehicle & manufacturer data endpoints</li>
+                                        <li>Battery capacity & range specifications</li>
+                                        <li>AC/DC charging capability details</li>
+                                        <li>In-memory TTL caching (5 min default)</li>
+                                        <li>Health check endpoint on port 9090</li>
                                     </ul>
                                 </div>
                                 <div className="product-section">
                                     <p className="product-section__title">Technical Details</p>
                                     <div className="tech-tags">
                                         <span className="tech-tag">Go</span>
-                                        <span className="tech-tag">OCPP</span>
-                                        <span className="tech-tag">Protobuf</span>
+                                        <span className="tech-tag">MCP</span>
+                                        <span className="tech-tag">PostgreSQL</span>
+                                        <span className="tech-tag">HTTP</span>
                                         <span className="tech-tag">Docker</span>
                                         <span className="tech-tag">MIT</span>
                                     </div>
                                 </div>
                                 <div className="product-actions">
-                                    <Link className="button button--github" href="https://github.com/ChargePi/chargeflow-registry" aria-label="View on GitHub"><GitHubIcon/></Link>
+                                    <Link className="button button--github" href="https://github.com/ChargePi/openev-data-mcp" aria-label="View on GitHub"><GitHubIcon/></Link>
                                 </div>
                             </div>
                         </div>