<!--

    Here be dragons                                       ██▓▓▓▓▓▓▓▓▓▓▓▓████▓▓▓▓██▓▓▓▓
                                                      ██████▒▒▒▒▒▒▓▓▒▒▒▒▒▒▓▓▒▒▒▒▓▓▓▓▓▓
    ██▓▓▓▓                                        ▓▓▓▓▓▓▒▒▒▒▒▒▒▒░░░░░░░░░░░░░░▓▓▓▓
    ▓▓▒▒████                                    ▓▓▓▓▒▒▒▒▒▒░░░░░░  ░░░░░░░░▒▒████
    ██▓▓▓▓▓▓██████                            ██▓▓▓▓▒▒░░░░░░░░░░░░░░░░░░░░▒▒██
      ▓▓▒▒▒▒▒▒▒▒▓▓▓▓                        ▓▓▓▓▓▓▒▒░░░░░░░░░░░░░░░░░░░░░░▒▒██
      ▓▓▒▒▒▒▓▓▒▒▓▓██▓▓██▓▓▓▓              ▓▓▓▓▒▒▒▒░░  ░░  ░░░░░░░░░░░░░░░░▒▒██
      ▓▓▓▓▓▓▒▒▓▓▒▒▓▓▓▓██▓▓              ██▓▓▒▒▒▒░░░░░░░░░░░░░░░░░░░░░░░░░░▒▒██
        ▓▓██▒▒██▒▒▓▓▓▓▓▓██              ██▓▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▓▓▓▓██
          ▓▓██▓▓▓▓██▓▓████▓▓▓▓██          ██░░▒▒▒▒░░░░░░░░░░▒▒░░▒▒░░▓▓▓▓██████░░
          ██▓▓▓▓▒▒██▓▓▓▓████▓▓            ▓▓░░▒▒▒▒▒▒▒▒  ░░░░░░░░░░▓▓▓▓
              ▓▓▓▓██▓▓▒▒▓▓▓▓            ██▓▓░░▒▒▒▒░░▒▒▒▒▒▒▒▒▒▒░░  ▓▓
            ██▓▓▓▓██▓▓▒▒▓▓▓▓            ██░░░░▒▒▒▒░░░░░░░░░░▒▒▒▒░░▓▓
            ▓▓▓▓▓▓██▓▓▓▓▓▓▓▓        ▓▓▓▓░░░░▒▒▒▒░░░░░░░░░░░░░░░░▒▒▓▓
                ██▓▓▓▓▓▓████▓▓▓▓▓▓▓▓▓▓▒▒▒▒▒▒▒▒  ░░░░  ░░░░  ░░  ▒▒▓▓██
                ▓▓▓▓▓▓▓▓██████▓▓██▒▒▓▓▓▓▒▒▒▒▒▒░░░░░░░░░░░░░░░░░░▒▒▓▓▓▓▓▓      ██
                ██▓▓██▓▓▒▒▒▒▒▒▓▓▓▓▓▓▓▓▓▓▓▓░░░░░░░░░░░░░░░░░░░░▓▓▓▓▓▓▓▓▓▓████  ▓▓██
                    ██▓▓▓▓▓▓▒▒▓▓▓▓████████▓▓▓▓▓▓▓▓▓▓░░░░░░░░▓▓▓▓▓▓          ▓▓██▓▓▓▓
                        ▓▓▓▓▓▓▒▒▒▒▓▓▓▓████▓▓▓▓▓▓▓▓░░░░░░░░░░██            ░░▓▓▒▒▓▓▓▓
                            ▓▓▓▓▒▒▓▓▒▒▓▓▒▒▒▒▓▓▓▓▓▓▓▓▓▓▓▓▓▓░░██          ████▓▓▒▒▓▓▓▓██
                        ██▓▓██▒▒▒▒░░▒▒▒▒▒▒▒▒▒▒▒▒▓▓▓▓▓▓██▓▓▓▓██          ████▓▓▒▒▓▓▒▒▓▓
        ▓▓██████████████▓▓░░▒▒▒▒░░░░░░░░░░▒▒▒▒▒▒▒▒▓▓▓▓████▓▓██▓▓██      ████▓▓██▓▓▓▓▓▓
      ██▓▓██████░░░░░░░░░░▒▒▒▒░░░░░░░░░░░░░░░░░░▒▒▒▒▓▓▓▓▓▓██▓▓▓▓▓▓████        ▓▓██
      ██▒▒▓▓▓▓▓▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒░░░░░░░░░░░░░░░░▓▓▓▓▓▓▒▒▓▓▓▓▓▓▓▓██████          ▓▓██
      ▓▓▒▒░░▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒░░░░░░░░░░░░░░▓▓▓▓▒▒▓▓▓▓▓▓▒▒▒▒▒▒▓▓▓▓▓▓██▓▓    ██▓▓██
      ▓▓▒▒░░░░▒▒░░▒▒▒▒░░░░░░░░░░░░░░░░░░░░░░▓▓██▒▒▓▓██▓▓▒▒▒▒▒▒▒▒▒▒▓▓██▓▓██▓▓▓▓▓▓
      ██▒▒░░  ▒▒  ▒▒░░░░░░░░░░░░░░  ░░░░░░░░████▓▓▓▓▓▓██▓▓▒▒▒▒▒▒▒▒▓▓▓▓██████▓▓
      ▓▓▒▒░░░░▒▒░░░░▒▒▒▒▒▒▒▒░░░░░░░░░░  ░░░░██          ▓▓██▓▓▓▓▒▒▒▒▓▓▓▓██▓▓
      ▓▓▒▒▒▒░░▒▒░░░░░░░░▒▒▒▒▓▓▒▒░░░░░░░░░░▒▒▓▓          ▓▓████▓▓▒▒▒▒▒▒▓▓▓▓████
      ▓▓▒▒▒▒░░░░▒▒▒▒░░░░░░░░░░▒▒▒▒▒▒▓▓▓▓▓▓▓▓▓▓██      ██▓▓██▓▓▓▓▓▓▒▒▒▒▒▒▓▓██▓▓██
      ▓▓▒▒▒▒░░░░▒▒▒▒░░░░░░░░░░░░░░██        ▓▓▓▓    ▓▓▓▓██      ▓▓▓▓▒▒▒▒▓▓██████▓▓
      ▓▓▒▒▒▒░░░░░░▒▒▒▒░░░░░░░░░░░░▓▓              ▓▓██            ██▒▒▒▒▓▓▓▓
        ▓▓▒▒▒▒░░░░▒▒▒▒▒▒░░░░░░▓▓▓▓████          ██▓▓▓▓            ██▒▒▒▒▓▓██▓▓
        ▓▓▒▒▓▓░░░░░░░░▒▒▒▒▒▒██▓▓▓▓▓▓██          ▓▓██              ▓▓▒▒▒▒▓▓████▓▓
        ██▓▓▒▒▒▒░░░░░░░░░░▒▒██                ▓▓████              ▓▓▒▒▒▒████████▓▓
          ██▓▓▒▒░░░░░░░░░░░░██                ██▓▓██▓▓          ▓▓██▒▒▒▒████
            ██▓▓▒▒▒▒░░░░░░░░▓▓              ░░██▓▓▓▓████        ██▓▓▒▒▓▓██████
                ▓▓▓▓▓▓▒▒▒▒▒▒▓▓▓▓██                ▓▓▒▒▓▓▓▓████▓▓▒▒▒▒▓▓▓▓████▓▓
                    ▓▓▓▓▓▓▓▓▓▓▓▓██                ▓▓▓▓▓▓▓▓██▓▓▓▓▓▓▓▓██
                                                        ██▓▓▓▓██▓▓

-->
<!doctype html>
<html lang="pl">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Projekty &mdash; Piotr M Pelica</title>

            <link rel="stylesheet" href="/build/0.8a081db9.css"><link rel="stylesheet" href="/build/app.6143a070.css">
    
            <link rel="manifest" href="/manifest.json"/>
        <link rel="icon" href="/assets/images/32x32.png" sizes="32x32"/>
        <link rel="icon" href="/assets/images/192x192.png" sizes="192x192"/>
        <link rel="apple-touch-icon" href="/assets/images/180x180.png"/>
        <meta name="msapplication-TileImage" content="/assets/images/270x270.png"/>
        <meta name="theme-color" content="#da0000"/>

        <link rel="alternate" type="application/rss+xml" title="RSS" href="https://pelica.net/rss"/>

                    <meta property="og:type" content="website"/>
            <meta property="og:title" content="Projekty &mdash; Piotr M Pelica"/>
            <meta property="og:description" content="(づ•﹏•)づ"/>
            <meta property="og:url" content="https://pelica.net/"/>
            <meta property="og:site_name" content="Piotr M Pelica"/>
            <meta property="og:image" content="https://pelica.net/assets/images/hello.png"/>
            <meta property="og:image:width" content="1280"/>
            <meta property="og:image:height" content="685"/>
            <meta property="og:locale" content="en_GB"/>
            <meta name="twitter:site" content="@piotrpelica"/>
            <meta name="twitter:text:title" content="Piotr M Pelica"/>
            <meta name="twitter:image" content="https://pelica.net/assets/images/hello.png"/>
            <meta name="twitter:card" content="summary_large_image"/>
        
                    <link rel="canonical" href="https://pelica.net/work"/>
            
    </head>
<body class="">
                <aside class="sidebar" id="sidebar">
                            <div class="sidebar-close">
                    <button class="nav-toggle" data-target="#sidebar">
                        <span class="toggle icon material-symbols-rounded">
                            close
                        </span>
                    </button>
                </div>

                                    <nav class="navbar main-menu">
                        <div class="brand d-none d-lg-block">
                            <a href="/">
                                <img src="/assets/images/piotr_m_pelica.jpg"
                                     alt="piotr m pelica"
                                     class="hey-its-me"/>
                            </a>
                        </div>

                                                    <div class="nav mt-5 mt-lg-0">
                                <ul class="navbar-nav">
                                                                            <li class="nav-item">
                                            <a class="nav-link "
                                               aria-current="page"
                                               href="/">
                                                <span class="icon material-symbols-rounded">cottage</span>
                                                <span class="nav-link-label">Główna</span>
                                            </a>
                                        </li>
                                        <li class="nav-item">
                                            <a class="nav-link "
                                               href="/photos">
                                                <span class="icon material-symbols-rounded">camera</span>
                                                <span class="nav-link-label">Fotki</span>
                                            </a>
                                        </li>
                                        <li class="nav-item">
                                            <a class="nav-link "
                                               href="/blog">
                                                <span class="icon material-symbols-rounded">chat</span>
                                                <span class="nav-link-label">Blog</span>
                                            </a>
                                        </li>

                                        <li class="nav-item">
                                            <span class="nav-header">
                                                Rzeczy
                                            </span>
                                        </li>
                                        <li class="nav-item">
                                            <a class="nav-link active"
                                               href="/work">
                                                <span class="icon material-symbols-rounded">code</span>
                                                <span class="nav-link-label">Projekty</span>
                                            </a>
                                        </li>
                                        <li class="nav-item">
                                            <a class="nav-link "
                                               href="/notes">
                                                <span class="icon material-symbols-rounded">stylus_note</span>
                                                <span class="nav-link-label">Notatki</span>
                                            </a>
                                        </li>
                                        <li class="nav-item">
                                            <a class="nav-link "
                                               href="/bookmarks">
                                                <span class="icon material-symbols-rounded">book</span>
                                                <span class="nav-link-label">Zakładki</span>
                                            </a>
                                        </li>

                                                                                                            </ul>
                            </div>
                                            </nav>
                
                    </aside>
    

    <nav class="side ">
        <header class="header">
            <button class="nav-toggle" data-target="#sidebar">
                <span class="toggle icon material-symbols-rounded">
                    menu
                </span>
            </button>
            <span class="title">Projekty</span>
        </header>

        <ul class="navbar-nav">
            <li class="nav-item">
                <a class="nav-link "
                   aria-current="page"
                   href="/work/cctv">
                    <span class="icon material-symbols-rounded">camera_outdoor</span>
                    <span class="nav-link-label">CCTV viewer</span>
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link "
                   aria-current="page"
                   href="/work/carpcabin">
                    <span class="icon material-symbols-rounded">camping</span>
                    <span class="nav-link-label">Carp Cabin Retreats</span>
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link "
                   aria-current="page"
                   href="/work/radio">
                    <span class="icon material-symbols-rounded">radio</span>
                    <span class="nav-link-label">Online Radio PWA</span>
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link "
                   aria-current="page"
                   href="/work/homeserver">
                    <span class="icon material-symbols-rounded">dns</span>
                    <span class="nav-link-label">Home Server</span>
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link "
                   aria-current="page"
                   href="/work/dhkm">
                    <span class="icon material-symbols-rounded">my_location</span>
                    <span class="nav-link-label">DHKM</span>
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link "
                   aria-current="page"
                   href="/work/nettools">
                    <span class="icon material-symbols-rounded">wifi</span>
                    <span class="nav-link-label">Net Tools</span>
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link "
                   aria-current="page"
                   href="/work/ruszuk-synoracka">
                    <span class="icon material-symbols-rounded">gavel</span>
                    <span class="nav-link-label">Joanna Ruszuk-Synoracka</span>
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link "
                   aria-current="page"
                   href="/work/pohulanka">
                    <span class="icon material-symbols-rounded">camping</span>
                    <span class="nav-link-label">Agroturystyka Pohulanka</span>
                </a>
            </li>
        </ul>
    </nav>

            <a href="#" class="sidebar-close-backdrop" data-target="#sidebar"></a>
    
            <header class="header">
                                <a href="/work" class="header-button">
        <span class="toggle icon material-symbols-rounded">
            arrow_back
        </span>
    </a>
                    <span class="title me-auto">
            Projekty
    </span>
                    </header>
    
            <div class="alerts">
            
                    </div>
    
            <main class="main">
                            <div class="container">
                        <div class="hero">
        <div class="hero-content">
            <h1 class="display text-thicc mb-3">
                <span>Projekty</span>
            </h1>
            <p class="lead text-muted mb-5">Dzieła moich rąk &mdash; komercyjne i prywatne</p>
        </div>
    </div>
                </div>
                    </main>
    
            <footer class="footer">
            <div class="container">
                <div class="row">
                    <div class="col-9">
                        <div>&copy; 2024 Piotr M Pelica. Wszystkie prawa zastrzeżone.</div>
                    </div>
                    <div class="col-3 text-end">
                                                    <div class="flags">
                                                                    <a class="flag" href="/work?lang=en">🇬🇧</a>
                                
                                                                    <span class="flag disabled">🇵🇱</span>
                                                            </div>
                                            </div>
                </div>
            </div>
        </footer>
    
    <script src="/build/runtime.7576e7bf.js" type="8fe3b0f2a4f3dc9dd3976587-text/javascript"></script><script src="/build/0.0f3569a2.js" type="8fe3b0f2a4f3dc9dd3976587-text/javascript"></script><script src="/build/app.d05afbe8.js" type="8fe3b0f2a4f3dc9dd3976587-text/javascript"></script>

            <!-- Clarity -->
        <script type="8fe3b0f2a4f3dc9dd3976587-text/javascript">
            (function (c, l, a, r, i, t, y) {
                c[a] = c[a] || function () {
                    (c[a].q = c[a].q || []).push(arguments)
                };
                t = l.createElement(r);
                t.async = 1;
                t.src = "https://www.clarity.ms/tag/" + i;
                y = l.getElementsByTagName(r)[0];
                y.parentNode.insertBefore(t, y);
            })(window, document, "clarity", "script", "i2scgcdg02");
        </script>

        <!-- DragonWeb Analytics -->
        <script defer data-domain="pelica.net" src="https://the.dragonweb.co.uk/js/script.outbound-links.tagged-events.js" type="8fe3b0f2a4f3dc9dd3976587-text/javascript"></script>
    
<script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="8fe3b0f2a4f3dc9dd3976587-|49" defer></script></body>
</html>