<!--

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

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

                <link rel="stylesheet" href="/build/0.8a081db9.css"><link rel="stylesheet" href="/build/app.a1aef93a.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="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/"/>
            
    </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 active"
                                               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">
                                            <a class="nav-link "
                                               href="/contact">
                                                <span class="icon material-symbols-rounded">call</span>
                                                <span class="nav-link-label">Kontakt</span>
                                            </a>
                                        </li>

                                        <li class="nav-item">
                                            <span class="nav-header">
                                                Rzeczy
                                            </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">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>
                        
                                                    <div class="mb-3 text-center flags">
                                                                    <a href="/?lang=en">🇬🇧</a>
                                
                                                                    🇵🇱
                                                            </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">
        Główna
    </span>
                    </header>
    
            <div class="alerts">
            
                    </div>
    
            <main class="main">
                            <div class="container">
                    
    <div class="hero">
        <div class="hero-content">
            <div class="brand mb-3 mt-5 d-lg-none">
                <a href="/">
                    <img src="/assets/images/piotr_m_pelica.jpg"
                         alt="piotr m pelica"
                         class="hey-its-me"/>
                </a>
            </div>

            <h1 class="display text-thicc mb-3">
                <span>Piotr M Pelica</span>
            </h1>
            <p class="small-lead text-muted-light mb-5">Jestem programistą z Cambridgeshire, specjalizującym się w projektowaniu i budowaniu aplikacji internetowych.</p>

            <div class="mb-3">
                <a href="/contact" class="btn">
                    Kontakt
                </a>
            </div>
        </div>
    </div>

    <div class="mb-5">
        <div class="small-lead">
            O mnie
        </div>

        <p class="mb-2">
            Hej! Piotr jestem. Jestem programistą z Cambridgeshire, UK.
        </p>
        <p class="mb-2">
            Tworzenie stron i aplikacji webowych to moja pasja. Moim celem w życiu jest ułatwić je poprzez oprogramowanie i automatyzację.
        </p>
        <p class="mb-2">
            W wolnym czasie lubię podróżować i robić zdjęcia, a okazjonalnie również pobawić się elektroniką.
        </p>
    </div>

    <div class="mb-5">
        <div class="small-lead">
            Fotki
        </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/DSC01632-65ecca646a2b6..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">
                Wszystkie fotki
            </a>
        </div>
    </div>

    <div class="mb-5">
        <div class="small-lead">
            Blog
        </div>
        <div>
            <div class="row mb-2">
                                    <div class="col-6 col-lg-3">
                        <a href="/blog/Co-u-mnie" 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/photo/202402/PXL-20240201-201815567-MP-65df2ba559d7c.jpg');">
                                        </div>
                                                                    </div>

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

                                <div class="album-info">
                                    <div class="album-title">
                                        Co u mnie
                                    </div>
                                    <div class="text-muted small">
                                        28/02/2024
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                                    <div class="col-6 col-lg-3">
                        <a href="/blog/Kornwalia-2022" 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/65155932068db..jpg');">
                                        </div>
                                                                    </div>

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

                                <div class="album-info">
                                    <div class="album-title">
                                        Kornwalia 2022
                                    </div>
                                    <div class="text-muted small">
                                        16/07/2022
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                                    <div class="col-6 col-lg-3">
                        <a href="/blog/Grindslow-Knoll-w-Edale" 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/6515590c37d95..jpg');">
                                        </div>
                                                                    </div>

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

                                <div class="album-info">
                                    <div class="album-title">
                                        Grindslow Knoll w Edale
                                    </div>
                                    <div class="text-muted small">
                                        04/06/2022
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                                    <div class="col-6 col-lg-3">
                        <a href="/blog/Sokolica" 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/651554613dd46..jpg');">
                                        </div>
                                                                    </div>

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

                                <div class="album-info">
                                    <div class="album-title">
                                        Sokolica
                                    </div>
                                    <div class="text-muted small">
                                        02/04/2017
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                            </div>

            <a href="/photos" class="btn">
                Wszystkie fotki
            </a>
        </div>
    </div>

            <div class="mb-4">
            <div class="text-center py-5">

                <h1 class="lead text-thick mb-3">Odezwij się</h1>
                <a href="/contact" class="btn btn-lg btn-primary px-5">
                    Kontakt
                </a>

            </div>
        </div>
    

                </div>
                    </main>
    
            <footer class="footer">
            <div class="container">
                <div class="row">
                    <div class="col-12 mb-3 pt-2 text-center">
                        <div>&copy; 2024 Piotr M Pelica. Wszystkie prawa zastrzeżone.</div>

                        <div class="mt-1">
                            <a rel="me" href="https://mastodon.pelica.net/@piotr"
                               class="me-1 text-decoration-none">
                                <i class="fab fa-mastodon fa-fw"></i>
                            </a>
                            <a rel="me" href="https://www.instagram.com/piotrpelica"
                               class="me-1 text-decoration-none">
                                <i class="fab fa-instagram fa-fw"></i>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </footer>
    
        <script src="/build/runtime.7576e7bf.js" type="f67cd4f7892e95ae51af9e52-text/javascript"></script><script src="/build/0.0f3569a2.js" type="f67cd4f7892e95ae51af9e52-text/javascript"></script><script src="/build/app.d05afbe8.js" type="f67cd4f7892e95ae51af9e52-text/javascript"></script>


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