Initial commit

This commit is contained in:
pepaskopec-blip 2026-09-01 14:16:54 +02:00
commit aa4b87399c
15 changed files with 1726 additions and 0 deletions

105
projects.html Normal file
View file

@ -0,0 +1,105 @@
<!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="stylesheet" href="style.css">
</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">
<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-reimagined" target="_blank" rel="noopener noreferrer">skopec.dev-reimagined</a>
</h3>
<p>New 2.0 version of skopec.dev — rebuilt from scratch. This site.</p>
<a class="project-link" href="https://github.com/pepaskopec-blip/skopec.dev-reimagined" target="_blank" rel="noopener noreferrer">View on GitHub →</a>
</li>
<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>Code for the original website at skopec.dev.</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>