softspm/softspm_www
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Initial commit

Browse Source
This commit is contained in:
Przemysław Zatorski
2026-09-03 10:39:26 +02:00
commit 496e8bdb27
85 changed files with 8134 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/img/en/aplikacje.svg
+101
View File
@@ -0,0 +1,101 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 360" role="img" aria-labelledby="t-app">
<title id="t-app">Turnkey software - client requirements turned into a web system and a field crew app</title>
<defs>
<pattern id="app-grid" width="20" height="20" patternUnits="userSpaceOnUse">
<path d="M20 0H0v20" fill="none" stroke="#5980a6" stroke-opacity=".14" stroke-width="1"/>
</pattern>
<marker id="app-arr" 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="640" height="360" fill="#eaeef2"/>
<rect width="640" height="360" fill="url(#app-grid)"/>
<!-- ── wymagania klienta: kartka ze specyfikacją ────────────────────── -->
<g stroke="#416180" stroke-width="1.5" fill="none">
<path d="M42 70h96l26 26v138H42z" fill="#f2f2f3"/>
<path d="M138 70v26h26"/>
</g>
<g stroke="#5980a6" stroke-width="1.8" fill="none">
<path d="m58 122 6 6 11-12"/><path d="m58 150 6 6 11-12"/><path d="m58 178 6 6 11-12"/>
</g>
<g fill="#5980a6" opacity=".42">
<rect x="84" y="120" width="62" height="7"/>
<rect x="84" y="148" width="52" height="7"/>
<rect x="84" y="176" width="66" height="7"/>
</g>
<text x="42" y="256" fill="#416180" font-family="'Barlow Condensed','Arial Narrow',sans-serif"
font-size="12" textLength="130" lengthAdjust="spacingAndGlyphs" opacity=".75">CLIENT REQUIREMENTS</text>
<!-- strzałka: wymagania -> wdrożenie -->
<path d="M198 148 H244" stroke="#5980a6" stroke-width="1.8" fill="none" marker-end="url(#app-arr)"/>
<!-- ── aplikacja webowa: okno przeglądarki ─────────────────────────── -->
<g stroke="#416180" stroke-width="1.5" fill="none">
<rect x="262" y="62" width="212" height="152" fill="#f2f2f3"/>
<path d="M262 88h212"/>
</g>
<rect x="262" y="62" width="212" height="26" fill="#5980a6" fill-opacity=".2"/>
<g fill="#416180" opacity=".45">
<circle cx="276" cy="75" r="3.5"/><circle cx="288" cy="75" r="3.5"/><circle cx="300" cy="75" r="3.5"/>
</g>
<!-- panel boczny + treść -->
<path d="M300 88v126" stroke="#416180" stroke-width="1.5" fill="none"/>
<g fill="#5980a6" opacity=".35">
<rect x="272" y="100" width="20" height="6"/><rect x="272" y="114" width="20" height="6"/>
<rect x="272" y="128" width="20" height="6"/>
</g>
<rect x="272" y="100" width="20" height="6" fill="#5980a6" opacity=".75"/>
<!-- wykres w aplikacji -->
<g stroke="#5980a6" stroke-width="1.6" fill="none">
<path d="M314 176 344 152 368 162 396 128 424 140 458 112"/>
<path d="M314 190h144" stroke-opacity=".45"/>
</g>
<g fill="#5980a6" opacity=".4">
<rect x="314" y="100" width="72" height="7"/>
<rect x="314" y="114" width="104" height="6"/>
</g>
<text x="262" y="238" fill="#416180" font-family="'Barlow Condensed','Arial Narrow',sans-serif"
font-size="12" textLength="80" lengthAdjust="spacingAndGlyphs" opacity=".75">WEB SYSTEM</text>
<!-- ── aplikacja mobilna: telefon ──────────────────────────────────── -->
<g stroke="#416180" stroke-width="1.5" fill="none">
<rect x="512" y="62" width="86" height="152" rx="9" fill="#f2f2f3"/>
<path d="M512 84h86M512 196h86"/>
<path d="M544 73h22"/>
</g>
<rect x="512" y="84" width="86" height="112" fill="#5980a6" fill-opacity=".12"/>
<g fill="#5980a6" opacity=".5">
<rect x="524" y="96" width="42" height="7"/>
</g>
<g stroke="#5980a6" stroke-width="1.5" fill="none">
<rect x="524" y="112" width="62" height="26"/>
<rect x="524" y="146" width="62" height="26"/>
</g>
<g fill="#5980a6" opacity=".35">
<rect x="532" y="120" width="30" height="5"/><rect x="532" y="129" width="42" height="4"/>
<rect x="532" y="154" width="38" height="5"/><rect x="532" y="163" width="26" height="4"/>
</g>
<circle cx="555" cy="205" r="4.5" fill="none" stroke="#416180" stroke-width="1.5"/>
<text x="512" y="238" fill="#416180" font-family="'Barlow Condensed','Arial Narrow',sans-serif"
font-size="12" textLength="106" lengthAdjust="spacingAndGlyphs" opacity=".75">FIELD CREW APP</text>
<!-- ── pasek: etapy realizacji pod klucz ───────────────────────────── -->
<g stroke="#416180" stroke-width="1.5" fill="none">
<path d="M42 296h556"/>
</g>
<g fill="#5980a6">
<circle cx="82" cy="296" r="5"/><circle cx="220" cy="296" r="5"/>
<circle cx="358" cy="296" r="5"/><circle cx="496" cy="296" r="5"/>
</g>
<circle cx="580" cy="296" r="7" fill="#1d2d3d"/>
<path d="m576 296 3 3 6-7" stroke="#f2f2f3" stroke-width="1.8" fill="none"/>
<g fill="#416180" font-family="'Barlow Condensed','Arial Narrow',sans-serif" font-size="11"
text-anchor="middle" opacity=".75">
<text x="82" y="322" textLength="48" lengthAdjust="spacingAndGlyphs">ANALYSIS</text>
<text x="220" y="322" textLength="44" lengthAdjust="spacingAndGlyphs">DESIGN</text>
<text x="358" y="322" textLength="66" lengthAdjust="spacingAndGlyphs">DEVELOPMENT</text>
<text x="496" y="322" textLength="44" lengthAdjust="spacingAndGlyphs">TESTING</text>
<text x="580" y="322" textLength="46" lengthAdjust="spacingAndGlyphs">ROLLOUT</text>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 5.2 KiB

assets/img/en/ekosystem.svg
+101
View File
@@ -0,0 +1,101 @@
<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>
Side by Side

After

Width:  |  Height:  |  Size: 5.9 KiB

assets/img/en/kurs-audyt.svg
+54
View File
@@ -0,0 +1,54 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 480 270" role="img" aria-labelledby="t-audyt">
<title id="t-audyt">Security audit - review of system layers, a vulnerability list and NIS2 compliance</title>
<defs><pattern id="g-audyt" width="18" height="18" patternUnits="userSpaceOnUse">
<path d="M18 0H0v18" fill="none" stroke="#5980a6" stroke-opacity=".13" stroke-width="1"/></pattern></defs>
<rect width="480" height="270" fill="#eaeef2"/>
<rect width="480" height="270" fill="url(#g-audyt)"/>
<g stroke="#1d1f20" stroke-width="1" opacity=".4">
<path d="M22 14v14M15 21h14"/><path d="M458 14v14M451 21h14"/>
<path d="M22 242v14M15 249h14"/><path d="M458 242v14M451 249h14"/></g>
<text x="44" y="252" fill="#416180" font-family="'Barlow Condensed','Arial Narrow',sans-serif"
font-size="11" textLength="180" lengthAdjust="spacingAndGlyphs" opacity=".7">TRACK · SECURITY AUDIT</text>
<!-- tarcza -->
<g stroke="#416180" stroke-width="1.8" fill="none">
<path d="M108 56 52 78v50c0 40 28 68 56 74 28-6 56-34 56-74V78z" fill="#f2f2f3"/>
</g>
<path d="M108 56 52 78v50c0 40 28 68 56 74z" fill="#5980a6" fill-opacity=".18"/>
<g stroke="#5980a6" stroke-width="2.6" fill="none">
<path d="m84 122 16 16 30-34"/>
</g>
<text x="60" y="224" fill="#416180" font-family="'Barlow Condensed','Arial Narrow',sans-serif"
font-size="10.5" textLength="102" lengthAdjust="spacingAndGlyphs" opacity=".72">NIS2 COMPLIANCE</text>
<!-- raport z podatnosciami -->
<g stroke="#416180" stroke-width="1.5" fill="none">
<rect x="204" y="52" width="228" height="150" fill="#f2f2f3"/>
<path d="M204 76h228"/>
</g>
<rect x="204" y="52" width="228" height="24" fill="#5980a6" fill-opacity=".2"/>
<text x="216" y="69" fill="#416180" font-family="'Barlow Condensed','Arial Narrow',sans-serif"
font-size="11" textLength="124" lengthAdjust="spacingAndGlyphs">VULNERABILITY LIST</text>
<!-- pozycje: poziom ryzyka + opis -->
<g>
<rect x="216" y="88" width="30" height="12" fill="#1d2d3d"/>
<rect x="216" y="112" width="30" height="12" fill="#5980a6"/>
<rect x="216" y="136" width="30" height="12" fill="#5980a6" fill-opacity=".55"/>
<rect x="216" y="160" width="30" height="12" fill="#5980a6" fill-opacity=".3"/>
</g>
<g fill="#5980a6" opacity=".42">
<rect x="256" y="90" width="150" height="7"/>
<rect x="256" y="114" width="124" height="7"/>
<rect x="256" y="138" width="142" height="7"/>
<rect x="256" y="162" width="110" height="7"/>
</g>
<g fill="#416180" font-family="'Barlow Condensed','Arial Narrow',sans-serif" font-size="8.5"
text-anchor="middle" opacity=".9">
<text x="231" y="97" fill="#f2f2f3" textLength="22" lengthAdjust="spacingAndGlyphs">CRIT.</text>
<text x="231" y="121" fill="#f2f2f3" textLength="22" lengthAdjust="spacingAndGlyphs">HIGH</text>
</g>
<text x="204" y="224" fill="#416180" font-family="'Barlow Condensed','Arial Narrow',sans-serif"
font-size="10.5" textLength="164" lengthAdjust="spacingAndGlyphs" opacity=".72">RECOMMENDATIONS BY PRIORITY</text>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.9 KiB

assets/img/en/kurs-cyfryzacja.svg
+78
View File
@@ -0,0 +1,78 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 480 270" role="img" aria-labelledby="t-cyfr">
<title id="t-cyfr">Digitising a utility - paper documentation turned into a system with a phased rollout plan</title>
<defs><pattern id="g-cyfr" width="18" height="18" patternUnits="userSpaceOnUse">
<path d="M18 0H0v18" fill="none" stroke="#5980a6" stroke-opacity=".13" stroke-width="1"/></pattern>
<marker id="cy-arr" viewBox="0 0 10 10" refX="9" refY="5" markerWidth="6.5" markerHeight="6.5" orient="auto-start-reverse">
<path d="M0 0 10 5 0 10z" fill="#5980a6"/></marker>
</defs>
<rect width="480" height="270" fill="#eaeef2"/>
<rect width="480" height="270" fill="url(#g-cyfr)"/>
<g stroke="#1d1f20" stroke-width="1" opacity=".4">
<path d="M22 14v14M15 21h14"/><path d="M458 14v14M451 21h14"/>
<path d="M22 242v14M15 249h14"/><path d="M458 242v14M451 249h14"/></g>
<text x="44" y="252" fill="#416180" font-family="'Barlow Condensed','Arial Narrow',sans-serif"
font-size="11" textLength="150" lengthAdjust="spacingAndGlyphs" opacity=".7">TRACK · DIGITISATION</text>
<!-- stos papierowych teczek: stan wyjściowy -->
<g stroke="#416180" stroke-width="1.5" fill="#f2f2f3">
<path d="M44 148h84v52H44z"/>
<path d="M50 136h84v52H50z"/>
<path d="M56 124h84v52H56z"/>
</g>
<g fill="#5980a6" opacity=".38">
<rect x="66" y="138" width="52" height="6"/>
<rect x="66" y="150" width="38" height="5"/>
<rect x="66" y="160" width="46" height="5"/>
</g>
<text x="44" y="220" fill="#416180" font-family="'Barlow Condensed','Arial Narrow',sans-serif"
font-size="10.5" textLength="94" lengthAdjust="spacingAndGlyphs" opacity=".72">PAPER AND SHEETS</text>
<!-- strzałka przejścia -->
<path d="M156 152 H206" stroke="#5980a6" stroke-width="1.8" fill="none" marker-end="url(#cy-arr)"/>
<!-- system docelowy: ekran z modułami -->
<g stroke="#416180" stroke-width="1.5" fill="none">
<rect x="224" y="60" width="212" height="128" fill="#f2f2f3"/>
<path d="M224 84h212"/>
</g>
<rect x="224" y="60" width="212" height="24" fill="#5980a6" fill-opacity=".2"/>
<text x="236" y="77" fill="#416180" font-family="'Barlow Condensed','Arial Narrow',sans-serif"
font-size="11" textLength="104" lengthAdjust="spacingAndGlyphs">CENTRAL SYSTEM</text>
<!-- moduły w systemie -->
<g stroke="#5980a6" stroke-width="1.4" fill="none">
<rect x="238" y="96" width="58" height="34"/>
<rect x="306" y="96" width="58" height="34"/>
<rect x="374" y="96" width="48" height="34"/>
<rect x="238" y="140" width="58" height="34"/>
<rect x="306" y="140" width="116" height="34"/>
</g>
<g fill="#5980a6" fill-opacity=".3">
<rect x="238" y="96" width="58" height="34"/>
<rect x="306" y="140" width="116" height="34"/>
</g>
<g fill="#416180" font-family="'Barlow Condensed','Arial Narrow',sans-serif" font-size="9"
text-anchor="middle" opacity=".85">
<text x="267" y="117" textLength="40" lengthAdjust="spacingAndGlyphs">ASSETS</text>
<text x="335" y="117" textLength="48" lengthAdjust="spacingAndGlyphs">WORK ORDERS</text>
<text x="398" y="117" textLength="40" lengthAdjust="spacingAndGlyphs">READINGS</text>
<text x="267" y="161" textLength="40" lengthAdjust="spacingAndGlyphs">BILLING</text>
<text x="364" y="161" textLength="58" lengthAdjust="spacingAndGlyphs">REPORTING</text>
</g>
<!-- etapowy plan wdrożenia -->
<g stroke="#416180" stroke-width="1.4" fill="none" opacity=".8">
<path d="M224 208h212"/>
</g>
<g fill="#5980a6">
<circle cx="252" cy="208" r="4.5"/>
<circle cx="330" cy="208" r="4.5"/>
</g>
<circle cx="408" cy="208" r="4.5" fill="none" stroke="#416180" stroke-width="1.4"/>
<g fill="#416180" font-family="'Barlow Condensed','Arial Narrow',sans-serif" font-size="9.5"
text-anchor="middle" opacity=".75">
<text x="252" y="226" textLength="38" lengthAdjust="spacingAndGlyphs">PHASE I</text>
<text x="330" y="226" textLength="42" lengthAdjust="spacingAndGlyphs">PHASE II</text>
<text x="408" y="226" textLength="46" lengthAdjust="spacingAndGlyphs">PHASE III</text>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.9 KiB

assets/img/en/kurs-gielda.svg
+68
View File
@@ -0,0 +1,68 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 480 270" role="img" aria-labelledby="t-gielda">
<title id="t-gielda">Gielda Komunalna - a free marketplace: warehouse surplus listed for manufacturers and contractors in the trade</title>
<defs><pattern id="g-gielda" width="18" height="18" patternUnits="userSpaceOnUse">
<path d="M18 0H0v18" fill="none" stroke="#5980a6" stroke-opacity=".13" stroke-width="1"/></pattern>
<marker id="gl-arr" viewBox="0 0 10 10" refX="9" refY="5" markerWidth="6.5" markerHeight="6.5" orient="auto-start-reverse">
<path d="M0 0 10 5 0 10z" fill="#5980a6"/></marker>
</defs>
<rect width="480" height="270" fill="#eaeef2"/>
<rect width="480" height="270" fill="url(#g-gielda)"/>
<g stroke="#1d1f20" stroke-width="1" opacity=".4">
<path d="M22 14v14M15 21h14"/><path d="M458 14v14M451 21h14"/>
<path d="M22 242v14M15 249h14"/><path d="M458 242v14M451 249h14"/></g>
<text x="44" y="252" fill="#416180" font-family="'Barlow Condensed','Arial Narrow',sans-serif"
font-size="11" textLength="168" lengthAdjust="spacingAndGlyphs" opacity=".7">ECOSYSTEM · GIELDA KOMUNALNA</text>
<!-- magazyn: nadwyżki, które gdzieś leżą -->
<g stroke="#416180" stroke-width="1.5" fill="none">
<path d="M38 104 78 88l40 16"/>
<path d="M46 104v66h64v-66"/>
<path d="M46 116h64"/>
</g>
<g fill="#5980a6" fill-opacity=".3" stroke="#416180" stroke-width="1.3">
<rect x="58" y="126" width="18" height="18"/>
<rect x="80" y="126" width="18" height="18"/>
<rect x="58" y="148" width="18" height="18"/>
<rect x="80" y="148" width="18" height="18"/>
</g>
<text x="40" y="192" fill="#416180" font-family="'Barlow Condensed','Arial Narrow',sans-serif"
font-size="11" textLength="92" lengthAdjust="spacingAndGlyphs" opacity=".72">SITTING IN STORAGE</text>
<!-- ogłoszenie: wystawiasz za darmo -->
<g stroke="#416180" stroke-width="1.5" fill="none">
<rect x="182" y="86" width="116" height="84" fill="#f2f2f3"/>
<path d="M182 108h116"/>
</g>
<rect x="182" y="86" width="116" height="22" fill="#5980a6" fill-opacity=".22"/>
<text x="194" y="102" fill="#416180" font-family="'Barlow Condensed','Arial Narrow',sans-serif"
font-size="11" textLength="60" lengthAdjust="spacingAndGlyphs">LISTING</text>
<g fill="#5980a6" opacity=".4">
<rect x="194" y="118" width="60" height="7"/>
<rect x="194" y="130" width="88" height="6"/>
</g>
<!-- znacznik ceny wystawienia -->
<rect x="194" y="144" width="46" height="18" fill="#5980a6"/>
<text x="217" y="157" fill="#f2f2f3" font-family="'Barlow Condensed','Arial Narrow',sans-serif"
font-size="11" font-weight="600" text-anchor="middle"
textLength="30" lengthAdjust="spacingAndGlyphs">FREE</text>
<text x="246" y="157" fill="#416180" font-family="'Barlow Condensed','Arial Narrow',sans-serif"
font-size="10.5" textLength="44" lengthAdjust="spacingAndGlyphs" opacity=".75">TO LIST</text>
<!-- strzałki: magazyn -> ogłoszenie -> odbiorcy (w drugą stronę też: wymiana) -->
<g stroke="#5980a6" stroke-width="1.8" fill="none">
<path d="M124 128 H172" marker-end="url(#gl-arr)"/>
<path d="M308 128 H352" marker-start="url(#gl-arr)" marker-end="url(#gl-arr)"/>
</g>
<!-- odbiorcy: producenci i wykonawcy z branży -->
<g stroke="#416180" stroke-width="1.5" fill="none">
<circle cx="386" cy="98" r="11"/><path d="M370 128v-12a16 16 0 0 1 32 0v12"/>
<circle cx="428" cy="98" r="11"/><path d="M412 128v-12a16 16 0 0 1 32 0v12"/>
<circle cx="407" cy="150" r="11"/><path d="M391 180v-12a16 16 0 0 1 32 0v12"/>
</g>
<g fill="#5980a6" fill-opacity=".22">
<circle cx="386" cy="98" r="11"/><circle cx="428" cy="98" r="11"/><circle cx="407" cy="150" r="11"/>
</g>
<text x="356" y="204" fill="#416180" font-family="'Barlow Condensed','Arial Narrow',sans-serif"
font-size="11" textLength="98" lengthAdjust="spacingAndGlyphs" opacity=".72">MAKERS · CONTRACTORS</text>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.8 KiB

assets/img/en/kurs-integracje.svg
+59
View File
@@ -0,0 +1,59 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 480 270" role="img" aria-labelledby="t-integr">
<title id="t-integr">Integration with ERP, CRM and tax systems - the data exchange bus</title>
<defs><pattern id="g-integr" width="18" height="18" patternUnits="userSpaceOnUse">
<path d="M18 0H0v18" fill="none" stroke="#5980a6" stroke-opacity=".13" stroke-width="1"/></pattern>
<marker id="in-arr" viewBox="0 0 10 10" refX="9" refY="5" markerWidth="6" markerHeight="6" orient="auto-start-reverse">
<path d="M0 0 10 5 0 10z" fill="#5980a6"/></marker></defs>
<rect width="480" height="270" fill="#eaeef2"/>
<rect width="480" height="270" fill="url(#g-integr)"/>
<g stroke="#1d1f20" stroke-width="1" opacity=".4">
<path d="M22 14v14M15 21h14"/><path d="M458 14v14M451 21h14"/>
<path d="M22 242v14M15 249h14"/><path d="M458 242v14M451 249h14"/></g>
<text x="44" y="252" fill="#416180" font-family="'Barlow Condensed','Arial Narrow',sans-serif"
font-size="11" textLength="180" lengthAdjust="spacingAndGlyphs" opacity=".7">TRACK · SYSTEM INTEGRATION</text>
<!-- systemy zrodlowe (gora) -->
<g stroke="#416180" stroke-width="1.5" fill="#f2f2f3">
<rect x="40" y="48" width="86" height="34"/>
<rect x="146" y="48" width="86" height="34"/>
<rect x="252" y="48" width="86" height="34"/>
<rect x="358" y="48" width="82" height="34"/>
</g>
<g fill="#416180" font-family="'Barlow Condensed','Arial Narrow',sans-serif" font-size="12"
text-anchor="middle" font-weight="600">
<text x="83" y="70" textLength="30" lengthAdjust="spacingAndGlyphs">ERP</text>
<text x="189" y="70" textLength="30" lengthAdjust="spacingAndGlyphs">CRM</text>
<text x="295" y="70" textLength="30" lengthAdjust="spacingAndGlyphs">TAX</text>
<text x="399" y="70" textLength="52" lengthAdjust="spacingAndGlyphs">BILLING</text>
</g>
<!-- strzalki dwukierunkowe do magistrali -->
<g stroke="#5980a6" stroke-width="1.8" fill="none">
<path d="M83 88 V118" marker-start="url(#in-arr)" marker-end="url(#in-arr)"/>
<path d="M189 88 V118" marker-start="url(#in-arr)" marker-end="url(#in-arr)"/>
<path d="M295 88 V118" marker-start="url(#in-arr)" marker-end="url(#in-arr)"/>
<path d="M399 88 V118" marker-start="url(#in-arr)" marker-end="url(#in-arr)"/>
</g>
<!-- magistrala integracyjna -->
<rect x="40" y="124" width="400" height="34" fill="#5980a6" stroke="#416180" stroke-width="1.5"/>
<text x="240" y="146" fill="#f2f2f3" font-family="'Barlow Condensed','Arial Narrow',sans-serif"
font-size="13" font-weight="600" text-anchor="middle"
textLength="150" lengthAdjust="spacingAndGlyphs">DATA EXCHANGE BUS</text>
<!-- odbiorcy danych (dol) -->
<g stroke="#5980a6" stroke-width="1.8" fill="none">
<path d="M136 164 V190" marker-end="url(#in-arr)"/>
<path d="M344 164 V190" marker-end="url(#in-arr)"/>
</g>
<g stroke="#416180" stroke-width="1.5" fill="#f2f2f3">
<rect x="88" y="194" width="96" height="30"/>
<rect x="296" y="194" width="96" height="30"/>
</g>
<g fill="#416180" font-family="'Barlow Condensed','Arial Narrow',sans-serif" font-size="10.5"
text-anchor="middle" opacity=".85">
<text x="136" y="213" textLength="72" lengthAdjust="spacingAndGlyphs">REPORTING</text>
<text x="344" y="213" textLength="78" lengthAdjust="spacingAndGlyphs">WEB APPLICATIONS</text>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.2 KiB

assets/img/en/kurs-klient.svg
+34
View File
@@ -0,0 +1,34 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 480 270" role="img" aria-labelledby="t-klient">
<title id="t-klient">Customer service and billing - customer request, invoice and communication</title>
<defs><pattern id="g-klient" width="18" height="18" patternUnits="userSpaceOnUse">
<path d="M18 0H0v18" fill="none" stroke="#5980a6" stroke-opacity=".13" stroke-width="1"/></pattern></defs>
<rect width="480" height="270" fill="#eaeef2"/>
<rect width="480" height="270" fill="url(#g-klient)"/>
<g stroke="#1d1f20" stroke-width="1" opacity=".4">
<path d="M22 14v14M15 21h14"/><path d="M458 14v14M451 21h14"/>
<path d="M22 242v14M15 249h14"/><path d="M458 242v14M451 249h14"/></g>
<text x="44" y="252" fill="#416180" font-family="'Barlow Condensed','Arial Narrow',sans-serif"
font-size="11" textLength="186" lengthAdjust="spacingAndGlyphs" opacity=".7">TRACK · CUSTOMER SERVICE</text>
<g stroke="#416180" stroke-width="1.5" fill="none">
<rect x="52" y="58" width="146" height="112"/><path d="M52 86h146"/>
</g>
<rect x="52" y="58" width="146" height="28" fill="#5980a6" fill-opacity=".2"/>
<text x="66" y="77" fill="#416180" font-family="'Barlow Condensed','Arial Narrow',sans-serif"
font-size="12" textLength="74" lengthAdjust="spacingAndGlyphs">BILLING</text>
<g stroke="#5980a6" stroke-width="1.5" fill="none" opacity=".85">
<path d="M68 102h114M68 118h92M68 134h114"/>
</g>
<rect x="68" y="148" width="58" height="12" fill="#5980a6" fill-opacity=".5"/>
<g stroke="#416180" stroke-width="1.5" fill="none">
<path d="M238 88h94a10 10 0 0 1 10 10v42a10 10 0 0 1-10 10h-56l-22 20v-20h-16a10 10 0 0 1-10-10V98a10 10 0 0 1 10-10z"/>
</g>
<g fill="#5980a6" opacity=".42"><rect x="252" y="106" width="64" height="6"/><rect x="252" y="120" width="48" height="6"/><rect x="252" y="134" width="58" height="6"/></g>
<g stroke="#416180" stroke-width="1.5" fill="none">
<circle cx="404" cy="102" r="18"/><path d="M378 170v-24a26 26 0 0 1 52 0v24"/>
</g>
<circle cx="404" cy="102" r="18" fill="#5980a6" fill-opacity=".28"/>
<text x="234" y="196" fill="#416180" font-family="'Barlow Condensed','Arial Narrow',sans-serif"
font-size="12" textLength="140" lengthAdjust="spacingAndGlyphs" opacity=".7">REQUEST · INVOICE</text>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.2 KiB

assets/img/en/kurs-portal.svg
+35
View File
@@ -0,0 +1,35 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 480 270" role="img" aria-labelledby="t-portal">
<title id="t-portal">Wodociagowiec.pl - trade articles, operational cases and reader comments</title>
<defs><pattern id="g-portal" width="18" height="18" patternUnits="userSpaceOnUse">
<path d="M18 0H0v18" fill="none" stroke="#5980a6" stroke-opacity=".13" stroke-width="1"/></pattern></defs>
<rect width="480" height="270" fill="#eaeef2"/>
<rect width="480" height="270" fill="url(#g-portal)"/>
<g stroke="#1d1f20" stroke-width="1" opacity=".4">
<path d="M22 14v14M15 21h14"/><path d="M458 14v14M451 21h14"/>
<path d="M22 242v14M15 249h14"/><path d="M458 242v14M451 249h14"/></g>
<text x="44" y="252" fill="#416180" font-family="'Barlow Condensed','Arial Narrow',sans-serif"
font-size="11" textLength="196" lengthAdjust="spacingAndGlyphs" opacity=".7">ECOSYSTEM · WODOCIAGOWIEC.PL</text>
<g stroke="#416180" stroke-width="1.5" fill="none">
<rect x="52" y="50" width="226" height="162"/><path d="M52 80h226"/>
</g>
<rect x="52" y="50" width="226" height="30" fill="#5980a6" fill-opacity=".2"/>
<text x="68" y="70" fill="#416180" font-family="'Barlow Condensed','Arial Narrow',sans-serif"
font-size="13" textLength="124" lengthAdjust="spacingAndGlyphs">TRADE ARTICLE</text>
<rect x="68" y="96" width="84" height="60" fill="#5980a6" fill-opacity=".3" stroke="#416180" stroke-width="1.5"/>
<g stroke="#416180" stroke-width="1.5" fill="none"><path d="m76 144 18-16 14 12 16-20 18 24"/></g>
<g fill="#5980a6" opacity=".42">
<rect x="166" y="98" width="94" height="7"/><rect x="166" y="112" width="78" height="6"/>
<rect x="166" y="126" width="94" height="6"/><rect x="166" y="140" width="66" height="6"/>
<rect x="68" y="172" width="192" height="6"/><rect x="68" y="186" width="146" height="6"/>
</g>
<g stroke="#416180" stroke-width="1.5" fill="none">
<path d="M308 70h82a10 10 0 0 1 10 10v38a10 10 0 0 1-10 10h-50l-20 18v-18h-12a10 10 0 0 1-10-10V80a10 10 0 0 1 10-10z"/>
<path d="M322 124h82a10 10 0 0 1 10 10v38a10 10 0 0 1-10 10h-62l-20 18v-18a10 10 0 0 1-10-10v-38a10 10 0 0 1 10-10z" fill="#eaeef2"/>
</g>
<g fill="#5980a6" opacity=".4">
<rect x="322" y="86" width="56" height="6"/><rect x="322" y="100" width="42" height="6"/>
<rect x="336" y="140" width="56" height="6"/><rect x="336" y="154" width="44" height="6"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.3 KiB

assets/img/en/kurs-prawo.svg
+31
View File
@@ -0,0 +1,31 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 480 270" role="img" aria-labelledby="t-prawo">
<title id="t-prawo">Water law and tariffs - tariff document, statutory symbol and approval stamp</title>
<defs><pattern id="g-prawo" width="18" height="18" patternUnits="userSpaceOnUse">
<path d="M18 0H0v18" fill="none" stroke="#5980a6" stroke-opacity=".13" stroke-width="1"/></pattern></defs>
<rect width="480" height="270" fill="#eaeef2"/>
<rect width="480" height="270" fill="url(#g-prawo)"/>
<g stroke="#1d1f20" stroke-width="1" opacity=".4">
<path d="M22 14v14M15 21h14"/><path d="M458 14v14M451 21h14"/>
<path d="M22 242v14M15 249h14"/><path d="M458 242v14M451 249h14"/></g>
<text x="44" y="252" fill="#416180" font-family="'Barlow Condensed','Arial Narrow',sans-serif"
font-size="11" textLength="168" lengthAdjust="spacingAndGlyphs" opacity=".7">TRACK · LAW AND TARIFFS</text>
<g stroke="#416180" stroke-width="1.5" fill="none">
<path d="M84 46h128l30 30v140H84z"/><path d="M212 46v30h30"/>
</g>
<g fill="#5980a6" opacity=".4">
<rect x="104" y="94" width="92" height="7"/><rect x="104" y="110" width="118" height="6"/>
<rect x="104" y="124" width="104" height="6"/>
</g>
<g stroke="#5980a6" stroke-width="1.5" fill="none" opacity=".85">
<rect x="104" y="144" width="118" height="52"/><path d="M104 162h118M163 144v52"/>
</g>
<rect x="104" y="144" width="118" height="18" fill="#5980a6" fill-opacity=".2"/>
<g stroke="#416180" stroke-width="2.2" fill="none">
<circle cx="340" cy="122" r="46"/>
<path d="M334 100c-10 0-16 6-16 14s6 12 14 12 14 4 14 12-6 14-16 14M340 90v64"/>
</g>
<text x="292" y="196" fill="#416180" font-family="'Barlow Condensed','Arial Narrow',sans-serif"
font-size="12" textLength="118" lengthAdjust="spacingAndGlyphs" opacity=".7">TARIFF APPLICATION</text>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.8 KiB

assets/img/en/kurs-scada.svg
+64
View File
@@ -0,0 +1,64 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 480 270" role="img" aria-labelledby="t-scada">
<title id="t-scada">Network monitoring and SCADA - control room desk with assets, a trend and an alarm</title>
<defs><pattern id="g-scada" width="18" height="18" patternUnits="userSpaceOnUse">
<path d="M18 0H0v18" fill="none" stroke="#5980a6" stroke-opacity=".13" stroke-width="1"/></pattern>
<marker id="sc-arr" viewBox="0 0 10 10" refX="9" refY="5" markerWidth="6" markerHeight="6" orient="auto-start-reverse">
<path d="M0 0 10 5 0 10z" fill="#5980a6"/></marker></defs>
<rect width="480" height="270" fill="#eaeef2"/>
<rect width="480" height="270" fill="url(#g-scada)"/>
<g stroke="#1d1f20" stroke-width="1" opacity=".4">
<path d="M22 14v14M15 21h14"/><path d="M458 14v14M451 21h14"/>
<path d="M22 242v14M15 249h14"/><path d="M458 242v14M451 249h14"/></g>
<text x="44" y="252" fill="#416180" font-family="'Barlow Condensed','Arial Narrow',sans-serif"
font-size="11" textLength="196" lengthAdjust="spacingAndGlyphs" opacity=".7">TRACK · SCADA AND MONITORING</text>
<!-- pulpit dyspozytorski -->
<g stroke="#416180" stroke-width="1.5" fill="none">
<rect x="40" y="46" width="400" height="150" fill="#f2f2f3"/>
<path d="M40 70h400"/>
</g>
<rect x="40" y="46" width="400" height="24" fill="#5980a6" fill-opacity=".2"/>
<text x="52" y="63" fill="#416180" font-family="'Barlow Condensed','Arial Narrow',sans-serif"
font-size="11" textLength="88" lengthAdjust="spacingAndGlyphs">NETWORK DESK</text>
<!-- wskaznik ALARM -->
<rect x="376" y="52" width="52" height="14" fill="#1d2d3d"/>
<circle cx="386" cy="59" r="3" fill="#f2f2f3"/>
<text x="394" y="63" fill="#f2f2f3" font-family="'Barlow Condensed','Arial Narrow',sans-serif"
font-size="9.5" textLength="28" lengthAdjust="spacingAndGlyphs">ALARM</text>
<!-- schemat sieci: obiekty polaczone rurociagiem -->
<g stroke="#5980a6" stroke-width="1.8" fill="none">
<path d="M74 118 H150" marker-end="url(#sc-arr)"/>
<path d="M186 118 H262" marker-end="url(#sc-arr)"/>
<path d="M298 118 H374" marker-end="url(#sc-arr)"/>
</g>
<g stroke="#416180" stroke-width="1.5" fill="#f2f2f3">
<rect x="52" y="102" width="26" height="32"/>
<rect x="160" y="102" width="26" height="32"/>
<rect x="272" y="102" width="26" height="32"/>
<rect x="384" y="102" width="26" height="32"/>
</g>
<g fill="#5980a6" fill-opacity=".45">
<rect x="57" y="107" width="16" height="22"/>
<rect x="165" y="107" width="16" height="22"/>
<rect x="277" y="107" width="16" height="22"/>
</g>
<!-- obiekt w stanie alarmowym -->
<rect x="389" y="107" width="16" height="22" fill="#1d2d3d"/>
<!-- trend pomiarowy pod schematem -->
<g stroke="#5980a6" stroke-width="1.6" fill="none">
<path d="M56 178 96 160 130 168 168 148 206 156 244 138 282 150 320 132 358 142 400 124"/>
</g>
<path d="M56 186h348" stroke="#416180" stroke-width="1.2" stroke-opacity=".45" fill="none"/>
<!-- podpisy obiektow -->
<g fill="#416180" font-family="'Barlow Condensed','Arial Narrow',sans-serif" font-size="9.5"
text-anchor="middle" opacity=".7">
<text x="65" y="214" textLength="30" lengthAdjust="spacingAndGlyphs">INTAKE</text>
<text x="173" y="214" textLength="24" lengthAdjust="spacingAndGlyphs">WTP</text>
<text x="285" y="214" textLength="38" lengthAdjust="spacingAndGlyphs">RESERVOIR</text>
<text x="397" y="214" textLength="32" lengthAdjust="spacingAndGlyphs">NETWORK</text>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.4 KiB

assets/img/en/kurs-zamowienia.svg
+35
View File
@@ -0,0 +1,35 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 480 270" role="img" aria-labelledby="t-zam">
<title id="t-zam">Public procurement - comparing tenders against award criteria</title>
<defs><pattern id="g-zam" width="18" height="18" patternUnits="userSpaceOnUse">
<path d="M18 0H0v18" fill="none" stroke="#5980a6" stroke-opacity=".13" stroke-width="1"/></pattern></defs>
<rect width="480" height="270" fill="#eaeef2"/>
<rect width="480" height="270" fill="url(#g-zam)"/>
<g stroke="#1d1f20" stroke-width="1" opacity=".4">
<path d="M22 14v14M15 21h14"/><path d="M458 14v14M451 21h14"/>
<path d="M22 242v14M15 249h14"/><path d="M458 242v14M451 249h14"/></g>
<text x="44" y="252" fill="#416180" font-family="'Barlow Condensed','Arial Narrow',sans-serif"
font-size="11" textLength="198" lengthAdjust="spacingAndGlyphs" opacity=".7">TRACK · PUBLIC PROCUREMENT</text>
<g stroke="#416180" stroke-width="1.5" fill="none">
<rect x="48" y="60" width="88" height="122"/><rect x="152" y="60" width="88" height="122"/><rect x="256" y="60" width="88" height="122"/>
</g>
<g fill="#5980a6" fill-opacity=".2"><rect x="48" y="60" width="88" height="24"/><rect x="152" y="60" width="88" height="24"/><rect x="256" y="60" width="88" height="24"/></g>
<g fill="#5980a6" opacity=".42">
<rect x="62" y="98" width="56" height="6"/><rect x="62" y="112" width="44" height="6"/><rect x="62" y="126" width="60" height="6"/>
<rect x="166" y="98" width="56" height="6"/><rect x="166" y="112" width="44" height="6"/><rect x="166" y="126" width="60" height="6"/>
<rect x="270" y="98" width="56" height="6"/><rect x="270" y="112" width="44" height="6"/><rect x="270" y="126" width="60" height="6"/>
</g>
<g fill="#416180" font-family="'Barlow Condensed','Arial Narrow',sans-serif" font-size="13" text-anchor="middle">
<text x="92" y="77" textLength="52" lengthAdjust="spacingAndGlyphs">TENDER A</text>
<text x="196" y="77" textLength="52" lengthAdjust="spacingAndGlyphs">TENDER B</text>
<text x="300" y="77" textLength="52" lengthAdjust="spacingAndGlyphs">TENDER C</text>
</g>
<g stroke="#5980a6" stroke-width="2.4" fill="none"><path d="m174 154 8 9 18-20"/></g>
<rect x="152" y="60" width="88" height="122" fill="none" stroke="#416180" stroke-width="2.5"/>
<g stroke="#416180" stroke-width="1.5" fill="none">
<path d="M410 70v100M386 94h48M394 94l-12 30h24zM426 94l-12 30h24zM392 170h36"/>
</g>
<text x="370" y="196" fill="#416180" font-family="'Barlow Condensed','Arial Narrow',sans-serif"
font-size="12" textLength="60" lengthAdjust="spacingAndGlyphs" opacity=".7">CRITERIA</text>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.5 KiB

assets/img/en/kurs-zarzadzanie.svg
+32
View File
@@ -0,0 +1,32 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 480 270" role="img" aria-labelledby="t-zarz">
<title id="t-zarz">Running a utility - financial indicators and cost structure</title>
<defs><pattern id="g-zarz" width="18" height="18" patternUnits="userSpaceOnUse">
<path d="M18 0H0v18" fill="none" stroke="#5980a6" stroke-opacity=".13" stroke-width="1"/></pattern></defs>
<rect width="480" height="270" fill="#eaeef2"/>
<rect width="480" height="270" fill="url(#g-zarz)"/>
<g stroke="#1d1f20" stroke-width="1" opacity=".4">
<path d="M22 14v14M15 21h14"/><path d="M458 14v14M451 21h14"/>
<path d="M22 242v14M15 249h14"/><path d="M458 242v14M451 249h14"/></g>
<text x="44" y="252" fill="#416180" font-family="'Barlow Condensed','Arial Narrow',sans-serif"
font-size="11" textLength="150" lengthAdjust="spacingAndGlyphs" opacity=".7">TRACK · MANAGEMENT</text>
<g stroke="#416180" stroke-width="1.5" fill="none"><rect x="52" y="54" width="196" height="144"/><path d="M52 82h196"/></g>
<rect x="52" y="54" width="196" height="28" fill="#5980a6" fill-opacity=".2"/>
<text x="66" y="73" fill="#416180" font-family="'Barlow Condensed','Arial Narrow',sans-serif"
font-size="12" textLength="108" lengthAdjust="spacingAndGlyphs">COST / REVENUE</text>
<g>
<rect x="74" y="136" width="26" height="44" fill="#5980a6" fill-opacity=".35" stroke="#416180" stroke-width="1.5"/>
<rect x="114" y="120" width="26" height="60" fill="#5980a6" fill-opacity=".55" stroke="#416180" stroke-width="1.5"/>
<rect x="154" y="108" width="26" height="72" fill="#5980a6" stroke="#416180" stroke-width="1.5"/>
<rect x="194" y="98" width="26" height="82" fill="#5980a6" stroke="#416180" stroke-width="1.5"/>
</g>
<path d="M64 180h172" stroke="#416180" stroke-width="1.5"/>
<g stroke="#416180" stroke-width="1.5" fill="none">
<circle cx="356" cy="124" r="52"/>
</g>
<path d="M356 124 L356 72 A52 52 0 0 1 394 160 Z" fill="#5980a6" fill-opacity=".45"/>
<path d="M356 72v52l38 36" stroke="#416180" stroke-width="1.5" fill="none"/>
<text x="308" y="200" fill="#416180" font-family="'Barlow Condensed','Arial Narrow',sans-serif"
font-size="12" textLength="124" lengthAdjust="spacingAndGlyphs" opacity=".7">COST STRUCTURE</text>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.2 KiB

assets/img/en/platforma.svg
+81
View File
@@ -0,0 +1,81 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 360" role="img" aria-labelledby="t-plat">
<title id="t-plat">Student dashboard on the platform - course progress, upcoming webinars and a certificate</title>
<defs>
<pattern id="plat-grid" width="20" height="20" patternUnits="userSpaceOnUse">
<path d="M20 0H0v20" fill="none" stroke="#5980a6" stroke-opacity=".14" stroke-width="1"/>
</pattern>
</defs>
<rect width="640" height="360" fill="#eaeef2"/>
<rect width="640" height="360" fill="url(#plat-grid)"/>
<!-- okno aplikacji -->
<g stroke="#416180" fill="none" stroke-width="1.5">
<rect x="40" y="34" width="560" height="292"/>
<path d="M40 66h560M172 66v260"/>
</g>
<rect x="40" y="34" width="560" height="32" fill="#5980a6" fill-opacity=".18"/>
<g fill="#416180" opacity=".45">
<circle cx="58" cy="50" r="4"/><circle cx="72" cy="50" r="4"/><circle cx="86" cy="50" r="4"/>
</g>
<text x="108" y="55" fill="#416180" font-family="'Barlow Condensed','Arial Narrow',sans-serif"
font-size="12" textLength="118" lengthAdjust="spacingAndGlyphs">STUDENT DASHBOARD</text>
<!-- menu boczne -->
<g fill="#5980a6">
<rect x="40" y="82" width="132" height="26" fill-opacity=".28"/>
</g>
<g fill="#5980a6" opacity=".45">
<rect x="58" y="91" width="72" height="8"/>
<rect x="58" y="126" width="86" height="8"/>
<rect x="58" y="156" width="64" height="8"/>
<rect x="58" y="186" width="80" height="8"/>
<rect x="58" y="216" width="70" height="8"/>
</g>
<!-- karty postępu kursów -->
<g stroke="#416180" stroke-width="1.5" fill="none">
<rect x="192" y="88" width="184" height="76"/>
<rect x="396" y="88" width="184" height="76"/>
</g>
<g fill="#5980a6" opacity=".45">
<rect x="206" y="102" width="104" height="8"/>
<rect x="410" y="102" width="120" height="8"/>
</g>
<!-- paski postępu -->
<g>
<rect x="206" y="130" width="156" height="8" fill="#5980a6" fill-opacity=".2"/>
<rect x="206" y="130" width="102" height="8" fill="#5980a6"/>
<rect x="410" y="130" width="156" height="8" fill="#5980a6" fill-opacity=".2"/>
<rect x="410" y="130" width="48" height="8" fill="#5980a6"/>
</g>
<g fill="#416180" font-family="'Barlow Condensed','Arial Narrow',sans-serif" font-size="11" opacity=".7">
<text x="206" y="156" textLength="76" lengthAdjust="spacingAndGlyphs">PROGRESS 65%</text>
<text x="410" y="156" textLength="76" lengthAdjust="spacingAndGlyphs">PROGRESS 30%</text>
</g>
<!-- agenda webinariów -->
<g stroke="#416180" stroke-width="1.5" fill="none">
<rect x="192" y="184" width="388" height="122"/>
<path d="M192 210h388"/>
</g>
<rect x="192" y="184" width="388" height="26" fill="#5980a6" fill-opacity=".12"/>
<text x="206" y="202" fill="#416180" font-family="'Barlow Condensed','Arial Narrow',sans-serif"
font-size="12" textLength="150" lengthAdjust="spacingAndGlyphs">UPCOMING WEBINARS</text>
<g stroke="#416180" stroke-width="1.5" fill="none" opacity=".85">
<rect x="206" y="222" width="38" height="34"/>
<rect x="206" y="264" width="38" height="34"/>
</g>
<g fill="#416180" font-family="'Barlow Condensed','Arial Narrow',sans-serif" font-size="13" text-anchor="middle" opacity=".8">
<text x="225" y="236">15</text><text x="225" y="250" font-size="10">NOV</text>
<text x="225" y="278">22</text><text x="225" y="292" font-size="10">NOV</text>
</g>
<g fill="#5980a6" opacity=".42">
<rect x="258" y="228" width="180" height="7"/>
<rect x="258" y="242" width="120" height="6"/>
<rect x="258" y="270" width="204" height="7"/>
<rect x="258" y="284" width="136" height="6"/>
</g>
<!-- znacznik LIVE -->
<rect x="500" y="224" width="46" height="17" fill="#1d2d3d"/>
<text x="509" y="237" fill="#f2f2f3" font-family="'Barlow Condensed','Arial Narrow',sans-serif" font-size="10" letter-spacing="1.3">LIVE</text>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.7 KiB

assets/img/en/szkolenia.svg
+72
View File
@@ -0,0 +1,72 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 360" role="img" aria-labelledby="t-szk">
<title id="t-szk">Training room - instructor, a data screen and participants at workstations</title>
<defs>
<pattern id="szk-grid" width="20" height="20" patternUnits="userSpaceOnUse">
<path d="M20 0H0v20" fill="none" stroke="#5980a6" stroke-opacity=".14" stroke-width="1"/>
</pattern>
</defs>
<rect width="640" height="360" fill="#eaeef2"/>
<rect width="640" height="360" fill="url(#szk-grid)"/>
<!-- ekran prezentacyjny -->
<g stroke="#416180" fill="none" stroke-width="1.5">
<rect x="188" y="40" width="264" height="146"/>
<path d="M320 186v18"/>
</g>
<rect x="188" y="40" width="264" height="20" fill="#5980a6" fill-opacity=".18"/>
<g stroke="#5980a6" stroke-width="1.5" fill="none" opacity=".9">
<!-- wykres na ekranie -->
<path d="M208 160 250 132 286 142 322 104 358 118 396 86 432 96"/>
<path d="M208 172h224" stroke-opacity=".5"/>
<path d="M208 76v96" stroke-opacity=".5"/>
</g>
<g fill="#5980a6" opacity=".55">
<circle cx="250" cy="132" r="3"/><circle cx="322" cy="104" r="3"/><circle cx="396" cy="86" r="3"/>
</g>
<g fill="#416180" opacity=".5">
<rect x="198" y="46" width="46" height="8"/><rect x="252" y="46" width="30" height="8"/>
</g>
<!-- prowadzący -->
<g stroke="#416180" stroke-width="1.5" fill="none">
<circle cx="122" cy="120" r="14"/>
<path d="M104 186v-32a18 18 0 0 1 36 0v32"/>
<path d="M140 160l30-14"/>
</g>
<!-- stanowiska uczestników -->
<g stroke="#416180" stroke-width="1.5" fill="none">
<g>
<rect x="70" y="248" width="120" height="8"/>
<path d="M96 256v40M164 256v40"/>
<rect x="96" y="222" width="42" height="26"/>
<circle cx="160" cy="212" r="11"/>
<path d="M146 248v-14a14 14 0 0 1 28 0v14"/>
</g>
<g>
<rect x="260" y="248" width="120" height="8"/>
<path d="M286 256v40M354 256v40"/>
<rect x="286" y="222" width="42" height="26"/>
<circle cx="350" cy="212" r="11"/>
<path d="M336 248v-14a14 14 0 0 1 28 0v14"/>
</g>
<g>
<rect x="450" y="248" width="120" height="8"/>
<path d="M476 256v40M544 256v40"/>
<rect x="476" y="222" width="42" height="26"/>
<circle cx="540" cy="212" r="11"/>
<path d="M526 248v-14a14 14 0 0 1 28 0v14"/>
</g>
</g>
<g fill="#5980a6" fill-opacity=".22">
<rect x="96" y="222" width="42" height="26"/>
<rect x="286" y="222" width="42" height="26"/>
<rect x="476" y="222" width="42" height="26"/>
</g>
<!-- oznaczenia techniczne (pod rysunkiem, poza strefa postaci) -->
<g fill="#416180" font-family="'Barlow Condensed',sans-serif" font-size="11" letter-spacing="1.2" opacity=".65">
<text x="70" y="334">MAX. 12</text>
<text x="570" y="334" text-anchor="end">2 × 8 H</text>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.7 KiB