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

API

Browse Source
This commit is contained in:
Przemysław Zatorski
2026-09-03 21:57:48 +02:00
parent 496e8bdb27
commit 6d31656ce4
13 changed files with 1090 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+81 -21
View File
@@ -4,7 +4,7 @@
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>SoftSPM - szkolenia, konsulting i aplikacje dla branży wod-kan</title>
<meta name="description" content="Szkolenia, webinaria, konsulting i aplikacje pod klucz dla przedsiębiorstw wodociągowych i komunalnych. Ponad 25 lat w IT, od 2014 w branży wod-kan. Systemy webowe i mobilne, platforma kursowa, portal Wodociągowiec.pl i Giełda Komunalna.">
<meta name="description" content="Szkolenia, webinaria, konsulting i aplikacje pod klucz dla przedsiębiorstw wodociągowych i komunalnych. Ponad 25 lat w IT, od 2014 w branży wod-kan. Systemy webowe i mobilne, platforma kursowa Akademia Wodociągowca, portal Wodociągowiec.pl i Giełda Komunalna.">
<link rel="icon" href="images/favicon.ico" sizes="any">
<link rel="stylesheet" href="assets/styles.css">
</head>
@@ -16,7 +16,7 @@
<a href="#oferta">Oferta</a>
<a href="#tematy">Tematy</a>
<a href="#terminy">Terminy</a>
<a href="#platforma">Platforma</a>
<a href="#platforma">Akademia</a>
<a href="#aplikacje">Aplikacje</a>
<a href="#ekosystem">Ekosystem</a>
<a href="szkolenia.html">Szkolenia</a>
@@ -32,8 +32,8 @@
<section class="hero">
<div class="hero-grid">
<div>
<h1 class="display"><span class="line">Wiedza wod-kan.</span> <span class="line">W praktyce od 2014.</span></h1>
<p class="sub">Szkolenia, webinaria, konsulting i <strong>aplikacje pod klucz</strong> dla przedsiębiorstw wodociągowych i komunalnych. Uczymy tego, co sami robimy - bo od ponad 25 lat piszemy oprogramowanie, a od 2014 roku robimy to dla branży wod-kan. Prowadzimy portal <strong>Wodociągowiec.pl</strong> oraz <strong>Giełdę Komunalną</strong> - bezpłatny marketplace, na którym branża kupuje, sprzedaje i wymienia sprzęt.</p>
<h1 class="display"><span class="line">Wiedza wod-kan,</span> <span class="line">która zostaje w firmie.</span></h1>
<p class="sub"><strong>Aplikacje pod klucz</strong>, konsulting, szkolenia i webinaria dla przedsiębiorstw wodociągowych i komunalnych. Ponad 25 lat w IT, od 2014 roku w wod-kan. Nie zostawiamy prezentacji do odłożenia na półkę: zostaje działający system, lista decyzji do podjęcia albo kompetencja, która pracuje dalej, gdy nas już nie ma.</p>
<div class="row">
<a class="btn btn-primary btn-lg" href="#terminy">Zobacz program szkoleń</a>
<a class="btn btn-ghost btn-lg" href="konsulting.html#kontakt">Umów konsultację</a>
@@ -73,7 +73,7 @@
<tr><td class="s-num">03</td><td class="s-prop">Przeszkoleni specjaliści</td><td class="s-val">480+</td><td class="s-rem">Szkolenia stacjonarne i online</td></tr>
<tr><td class="s-num">04</td><td class="s-prop">Webinariów rocznie</td><td class="s-val">24</td><td class="s-rem">Na własnej platformie kursowej</td></tr>
<tr><td class="s-num">05</td><td class="s-prop">Projekty doradcze</td><td class="s-val">60+</td><td class="s-rem">Organizacja, taryfy, cyfryzacja, zamówienia</td></tr>
<tr><td class="s-num">06</td><td class="s-prop">Zasięg ekosystemu</td><td class="s-val">2 serwisy</td><td class="s-rem">Portal Wodociągowiec.pl i marketplace Giełda Komunalna</td></tr>
<tr><td class="s-num">06</td><td class="s-prop">Zasięg ekosystemu</td><td class="s-val">3 serwisy</td><td class="s-rem">Wodociągowiec.pl, Giełda Komunalna i Akademia Wodociągowca</td></tr>
</tbody>
</table>
<p class="sheet-note">Wartości przykładowe - do potwierdzenia przed publikacją.</p>
@@ -251,20 +251,20 @@
<span class="kicker">04 · Harmonogram</span>
<hr class="caption-rule">
<div class="section-intro">
<h2>Terminy najbliższej edycji ustalamy</h2>
<p class="text-muted">Poniżej tematy, które wchodzą do programu jako pierwsze. Daty podajemy, gdy domkniemy salę i skład prowadzących - zwykle z sześciotygodniowym wyprzedzeniem.</p>
<h2 data-schedule-heading>Terminy najbliższej edycji ustalamy</h2>
<p class="text-muted" data-schedule-intro>Poniżej tematy, które wchodzą do programu jako pierwsze. Daty podajemy, gdy domkniemy salę i skład prowadzących - zwykle z sześciotygodniowym wyprzedzeniem.</p>
</div>
<div class="plate">
<span class="corner tl"></span><span class="corner tr"></span><span class="corner bl"></span><span class="corner br"></span>
<header class="title-block">
<span class="tb-title">Tematy w przygotowaniu</span>
<span class="tb-title" data-schedule-title>Tematy w przygotowaniu</span>
<span class="tb-cell">SPM-2026</span>
<span class="tb-cell">Rev A</span>
<span class="tb-cell">Arkusz 02 z 06</span>
</header>
<table class="table sched">
<table class="table sched" data-schedule data-schedule-limit="8">
<thead>
<tr><th scope="col">Termin</th><th scope="col">Temat</th><th scope="col">Forma</th><th scope="col">Miejsce</th><th scope="col"><span class="visually-hidden">Zapisy</span></th></tr>
<tr><th scope="col" data-schedule-datehead>Termin</th><th scope="col">Temat</th><th scope="col">Forma</th><th scope="col">Miejsce</th><th scope="col"><span class="visually-hidden">Zapisy</span></th></tr>
</thead>
<tbody>
<tr>
@@ -325,18 +325,73 @@
</tr>
</tbody>
</table>
<p class="sheet-note">Ustalamy terminy najbliższej edycji. Zostaw kontakt przy wybranym temacie na stronie <a href="szkolenia.html#terminy">Szkolenia i webinaria</a> - odezwiemy się, gdy otworzymy zapisy.</p>
<p class="sheet-note" data-schedule-note>Ustalamy terminy najbliższej edycji. Zostaw kontakt przy wybranym temacie na stronie <a href="szkolenia.html#terminy">Szkolenia i webinaria</a> - odezwiemy się, gdy otworzymy zapisy.</p>
</div>
</section>
<!-- ── 05 · Platforma kursowa ───────────────────────────────────────── -->
<!-- ── 05 · Akademia Wodociągowca ───────────────────────────────────── -->
<section class="section" id="platforma">
<span class="kicker">05 · Platforma kursowa</span>
<span class="kicker">05 · Akademia Wodociągowca</span>
<hr class="caption-rule">
<div class="section-intro" data-reveal>
<h2>Kompetencja, która zostaje w przedsiębiorstwie</h2>
<p class="text-muted">Szkolenie kończy się w piątek, kompetencja ma zostać na lata. Dlatego prowadzimy własną platformę kursową: webinaria na żywo, kursy do przerobienia we własnym tempie, materiały robocze i certyfikaty - wszystko pod jednym firmowym kontem. To nasz sposób na to, żeby wiedza krążyła po branży, zamiast osiadać w notatkach pojedynczych osób.</p>
</div>
<figure class="figure" style="margin: 0 0 calc(1.5 * var(--leading))" data-reveal>
<span class="corner tl"></span><span class="corner tr"></span><span class="corner bl"></span><span class="corner br"></span>
<img class="plot" src="assets/img/akademia.svg" alt="Schemat: wdrożenia, projekty doradcze i pytania czytelników zasilają Akademię Wodociągowca, przeszkolone zespoły wracają z pytaniami do programu" width="720" height="344">
<figcaption>Schemat 01 - Obieg kompetencji: praktyka zasila Akademię, a przeszkolone zespoły wracają z pytaniami</figcaption>
</figure>
<div class="stats" data-reveal>
<div class="stat">
<span class="stat-num" data-count="24">24</span>
<span class="stat-label">webinaria rocznie, dwa w miesiącu</span>
</div>
<div class="stat">
<span class="stat-num" data-count="8">8</span>
<span class="stat-label">ścieżek tematycznych w katalogu</span>
</div>
<div class="stat">
<span class="stat-num" data-count="12">12</span>
<span class="stat-label">osób maksymalnie w grupie</span>
</div>
<div class="stat">
<span class="stat-num" data-count="480" data-suffix="+">480+</span>
<span class="stat-label">przeszkolonych specjalistów branży</span>
</div>
</div>
<p class="sheet-note" style="margin-bottom: calc(1.5 * var(--leading))">Liczba webinariów i przeszkolonych - wartości przykładowe, do potwierdzenia przed publikacją.</p>
<div class="cells cells-3" style="margin-bottom: calc(2 * var(--leading))">
<div class="cell-frame" data-reveal>
<span class="corner tl"></span><span class="corner tr"></span><span class="corner bl"></span><span class="corner br"></span>
<span class="cell-num">05.1</span>
<svg class="ico" viewBox="0 0 24 24" aria-hidden="true"><path d="M12 3 2 8l10 5 10-5Z"/><path d="M6 10.5V16c0 1.7 2.7 3 6 3s6-1.3 6-3v-5.5"/></svg>
<h3>Uczymy z pierwszej ręki</h3>
<p>Prowadzący wracają na salę prosto z wdrożeń i projektów doradczych. Przykład na zajęciach ma datę i konsekwencje, nie jest ilustracją przepisaną z podręcznika.</p>
</div>
<div class="cell-frame" data-reveal>
<span class="corner tl"></span><span class="corner tr"></span><span class="corner bl"></span><span class="corner br"></span>
<span class="cell-num">05.2</span>
<svg class="ico" viewBox="0 0 24 24" aria-hidden="true"><rect x="3" y="4" width="18" height="14" rx="1"/><path d="M3 9h18M8 22h8M12 18v4"/></svg>
<h3>Wiedza zostaje w firmie</h3>
<p>Nagrania, wzory pism i listy kontrolne zostają na koncie przedsiębiorstwa. Gdy odchodzi pracownik, kompetencja zostaje - następna osoba zaczyna od materiału, nie od zera.</p>
</div>
<div class="cell-frame" data-reveal>
<span class="corner tl"></span><span class="corner tr"></span><span class="corner bl"></span><span class="corner br"></span>
<span class="cell-num">05.3</span>
<svg class="ico" viewBox="0 0 24 24" aria-hidden="true"><path d="M21 12a9 9 0 1 1-3-6.7"/><path d="M21 4v5h-5"/></svg>
<h3>Pytania wracają do programu</h3>
<p>Temat, który trzeci raz wraca w czacie webinaru albo w redakcji Wodociągowca, wchodzi do katalogu. Program pisze rynek, my go tylko porządkujemy.</p>
</div>
</div>
<div class="split">
<div>
<h2 class="split-title">Webinary i e-learning w jednym miejscu</h2>
<p class="lead">Nasza własna platforma do prowadzenia kursów: webinaria na żywo, kursy on-demand, testy i certyfikaty. Materiał zostaje z Tobą - wracasz do nagrań i dokumentów, kiedy ich potrzebujesz.</p>
<div data-reveal>
<h3 class="split-title">Co dostaje przedsiębiorstwo</h3>
<p class="lead">Jedno konto firmowe, wielu pracowników, materiał dostępny wtedy, kiedy jest potrzebny - a nie tylko w dniu szkolenia.</p>
<ul class="checks">
<li>Webinaria na żywo z czatem i sesją pytań do prowadzącego</li>
<li>Nagrania dostępne bezterminowo w ramach wykupionego dostępu</li>
@@ -345,9 +400,12 @@
<li>Panel kursanta z postępem nauki i historią szkoleń całego zespołu</li>
<li>Konto firmowe - jeden dostęp dla wielu pracowników</li>
</ul>
<a class="btn btn-primary" href="#">Przejdź do platformy</a>
<div class="row" style="display:flex; gap:var(--space-4); flex-wrap:wrap">
<a class="btn btn-primary" href="https://akademiawodociagowca.pl/" target="_blank" rel="noopener">Przejdź do Akademii</a>
<a class="btn btn-ghost" href="#terminy">Zobacz najbliższe terminy</a>
</div>
</div>
<figure class="figure split-media" style="margin:0">
<figure class="figure split-media" style="margin:0" data-reveal>
<span class="corner tl"></span><span class="corner tr"></span><span class="corner bl"></span><span class="corner br"></span>
<img class="plot" src="assets/img/platforma.svg" alt="Panel kursanta: postęp kursów, agenda webinariów i znacznik transmisji na żywo" width="640" height="360">
<figcaption>Rys. 02 - Panel kursanta: postęp nauki i nadchodzące webinaria</figcaption>
@@ -419,13 +477,13 @@
<hr class="caption-rule">
<div class="section-intro">
<h2>Portal, marketplace i platforma kursowa - jeden obieg</h2>
<p class="text-muted">Nie zaczynamy od pustej kartki. Prowadzimy dwa serwisy, z których branża wod-kan korzysta na co dzień - i to one podpowiadają nam, czego uczyć. Pytania czytelników portalu stają się tematami webinariów, ogłoszenia na giełdzie pokazują, czego rynkowi realnie brakuje, a uczestnicy szkoleń poznają tam producentów i wykonawców, których wcześniej szukali po znajomych.</p>
<p class="text-muted">Nie zaczynamy od pustej kartki. Prowadzimy trzy serwisy, z których branża wod-kan korzysta na co dzień - i to one podpowiadają nam, czego uczyć. Pytania czytelników portalu stają się tematami webinariów, ogłoszenia na giełdzie pokazują, czego rynkowi realnie brakuje, a uczestnicy szkoleń poznają tam producentów i wykonawców, których wcześniej szukali po znajomych.</p>
</div>
<figure class="figure" style="margin: 0 0 calc(1.5 * var(--leading))">
<span class="corner tl"></span><span class="corner tr"></span><span class="corner bl"></span><span class="corner br"></span>
<img class="plot" src="assets/img/ekosystem.svg" alt="Schemat: portal Wodociągowiec.pl i marketplace Giełda Komunalna wymieniają tematy, praktyków i ogłoszenia z platformą kursową w centrum" width="720" height="400">
<figcaption>Schemat 01 - Obieg wiedzy: portal i marketplace zasilają platformę kursową, absolwenci wracają na rynek</figcaption>
<figcaption>Schemat 02 - Obieg wiedzy: portal i marketplace zasilają platformę kursową, absolwenci wracają na rynek</figcaption>
</figure>
<div class="cells cells-2" style="margin-bottom: calc(1.5 * var(--leading))">
@@ -541,7 +599,7 @@
<li><a href="szkolenia.html#webinaria">Webinaria</a></li>
<li><a href="konsulting.html">Konsulting</a></li>
<li><a href="#aplikacje">Aplikacje pod klucz</a></li>
<li><a href="#platforma">Platforma kursowa</a></li>
<li><a href="#platforma">Akademia Wodociągowca</a></li>
</ul>
</div>
<div>
@@ -568,6 +626,8 @@
</div>
</footer>
<script src="assets/reveal.js" defer></script>
<script src="assets/forms.js" defer></script>
<script src="assets/schedule.js" defer></script>
</body>
</html>