Skip to Content

Wiki source code of CENTO knowledge base

Last modified by Iaroslav Platonov on 2026/06/10 01:12
Hide last authors
Iaroslav Platonov 57.1 1 {{html clean="false"}}
2 <style>
3 /* ── Root KB hub page — CENTO design system ── */
4 .kb-wrap { font-family:inherit; max-width:900px; }
Iaroslav Platonov 49.1 5
Iaroslav Platonov 57.1 6 /* Intro header */
7 .kb-head {
8 padding:32px 0 28px 0;
9 border-bottom:1px solid #E8E8E8;
10 margin-bottom:32px;
11 }
12 .kb-head p {
13 font-size:.95em; color:#555; margin:0 0 10px 0;
14 line-height:1.7; max-width:720px;
15 }
16 .kb-head p:last-child { margin-bottom:0; }
Iaroslav Platonov 15.1 17
Iaroslav Platonov 57.1 18 /* Audience chips */
19 .kb-chips { display:flex; flex-wrap:wrap; gap:7px; margin:18px 0 0 0; }
20 .kb-chip {
21 font-size:.72em; font-weight:600; padding:3px 10px;
22 border-radius:10px; white-space:nowrap;
23 background:#deeaf7; color:#003d80; border:1px solid #b3d4ee;
24 }
admin 1.1 25
Iaroslav Platonov 57.1 26 /* Two-column layout */
27 .kb-layout { display:flex; gap:24px; align-items:flex-start; }
28 .kb-main { flex:1; min-width:0; }
29 .kb-side { width:240px; flex-shrink:0; }
Iaroslav Platonov 3.7 30
Iaroslav Platonov 57.1 31 /* Section label */
32 .hub-section-label {
33 font-size:.72em; font-weight:700; text-transform:uppercase;
34 letter-spacing:.08em; color:#888;
35 margin:0 0 14px 0; padding-bottom:8px;
36 border-bottom:2px solid #E8E8E8;
37 }
Iaroslav Platonov 54.1 38
Iaroslav Platonov 57.1 39 /* Section cards */
40 .kb-card {
41 border:1px solid #E8E8E8; border-radius:8px;
42 margin-bottom:10px; overflow:hidden;
43 transition:border-color .15s, box-shadow .15s;
44 background:#fff;
45 }
46 .kb-card:hover {
47 border-color:#b3d4ee;
48 box-shadow:0 2px 10px rgba(0,90,180,.10);
49 }
50 .kb-card-link {
51 display:flex; align-items:flex-start; gap:16px;
52 padding:16px 18px; text-decoration:none; color:inherit;
53 }
54 .kb-card-icon {
55 width:40px; height:40px; border-radius:8px;
56 background:#deeaf7; display:flex; align-items:center;
57 justify-content:center; flex-shrink:0; margin-top:1px;
58 }
59 .kb-card-icon svg { color:#005AB4; }
60 .kb-card-title {
61 font-size:.95em; font-weight:700; color:#005AB4;
62 margin:0 0 4px 0;
63 }
64 .kb-card-desc {
65 font-size:.83em; color:#555; margin:0 0 8px 0; line-height:1.55;
66 }
67 .kb-card-tags { display:flex; flex-wrap:wrap; gap:5px; }
68 .kb-ctag {
69 font-size:.68em; font-weight:600; padding:2px 8px;
70 border-radius:8px; white-space:nowrap;
71 background:#f1f5f9; color:#475569; border:1px solid #cbd5e1;
72 }
Iaroslav Platonov 54.1 73
Iaroslav Platonov 57.1 74 /* Resources panel */
75 .kb-resources {
76 border:1px solid #E8E8E8; border-radius:8px;
77 overflow:hidden;
78 }
79 .kb-res-head {
80 font-size:.75em; font-weight:700; text-transform:uppercase;
81 letter-spacing:.07em; color:#888;
82 padding:10px 14px 8px 14px;
83 border-bottom:1px solid #E8E8E8;
84 background:#f5f5f5;
85 }
86 .kb-res-list { list-style:none; margin:0; padding:0; }
87 .kb-res-list li { border-bottom:1px solid #E8E8E8; }
88 .kb-res-list li:last-child { border-bottom:none; }
89 .kb-res-list a {
90 display:flex; align-items:center; gap:8px;
91 padding:9px 14px;
92 font-size:.83em; color:#005AB4; text-decoration:none;
93 line-height:1.4;
94 }
95 .kb-res-list a:hover { background:#f5f8ff; }
96 .kb-res-list a svg { flex-shrink:0; color:#888; }
admin 1.1 97
Iaroslav Platonov 57.1 98 /* Demo note */
99 .kb-demo-note {
100 margin-top:24px;
101 border:1px solid #E8E8E8; border-radius:8px;
102 overflow:hidden;
103 }
104 .kb-demo-note-head {
105 font-size:.75em; font-weight:700; text-transform:uppercase;
106 letter-spacing:.07em; color:#888;
107 padding:10px 14px 8px 14px;
108 border-bottom:1px solid #E8E8E8;
109 background:#f5f5f5;
110 }
111 .kb-demo-note-body {
112 padding:12px 14px;
113 font-size:.85em; color:#555; line-height:1.65;
114 }
115 .kb-demo-note-body a { color:#005AB4; }
Iaroslav Platonov 25.1 116
Iaroslav Platonov 57.1 117 /* Contact row */
118 .kb-contact {
119 display:flex; align-items:center; gap:8px;
120 margin-top:12px; padding:10px 14px;
121 background:#f5f5f5; border:1px solid #E8E8E8;
122 border-radius:6px; font-size:.82em; color:#555;
123 }
124 .kb-contact a { color:#005AB4; }
Iaroslav Platonov 33.1 125
Iaroslav Platonov 57.1 126 /* Responsive fallback */
127 @media (max-width:680px) {
128 .kb-layout { flex-direction:column; }
129 .kb-side { width:100%; }
130 }
131 </style>
Iaroslav Platonov 45.1 132
Iaroslav Platonov 57.1 133 <div class="kb-wrap">
Iaroslav Platonov 25.1 134
Iaroslav Platonov 57.1 135 <!-- NOTE: No <h1> — XWiki renders the page title natively -->
136
137 <div class="kb-head">
138 <p>The CENTO knowledge base is a centralized workspace for everyone working with the CENTO platform. Here you will find system architecture explanations, setup and configuration guides, data model references, integration patterns, and practical usage examples.</p>
139 <p>Use this space as a single source of truth for working with CENTO across projects, environments, and roles.</p>
140 <div class="kb-chips">
141 <span class="kb-chip">Engineers</span>
142 <span class="kb-chip">Operators</span>
143 <span class="kb-chip">Analysts</span>
144 <span class="kb-chip">Integrators</span>
145 <span class="kb-chip">Support teams</span>
146 </div>
147 </div>
148
149 <div class="kb-layout">
150
151 <!-- Main section cards -->
152 <div class="kb-main">
153
154 <div class="hub-section-label">Knowledge base sections</div>
155
156 <!-- CENTO Manuals -->
157 <div class="kb-card">
Iaroslav Platonov 58.1 158 <a class="kb-card-link" href="/xwiki/bin/view/CENTO%20Manuals/">
Iaroslav Platonov 57.1 159 <div class="kb-card-icon">
160 <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
161 <path d="M4 19.5A2.5 2.5 0 0 1 6.5 17H20"/><path d="M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z"/>
162 </svg>
163 </div>
164 <div>
165 <p class="kb-card-title">CENTO Manuals</p>
166 <p class="kb-card-desc">Setup and configuration guides for all CENTO platform components — reports, events, control, diagrams, integrations, and network topology.</p>
167 <div class="kb-card-tags">
168 <span class="kb-ctag">Flexible Reports</span>
169 <span class="kb-ctag">Events &amp; Notifications</span>
170 <span class="kb-ctag">Control Setup</span>
171 <span class="kb-ctag">Network Diagrams</span>
172 <span class="kb-ctag">Mimic Diagrams</span>
173 </div>
174 </div>
175 </a>
176 </div>
177
178 <!-- DEMO server -->
179 <div class="kb-card">
Iaroslav Platonov 58.1 180 <a class="kb-card-link" href="/xwiki/bin/view/DEMO%20server/">
Iaroslav Platonov 57.1 181 <div class="kb-card-icon">
182 <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
183 <rect x="2" y="3" width="20" height="14" rx="2"/><path d="M8 21h8M12 17v4"/>
184 </svg>
185 </div>
186 <div>
187 <p class="kb-card-title">DEMO Server</p>
188 <p class="kb-card-desc">Configuration details and documentation for the live CENTO demo environment — mimics, metering, reports, events, and remote control scenarios.</p>
189 <div class="kb-card-tags">
190 <span class="kb-ctag">Mimic Diagrams</span>
191 <span class="kb-ctag">Metering</span>
192 <span class="kb-ctag">Remote Control</span>
193 <span class="kb-ctag">Digital Twin</span>
194 </div>
195 </div>
196 </a>
197 </div>
198
199 <!-- Demo server latest updates note -->
200 <div class="kb-demo-note">
201 <div class="kb-demo-note-head">&#128196; CENTO Demo-Server — Latest Updates</div>
202 <div class="kb-demo-note-body">
203 This section tracks the most recent changes on the CENTO demo server: newly enabled features, updated datasets, configuration changes, and fixes. Use it to understand what is currently available in the demo and how it reflects the latest state of the CENTO platform.
204 <br/><br/>
205 &#127760; Live environment: <a href="https://centosoftware.com/demo/" target="_blank">centosoftware.com/demo</a>
206 </div>
207 </div>
208
209 <!-- Demo video -->
210 <div style="margin-top:14px;">
211 <video
212 autoplay muted loop playsinline
213 style="max-width:100%;border-radius:8px;display:block;border:1px solid #E8E8E8;">
214 <source
215 src="https://wikitest2.centosoftware.com/xwiki/bin/download/Main/WebHome/cento-demo-video.mp4"
216 type="video/mp4"/>
217 </video>
218 </div>
219
220 </div>
221
222 <!-- Resources sidebar -->
223 <div class="kb-side">
224
225 <div class="hub-section-label">Resources</div>
226
227 <div class="kb-resources">
228 <div class="kb-res-head">CENTO website</div>
229 <ul class="kb-res-list">
230 <li>
231 <a href="https://centosoftware.com/" target="_blank">
232 <svg width="13" height="13" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.8"><circle cx="8" cy="8" r="7"/><path d="M8 1c-2 2-3 4-3 7s1 5 3 7M8 1c2 2 3 4 3 7s-1 5-3 7M1 8h14"/></svg>
233 CENTO homepage
234 </a>
235 </li>
236 <li>
237 <a href="https://centosoftware.com/product/" target="_blank">
238 <svg width="13" height="13" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.8"><rect x="2" y="2" width="12" height="12" rx="2"/><path d="M5 8h6M5 5h6M5 11h4"/></svg>
239 Product overview
240 </a>
241 </li>
242 <li>
243 <a href="https://centosoftware.com/case-studies/" target="_blank">
244 <svg width="13" height="13" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M3 12V6l5-4 5 4v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1z"/><path d="M6 13V9h4v4"/></svg>
245 Case studies
246 </a>
247 </li>
248 <li>
249 <a href="https://centosoftware.com/about/" target="_blank">
250 <svg width="13" height="13" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.8"><circle cx="8" cy="5" r="3"/><path d="M2 14c0-3.3 2.7-6 6-6s6 2.7 6 6"/></svg>
251 About CENTO team
252 </a>
253 </li>
254 </ul>
255 </div>
256
257 <div class="kb-contact">
258 <svg width="13" height="13" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.8"><rect x="1" y="3" width="14" height="10" rx="1.5"/><path d="M1 4l7 5 7-5"/></svg>
259 Support: <a href="mailto:info@centosoftware.com">info@centosoftware.com</a>
260 </div>
261
262 </div>
263
264 </div>
265
266 </div>
267 {{/html}}
268