mirror of
https://github.com/pepaskopec-blip/skopec.dev.git
synced 2026-10-27 07:04:33 +00:00
162 lines
8.4 KiB
HTML
162 lines
8.4 KiB
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="Josef’s projects — skopec.dev, Proxmox homelab, Snake in Pygame, BatchGym, Graduately, and more.">
|
||
<title>Projects — websites & games · Josef</title>
|
||
<link rel="canonical" href="https://skopec.dev/projects.html">
|
||
<meta property="og:title" content="Projects — Josef">
|
||
<meta property="og:description" content="Projects, websites, homelab, 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="Websites, homelab, 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">
|
||
<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": "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>
|
||
<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 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">Projects</span></li>
|
||
</ol>
|
||
</nav>
|
||
<h1>Projects</h1>
|
||
<p>Websites, the homelab, games, and school projects.</p>
|
||
</header>
|
||
|
||
<section class="section" aria-labelledby="projects-list-title">
|
||
<div class="wrap reveal">
|
||
<p class="section-label">Selected</p>
|
||
<h2 id="projects-list-title">Work</h2>
|
||
<p class="section-lead">Things I’ve built or run — open a project for more.</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, written in html, hosted on my Homelab/Proxmox server. It has caching enabled on Cloudflared so it does not have to load everything from the origin server.</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">Proxmox</span>
|
||
<h3>
|
||
<a href="index.html#services">Homelab</a>
|
||
</h3>
|
||
<p>I just wanted a NAS server, but now I host almost everything. It uses Proxmox as the operating system and virtualization. I have more than ten LXC containers and VMs for my services. I also set up automatic restarts for maximum safety and updates. </p>
|
||
<a class="project-link" href="index.html#services">See services →</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>My first game in python, it is like 90% ai code, when I made it for the first time, I thought that it looks good, but now it looks like ai slop. Still it is very solid game packed with a lot of features, so it is pretty fun to play or try :D </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 for console application, written in bash, it can natively run only on Windows. 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>
|
||
<li class="project-item">
|
||
<span class="tag">Swift, Kotlin</span>
|
||
<h3>
|
||
<a href="https://github.com/pepaskopec-blip/Graduately" target="_blank" rel="noopener noreferrer">Graduately</a>
|
||
</h3>
|
||
<p>My biggest project yet. It is an educational SwiftUI/ Kotlin app for maturita/graduation preparation — The app is crossplatform and it is available on Mac, iPhone, Android, iPad, Windows and Linux. I am really proud of it.</p>
|
||
<a class="project-link" href="https://github.com/pepaskopec-blip/Graduately" target="_blank" rel="noopener noreferrer">View on GitHub →</a>
|
||
</li>
|
||
<li class="project-item">
|
||
<span class="tag">Terra</span>
|
||
<h3>
|
||
<a href="https://terra.hackclub.com" target="_blank" rel="noopener noreferrer">Terra</a>
|
||
</h3>
|
||
<p>Terra is You Ship, We Ship program rub by Hack Club. It combines gamified farming mechanics with real-world software developement, where coding translates into in-game resources to earn a free modular laptop or tablet.</p>
|
||
<a class="project-link" href="https://terra.hackclub.com/" target="_blank" rel="noopener noreferrer">View their site</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>
|