DEMO server
Version 19.1 by Iaroslav Platonov on 2026/06/09 11:28
/* Hub page — CENTO design system */
.hub-wrap { font-family:inherit; max-width:860px; }
/* Header */
.hub-head { padding:32px 0 24px 0; border-bottom:1px solid #E8E8E8; margin-bottom:32px; }
.hub-head p { font-size:.95em; color:#555; margin:0; line-height:1.65; max-width:680px; }
/* About block */
.hub-about {
background:#f5f5f5; border:1px solid #E8E8E8; border-radius:8px;
padding:18px 22px; margin-bottom:32px;
font-size:.9em; line-height:1.7; color:#333;
}
.hub-about ul { margin:8px 0 0 0; padding-left:20px; }
.hub-about li { margin-bottom:4px; }
/* Section label */
.hub-section-label {
font-size:.72em; font-weight:700; text-transform:uppercase;
letter-spacing:.08em; color:#888;
margin:0 0 14px 0; padding-bottom:8px;
border-bottom:2px solid #E8E8E8;
}
/* Demo card */
.demo-card {
border:1px solid #E8E8E8; border-radius:8px;
overflow:hidden; margin-bottom:12px;
transition:border-color .15s, box-shadow .15s;
}
.demo-card:hover {
border-color:#b3d4ee;
box-shadow:0 2px 10px rgba(0,90,180,.10);
}
.demo-card-head {
display:flex; align-items:center; gap:16px;
padding:16px 20px; background:#fff;
}
.demo-icon {
width:42px; height:42px; border-radius:8px;
background:#deeaf7; display:flex; align-items:center; justify-content:center;
flex-shrink:0;
}
.demo-icon svg { color:#005AB4; }
.demo-card-title { font-size:1em; font-weight:700; color:#005AB4; margin:0 0 3px 0; }
.demo-card-desc { font-size:.83em; color:#555; margin:0; line-height:1.5; }
.demo-card-body {
border-top:1px solid #E8E8E8;
padding:14px 20px;
background:#fafbff;
}
.demo-tag-row { display:flex; flex-wrap:wrap; gap:6px; }
.demo-tag {
font-size:.7em; font-weight:600; padding:2px 9px;
border-radius:10px; white-space:nowrap;
background:#e1f1f9; color:#003d80; border:1px solid #b3d4ee;
}
.demo-tag.green { background:#dcfce7; color:#15803d; border-color:#86efac; }
.demo-tag.orange { background:#ffedd5; color:#c2410c; border-color:#fdba74; }
.demo-tag.gray { background:#f1f5f9; color:#475569; border-color:#cbd5e1; }
/* Child pages link */
.demo-card-link {
display:flex; align-items:center; gap:8px;
padding:12px 20px; border-top:1px solid #E8E8E8;
background:#f5f5f5; font-size:.82em; color:#555;
}
.demo-card-link a { color:#005AB4; font-weight:600; }
/* Info callout */
.note-info {
background:#e1f1f9 !important; border:1px solid #b3d4ee !important;
border-left:4px solid #005AB4 !important; border-radius:6px;
padding:12px 16px; margin:24px 0 0 0;
}
.note-hd { font-weight:700; font-size:.85em; display:flex; align-items:center; gap:5px; margin-bottom:5px; color:#003d80 !important; }
.note-body { font-size:.875em; color:#222 !important; line-height:1.65; }
This section documents the configuration and structure of the CENTO demo server environments. It describes the available dashboards, system layouts, and configured scenarios used to demonstrate platform functionality.
Each page in this section defines the following for the corresponding demo environment:
- Configuration parameters and system layout
- Metering setup and data collection
- Reporting logic and flexible report templates
- Events, thresholds, and notification rules
- Control and remote control elements
Demo environments
DEMO server
Live demonstration environment showcasing CENTO platform functionality — mimics, monitoring, reports, events, and control.
Mimic diagrams
Metering & analysis
Flexible reports
Events & notifications
Remote control
Digital twin
📄 See child pages for configuration details of each demo scenario.
ℹ Note
The demo server is a shared read-only environment intended for evaluation and demonstration purposes. Data is periodically reset. For configuration details of a specific demo scenario, refer to the child pages in this section.