skopec.dev/projects.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="Josef’s public GitHub projects — skopec.dev, Snake in Pygame, BatchGym, and more.">
  <title>Projects — websites &amp; games · Josef</title>
  <link rel="canonical" href="https://skopec.dev/projects.html">
  <meta property="og:title" content="Projects — Josef">
  <meta property="og:description" content="Public repositories — websites, games, and school experiments.">
  <meta property="og:type" content="website">
  <meta property="og:url" content="https://skopec.dev/projects.html">
  <meta property="og:image" content="https://skopec.dev/og-image.jpg">
  <meta property="og:image:alt" content="Josef. — skopec.dev">
  <meta property="og:site_name" content="skopec.dev">
  <meta name="twitter:card" content="summary_large_image">
  <meta name="twitter:title" content="Projects — Josef">
  <meta name="twitter:description" content="Public repositories — websites, games, and school experiments.">
  <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">
  <link rel="stylesheet" href="style.css">
  <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": "Projects", "item": "https://skopec.dev/projects.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>
      <button class="nav-toggle" type="button" aria-expanded="false" aria-controls="site-nav" aria-label="Open menu">
        <span></span><span></span><span></span>
      </button>
      <ul class="nav-links" id="site-nav">
        <li><a href="index.html">Home</a></li>
        <li><a href="projects.html" aria-current="page">Projects</a></li>
        <li><a href="hardware.html">Hardware</a></li>
      </ul>
    </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">Projects</span></li>
        </ol>
      </nav>
      <h1>Projects</h1>
      <p>Public repositories from GitHub — websites, games, and school projects.</p>
    </header>

    <section class="section" aria-labelledby="projects-list-title">
      <div class="wrap reveal">
        <p class="section-label">GitHub</p>
        <h2 id="projects-list-title">Repositories</h2>
        <p class="section-lead">Open any project on GitHub for the full source.</p>
        <ul class="project-list">
          <li class="project-item">
            <span class="tag">HTML</span>
            <h3>
              <a href="https://github.com/pepaskopec-blip/skopec.dev" target="_blank" rel="noopener noreferrer">skopec.dev</a>
            </h3>
            <p>This site — personal portfolio.</p>
            <a class="project-link" href="https://github.com/pepaskopec-blip/skopec.dev" target="_blank" rel="noopener noreferrer">View on GitHub →</a>
          </li>
          <li class="project-item">
            <span class="tag">Python</span>
            <h3>
              <a href="https://github.com/pepaskopec-blip/Snake-Pygame-" target="_blank" rel="noopener noreferrer">Snake-Pygame-</a>
            </h3>
            <p>A colorful, feature-rich Snake game built with Pygame.</p>
            <a class="project-link" href="https://github.com/pepaskopec-blip/Snake-Pygame-" target="_blank" rel="noopener noreferrer">View on GitHub →</a>
          </li>
          <li class="project-item">
            <span class="tag">Batchfile</span>
            <h3>
              <a href="https://github.com/pepaskopec-blip/BatchGym" target="_blank" rel="noopener noreferrer">BatchGym</a>
            </h3>
            <p>First game ever — a freshman school project. Text-based RPG that simulates a gym visit: manage money, buy supplements, and complete sets.</p>
            <a class="project-link" href="https://github.com/pepaskopec-blip/BatchGym" target="_blank" rel="noopener noreferrer">View on GitHub →</a>
          </li>
        </ul>
      </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="hardware.html">Hardware</a>
        <a href="index.html#connect">Get in touch</a>
        <a href="privacy.html">Privacy</a>
      </nav>
    </div>
  </footer>

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