6a6c04d34b
- Update all submodule URLs from gitea.centraal.wbd-rd.nl to gitea.wbd-rd.nl - Add settler as proper submodule in .gitmodules - Add agent skills, function anchors, decisions, and improvements - Add Docker configuration and scripts - Add manuals and third_party docs - Update .gitignore with secrets and build artifacts - Remove stale .tgz build artifact Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
75 lines
3.8 KiB
HTML
75 lines
3.8 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>Monster Anchor Map</title>
|
|
<style>
|
|
:root {
|
|
--bg: #f5f7fb;
|
|
--panel: #ffffff;
|
|
--line: #9ab0d9;
|
|
--text: #14233d;
|
|
--muted: #4d6084;
|
|
--monster: #4f8582;
|
|
--sensor: #eef8e8;
|
|
--api: #fff5e5;
|
|
--ops: #e9f1ff;
|
|
}
|
|
body { margin: 0; font-family: "Segoe UI", sans-serif; background: var(--bg); color: var(--text); }
|
|
.wrap { max-width: 1100px; margin: 24px auto; padding: 0 16px 24px; }
|
|
.panel { background: var(--panel); border: 1px solid #dde5f5; border-radius: 12px; padding: 16px; }
|
|
h1 { margin: 0 0 8px; font-size: 24px; }
|
|
p { margin: 0 0 12px; color: var(--muted); }
|
|
.chips { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 12px; }
|
|
.chip { border: 1px solid #d1ddf5; border-radius: 999px; padding: 4px 10px; background: #f7faff; font-size: 12px; }
|
|
svg { width: 100%; height: auto; border-radius: 10px; background: #f9fbff; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="wrap">
|
|
<div class="panel">
|
|
<h1>Monster Function Anchor</h1>
|
|
<p>External APIs are orchestrated by surrounding flows; the `monster` node computes sampling state and report fields.</p>
|
|
<div class="chips">
|
|
<span class="chip">input: input_q / i_start / monsternametijden / rain_data</span>
|
|
<span class="chip">output: pulse, m3Total, m3PerPuls, bucketVol, running</span>
|
|
<span class="chip">report path: Z-Info import + operator m3/pulse reference</span>
|
|
</div>
|
|
<svg viewBox="0 0 980 380" role="img" aria-label="Monster integration topology">
|
|
<defs>
|
|
<marker id="arr" markerWidth="10" markerHeight="10" refX="8" refY="3" orient="auto">
|
|
<path d="M0,0 L0,6 L9,3 z" fill="#6f85aa"></path>
|
|
</marker>
|
|
</defs>
|
|
|
|
<rect x="390" y="150" width="190" height="80" rx="10" fill="var(--monster)"></rect>
|
|
<text x="485" y="192" text-anchor="middle" fill="#fff" font-size="16">monster</text>
|
|
|
|
<rect x="40" y="45" width="220" height="56" rx="9" fill="var(--sensor)" stroke="#b7d89e"></rect>
|
|
<text x="150" y="79" text-anchor="middle" fill="#2e5a22" font-size="13">PLC/measurement flow input</text>
|
|
|
|
<rect x="40" y="290" width="220" height="56" rx="9" fill="var(--api)" stroke="#e9c589"></rect>
|
|
<text x="150" y="324" text-anchor="middle" fill="#634319" font-size="13">Open-Meteo + Aquon schedule</text>
|
|
|
|
<rect x="720" y="45" width="220" height="56" rx="9" fill="var(--ops)" stroke="#aac0ef"></rect>
|
|
<text x="830" y="79" text-anchor="middle" fill="#244271" font-size="13">Dashboard / Influx / Grafana</text>
|
|
|
|
<rect x="720" y="290" width="220" height="56" rx="9" fill="#e7faf5" stroke="#9edcca"></rect>
|
|
<text x="830" y="324" text-anchor="middle" fill="#1e5244" font-size="13">PLC pulse + Z-Info report tooling</text>
|
|
|
|
<line x1="260" y1="73" x2="390" y2="160" stroke="var(--line)" stroke-width="2" marker-end="url(#arr)"></line>
|
|
<line x1="260" y1="318" x2="390" y2="220" stroke="var(--line)" stroke-width="2" marker-end="url(#arr)"></line>
|
|
<line x1="580" y1="160" x2="720" y2="75" stroke="var(--line)" stroke-width="2" marker-end="url(#arr)"></line>
|
|
<line x1="580" y1="220" x2="720" y2="318" stroke="var(--line)" stroke-width="2" marker-end="url(#arr)"></line>
|
|
|
|
<text x="294" y="125" fill="var(--muted)" font-size="12">input_q / i_start / registerChild</text>
|
|
<text x="285" y="277" fill="var(--muted)" font-size="12">rain_data / monsternametijden</text>
|
|
<text x="610" y="124" fill="var(--muted)" font-size="12">process + influx streams</text>
|
|
<text x="607" y="278" fill="var(--muted)" font-size="12">pulse + m3Total + m3PerPuls</text>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|