skopec.dev/index.html
2026-09-01 20:48:39 +02:00

336 lines
26 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!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 Skopec — 16-year-old student from the Czech Republic. Graphic design, web development, and a Proxmox home lab.">
<title>Josef — portfolio &amp; home lab · skopec.dev</title>
<link rel="canonical" href="https://skopec.dev/">
<meta property="og:title" content="Josef — portfolio &amp; home lab">
<meta property="og:description" content="Student designer &amp; developer from the Czech Republic. Projects, hardware, and self-hosted services.">
<meta property="og:type" content="website">
<meta property="og:url" content="https://skopec.dev/">
<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="Josef — portfolio &amp; home lab">
<meta name="twitter:description" content="Student designer &amp; developer from the Czech Republic. Projects, hardware, and self-hosted services.">
<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": "Person",
"name": "Josef Skopec",
"url": "https://skopec.dev/",
"email": "mailto:josef@skopec.dev",
"jobTitle": "Student — graphic design & web development",
"affiliation": {
"@type": "EducationalOrganization",
"name": "SSŠVT"
},
"address": {
"@type": "PostalAddress",
"addressCountry": "CZ"
},
"sameAs": [
"https://github.com/pepaskopec-blip",
"https://www.linkedin.com/in/josef-skopec-69380234b/",
"https://x.com/ishoot4fun11",
"https://www.instagram.com/skopcaak1",
"https://www.tiktok.com/@skopcaak_1",
"https://www.threads.com/@skopcaak1",
"https://itch.io/profile/skopcaak",
"https://quipee.me/u/skopcaak_1"
]
}
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "FAQPage",
"mainEntity": [
{
"@type": "Question",
"name": "Who are you?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Josef — a 16-year-old student at SSŠVT in the Czech Republic, into graphic design, web development, and home labbing."
}
},
{
"@type": "Question",
"name": "Can I get access to your services?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Most *.skopec.dev services are private. If you know me, ask — otherwise they are not open to the public."
}
},
{
"@type": "Question",
"name": "Where is the source for this site?",
"acceptedAnswer": {
"@type": "Answer",
"text": "On GitHub: pepaskopec-blip/skopec.dev."
}
},
{
"@type": "Question",
"name": "What hardware do you run?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Desktop, MacBook Air M5, a Proxmox Xeon box, and a Redmi Note 11 Pro 5G — full specs on the Hardware page."
}
},
{
"@type": "Question",
"name": "How do I contact you?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Email josef@skopec.dev, or use Discord (ishootn4fun) and the other links in Get in touch."
}
}
]
}
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebSite",
"name": "skopec.dev",
"url": "https://skopec.dev/",
"description": "Josef Skopec — student portfolio: graphic design, web development, and a Proxmox home lab.",
"inLanguage": "en",
"author": {
"@type": "Person",
"name": "Josef Skopec",
"url": "https://skopec.dev/"
}
}
</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" aria-current="page">Home</a></li>
<li><a href="projects.html">Projects</a></li>
<li><a href="hardware.html">Hardware</a></li>
</ul>
</div>
</header>
<main id="main" class="page">
<section class="hero wrap" id="about" aria-labelledby="about-title">
<div class="hero-content">
<h1 id="about-title" class="hero-about-title">Hey, I’m Josef.</h1>
<p class="about-text">
I’m a 16-year-old student from the Czech Republic specializing in graphic design and web development at SSŠVT.
I’m a home lab enthusiast and developer — I run Linux on my desktop and my own Proxmox server where I host things like Jellyfin for movies and TV shows,
Navidrome for music, Ollama for local AI, SearXNG as a search engine, and more.
</p>
<p class="about-text">
Outside of screens I train five times a week on a UL / PPL split, and I play airsoft.
</p>
<div class="meta-row">
<span><strong>School</strong> SSŠVT</span>
<span><strong>Focus</strong> Developement, Tinkering &amp; web</span>
<span><strong>OS</strong> Linux</span>
<span><strong>Home Lab</strong> Proxmox</span>
<span><strong>Gym</strong> 5× / week · UL/PPL</span>
<span><strong>Hobby</strong> Airsoft, Gym</span>
</div>
<div class="hero-actions">
<a class="btn btn-primary" href="#services">My services</a>
<a class="btn btn-ghost" href="projects.html">See projects</a>
</div>
</div>
</section>
<section class="section" id="services" aria-labelledby="services-title">
<div class="wrap reveal">
<p class="section-label">Self-hosted</p>
<h2 id="services-title">Services</h2>
<p class="section-lead">Things I run on my lab — open a service if you have access.</p>
<ul class="service-list">
<li>
<a href="https://proxmox.skopec.dev" target="_blank" rel="noopener noreferrer">
<span class="service-name">Proxmox</span>
<span class="service-host">proxmox.skopec.dev</span>
<span class="service-arrow" aria-hidden="true">→</span>
</a>
</li>
<li>
<a href="https://jelly.skopec.dev" target="_blank" rel="noopener noreferrer">
<span class="service-name">Jellyfin</span>
<span class="service-host">jelly.skopec.dev</span>
<span class="service-arrow" aria-hidden="true">→</span>
</a>
</li>
<li>
<a href="https://navi.skopec.dev" target="_blank" rel="noopener noreferrer">
<span class="service-name">Navidrome</span>
<span class="service-host">navi.skopec.dev</span>
<span class="service-arrow" aria-hidden="true">→</span>
</a>
</li>
<li>
<a href="https://ai.skopec.dev" target="_blank" rel="noopener noreferrer">
<span class="service-name">Ollama</span>
<span class="service-host">ai.skopec.dev</span>
<span class="service-arrow" aria-hidden="true">→</span>
</a>
</li>
<li>
<a href="https://search.skopec.dev" target="_blank" rel="noopener noreferrer">
<span class="service-name">SearXNG</span>
<span class="service-host">search.skopec.dev</span>
<span class="service-arrow" aria-hidden="true">→</span>
</a>
</li>
<li>
<a href="https://convert.skopec.dev" target="_blank" rel="noopener noreferrer">
<span class="service-name">ConvertX</span>
<span class="service-host">convert.skopec.dev</span>
<span class="service-arrow" aria-hidden="true">→</span>
</a>
</li>
</ul>
</div>
</section>
<section class="section" id="friends" aria-labelledby="friends-title">
<div class="wrap reveal">
<p class="section-label">Friends</p>
<h2 id="friends-title">Websites</h2>
<p class="section-lead">A few sites worth visiting.</p>
<ul class="friend-list">
<li>
<a href="https://dvorakmortonxd.dev" target="_blank" rel="noopener noreferrer">
<span class="friend-name">Martin Dvořák</span>
<span class="friend-url">dvorakmortonxd.dev</span>
</a>
</li>
<li>
<a href="https://bukovinafilip.com" target="_blank" rel="noopener noreferrer">
<span class="friend-name">Filip Bukovina</span>
<span class="friend-url">bukovinafilip.com</span>
</a>
</li>
<li>
<a href="https://vlcak.me" target="_blank" rel="noopener noreferrer">
<span class="friend-name">Tomáš Vlk</span>
<span class="friend-url">vlcak.me</span>
</a>
</li>
</ul>
</div>
</section>
<section class="section" id="faq" aria-labelledby="faq-title">
<div class="wrap reveal">
<p class="section-label">FAQ</p>
<h2 id="faq-title">Quick answers</h2>
<p class="section-lead">A few things people usually ask.</p>
<div class="faq-list">
<details class="faq-item">
<summary>Who are you?</summary>
<p>Josef — a 16-year-old student at SSŠVT in the Czech Republic, into graphic design, web development, and home labbing.</p>
</details>
<details class="faq-item">
<summary>Can I get access to your services?</summary>
<p>Most *.skopec.dev services are private. If you know me, ask — otherwise they’re not open to the public.</p>
</details>
<details class="faq-item">
<summary>Where’s the source for this site?</summary>
<p>On GitHub: <a href="https://github.com/pepaskopec-blip/skopec.dev" target="_blank" rel="noopener noreferrer">skopec.dev</a>.</p>
</details>
<details class="faq-item">
<summary>What hardware do you run?</summary>
<p>Desktop, MacBook Air M5, a Proxmox Xeon box, and a Redmi Note 11 Pro 5G — full specs on the <a href="hardware.html">Hardware</a> page.</p>
</details>
<details class="faq-item">
<summary>How do I contact you?</summary>
<p>Email <a href="mailto:josef@skopec.dev">josef@skopec.dev</a>, or use Discord (<strong>ishootn4fun</strong>) and the other links in <a href="#connect">Get in touch</a>.</p>
</details>
</div>
</div>
</section>
<section class="section" id="connect" aria-labelledby="connect-title">
<div class="wrap reveal">
<p class="section-label">Contact</p>
<h2 id="connect-title">Get in touch</h2>
<p class="section-lead">Find me across the web — or just send an email.</p>
<div class="social-row" aria-label="Social links">
<a class="social-link" href="https://github.com/pepaskopec-blip" target="_blank" rel="noopener noreferrer" aria-label="GitHub" title="GitHub">
<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg>
</a>
<a class="social-link" href="https://git.dvorakmortonxd.dev/skopcak" target="_blank" rel="noopener noreferrer" aria-label="Forgejo" title="Forgejo">
<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M16.7773 0c1.6018 0 2.9004 1.2986 2.9004 2.9005s-1.2986 2.9004-2.9004 2.9004c-1.0854 0-2.0315-.596-2.5288-1.4787H12.91c-2.3322 0-4.2272 1.8718-4.2649 4.195l-.0007 2.1175a7.0759 7.0759 0 0 1 4.148-1.4205l.1176-.001 1.3385.0002c.4973-.8827 1.4434-1.4788 2.5288-1.4788 1.6018 0 2.9004 1.2986 2.9004 2.9005s-1.2986 2.9004-2.9004 2.9004c-1.0854 0-2.0315-.596-2.5288-1.4787H12.91c-2.3322 0-4.2272 1.8718-4.2649 4.195l-.0007 2.319c.8827.4973 1.4788 1.4434 1.4788 2.5287 0 1.602-1.2986 2.9005-2.9005 2.9005-1.6018 0-2.9004-1.2986-2.9004-2.9005 0-1.0853.596-2.0314 1.4788-2.5287l-.0002-9.9831c0-3.887 3.1195-7.0453 6.9915-7.108l.1176-.001h1.3385C14.7458.5962 15.692 0 16.7773 0ZM7.2227 19.9052c-.6596 0-1.1943.5347-1.1943 1.1943s.5347 1.1943 1.1943 1.1943 1.1944-.5347 1.1944-1.1943-.5348-1.1943-1.1944-1.1943Zm9.5546-10.4644c-.6596 0-1.1944.5347-1.1944 1.1943s.5348 1.1943 1.1944 1.1943c.6596 0 1.1943-.5347 1.1943-1.1943s-.5347-1.1943-1.1943-1.1943Zm0-7.7346c-.6596 0-1.1944.5347-1.1944 1.1943s.5348 1.1943 1.1944 1.1943c.6596 0 1.1943-.5347 1.1943-1.1943s-.5347-1.1943-1.1943-1.1943Z"/></svg>
</a>
<a class="social-link" href="https://www.linkedin.com/in/josef-skopec-69380234b/" target="_blank" rel="noopener noreferrer" aria-label="LinkedIn" title="LinkedIn">
<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/></svg>
</a>
<a class="social-link" href="https://x.com/ishoot4fun11" target="_blank" rel="noopener noreferrer" aria-label="X" title="X">
<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932ZM17.61 20.644h2.039L6.486 3.24H4.298Z"/></svg>
</a>
<a class="social-link" href="https://www.instagram.com/skopcaak1" target="_blank" rel="noopener noreferrer" aria-label="Instagram" title="Instagram">
<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M7.0301.084c-1.2768.0602-2.1487.264-2.911.5634-.7888.3075-1.4575.72-2.1228 1.3877-.6652.6677-1.075 1.3368-1.3802 2.127-.2954.7638-.4956 1.6365-.552 2.914-.0564 1.2775-.0689 1.6882-.0626 4.947.0062 3.2586.0206 3.6671.0825 4.9473.061 1.2765.264 2.1482.5635 2.9107.308.7889.72 1.4573 1.388 2.1228.6679.6655 1.3365 1.0743 2.1285 1.38.7632.295 1.6361.4961 2.9134.552 1.2773.056 1.6884.069 4.9462.0627 3.2578-.0062 3.668-.0207 4.9478-.0814 1.28-.0607 2.147-.2652 2.9098-.5633.7889-.3086 1.4578-.72 2.1228-1.3881.665-.6682 1.0745-1.3378 1.3795-2.1284.2957-.7632.4966-1.636.552-2.9124.056-1.2809.0692-1.6898.063-4.948-.0063-3.2583-.021-3.6668-.0817-4.9465-.0607-1.2797-.264-2.1487-.5633-2.9117-.3084-.7889-.72-1.4568-1.3876-2.1228C21.2982 1.33 20.628.9208 19.8378.6165 19.074.321 18.2017.1197 16.9244.0645 15.6471.0093 15.236-.005 11.977.0014 8.718.0076 8.31.0215 7.0301.0839m.1402 21.6932c-1.17-.0509-1.8053-.2453-2.2287-.408-.5606-.216-.96-.4771-1.3819-.895-.422-.4178-.6811-.8186-.9-1.378-.1644-.4234-.3624-1.058-.4171-2.228-.0595-1.2645-.072-1.6442-.079-4.848-.007-3.2037.0053-3.583.0607-4.848.05-1.169.2456-1.805.408-2.2282.216-.5613.4762-.96.895-1.3816.4188-.4217.8184-.6814 1.3783-.9003.423-.1651 1.0575-.3614 2.227-.4171 1.2655-.06 1.6447-.072 4.848-.079 3.2033-.007 3.5835.005 4.8495.0608 1.169.0508 1.8053.2445 2.228.408.5608.216.96.4754 1.3816.895.4217.4194.6816.8176.9005 1.3787.1653.4217.3617 1.056.4169 2.2263.0602 1.2655.0739 1.645.0796 4.848.0058 3.203-.0055 3.5834-.061 4.848-.051 1.17-.245 1.8055-.408 2.2294-.216.5604-.4763.96-.8954 1.3814-.419.4215-.8181.6811-1.3783.9-.4224.1649-1.0577.3617-2.2262.4174-1.2656.0595-1.6448.072-4.8493.079-3.2045.007-3.5825-.006-4.848-.0608M16.953 5.5864A1.44 1.44 0 1 0 18.39 4.144a1.44 1.44 0 0 0-1.437 1.4424M5.8385 12.012c.0067 3.4032 2.7706 6.1557 6.173 6.1493 3.4026-.0065 6.157-2.7701 6.1506-6.1733-.0065-3.4032-2.771-6.1565-6.174-6.1498-3.403.0067-6.156 2.771-6.1496 6.1738M8 12.0077a4 4 0 1 1 4.008 3.9921A3.9996 3.9996 0 0 1 8 12.0077"/></svg>
</a>
<a class="social-link" href="https://www.tiktok.com/@skopcaak_1" target="_blank" rel="noopener noreferrer" aria-label="TikTok" title="TikTok">
<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z"/></svg>
</a>
<a class="social-link" href="https://www.snapchat.com/add/skopcaak?share_id=xwTiIsZlpos&amp;locale=en-US" target="_blank" rel="noopener noreferrer" aria-label="Snapchat" title="Snapchat">
<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12.206.793c.99 0 4.347.276 5.93 3.821.529 1.193.403 3.219.299 4.847l-.003.06c-.012.18-.022.345-.03.51.075.045.203.09.401.09.3-.016.659-.12 1.033-.301.165-.088.344-.104.464-.104.182 0 .359.029.509.09.45.149.734.479.734.838.015.449-.39.839-1.213 1.168-.089.029-.209.075-.344.119-.45.135-1.139.36-1.333.81-.09.224-.061.524.12.868l.015.015c.06.136 1.526 3.475 4.791 4.014.255.044.435.27.42.509 0 .075-.015.149-.045.225-.24.569-1.273.988-3.146 1.271-.059.091-.12.375-.164.57-.029.179-.074.36-.134.553-.076.271-.27.405-.555.405h-.03c-.135 0-.313-.031-.538-.074-.36-.075-.765-.135-1.273-.135-.3 0-.599.015-.913.074-.6.104-1.123.464-1.723.884-.853.599-1.826 1.288-3.294 1.288-.06 0-.119-.015-.18-.015h-.149c-1.468 0-2.427-.675-3.279-1.288-.599-.42-1.107-.779-1.707-.884-.314-.045-.629-.074-.928-.074-.54 0-.958.089-1.272.149-.211.043-.391.074-.54.074-.374 0-.523-.224-.583-.42-.061-.192-.09-.389-.135-.567-.046-.181-.105-.494-.166-.57-1.918-.222-2.95-.642-3.189-1.226-.031-.063-.052-.15-.055-.225-.015-.243.165-.465.42-.509 3.264-.54 4.73-3.879 4.791-4.02l.016-.029c.18-.345.224-.645.119-.869-.195-.434-.884-.658-1.332-.809-.121-.029-.24-.074-.346-.119-1.107-.435-1.257-.93-1.197-1.273.09-.479.674-.793 1.168-.793.146 0 .27.029.383.074.42.194.789.3 1.104.3.234 0 .384-.06.465-.105l-.046-.569c-.098-1.626-.225-3.651.307-4.837C7.392 1.077 10.739.807 11.727.807l.419-.015h.06z"/></svg>
</a>
<a class="social-link" href="https://www.threads.com/@skopcaak1" target="_blank" rel="noopener noreferrer" aria-label="Threads" title="Threads">
<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12.186 24h-.007c-3.581-.024-6.334-1.205-8.184-3.509C2.35 18.44 1.5 15.586 1.472 12.01v-.017c.03-3.579.879-6.43 2.525-8.482C5.845 1.205 8.6.024 12.18 0h.014c2.746.02 5.043.725 6.826 2.098 1.677 1.29 2.858 3.13 3.509 5.467l-2.04.569c-1.104-3.96-3.898-5.984-8.304-6.015-2.91.022-5.11.936-6.54 2.717C4.307 6.504 3.616 8.914 3.589 12c.027 3.086.718 5.496 2.057 7.164 1.43 1.783 3.631 2.698 6.54 2.717 2.623-.02 4.358-.631 5.8-2.045 1.647-1.613 1.618-3.593 1.09-4.798-.31-.71-.873-1.3-1.634-1.75-.192 1.352-.622 2.446-1.284 3.272-.886 1.102-2.14 1.704-3.73 1.79-1.202.065-2.361-.218-3.259-.801-1.063-.689-1.685-1.74-1.752-2.964-.065-1.19.408-2.285 1.33-3.082.88-.76 2.119-1.207 3.583-1.291a13.853 13.853 0 0 1 3.02.142c-.126-.742-.375-1.332-.75-1.757-.513-.586-1.308-.883-2.359-.89h-.029c-.844 0-1.992.232-2.721 1.32L7.734 7.847c.98-1.454 2.568-2.256 4.478-2.256h.044c3.194.02 5.097 1.975 5.287 5.388.108.046.216.094.321.142 1.49.7 2.58 1.761 3.154 3.07.797 1.82.871 4.79-1.548 7.158-1.85 1.81-4.094 2.628-7.277 2.65Zm1.003-11.69c-.242 0-.487.007-.739.021-1.836.103-2.98.946-2.916 2.143.067 1.256 1.452 1.839 2.784 1.767 1.224-.065 2.818-.543 3.086-3.71a10.5 10.5 0 0 0-2.215-.221z"/></svg>
</a>
<a class="social-link" href="https://itch.io/profile/skopcaak" target="_blank" rel="noopener noreferrer" aria-label="itch.io" title="itch.io">
<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M3.13 1.338C2.08 1.96.02 4.328 0 4.95v1.03c0 1.303 1.22 2.45 2.325 2.45 1.33 0 2.436-1.102 2.436-2.41 0 1.308 1.07 2.41 2.4 2.41 1.328 0 2.362-1.102 2.362-2.41 0 1.308 1.137 2.41 2.466 2.41h.024c1.33 0 2.466-1.102 2.466-2.41 0 1.308 1.034 2.41 2.363 2.41 1.33 0 2.4-1.102 2.4-2.41 0 1.308 1.106 2.41 2.435 2.41C22.78 8.43 24 7.282 24 5.98V4.95c-.02-.62-2.082-2.99-3.13-3.612-3.253-.114-5.508-.134-8.87-.133-3.362 0-7.945.053-8.87.133zm6.376 6.477a2.74 2.74 0 0 1-.468.602c-.5.49-1.19.795-1.947.795a2.786 2.786 0 0 1-1.95-.795c-.182-.178-.32-.37-.446-.59-.127.222-.303.412-.486.59a2.788 2.788 0 0 1-1.95.795c-.092 0-.187-.025-.264-.052-.107 1.113-.152 2.176-.168 2.95v.005l-.006 1.167c.02 2.334-.23 7.564 1.03 8.85 1.952.454 5.545.662 9.15.663 3.605 0 7.198-.21 9.15-.664 1.26-1.284 1.01-6.514 1.03-8.848l-.006-1.167v-.004c-.016-.775-.06-1.838-.168-2.95-.077.026-.172.052-.263.052a2.788 2.788 0 0 1-1.95-.795c-.184-.178-.36-.368-.486-.59-.127.22-.265.412-.447.59a2.786 2.786 0 0 1-1.95.794c-.76 0-1.446-.303-1.948-.793a2.74 2.74 0 0 1-.468-.602 2.738 2.738 0 0 1-.463.602 2.787 2.787 0 0 1-1.95.794h-.16a2.787 2.787 0 0 1-1.95-.793 2.738 2.738 0 0 1-.464-.602zm-2.004 2.59v.002c.795.002 1.5 0 2.373.953.687-.072 1.406-.108 2.125-.107.72 0 1.438.035 2.125.107.873-.953 1.578-.95 2.372-.953.376 0 1.876 0 2.92 2.934l1.123 4.028c.832 2.995-.266 3.068-1.636 3.07-2.03-.075-3.156-1.55-3.156-3.025-1.124.184-2.436.276-3.748.277-1.312 0-2.624-.093-3.748-.277 0 1.475-1.125 2.95-3.156 3.026-1.37-.004-2.468-.077-1.636-3.072l1.122-4.027c1.045-2.934 2.545-2.934 2.92-2.934zM12 12.714c-.002.002-2.14 1.964-2.523 2.662l1.4-.056v1.22c0 .056.56.033 1.123.007.562.026 1.124.05 1.124-.008v-1.22l1.4.055C14.138 14.677 12 12.713 12 12.713z"/></svg>
</a>
<a class="social-link" href="https://discord.com/app" target="_blank" rel="noopener noreferrer" aria-label="Discord: ishootn4fun" title="Discord: ishootn4fun">
<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M20.317 4.3698a19.7913 19.7913 0 00-4.8851-1.5152.0741.0741 0 00-.0785.0371c-.211.3753-.4447.8648-.6083 1.2495-1.8447-.2762-3.68-.2762-5.4868 0-.1636-.3933-.4058-.8742-.6177-1.2495a.077.077 0 00-.0785-.037 19.7363 19.7363 0 00-4.8852 1.515.0699.0699 0 00-.0321.0277C.5334 9.0458-.319 13.5799.0992 18.0578a.0824.0824 0 00.0312.0561c2.0528 1.5076 4.0413 2.4228 5.9929 3.0294a.0777.0777 0 00.0842-.0276c.4616-.6304.8731-1.2952 1.226-1.9942a.076.076 0 00-.0416-.1057c-.6528-.2476-1.2743-.5495-1.8722-.8923a.077.077 0 01-.0076-.1277c.1258-.0943.2517-.1923.3718-.2914a.0743.0743 0 01.0776-.0105c3.9278 1.7933 8.18 1.7933 12.0614 0a.0739.0739 0 01.0785.0095c.1202.099.246.1981.3728.2924a.077.077 0 01-.0066.1276 12.2986 12.2986 0 01-1.873.8914.0766.0766 0 00-.0407.1067c.3604.698.7719 1.3628 1.225 1.9932a.076.076 0 00.0842.0286c1.961-.6067 3.9495-1.5219 6.0023-3.0294a.077.077 0 00.0313-.0552c.5004-5.177-.8382-9.6739-3.5485-13.6604a.061.061 0 00-.0312-.0286zM8.02 15.3312c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9555-2.4189 2.157-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.9555 2.4189-2.1569 2.4189zm7.9748 0c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9554-2.4189 2.1569-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.946 2.4189-2.1568 2.4189Z"/></svg>
</a>
<a class="social-link" href="mailto:josef@skopec.dev" aria-label="Email josef@skopec.dev" title="josef@skopec.dev">
<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4.7L12 13.75 4 8.7V6.55l8 5.05 8-5.05V8.7z"/></svg>
</a>
<a class="social-link" href="https://quipee.me/u/skopcaak_1" target="_blank" rel="noopener noreferrer" aria-label="Quipee" title="Quipee">
<img src="icons/quipee.png" alt="" width="20" height="20">
</a>
</div>
</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="projects.html">Projects</a>
<a href="hardware.html">Hardware</a>
<a href="#faq">FAQ</a>
<a href="#connect">Get in touch</a>
<a href="privacy.html">Privacy</a>
</nav>
</div>
</footer>
<script src="script.js" defer></script>
</body>
</html>