<!--

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

-->
<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Peter 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="Peter 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/"/>
            
    </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="peter 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 active"
                                               aria-current="page"
                                               href="/">
                                                <span class="icon material-symbols-rounded">cottage</span>
                                                <span class="nav-link-label">Home</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">Photos</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">
                                                Stuff
                                            </span>
                                        </li>
                                        <li class="nav-item">
                                            <a class="nav-link "
                                               href="/work">
                                                <span class="icon material-symbols-rounded">code</span>
                                                <span class="nav-link-label">Projects</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">Notes</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">Bookmarks</span>
                                            </a>
                                        </li>

                                                                                                            </ul>
                            </div>
                                            </nav>
                
                    </aside>
    
            <a href="#" class="sidebar-close-backdrop" data-target="#sidebar"></a>
    
            <header class="header">
                                                <button class="nav-toggle" data-target="#sidebar">
                        <span class="toggle icon material-symbols-rounded">
                            menu
                        </span>
                    </button>
                                    <span class="title me-auto">
        Home
    </span>
                    </header>
    
            <div class="alerts">
            
                    </div>
    
            <main class="main">
                            <div class="container">
                    
    <div class="hero mt-5 py-5 border-bottom">
        <div class="hero-content">
            <div class="brand mb-3 d-lg-none">
                <a href="/">
                    <img src="/assets/images/piotr_m_pelica.jpg"
                         alt="peter m pelica"
                         class="hey-its-me"/>
                </a>
            </div>

            <h1 class="display text-thicc mb-3">
                <span>Peter M Pelica</span>
            </h1>
            <p class="small-lead text-muted-light">I&#039;m a software developer, specializing in building and designing web applications.</p>

            <div class="mt-5 d-lg-none">
                <button class="btn nav-toggle" data-target="#sidebar">
                    Explore
                </button>
            </div>
        </div>
    </div>

    <div class="py-5 border-bottom">
        <div class="row">
            <div class="col-12 col-lg-6 d-grid">
                <a class="dark btn" href="/cdn-cgi/l/email-protection#97e7fef8e3e5d7e7f2fbfef4f6b9f9f2e3">
                    <span class="icon material-symbols-rounded">mail</span>
                    <span class="btn-label">
                        Email
                        <span class="btn-help"><span class="__cf_email__" data-cfemail="beced7d1caccfecedbd2d7dddf90d0dbca">[email&#160;protected]</span></span>
                    </span>
                </a>
            </div>
            <div class="col-12 col-lg-6 d-grid">
                <a class="dark btn" rel="me" href="https://mastodon.pelica.net/@piotr">
                    <span class="icon material-symbols-rounded">network_node</span>
                    <span class="btn-label">
                        Fediverse
                        <span class="btn-help">@<span class="__cf_email__" data-cfemail="42322b2d36300232272e2b21236c2c2736">[email&#160;protected]</span></span>
                    </span>
                    <span class="out icon material-symbols-rounded">arrow_outward</span>
                </a>
            </div>
            <div class="col-12 col-lg-6 d-grid">
                <a class="dark btn" href="https://www.instagram.com/piotrpelica">
                    <span class="icon material-symbols-rounded">photo_camera</span>
                    <span class="btn-label">
                        Instagram
                        <span class="btn-help">piotrpelica</span>
                    </span>
                    <span class="out icon material-symbols-rounded">arrow_outward</span>
                </a>
            </div>
        </div>
    </div>

    <div class="py-5">
        <div class="small-lead mb-2">
            Latest photos
        </div>
        <div>
            <div class="row mb-2">
                                    <div class="col-6 col-lg-3">
                        <a href="/album/random" class="text-decoration-none">
                            <div class="album rounded h-100">
                                <div class="ratio ratio-1x1 album-cover-container">
                                    <div class="album-cover"
                                         style="background-image:url('https://pelica.s3.rbx.io.cloud.ovh.net/thumb/202404/DSC02269-661457045d8d7..jpg');">
                                    </div>
                                </div>

                                <div class="album-photo-count">
                                    <span class="icon material-symbols-rounded">photo_library</span>
                                    <span class="photo-count">74</span>
                                </div>

                                <div class="album-info">
                                    <div class="album-title">
                                                                                    Random
                                                                            </div>
                                    <div class="text-muted small">
                                        29/03/2024
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                                    <div class="col-6 col-lg-3">
                        <a href="/album/colchester-zoo" class="text-decoration-none">
                            <div class="album rounded h-100">
                                <div class="ratio ratio-1x1 album-cover-container">
                                    <div class="album-cover"
                                         style="background-image:url('https://pelica.s3.rbx.io.cloud.ovh.net/thumb/202403/DSC02130-65eccaa9cc919..jpg');">
                                    </div>
                                </div>

                                <div class="album-photo-count">
                                    <span class="icon material-symbols-rounded">photo_library</span>
                                    <span class="photo-count">31</span>
                                </div>

                                <div class="album-info">
                                    <div class="album-title">
                                                                                    Colchester Zoo
                                                                            </div>
                                    <div class="text-muted small">
                                        09/03/2024
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                                    <div class="col-6 col-lg-3">
                        <a href="/album/banham-zoo-2907" class="text-decoration-none">
                            <div class="album rounded h-100">
                                <div class="ratio ratio-1x1 album-cover-container">
                                    <div class="album-cover"
                                         style="background-image:url('https://pelica.s3.rbx.io.cloud.ovh.net/thumb/202309/651559a5c9e5b..jpg');">
                                    </div>
                                </div>

                                <div class="album-photo-count">
                                    <span class="icon material-symbols-rounded">photo_library</span>
                                    <span class="photo-count">16</span>
                                </div>

                                <div class="album-info">
                                    <div class="album-title">
                                                                                    Banham Zoo 29/07
                                                                            </div>
                                    <div class="text-muted small">
                                        29/07/2023
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                                    <div class="col-6 col-lg-3">
                        <a href="/album/mam-tor" class="text-decoration-none">
                            <div class="album rounded h-100">
                                <div class="ratio ratio-1x1 album-cover-container">
                                    <div class="album-cover"
                                         style="background-image:url('https://pelica.s3.rbx.io.cloud.ovh.net/thumb/202309/6515599f18eb8..jpg');">
                                    </div>
                                </div>

                                <div class="album-photo-count">
                                    <span class="icon material-symbols-rounded">photo_library</span>
                                    <span class="photo-count">11</span>
                                </div>

                                <div class="album-info">
                                    <div class="album-title">
                                                                                    Mam Tor
                                                                            </div>
                                    <div class="text-muted small">
                                        16/04/2023
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                            </div>

            <a href="/photos" class="btn">
                See more
            </a>
        </div>
    </div>


                </div>
                    </main>
    
            <footer class="footer">
            <div class="container">
                <div class="row">
                    <div class="col-9">
                        <div>&copy; 2024 Piotr M Pelica. All rights reserved.</div>
                    </div>
                    <div class="col-3 text-end">
                                                    <div class="flags">
                                                                    <span class="flag disabled">🇬🇧</span>
                                
                                                                    <a class="flag" href="/?lang=pl">🇵🇱</a>
                                                            </div>
                                            </div>
                </div>
            </div>
        </footer>
    
        <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="/build/runtime.7576e7bf.js" type="6393b866265bf8c969e8f9e6-text/javascript"></script><script src="/build/0.0f3569a2.js" type="6393b866265bf8c969e8f9e6-text/javascript"></script><script src="/build/app.d05afbe8.js" type="6393b866265bf8c969e8f9e6-text/javascript"></script>


            <!-- Clarity -->
        <script type="6393b866265bf8c969e8f9e6-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="6393b866265bf8c969e8f9e6-text/javascript"></script>
    
<script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="6393b866265bf8c969e8f9e6-|49" defer></script></body>
</html>