skopec.dev/privacy.html

<!DOCTYPE html>
<html lang="cs">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="Privacy policy for skopec.dev — what this personal site collects and how data is handled.">
  <title>Privacy — Josef</title>
  <link rel="canonical" href="https://skopec.dev/privacy.html">
  <meta property="og:title" content="Privacy — Josef">
  <meta property="og:description" content="Privacy policy for skopec.dev.">
  <meta property="og:type" content="website">
  <meta property="og:url" content="https://skopec.dev/privacy.html">
  <meta property="og:image" content="https://skopec.dev/og-image.jpg">
  <meta property="og:site_name" content="skopec.dev">
  <meta name="twitter:card" content="summary_large_image">
  <meta name="twitter:title" content="Privacy — Josef">
  <meta name="twitter:description" content="Privacy policy for skopec.dev.">
  <meta name="twitter:image" content="https://skopec.dev/og-image.jpg">
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400..700;1,400..700&family=Syne:wght@500..800&display=swap" rel="stylesheet">
  <link rel="icon" href="favicon.svg" type="image/svg+xml">
  <link rel="icon" href="favicon-32.png" sizes="32x32" type="image/png">
  <link rel="apple-touch-icon" href="apple-touch-icon.png">
  <meta name="theme-color" content="#07090d">
  <script>
    (function () {
      try {
        document.documentElement.dataset.theme =
          localStorage.getItem("theme") === "light" ? "light" : "dark";
      } catch (error) {
        document.documentElement.dataset.theme = "dark";
      }
    })();
  </script>
  <link rel="stylesheet" href="style.css?v=20261018">
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "BreadcrumbList",
    "itemListElement": [
      {"@type": "ListItem", "position": 1, "name": "Home", "item": "https://skopec.dev/"},
      {"@type": "ListItem", "position": 2, "name": "Privacy", "item": "https://skopec.dev/privacy.html"}
    ]
  }
  </script>
</head>
<body>
  <a class="skip-link" href="#main">Skip to content</a>

  <header class="site-header">
    <div class="nav-inner">
      <a class="brand" href="index.html">Josef<span>.</span></a>
      <ul class="nav-links" id="site-nav">
        <li><a href="index.html">Home</a></li>
        <li><a href="projects.html">Projects</a></li>
        <li><a href="hardware.html">Hardware</a></li>
      </ul>
      <div class="nav-actions">
        <button class="theme-toggle" type="button" aria-label="Switch to light mode" aria-pressed="false" title="Toggle theme">
          <svg class="icon-sun" viewBox="0 0 24 24" aria-hidden="true">
            <circle cx="12" cy="12" r="4.2"></circle>
            <path d="M12 2.6v2.2M12 19.2v2.2M4.2 12H2M22 12h-2.2M6.3 6.3 4.8 4.8M19.2 19.2l-1.5-1.5M17.7 6.3l1.5-1.5M4.8 19.2l1.5-1.5"></path>
          </svg>
          <svg class="icon-moon" viewBox="0 0 24 24" aria-hidden="true">
            <path d="M20.5 14.3A8.6 8.6 0 0 1 9.7 3.5a8.6 8.6 0 1 0 10.8 10.8Z"></path>
          </svg>
        </button>
        <button class="nav-toggle" type="button" aria-expanded="false" aria-controls="site-nav" aria-label="Open menu">
          <span></span><span></span><span></span>
        </button>
      </div>
    </div>
  </header>

  <main id="main" class="page">
    <header class="page-hero wrap reveal">
      <nav class="breadcrumbs" aria-label="Breadcrumb">
        <ol>
          <li><a href="index.html">Home</a></li>
          <li><span aria-current="page">Privacy</span></li>
        </ol>
      </nav>
      <h1>Privacy</h1>
      <p>Short and plain — how this personal site handles information.</p>
    </header>

    <section class="section">
      <div class="wrap reveal prose">
        <h2>What this site is</h2>
        <p>skopec.dev is a personal portfolio. It is not a shop and does not run a contact form that stores messages on this domain.</p>

        <h2>What I collect</h2>
        <p>This static site does not use analytics cookies or trackers by default. Your browser may still send standard request data (IP address, user agent) to the host when pages load — that is normal for any website and is handled by the hosting provider’s logs.</p>

        <h2>External links</h2>
        <p>Links to social profiles, GitHub, friends’ sites, and self-hosted services leave skopec.dev. Those services have their own privacy policies.</p>

        <h2>Email</h2>
        <p>If you write to <a href="mailto:josef@skopec.dev">josef@skopec.dev</a>, I’ll use your message only to reply. I don’t sell or share contact details.</p>

        <h2>Questions</h2>
        <p>Reach me at <a href="mailto:josef@skopec.dev">josef@skopec.dev</a>.</p>
        <p class="muted-note">Last updated: September 2026</p>
      </div>
    </section>
  </main>

  <footer class="site-footer">
    <div class="footer-inner">
      <span>© <span data-year></span> Josef · skopec.dev</span>
      <nav class="footer-links" aria-label="Footer">
        <a href="index.html">Home</a>
        <a href="projects.html">Projects</a>
        <a href="hardware.html">Hardware</a>
        <a href="index.html#connect">Get in touch</a>
      </nav>
    </div>
  </footer>

  <script src="script.js" defer></script>
</body>
</html>