102 lines
5.9 KiB
XML
102 lines
5.9 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 720 400" role="img" aria-labelledby="t-eko">
|
|
<title id="t-eko">SoftSPM ecosystem diagram - the Wodociagowiec portal and the Gielda Komunalna marketplace exchange topics, practitioners and listings with the course platform at the centre</title>
|
|
<defs>
|
|
<pattern id="eko-grid" width="20" height="20" patternUnits="userSpaceOnUse">
|
|
<path d="M20 0H0v20" fill="none" stroke="#5980a6" stroke-opacity=".13" stroke-width="1"/>
|
|
</pattern>
|
|
<marker id="eko-arrow" viewBox="0 0 10 10" refX="9" refY="5" markerWidth="7" markerHeight="7" orient="auto-start-reverse">
|
|
<path d="M0 0 10 5 0 10z" fill="#5980a6"/>
|
|
</marker>
|
|
</defs>
|
|
<rect width="720" height="400" fill="#eaeef2"/>
|
|
<rect width="720" height="400" fill="url(#eko-grid)"/>
|
|
|
|
<!-- ── połączenia ──────────────────────────────────────────────────────
|
|
Linie przerwane w miejscu etykiety (luka w stroke-dasharray), więc
|
|
tekst nie leży na kresce i nie potrzebuje tła. Strzałki wchodzą
|
|
w krawędzie kartonów, nie w narożniki. -->
|
|
<g stroke="#5980a6" stroke-width="1.8" fill="none">
|
|
<!-- poziomo: portal <-> giełda; dł. 184, luka 100 pod etykietą -->
|
|
<path d="M268 98 H452" marker-start="url(#eko-arrow)" marker-end="url(#eko-arrow)"
|
|
stroke-dasharray="42 100 42"/>
|
|
<!-- ukośnie: portal <-> platforma; dł. 145, luka 91 pod etykietą -->
|
|
<path d="M190 162 L310 244" marker-start="url(#eko-arrow)" marker-end="url(#eko-arrow)"
|
|
stroke-dasharray="27 91 27"/>
|
|
<!-- ukośnie: giełda <-> platforma -->
|
|
<path d="M530 162 L410 244" marker-start="url(#eko-arrow)" marker-end="url(#eko-arrow)"
|
|
stroke-dasharray="27 91 27"/>
|
|
</g>
|
|
|
|
<!-- ── etykiety przepływów (w lukach linii) ─────────────────────────
|
|
textLength wymusza szerokość napisu niezależnie od tego, czy Barlow
|
|
Condensed się załadował - bez tego zastępczy font rozpycha tekst. -->
|
|
<g font-family="'Barlow Condensed','Arial Narrow',sans-serif" font-size="12.5"
|
|
fill="#416180" text-anchor="middle">
|
|
<text x="360" y="102" textLength="88" lengthAdjust="spacingAndGlyphs">MARKET TOPICS</text>
|
|
<text x="250" y="203" textLength="58" lengthAdjust="spacingAndGlyphs"
|
|
transform="rotate(34.3 250 203)">EXPERTS</text>
|
|
<text x="470" y="203" textLength="62" lengthAdjust="spacingAndGlyphs"
|
|
transform="rotate(-34.3 470 203)">LISTINGS</text>
|
|
</g>
|
|
|
|
<!-- ── Wodociągowiec.pl ─────────────────────────────────────────────
|
|
Karton 180 px, wcięcie 14 px z każdej strony -> 152 px na tekst. -->
|
|
<g>
|
|
<rect x="88" y="52" width="180" height="110" fill="#f2f2f3" stroke="#416180" stroke-width="1.5"/>
|
|
<rect x="88" y="52" width="180" height="28" fill="#5980a6" fill-opacity=".2"/>
|
|
<text x="102" y="72" fill="#416180" font-family="'Barlow Condensed','Arial Narrow',sans-serif"
|
|
font-size="14" font-weight="600"
|
|
textLength="120" lengthAdjust="spacingAndGlyphs">WODOCIAGOWIEC.PL</text>
|
|
<g stroke="#5980a6" stroke-width="1.5" fill="none">
|
|
<rect x="102" y="94" width="40" height="34"/>
|
|
<path d="M154 100h100M154 111h76M154 122h100"/>
|
|
</g>
|
|
<text x="102" y="150" fill="#416180" font-family="'Barlow Condensed','Arial Narrow',sans-serif"
|
|
font-size="11" opacity=".72"
|
|
textLength="150" lengthAdjust="spacingAndGlyphs">TRADE PORTAL · KNOWLEDGE</text>
|
|
</g>
|
|
|
|
<!-- ── Giełda Komunalna ────────────────────────────────────────────── -->
|
|
<g>
|
|
<rect x="452" y="52" width="180" height="110" fill="#f2f2f3" stroke="#416180" stroke-width="1.5"/>
|
|
<rect x="452" y="52" width="180" height="28" fill="#5980a6" fill-opacity=".2"/>
|
|
<text x="466" y="72" fill="#416180" font-family="'Barlow Condensed','Arial Narrow',sans-serif"
|
|
font-size="14" font-weight="600"
|
|
textLength="134" lengthAdjust="spacingAndGlyphs">GIELDAKOMUNALNA.PL</text>
|
|
<g stroke="#5980a6" stroke-width="1.5" fill="none">
|
|
<rect x="466" y="94" width="32" height="34"/>
|
|
<rect x="506" y="94" width="32" height="34"/>
|
|
<rect x="546" y="94" width="32" height="34"/>
|
|
<rect x="586" y="94" width="18" height="34"/>
|
|
</g>
|
|
<text x="466" y="150" fill="#416180" font-family="'Barlow Condensed','Arial Narrow',sans-serif"
|
|
font-size="11" opacity=".72"
|
|
textLength="134" lengthAdjust="spacingAndGlyphs">MARKETPLACE · FREE TO LIST</text>
|
|
</g>
|
|
|
|
<!-- ── Platforma kursowa (centrum) ─────────────────────────────────── -->
|
|
<g>
|
|
<rect x="248" y="244" width="224" height="120" fill="#5980a6" stroke="#416180" stroke-width="1.5"/>
|
|
<rect x="248" y="244" width="224" height="32" fill="#1d2d3d"/>
|
|
<text x="360" y="266" fill="#f2f2f3" font-family="'Barlow Condensed','Arial Narrow',sans-serif"
|
|
font-size="15" font-weight="600" text-anchor="middle"
|
|
textLength="140" lengthAdjust="spacingAndGlyphs">COURSE PLATFORM</text>
|
|
<g stroke="#f2f2f3" stroke-width="1.6" fill="none">
|
|
<rect x="266" y="290" width="56" height="38"/>
|
|
<path d="M336 298h118M336 309h92M336 320h118"/>
|
|
</g>
|
|
<path d="m287 303 13 6-13 6z" fill="#f2f2f3"/>
|
|
<text x="360" y="350" fill="#f2f2f3" font-family="'Barlow Condensed','Arial Narrow',sans-serif"
|
|
font-size="10.5" text-anchor="middle" opacity=".9"
|
|
textLength="192" lengthAdjust="spacingAndGlyphs">WEBINARS · E-LEARNING · CERTIFICATES</text>
|
|
</g>
|
|
|
|
<!-- ── krzyżyki rejestracyjne wokół centrum ────────────────────────── -->
|
|
<g stroke="#1d1f20" stroke-width="1" opacity=".45">
|
|
<path d="M241 237v13M235 243h13"/>
|
|
<path d="M479 237v13M473 243h13"/>
|
|
<path d="M241 359v13M235 365h13"/>
|
|
<path d="M479 359v13M473 365h13"/>
|
|
</g>
|
|
</svg>
|