Files
admin a350776105
gates / gates (push) Failing after 4m35s
Logos: seven coloured app logos made white like the rest; five logo/picture sets renamed to the catalog slug
Mealie, Homebox, Dawarich, Komga, Radicale, Recipe Importer (SVG) and SparkyFitness (PNG) are white now
(operator request), checked rendered in headless Chrome. crafty/grampsweb/homeassistant/plantit/uptimekuma
-> crafty-controller/gramps-web/home-assistant/plant-it/uptime-kuma, so the dashboard finds them (it asks
for <slug>-logo.*); both apps pages updated. R-912 filed (no gate checks this). Register 134 -> 135.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_012qRErfCoiTkvDK9N5XHbzb
2026-10-08 15:14:19 +02:00

1303 lines
125 KiB
HTML
Raw Permalink 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="hu">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Telepíthető alkalmazások — 56 app otthoni szerverre | Felhom.eu</title>
<meta name="description" content="Nextcloud, Immich, Jellyfin, Vaultwarden — összesen 56 alkalmazás otthoni szerveredre, szinte mind nyílt forráskódú. Google Drive, iCloud Photos és Spotify alternatívák.">
<meta name="keywords" content="Nextcloud, Immich, Jellyfin, Plex, Sonarr, Radarr, Vaultwarden, nyílt forráskódú alkalmazások, self-hosted apps, otthoni szerver alkalmazások, Google Photos alternatíva, Dropbox alternatíva">
<meta name="robots" content="index, follow">
<link rel="canonical" href="https://felhom.eu/alkalmazasok">
<link rel="alternate" hreflang="hu" href="https://felhom.eu/alkalmazasok">
<link rel="alternate" hreflang="en" href="https://felhom.eu/en/apps">
<link rel="alternate" hreflang="x-default" href="https://felhom.eu/alkalmazasok">
<meta property="og:type" content="website">
<meta property="og:url" content="https://felhom.eu/alkalmazasok">
<meta property="og:title" content="56 alkalmazás otthoni szerverre">
<meta property="og:description" content="Nextcloud, Immich, Jellyfin, Vaultwarden és még sok más. Fájlkezelés, fotók, média, dokumentumok — mind a saját szerveredről.">
<meta property="og:image" content="https://felhom.eu/assets/og-image.png">
<meta property="og:locale" content="hu_HU">
<meta property="og:site_name" content="Felhom.eu">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="56 alkalmazás otthoni szerverre">
<meta name="twitter:description" content="Nextcloud, Immich, Jellyfin és még sok más — a te szerveredről.">
<meta name="twitter:image" content="https://felhom.eu/assets/og-image.png">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "ItemList",
"name": "Felhom.eu — Telepíthető alkalmazások",
"description": "Önhostolt alkalmazások otthoni szerverre, szinte mind nyílt forráskódú",
"numberOfItems": 56,
"itemListElement": [
{"@type": "ListItem", "position": 1, "name": "Nextcloud", "description": "Fájlkezelés és irodai csomag"},
{"@type": "ListItem", "position": 2, "name": "Immich", "description": "Fotó és videó kezelés (Google Photos alternatíva)"},
{"@type": "ListItem", "position": 3, "name": "Jellyfin", "description": "Médialejátszó és szerver"},
{"@type": "ListItem", "position": 4, "name": "Vaultwarden", "description": "Jelszókezelő (Bitwarden kompatibilis)"},
{"@type": "ListItem", "position": 5, "name": "Paperless-ngx", "description": "Dokumentumkezelő rendszer"}
]
}
</script>
<!-- shared assets: bump ?v= together on any site.css/icons.svg change -->
<link rel="stylesheet" href="/assets/site.css?v=5">
<link rel="icon" type="image/png" href="/assets/logo_favicon_2.svg">
<script defer src="/assets/gallery.js?v=2"></script>
<script defer src="https://stats.felhom.eu/script.js" data-website-id="d419db57-5e1c-48df-bdb3-c29f25fb1661"></script>
</head>
<body class="page-alkalmazasok">
<nav>
<div class="container">
<a href="/" class="logo">
<img src="/assets/logo.png" alt="Felhom.eu logo">
<span class="logo-text">felhom.eu</span>
</a>
<ul class="nav-links">
<li><a href="/#szolgaltatasok">Szolgáltatások</a></li>
<li><a href="/alkalmazasok" class="active">Alkalmazások</a></li>
<li><a href="/technologiak">Technológiák</a></li>
<li><a href="/biztonsagimentes">Mentések</a></li>
<li><a href="/gyik">GYIK</a></li>
<li><a href="/kapcsolat">Kapcsolat</a></li>
<li class="lang-globe-li"><details class="lang-globe"><summary class="lang-globe-btn" aria-label="Nyelv" title="Nyelv"><svg class="ico-lg" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-globe"/></svg></summary><ul class="lang-globe-menu"><li><a href="/alkalmazasok" lang="hu" hreflang="hu" class="lang-globe-item current" aria-current="true">Magyar</a></li><li><a href="/en/apps" lang="en" hreflang="en" class="lang-globe-item">English</a></li></ul></details></li>
</ul>
<button class="hamburger" id="hamburger" aria-label="Menü megnyitása" aria-expanded="false">
<span class="hamburger-box">
<span class="hamburger-line"></span>
<span class="hamburger-line"></span>
<span class="hamburger-line"></span>
</span>
</button>
</div>
</nav>
<div class="mobile-overlay" id="mobileOverlay"></div>
<main>
<section class="page-header">
<div class="container">
<h1>Telepíthető <span>Alkalmazások</span></h1>
<p>Válassz 56 alkalmazás közül. Szinte mind ingyenes, nyílt forráskódú szoftver, és mind a saját szervereden fut.</p>
<div class="disclaimer-banner">
<h3><svg class="ico-lg" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-info"/></svg> Fontos tudnivalók</h3>
<ul>
<li>Az alkalmazások szinte mind <strong>nyílt forráskódúak</strong> – bárki ellenőrizheti a működésüket. A kivételeket a kártyán jelöljük: <em>Zárt forráskód</em> (Plex, Emby), <em>Korlátozott licenc</em> (a forrás olvasható, de a licenc korlátoz), <em>Felhom saját</em> (a mi fejlesztésünk)</li>
<li>Szolgáltatásunk az alkalmazások <strong>telepítésére</strong> terjed ki, nem azok fejlesztésére vagy értékesítésére</li>
<li>Az alkalmazások működéséért és frissítéseiért az eredeti fejlesztők felelősek</li>
<li>Ha egy alkalmazás hiányzik, megnézzük, felvehető-e a katalógusba – <a href="/kapcsolat">kérdezz bátran!</a></li>
</ul>
</div>
</div>
</section>
<section class="apps-section">
<div class="container">
<!-- ==================== -->
<!-- 1. FÁJLKEZELÉS & IRODAI -->
<!-- ==================== -->
<div class="category-section" id="fajlkezeles">
<div class="category-header">
<span class="category-icon"><svg class="ico-lg" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-folder"/></svg></span>
<h2>Fájlkezelés & Irodai</h2>
<span class="app-count">6 alkalmazás + 1 beépített</span>
</div>
<div class="app-grid">
<!-- Nextcloud -->
<div class="app-card">
<div class="app-card-header">
<img src="/assets/nextcloud-logo.svg" alt="Nextcloud" class="app-logo">
<div class="app-title-area"><h3>Nextcloud</h3><span class="app-tagline">A saját Google Drive-od</span></div>
</div>
<div class="app-card-body">
<p class="app-description">Teljes értékű felhőszolgáltatás a saját szervereden. Fájlok szinkronizálása, naptár, kontaktok, dokumentumszerkesztés, és rengeteg bővítmény.</p>
<div class="app-features"><span class="app-feature">Fájl szinkron</span><span class="app-feature">Naptár</span><span class="app-feature">Dokumentumok</span><span class="app-feature">Mobil app</span></div>
<a href="/assets/nextcloud-screenshot-1.webp" data-gallery="nextcloud" class="app-shot-link"><img src="/assets/nextcloud-screenshot-1.webp" alt="Nextcloud screenshot" class="app-screenshot"></a>
<a href="/assets/nextcloud-screenshot-2.webp" data-gallery="nextcloud" data-alt="Nextcloud screenshot 2" hidden></a>
<a href="/assets/nextcloud-screenshot-3.webp" data-gallery="nextcloud" data-alt="Nextcloud screenshot 3" hidden></a>
</div>
<div class="app-card-footer">
<a href="https://github.com/nextcloud/server" target="_blank" rel="noopener" class="github-link"><img src="/assets/github.svg" alt="GitHub">Forráskód</a>
<span class="open-source-badge"><svg class="ico ico-yes" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-check"/></svg>Open Source</span>
</div>
</div>
<!-- FileBrowser -->
<div class="app-card">
<div class="app-card-header">
<img src="/assets/filebrowser-logo.svg" alt="FileBrowser" class="app-logo">
<div class="app-title-area"><h3>FileBrowser</h3><span class="app-tagline">Egyszerű webes fájlkezelő</span></div>
</div>
<div class="app-card-body">
<p class="app-description">Könnyű és gyors webes fájlkezelő, minden Felhom dobozba beépítve. Böngészd, töltsd fel és oszd meg a fájljaidat bárhonnan, modern felületen keresztül.</p>
<div class="app-features"><span class="app-feature">Drag & drop</span><span class="app-feature">Megosztás</span><span class="app-feature">Előnézet</span><span class="app-feature">Keresés</span></div>
<a href="/assets/filebrowser-screenshot-1.webp" data-gallery="filebrowser" class="app-shot-link"><img src="/assets/filebrowser-screenshot-1.webp" alt="FileBrowser screenshot" class="app-screenshot"></a>
<a href="/assets/filebrowser-screenshot-2.webp" data-gallery="filebrowser" data-alt="FileBrowser screenshot 2" hidden></a>
</div>
<div class="app-card-footer">
<a href="https://github.com/filebrowser/filebrowser" target="_blank" rel="noopener" class="github-link"><img src="/assets/github.svg" alt="GitHub">Forráskód</a>
<span class="open-source-badge"><svg class="ico ico-yes" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-check"/></svg>Open Source · Beépített</span>
</div>
</div>
<!-- Gokapi -->
<div class="app-card">
<div class="app-card-header">
<img src="/assets/gokapi-logo.png" alt="Gokapi" class="app-logo">
<div class="app-title-area"><h3>Gokapi</h3><span class="app-tagline">Ideiglenes fájlmegosztás</span></div>
</div>
<div class="app-card-body">
<p class="app-description">Könnyűsúlyú fájlmegosztó szerver lejárati idővel és letöltési limittel. Tökéletes nagy fájlok gyors és biztonságos megosztására.</p>
<div class="app-features"><span class="app-feature">Lejárati idő</span><span class="app-feature">Letöltési limit</span><span class="app-feature">Jelszóvédelem</span></div>
<a href="/assets/gokapi-screenshot-1.webp" data-gallery="gokapi" class="app-shot-link"><img src="/assets/gokapi-screenshot-1.webp" alt="Gokapi screenshot" class="app-screenshot"></a>
</div>
<div class="app-card-footer">
<a href="https://github.com/Forceu/Gokapi" target="_blank" rel="noopener" class="github-link"><img src="/assets/github.svg" alt="GitHub">Forráskód</a>
<span class="open-source-badge"><svg class="ico ico-yes" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-check"/></svg>Open Source</span>
</div>
</div>
<!-- Zipline -->
<div class="app-card">
<div class="app-card-header">
<img src="/assets/zipline-logo.png" alt="Zipline" class="app-logo">
<div class="app-title-area"><h3>Zipline</h3><span class="app-tagline">ShareX/Flameshot szerver</span></div>
</div>
<div class="app-card-body">
<p class="app-description">Modern, funkciógazdag fájl- és képmegosztó. Tökéletes screenshot megosztásra, URL rövidítésre és szövegtárolásra.</p>
<div class="app-features"><span class="app-feature">Screenshot</span><span class="app-feature">URL rövidítő</span><span class="app-feature">Galéria</span><span class="app-feature">API</span></div>
<a href="/assets/zipline-screenshot-1.webp" data-gallery="zipline" class="app-shot-link"><img src="/assets/zipline-screenshot-1.webp" alt="Zipline screenshot" class="app-screenshot"></a>
<a href="/assets/zipline-screenshot-2.webp" data-gallery="zipline" data-alt="Zipline screenshot 2" hidden></a>
<a href="/assets/zipline-screenshot-3.webp" data-gallery="zipline" data-alt="Zipline screenshot 3" hidden></a>
<a href="/assets/zipline-screenshot-4.webp" data-gallery="zipline" data-alt="Zipline screenshot 4" hidden></a>
</div>
<div class="app-card-footer">
<a href="https://github.com/diced/zipline" target="_blank" rel="noopener" class="github-link"><img src="/assets/github.svg" alt="GitHub">Forráskód</a>
<span class="open-source-badge"><svg class="ico ico-yes" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-check"/></svg>Open Source</span>
</div>
</div>
<!-- OnlyOffice -->
<div class="app-card">
<div class="app-card-header">
<img src="/assets/onlyoffice-logo.svg" alt="OnlyOffice" class="app-logo">
<div class="app-title-area"><h3>OnlyOffice</h3><span class="app-tagline">Irodai csomag böngészőben</span></div>
</div>
<div class="app-card-body">
<p class="app-description">Teljes értékű irodai programcsomag a böngészőben. Dokumentumok, táblázatok és prezentációk szerkesztése – kiváló Microsoft Office kompatibilitással.</p>
<div class="app-features"><span class="app-feature">Dokumentumok</span><span class="app-feature">Táblázatok</span><span class="app-feature">Prezentációk</span><span class="app-feature">Együttműködés</span></div>
<a href="/assets/onlyoffice-screenshot-1.webp" data-gallery="onlyoffice" class="app-shot-link"><img src="/assets/onlyoffice-screenshot-1.webp" alt="OnlyOffice screenshot" class="app-screenshot"></a>
<a href="/assets/onlyoffice-screenshot-2.webp" data-gallery="onlyoffice" data-alt="OnlyOffice screenshot 2" hidden></a>
<a href="/assets/onlyoffice-screenshot-3.webp" data-gallery="onlyoffice" data-alt="OnlyOffice screenshot 3" hidden></a>
<a href="/assets/onlyoffice-screenshot-4.webp" data-gallery="onlyoffice" data-alt="OnlyOffice screenshot 4" hidden></a>
<a href="/assets/onlyoffice-screenshot-5.webp" data-gallery="onlyoffice" data-alt="OnlyOffice screenshot 5" hidden></a>
<a href="/assets/onlyoffice-screenshot-6.webp" data-gallery="onlyoffice" data-alt="OnlyOffice screenshot 6" hidden></a>
<a href="/assets/onlyoffice-screenshot-7.webp" data-gallery="onlyoffice" data-alt="OnlyOffice screenshot 7" hidden></a>
<a href="/assets/onlyoffice-screenshot-8.webp" data-gallery="onlyoffice" data-alt="OnlyOffice screenshot 8" hidden></a>
<a href="/assets/onlyoffice-screenshot-9.webp" data-gallery="onlyoffice" data-alt="OnlyOffice screenshot 9" hidden></a>
</div>
<div class="app-card-footer">
<a href="https://github.com/ONLYOFFICE/DocumentServer" target="_blank" rel="noopener" class="github-link"><img src="/assets/github.svg" alt="GitHub">Forráskód</a>
<span class="open-source-badge"><svg class="ico ico-yes" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-check"/></svg>Open Source</span>
</div>
</div>
<!-- BentoPDF -->
<div class="app-card">
<div class="app-card-header">
<img src="/assets/bentopdf-logo.svg" alt="BentoPDF" class="app-logo">
<div class="app-title-area"><h3>BentoPDF</h3><span class="app-tagline">PDF eszköztár (adatvédelem)</span></div>
</div>
<div class="app-card-body">
<p class="app-description">Adatvédelem-központú PDF eszköztár, 70+ funkcióval. Összefűzés, szétválasztás, konvertálás, tömörítés, OCR, titkosítás, aláírás – minden a böngészőben, szerver nélkül.</p>
<div class="app-features"><span class="app-feature">70+ eszköz</span><span class="app-feature">Kliens-oldali</span><span class="app-feature">OCR</span><span class="app-feature">Konvertálás</span></div>
<a href="/assets/bentopdf-screenshot-1.webp" data-gallery="bentopdf" class="app-shot-link"><img src="/assets/bentopdf-screenshot-1.webp" alt="BentoPDF screenshot" class="app-screenshot"></a>
<a href="/assets/bentopdf-screenshot-2.webp" data-gallery="bentopdf" data-alt="BentoPDF screenshot 2" hidden></a>
</div>
<div class="app-card-footer">
<a href="https://github.com/alam00000/bentopdf" target="_blank" rel="noopener" class="github-link"><img src="/assets/github.svg" alt="GitHub">Forráskód</a>
<span class="open-source-badge"><svg class="ico ico-yes" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-check"/></svg>Open Source</span>
</div>
</div>
<!-- Papra -->
<div class="app-card">
<div class="app-card-header">
<img src="/assets/papra-logo.svg" alt="Papra" class="app-logo">
<div class="app-title-area"><h3>Papra</h3><span class="app-tagline">Minimalista dokumentumtár</span></div>
</div>
<div class="app-card-body">
<p class="app-description">Letisztult, modern dokumentum archiváló. Automatikus címkézés, email import, OCR szövegfelismerés – a digitális irattár egyszerűen, szépen.</p>
<div class="app-features"><span class="app-feature">Auto címkék</span><span class="app-feature">Email import</span><span class="app-feature">OCR</span><span class="app-feature">Modern UI</span></div>
<a href="/assets/papra-screenshot-1.webp" data-gallery="papra" class="app-shot-link"><img src="/assets/papra-screenshot-1.webp" alt="Papra screenshot" class="app-screenshot"></a>
<a href="/assets/papra-screenshot-2.webp" data-gallery="papra" data-alt="Papra screenshot 2" hidden></a>
<a href="/assets/papra-screenshot-3.webp" data-gallery="papra" data-alt="Papra screenshot 3" hidden></a>
</div>
<div class="app-card-footer">
<a href="https://github.com/papra-hq/papra" target="_blank" rel="noopener" class="github-link"><img src="/assets/github.svg" alt="GitHub">Forráskód</a>
<span class="open-source-badge"><svg class="ico ico-yes" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-check"/></svg>Open Source</span>
</div>
</div>
</div>
</div>
<!-- ==================== -->
<!-- 2. MÉDIA & SZÓRAKOZÁS -->
<!-- ==================== -->
<div class="category-section" id="media">
<div class="category-header">
<span class="category-icon"><svg class="ico-lg" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-tv"/></svg></span>
<h2>Média & Szórakozás</h2>
<span class="app-count">15 alkalmazás</span>
</div>
<div class="app-grid">
<!-- Immich -->
<div class="app-card">
<div class="app-card-header">
<img src="/assets/immich-logo.svg" alt="Immich" class="app-logo">
<div class="app-title-area"><h3>Immich</h3><span class="app-tagline">Google Photos alternatíva</span></div>
</div>
<div class="app-card-body">
<p class="app-description">Gyors és modern fotó/videó mentési megoldás. Automatikus feltöltés telefonról, arc- és tárgyfelismerés, megosztás és emlékek.</p>
<div class="app-features"><span class="app-feature">Auto backup</span><span class="app-feature">Arcfelismerés</span><span class="app-feature">Térkép</span><span class="app-feature">Mobil app</span></div>
<a href="/assets/immich-screenshot-1.webp" data-gallery="immich" class="app-shot-link"><img src="/assets/immich-screenshot-1.webp" alt="Immich screenshot" class="app-screenshot"></a>
<a href="/assets/immich-screenshot-2.webp" data-gallery="immich" data-alt="Immich screenshot 2" hidden></a>
<a href="/assets/immich-screenshot-3.webp" data-gallery="immich" data-alt="Immich screenshot 3" hidden></a>
<a href="/assets/immich-screenshot-4.webp" data-gallery="immich" data-alt="Immich screenshot 4" hidden></a>
</div>
<div class="app-card-footer">
<a href="https://github.com/immich-app/immich" target="_blank" rel="noopener" class="github-link"><img src="/assets/github.svg" alt="GitHub">Forráskód</a>
<span class="open-source-badge"><svg class="ico ico-yes" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-check"/></svg>Open Source</span>
</div>
</div>
<!-- Jellyfin -->
<div class="app-card">
<div class="app-card-header">
<img src="/assets/jellyfin-logo.svg" alt="Jellyfin" class="app-logo">
<div class="app-title-area"><h3>Jellyfin</h3><span class="app-tagline">Média szerver (Netflix)</span></div>
</div>
<div class="app-card-body">
<p class="app-description">Ingyenes és nyílt forráskódú média szerver. Streamelj filmeket, sorozatokat és zenét bárhonnan, bármilyen eszközre.</p>
<div class="app-features"><span class="app-feature">Streaming</span><span class="app-feature">Transzkódolás</span><span class="app-feature">Mobil app</span><span class="app-feature">TV app</span></div>
<a href="/assets/jellyfin-screenshot-1.webp" data-gallery="jellyfin" class="app-shot-link"><img src="/assets/jellyfin-screenshot-1.webp" alt="Jellyfin screenshot" class="app-screenshot"></a>
<a href="/assets/jellyfin-screenshot-2.webp" data-gallery="jellyfin" data-alt="Jellyfin screenshot 2" hidden></a>
</div>
<div class="app-card-footer">
<a href="https://github.com/jellyfin/jellyfin" target="_blank" rel="noopener" class="github-link"><img src="/assets/github.svg" alt="GitHub">Forráskód</a>
<span class="open-source-badge"><svg class="ico ico-yes" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-check"/></svg>Open Source</span>
</div>
</div>
<!-- Plex -->
<div class="app-card">
<div class="app-card-header">
<img src="/assets/plex-logo.svg" alt="Plex" class="app-logo">
<div class="app-title-area"><h3>Plex</h3><span class="app-tagline">Média szerver (prémium)</span></div>
</div>
<div class="app-card-body">
<p class="app-description">Népszerű média szerver csiszolt felülettel. Filmek, sorozatok, zene és fotók egy helyen, kiváló alkalmazás támogatással.</p>
<div class="app-features"><span class="app-feature">Streaming</span><span class="app-feature">Plex Pass</span><span class="app-feature">Intro skip</span><span class="app-feature">Watch Together</span></div>
<a href="/assets/plex-screenshot-1.webp" data-gallery="plex" class="app-shot-link"><img src="/assets/plex-screenshot-1.webp" alt="Plex screenshot" class="app-screenshot"></a>
<a href="/assets/plex-screenshot-2.webp" data-gallery="plex" data-alt="Plex screenshot 2" hidden></a>
<a href="/assets/plex-screenshot-3.webp" data-gallery="plex" data-alt="Plex screenshot 3" hidden></a>
</div>
<div class="app-card-footer">
<a href="https://www.plex.tv" target="_blank" rel="noopener" class="github-link"><img src="/assets/github.svg" alt="GitHub">Weboldal</a>
<span class="open-source-badge" style="color: var(--warn);"><img src="/assets/checkmark-yellow.svg" alt="">Zárt forráskód</span>
</div>
</div>
<!-- Emby -->
<div class="app-card">
<div class="app-card-header">
<img src="/assets/emby-logo.svg" alt="Emby" class="app-logo">
<div class="app-title-area"><h3>Emby</h3><span class="app-tagline">Média szerver</span></div>
</div>
<div class="app-card-body">
<p class="app-description">Személyes média szerver élő TV és DVR támogatással. Szervezett könyvtár, távoli elérés és szinkronizálás offline lejátszáshoz.</p>
<div class="app-features"><span class="app-feature">Streaming</span><span class="app-feature">Élő TV</span><span class="app-feature">DVR</span><span class="app-feature">Szinkron</span></div>
<a href="/assets/emby-screenshot-1.webp" data-gallery="emby" class="app-shot-link"><img src="/assets/emby-screenshot-1.webp" alt="Emby screenshot" class="app-screenshot"></a>
<a href="/assets/emby-screenshot-2.webp" data-gallery="emby" data-alt="Emby screenshot 2" hidden></a>
</div>
<div class="app-card-footer">
<a href="https://emby.media" target="_blank" rel="noopener" class="github-link"><img src="/assets/github.svg" alt="GitHub">Weboldal</a>
<span class="open-source-badge" style="color: var(--warn);"><img src="/assets/checkmark-yellow.svg" alt="">Zárt forráskód</span>
</div>
</div>
<!-- Navidrome -->
<div class="app-card">
<div class="app-card-header">
<img src="/assets/navidrome-logo.svg" alt="Navidrome" class="app-logo">
<div class="app-title-area"><h3>Navidrome</h3><span class="app-tagline">Zene szerver (Spotify)</span></div>
</div>
<div class="app-card-body">
<p class="app-description">Könnyű és modern zeneszerver. Streameld a saját zenegyűjteményedet bárhonnan – Subsonic kompatibilis, rengeteg mobil alkalmazással.</p>
<div class="app-features"><span class="app-feature">Streaming</span><span class="app-feature">Subsonic API</span><span class="app-feature">Mobil appok</span><span class="app-feature">Lejátszási listák</span></div>
<a href="/assets/navidrome-screenshot-1.webp" data-gallery="navidrome" class="app-shot-link"><img src="/assets/navidrome-screenshot-1.webp" alt="Navidrome screenshot" class="app-screenshot"></a>
<a href="/assets/navidrome-screenshot-2.webp" data-gallery="navidrome" data-alt="Navidrome screenshot 2" hidden></a>
</div>
<div class="app-card-footer">
<a href="https://github.com/navidrome/navidrome" target="_blank" rel="noopener" class="github-link"><img src="/assets/github.svg" alt="GitHub">Forráskód</a>
<span class="open-source-badge"><svg class="ico ico-yes" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-check"/></svg>Open Source</span>
</div>
</div>
<!-- Audiobookshelf -->
<div class="app-card">
<div class="app-card-header">
<img src="/assets/audiobookshelf-logo.svg" alt="Audiobookshelf" class="app-logo">
<div class="app-title-area"><h3>Audiobookshelf</h3><span class="app-tagline">Hangoskönyv & podcast</span></div>
</div>
<div class="app-card-body">
<p class="app-description">Hangoskönyv és podcast kezelő szerver. Automatikus metaadat letöltés, folytatás ahol abbahagytad, és dedikált mobil alkalmazások.</p>
<div class="app-features"><span class="app-feature">Hangoskönyvek</span><span class="app-feature">Podcastok</span><span class="app-feature">Szinkron</span><span class="app-feature">Mobil app</span></div>
<a href="/assets/audiobookshelf-screenshot-1.webp" data-gallery="audiobookshelf" class="app-shot-link"><img src="/assets/audiobookshelf-screenshot-1.webp" alt="Audiobookshelf screenshot" class="app-screenshot"></a>
<a href="/assets/audiobookshelf-screenshot-2.webp" data-gallery="audiobookshelf" data-alt="Audiobookshelf screenshot 2" hidden></a>
<a href="/assets/audiobookshelf-screenshot-3.webp" data-gallery="audiobookshelf" data-alt="Audiobookshelf screenshot 3" hidden></a>
<a href="/assets/audiobookshelf-screenshot-4.webp" data-gallery="audiobookshelf" data-alt="Audiobookshelf screenshot 4" hidden></a>
</div>
<div class="app-card-footer">
<a href="https://github.com/advplyr/audiobookshelf" target="_blank" rel="noopener" class="github-link"><img src="/assets/github.svg" alt="GitHub">Forráskód</a>
<span class="open-source-badge"><svg class="ico ico-yes" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-check"/></svg>Open Source</span>
</div>
</div>
<!-- MeTube -->
<div class="app-card">
<div class="app-card-header">
<img src="/assets/metube-logo.svg" alt="MeTube" class="app-logo">
<div class="app-title-area"><h3>MeTube</h3><span class="app-tagline">Videók letöltése linkből</span></div>
</div>
<div class="app-card-body">
<p class="app-description">Egy videó vagy lejátszási lista letöltése a linkjéből, videóként vagy csak hangként. A letöltések a meghajtódra kerülnek, a fájlböngészőben és a médialejátszódban is látod őket. Csak a családtagjaid érik el.</p>
<div class="app-features"><span class="app-feature">Videó és hang</span><span class="app-feature">Lejátszási listák</span><span class="app-feature">Saját meghajtóra</span><span class="app-feature">Csak a családnak</span></div>
<a href="/assets/metube-screenshot-1.webp" data-gallery="metube" class="app-shot-link"><img src="/assets/metube-screenshot-1.webp" alt="MeTube screenshot" class="app-screenshot"></a>
<a href="/assets/metube-screenshot-2.webp" data-gallery="metube" data-alt="MeTube screenshot 2" hidden></a>
<a href="/assets/metube-screenshot-3.webp" data-gallery="metube" data-alt="MeTube screenshot 3" hidden></a>
</div>
<div class="app-card-footer">
<a href="https://github.com/alexta69/metube" target="_blank" rel="noopener" class="github-link"><img src="/assets/github.svg" alt="GitHub">Forráskód</a>
<span class="open-source-badge"><svg class="ico ico-yes" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-check"/></svg>Open Source</span>
</div>
</div>
<!-- Calibre-web -->
<div class="app-card">
<div class="app-card-header">
<img src="/assets/calibre-web-logo.svg" alt="Calibre-Web Automated" class="app-logo">
<div class="app-title-area"><h3>Calibre-Web Automated</h3><span class="app-tagline">E-könyv könyvtár</span></div>
</div>
<div class="app-card-body">
<p class="app-description">Webes felület a Calibre könyvtáradhoz. Böngészd, olvasd és töltsd le az e-könyveidet bárhonnan, Kindle támogatással.</p>
<div class="app-features"><span class="app-feature">E-könyvek</span><span class="app-feature">Kindle küldés</span><span class="app-feature">OPDS</span><span class="app-feature">Olvasó</span></div>
<a href="/assets/calibre-web-screenshot-1.webp" data-gallery="calibre-web" class="app-shot-link"><img src="/assets/calibre-web-screenshot-1.webp" alt="Calibre-Web Automated screenshot" class="app-screenshot"></a>
<a href="/assets/calibre-web-screenshot-2.webp" data-gallery="calibre-web" data-alt="Calibre-Web Automated screenshot 2" hidden></a>
</div>
<div class="app-card-footer">
<a href="https://github.com/crocodilestick/Calibre-Web-Automated" target="_blank" rel="noopener" class="github-link"><img src="/assets/github.svg" alt="GitHub">Forráskód</a>
<span class="open-source-badge"><svg class="ico ico-yes" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-check"/></svg>Open Source</span>
</div>
</div>
<!-- Komga -->
<div class="app-card">
<div class="app-card-header">
<img src="/assets/komga-logo.svg" alt="Komga" class="app-logo">
<div class="app-title-area"><h3>Komga</h3><span class="app-tagline">Képregény & manga szerver</span></div>
</div>
<div class="app-card-body">
<p class="app-description">Képregények, mangák és magazinok kezelése és olvasása. Modern webes olvasó, OPDS támogatás, és népszerű mobil alkalmazások.</p>
<div class="app-features"><span class="app-feature">Webes olvasó</span><span class="app-feature">OPDS</span><span class="app-feature">Metaadatok</span><span class="app-feature">Tachiyomi</span></div>
<a href="/assets/komga-screenshot-1.webp" data-gallery="komga" class="app-shot-link"><img src="/assets/komga-screenshot-1.webp" alt="Komga screenshot" class="app-screenshot"></a>
</div>
<div class="app-card-footer">
<a href="https://github.com/gotson/komga" target="_blank" rel="noopener" class="github-link"><img src="/assets/github.svg" alt="GitHub">Forráskód</a>
<span class="open-source-badge"><svg class="ico ico-yes" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-check"/></svg>Open Source</span>
</div>
</div>
<!-- Grimmory -->
<div class="app-card">
<div class="app-card-header">
<img src="/assets/grimmory-logo.svg" alt="Grimmory" class="app-logo">
<div class="app-title-area"><h3>Grimmory</h3><span class="app-tagline">E-könyvtár böngészőben</span></div>
</div>
<div class="app-card-body">
<p class="app-description">E-könyvek és képregények rendezett könyvtárban, borítóval és adatokkal. Olvasás a böngészőben, a haladás mentésével; Kobo- és KOReader-szinkron, OPDS-katalógus az olvasóalkalmazásoknak. Csak a családtagjaid érik el, saját belépéssel.</p>
<div class="app-features"><span class="app-feature">Böngészős olvasó</span><span class="app-feature">Kobo szinkron</span><span class="app-feature">KOReader</span><span class="app-feature">OPDS</span></div>
<a href="/assets/grimmory-screenshot-1.webp" data-gallery="grimmory" class="app-shot-link"><img src="/assets/grimmory-screenshot-1.webp" alt="Grimmory screenshot" class="app-screenshot"></a>
<a href="/assets/grimmory-screenshot-2.webp" data-gallery="grimmory" data-alt="Grimmory screenshot 2" hidden></a>
<a href="/assets/grimmory-screenshot-3.webp" data-gallery="grimmory" data-alt="Grimmory screenshot 3" hidden></a>
</div>
<div class="app-card-footer">
<a href="https://github.com/grimmory-tools/grimmory" target="_blank" rel="noopener" class="github-link"><img src="/assets/github.svg" alt="GitHub">Forráskód</a>
<span class="open-source-badge"><svg class="ico ico-yes" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-check"/></svg>Open Source</span>
</div>
</div>
<!-- Sonarr -->
<div class="app-card">
<div class="app-card-header">
<img src="/assets/sonarr-logo.svg" alt="Sonarr" class="app-logo">
<div class="app-title-area"><h3>Sonarr</h3><span class="app-tagline">Sorozat menedzser</span></div>
</div>
<div class="app-card-body">
<p class="app-description">Automatikus sorozat letöltő és rendszerező. Kövesd a kedvenc sorozataidat, és az új epizódok automatikusan letöltődnek.</p>
<div class="app-features"><span class="app-feature">Auto letöltés</span><span class="app-feature">Naptár</span><span class="app-feature">Minőség kezelés</span><span class="app-feature">Integráció</span></div>
<a href="/assets/sonarr-screenshot-1.webp" data-gallery="sonarr" class="app-shot-link"><img src="/assets/sonarr-screenshot-1.webp" alt="Sonarr screenshot" class="app-screenshot"></a>
<a href="/assets/sonarr-screenshot-2.webp" data-gallery="sonarr" data-alt="Sonarr screenshot 2" hidden></a>
<a href="/assets/sonarr-screenshot-3.webp" data-gallery="sonarr" data-alt="Sonarr screenshot 3" hidden></a>
</div>
<div class="app-card-footer">
<a href="https://github.com/Sonarr/Sonarr" target="_blank" rel="noopener" class="github-link"><img src="/assets/github.svg" alt="GitHub">Forráskód</a>
<span class="open-source-badge"><svg class="ico ico-yes" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-check"/></svg>Open Source</span>
</div>
</div>
<!-- Radarr -->
<div class="app-card">
<div class="app-card-header">
<img src="/assets/radarr-logo.png" alt="Radarr" class="app-logo">
<div class="app-title-area"><h3>Radarr</h3><span class="app-tagline">Film menedzser</span></div>
</div>
<div class="app-card-body">
<p class="app-description">Automatikus film letöltő és rendszerező. Készíts kívánságlistát, és a filmek automatikusan a könyvtáradba kerülnek.</p>
<div class="app-features"><span class="app-feature">Kívánságlista</span><span class="app-feature">Auto letöltés</span><span class="app-feature">Minőség kezelés</span><span class="app-feature">Integráció</span></div>
<a href="/assets/radarr-screenshot-1.webp" data-gallery="radarr" class="app-shot-link"><img src="/assets/radarr-screenshot-1.webp" alt="Radarr screenshot" class="app-screenshot"></a>
<a href="/assets/radarr-screenshot-2.webp" data-gallery="radarr" data-alt="Radarr screenshot 2" hidden></a>
</div>
<div class="app-card-footer">
<a href="https://github.com/Radarr/Radarr" target="_blank" rel="noopener" class="github-link"><img src="/assets/github.svg" alt="GitHub">Forráskód</a>
<span class="open-source-badge"><svg class="ico ico-yes" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-check"/></svg>Open Source</span>
</div>
</div>
<!-- Seerr -->
<div class="app-card">
<div class="app-card-header">
<img src="/assets/seerr-logo.png" alt="Seerr" class="app-logo">
<div class="app-title-area"><h3>Seerr</h3><span class="app-tagline">Média kérés kezelő</span></div>
</div>
<div class="app-card-body">
<p class="app-description">Filmek és sorozatok igénylése egyszerűen. A család/barátok kérhetnek tartalmakat, amiket automatikusan letölt a rendszer.</p>
<div class="app-features"><span class="app-feature">Kérés kezelés</span><span class="app-feature">Felhasználók</span><span class="app-feature">Értesítések</span><span class="app-feature">Integráció</span></div>
<a href="/assets/seerr-screenshot-1.webp" data-gallery="seerr" class="app-shot-link"><img src="/assets/seerr-screenshot-1.webp" alt="Seerr screenshot" class="app-screenshot"></a>
<a href="/assets/seerr-screenshot-2.webp" data-gallery="seerr" data-alt="Seerr screenshot 2" hidden></a>
</div>
<div class="app-card-footer">
<a href="https://github.com/Fallenbagel/jellyseerr" target="_blank" rel="noopener" class="github-link"><img src="/assets/github.svg" alt="GitHub">Forráskód</a>
<span class="open-source-badge"><svg class="ico ico-yes" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-check"/></svg>Open Source</span>
</div>
</div>
<!-- RoMM -->
<div class="app-card">
<div class="app-card-header">
<img src="/assets/romm-logo.svg" alt="RoMM" class="app-logo">
<div class="app-title-area"><h3>RoMM</h3><span class="app-tagline">ROM gyűjtemény kezelő</span></div>
</div>
<div class="app-card-body">
<p class="app-description">Gyönyörű webes felület a retro játék ROM gyűjteményed kezeléséhez. Automatikus metaadat és borítókép letöltés, platform rendszerezés és böngészőből való lejátszás.</p>
<div class="app-features"><span class="app-feature">ROM kezelés</span><span class="app-feature">Metaadatok</span><span class="app-feature">EmulatorJS</span><span class="app-feature">IGDB</span></div>
<a href="/assets/romm-screenshot-1.webp" data-gallery="romm" class="app-shot-link"><img src="/assets/romm-screenshot-1.webp" alt="RoMM screenshot" class="app-screenshot"></a>
<a href="/assets/romm-screenshot-2.webp" data-gallery="romm" data-alt="RoMM screenshot 2" hidden></a>
</div>
<div class="app-card-footer">
<a href="https://github.com/rommapp/romm" target="_blank" rel="noopener" class="github-link"><img src="/assets/github.svg" alt="GitHub">Forráskód</a>
<span class="open-source-badge"><svg class="ico ico-yes" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-check"/></svg>Open Source</span>
</div>
</div>
<!-- Crafty Controller -->
<div class="app-card">
<div class="app-card-header">
<img src="/assets/crafty-controller-logo.png" alt="Crafty Controller" class="app-logo">
<div class="app-title-area"><h3>Crafty Controller</h3><span class="app-tagline">Minecraft szerver kezelő</span></div>
</div>
<div class="app-card-body">
<p class="app-description">Modern webes Minecraft szerver menedzser. Több szerver kezelése egyetlen felületről, automatikus mentések, játékos statisztikák és teljes távoli hozzáférés.</p>
<div class="app-features"><span class="app-feature">Multi-szerver</span><span class="app-feature">Mentések</span><span class="app-feature">Konzol</span><span class="app-feature">Statisztikák</span></div>
<a href="/assets/crafty-controller-screenshot-1.webp" data-gallery="crafty-controller" class="app-shot-link"><img src="/assets/crafty-controller-screenshot-1.webp" alt="Crafty Controller screenshot" class="app-screenshot"></a>
<a href="/assets/crafty-controller-screenshot-2.webp" data-gallery="crafty-controller" data-alt="Crafty Controller screenshot 2" hidden></a>
<a href="/assets/crafty-controller-screenshot-3.webp" data-gallery="crafty-controller" data-alt="Crafty Controller screenshot 3" hidden></a>
</div>
<div class="app-card-footer">
<a href="https://gitlab.com/crafty-controller/crafty-4" target="_blank" rel="noopener" class="github-link"><img src="/assets/github.svg" alt="GitHub">Forráskód</a>
<span class="open-source-badge"><svg class="ico ico-yes" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-check"/></svg>Open Source</span>
</div>
</div>
</div>
</div>
<!-- ==================== -->
<!-- 3. OTTHON & ÉLETMÓD -->
<!-- ==================== -->
<div class="category-section" id="otthon">
<div class="category-header">
<span class="category-icon"><svg class="ico-lg" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-home"/></svg></span>
<h2>Otthon & Életmód</h2>
<span class="app-count">14 alkalmazás</span>
</div>
<div class="app-grid">
<!-- Home Assistant -->
<div class="app-card">
<div class="app-card-header">
<img src="/assets/home-assistant-logo.svg" alt="Home Assistant" class="app-logo">
<div class="app-title-area"><h3>Home Assistant</h3><span class="app-tagline">Okos otthon központ</span></div>
</div>
<div class="app-card-body">
<p class="app-description">A világ legnépszerűbb nyílt forráskódú okos otthon platformja. Több mint 3000 integráció, helyi vezérlés, automatizációk – felhő nélkül, teljes adatvédelemmel.</p>
<div class="app-features"><span class="app-feature">3000+ integráció</span><span class="app-feature">Automatizáció</span><span class="app-feature">Helyi vezérlés</span><span class="app-feature">Mobil app</span></div>
<a href="/assets/home-assistant-screenshot-1.webp" data-gallery="home-assistant" class="app-shot-link"><img src="/assets/home-assistant-screenshot-1.webp" alt="Home Assistant screenshot" class="app-screenshot"></a>
<a href="/assets/home-assistant-screenshot-2.webp" data-gallery="home-assistant" data-alt="Home Assistant screenshot 2" hidden></a>
<a href="/assets/home-assistant-screenshot-3.webp" data-gallery="home-assistant" data-alt="Home Assistant screenshot 3" hidden></a>
<a href="/assets/home-assistant-screenshot-4.webp" data-gallery="home-assistant" data-alt="Home Assistant screenshot 4" hidden></a>
<a href="/assets/home-assistant-screenshot-5.webp" data-gallery="home-assistant" data-alt="Home Assistant screenshot 5" hidden></a>
<a href="/assets/home-assistant-screenshot-6.webp" data-gallery="home-assistant" data-alt="Home Assistant screenshot 6" hidden></a>
</div>
<div class="app-card-footer">
<a href="https://github.com/home-assistant/core" target="_blank" rel="noopener" class="github-link"><img src="/assets/github.svg" alt="GitHub">Forráskód</a>
<span class="open-source-badge"><svg class="ico ico-yes" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-check"/></svg>Open Source</span>
</div>
</div>
<!-- n8n -->
<div class="app-card">
<div class="app-card-header">
<img src="/assets/n8n-logo.svg" alt="n8n" class="app-logo">
<div class="app-title-area"><h3>n8n</h3><span class="app-tagline">Workflow automatizálás</span></div>
</div>
<div class="app-card-body">
<p class="app-description">Vizuális workflow automatizálás Zapier/Make stílusban. Köss össze bármilyen szolgáltatást, készíts automatizációkat – kód nélkül, a saját szervereden.</p>
<div class="app-features"><span class="app-feature">400+ integráció</span><span class="app-feature">Vizuális szerkesztő</span><span class="app-feature">AI funkciók</span><span class="app-feature">Webhookok</span></div>
<a href="/assets/n8n-screenshot-1.webp" data-gallery="n8n" class="app-shot-link"><img src="/assets/n8n-screenshot-1.webp" alt="n8n screenshot" class="app-screenshot"></a>
<a href="/assets/n8n-screenshot-2.webp" data-gallery="n8n" data-alt="n8n screenshot 2" hidden></a>
<a href="/assets/n8n-screenshot-3.webp" data-gallery="n8n" data-alt="n8n screenshot 3" hidden></a>
<a href="/assets/n8n-screenshot-4.webp" data-gallery="n8n" data-alt="n8n screenshot 4" hidden></a>
<a href="/assets/n8n-screenshot-5.webp" data-gallery="n8n" data-alt="n8n screenshot 5" hidden></a>
</div>
<div class="app-card-footer">
<a href="https://github.com/n8n-io/n8n" target="_blank" rel="noopener" class="github-link"><img src="/assets/github.svg" alt="GitHub">Forráskód</a>
<span class="open-source-badge" style="color: var(--warn);"><img src="/assets/checkmark-yellow.svg" alt="">Korlátozott licenc</span>
</div>
</div>
<!-- Tandoor Recipes -->
<div class="app-card">
<div class="app-card-header">
<img src="/assets/tandoor-logo.png" alt="Tandoor Recipes" class="app-logo">
<div class="app-title-area"><h3>Tandoor Recipes</h3><span class="app-tagline">Receptkezelő</span></div>
</div>
<div class="app-card-body">
<p class="app-description">Receptek tárolása, étkezés tervezés és bevásárlólista. Importálj recepteket webről, oszd meg a családdal.</p>
<div class="app-features"><span class="app-feature">Recept import</span><span class="app-feature">Étlap tervezés</span><span class="app-feature">Bevásárlólista</span><span class="app-feature">Megosztás</span></div>
<a href="/assets/tandoor-screenshot-1.webp" data-gallery="tandoor" class="app-shot-link"><img src="/assets/tandoor-screenshot-1.webp" alt="Tandoor Recipes screenshot" class="app-screenshot"></a>
<a href="/assets/tandoor-screenshot-2.webp" data-gallery="tandoor" data-alt="Tandoor Recipes screenshot 2" hidden></a>
<a href="/assets/tandoor-screenshot-3.webp" data-gallery="tandoor" data-alt="Tandoor Recipes screenshot 3" hidden></a>
</div>
<div class="app-card-footer">
<a href="https://github.com/TandoorRecipes/recipes" target="_blank" rel="noopener" class="github-link"><img src="/assets/github.svg" alt="GitHub">Forráskód</a>
<span class="open-source-badge" style="color: var(--warn);"><img src="/assets/checkmark-yellow.svg" alt="">Korlátozott licenc</span>
</div>
</div>
<!-- Mealie -->
<div class="app-card">
<div class="app-card-header">
<img src="/assets/mealie-logo.svg" alt="Mealie" class="app-logo">
<div class="app-title-area"><h3>Mealie</h3><span class="app-tagline">Receptek és étkezésterv</span></div>
</div>
<div class="app-card-body">
<p class="app-description">Receptkezelő és étkezéstervező a családnak. Receptek importálása weboldalakról, heti menü és bevásárlólista, megosztás a családtagokkal — magyar felülettel is.</p>
<div class="app-features"><span class="app-feature">Recept import</span><span class="app-feature">Heti menü</span><span class="app-feature">Bevásárlólista</span><span class="app-feature">Magyar felület</span></div>
<a href="/assets/mealie-screenshot-1.webp" data-gallery="mealie" class="app-shot-link"><img src="/assets/mealie-screenshot-1.webp" alt="Mealie screenshot" class="app-screenshot"></a>
<a href="/assets/mealie-screenshot-2.webp" data-gallery="mealie" data-alt="Mealie screenshot 2" hidden></a>
<a href="/assets/mealie-screenshot-3.webp" data-gallery="mealie" data-alt="Mealie screenshot 3" hidden></a>
</div>
<div class="app-card-footer">
<a href="https://github.com/mealie-recipes/mealie" target="_blank" rel="noopener" class="github-link"><img src="/assets/github.svg" alt="GitHub">Forráskód</a>
<span class="open-source-badge"><svg class="ico ico-yes" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-check"/></svg>Open Source</span>
</div>
</div>
<!-- Recipe Importer -->
<div class="app-card">
<div class="app-card-header">
<img src="/assets/recipe-importer-logo.svg" alt="Recipe Importer" class="app-logo">
<div class="app-title-area"><h3>Recipe Importer</h3><span class="app-tagline">Magyar receptoldalakról</span></div>
</div>
<div class="app-card-body">
<p class="app-description">Receptek importálása hat magyar oldalról (mindmegette.hu, streetkitchen.hu, nosalty.hu, sobors.hu, kiskegyed.hu, gastrohobbi.hu) Mealie-be és Tandoorba — egyenként vagy tömegesen, importálás előtti szerkesztéssel.</p>
<div class="app-features"><span class="app-feature">6 magyar oldal</span><span class="app-feature">Tömeges import</span><span class="app-feature">Mealie</span><span class="app-feature">Tandoor</span></div>
<a href="/assets/recipe-importer-screenshot-1.webp" data-gallery="recipe-importer" class="app-shot-link"><img src="/assets/recipe-importer-screenshot-1.webp" alt="Recipe Importer screenshot" class="app-screenshot"></a>
<a href="/assets/recipe-importer-screenshot-2.webp" data-gallery="recipe-importer" data-alt="Recipe Importer screenshot 2" hidden></a>
<a href="/assets/recipe-importer-screenshot-3.webp" data-gallery="recipe-importer" data-alt="Recipe Importer screenshot 3" hidden></a>
</div>
<div class="app-card-footer">
<span class="open-source-badge" style="color: var(--warn);"><img src="/assets/checkmark-yellow.svg" alt="">Felhom saját</span>
</div>
</div>
<!-- Wishlist -->
<div class="app-card">
<div class="app-card-header">
<img src="/assets/wishlist-logo.svg" alt="Wishlist" class="app-logo">
<div class="app-title-area"><h3>Wishlist</h3><span class="app-tagline">Családi kívánságlista</span></div>
</div>
<div class="app-card-body">
<p class="app-description">Megosztható kívánságlista karácsonyra, születésnapokra és egyéb alkalmakra. A család lefoglalhatja az ajándékokat, így nincs több dupla ajándék.</p>
<div class="app-features"><span class="app-feature">Csoportok</span><span class="app-feature">Foglalás</span><span class="app-feature">URL import</span><span class="app-feature">PWA</span></div>
<a href="/assets/wishlist-screenshot-1.webp" data-gallery="wishlist" class="app-shot-link"><img src="/assets/wishlist-screenshot-1.webp" alt="Wishlist screenshot" class="app-screenshot"></a>
<a href="/assets/wishlist-screenshot-2.webp" data-gallery="wishlist" data-alt="Wishlist screenshot 2" hidden></a>
<a href="/assets/wishlist-screenshot-3.webp" data-gallery="wishlist" data-alt="Wishlist screenshot 3" hidden></a>
</div>
<div class="app-card-footer">
<a href="https://github.com/cmintey/wishlist" target="_blank" rel="noopener" class="github-link"><img src="/assets/github.svg" alt="GitHub">Forráskód</a>
<span class="open-source-badge"><svg class="ico ico-yes" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-check"/></svg>Open Source</span>
</div>
</div>
<!-- Homebox -->
<div class="app-card">
<div class="app-card-header">
<img src="/assets/homebox-logo.svg" alt="Homebox" class="app-logo">
<div class="app-title-area"><h3>Homebox</h3><span class="app-tagline">Otthoni leltár</span></div>
</div>
<div class="app-card-body">
<p class="app-description">Tartsd számon a tárgyaidat: helyszínek, címkék és kategóriák szerint rendezve, garancia-lejárattal és beszerzési árral. Vonalkód-szkenneléssel gyorsan bővíthető, és jól jön egy biztosítási kárnál is.</p>
<div class="app-features"><span class="app-feature">Leltár</span><span class="app-feature">Garanciák</span><span class="app-feature">Vonalkód</span><span class="app-feature">Címkék</span></div>
<a href="/assets/homebox-screenshot-1.webp" data-gallery="homebox" class="app-shot-link"><img src="/assets/homebox-screenshot-1.webp" alt="Homebox screenshot" class="app-screenshot"></a>
<a href="/assets/homebox-screenshot-2.webp" data-gallery="homebox" data-alt="Homebox screenshot 2" hidden></a>
<a href="/assets/homebox-screenshot-3.webp" data-gallery="homebox" data-alt="Homebox screenshot 3" hidden></a>
</div>
<div class="app-card-footer">
<a href="https://github.com/sysadminsmedia/homebox" target="_blank" rel="noopener" class="github-link"><img src="/assets/github.svg" alt="GitHub">Forráskód</a>
<span class="open-source-badge"><svg class="ico ico-yes" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-check"/></svg>Open Source</span>
</div>
</div>
<!-- Gramps Web -->
<div class="app-card">
<div class="app-card-header">
<img src="/assets/gramps-web-logo.png" alt="Gramps Web" class="app-logo">
<div class="app-title-area"><h3>Gramps Web</h3><span class="app-tagline">Családfa készítő</span></div>
</div>
<div class="app-card-body">
<p class="app-description">Webes családfa és genealógia platform. Építsd fel a családfádat, adj hozzá fotókat, dokumentumokat – és oszd meg a családdal biztonságosan.</p>
<div class="app-features"><span class="app-feature">Családfa</span><span class="app-feature">GEDCOM</span><span class="app-feature">Együttműködés</span><span class="app-feature">Szinkron</span></div>
<a href="/assets/gramps-web-screenshot-1.webp" data-gallery="gramps-web" class="app-shot-link"><img src="/assets/gramps-web-screenshot-1.webp" alt="Gramps Web screenshot" class="app-screenshot"></a>
<a href="/assets/gramps-web-screenshot-2.webp" data-gallery="gramps-web" data-alt="Gramps Web screenshot 2" hidden></a>
<a href="/assets/gramps-web-screenshot-3.webp" data-gallery="gramps-web" data-alt="Gramps Web screenshot 3" hidden></a>
<a href="/assets/gramps-web-screenshot-4.webp" data-gallery="gramps-web" data-alt="Gramps Web screenshot 4" hidden></a>
</div>
<div class="app-card-footer">
<a href="https://github.com/gramps-project/gramps-web" target="_blank" rel="noopener" class="github-link"><img src="/assets/github.svg" alt="GitHub">Forráskód</a>
<span class="open-source-badge"><svg class="ico ico-yes" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-check"/></svg>Open Source</span>
</div>
</div>
<!-- SparkyFitness -->
<div class="app-card">
<div class="app-card-header">
<img src="/assets/sparkyfitness-logo.png" alt="SparkyFitness" class="app-logo">
<div class="app-title-area"><h3>SparkyFitness</h3><span class="app-tagline">Táplálkozási napló</span></div>
</div>
<div class="app-card-body">
<p class="app-description">Napi étkezések és kalóriabevitel naplózása, testsúly és testméretek grafikonon, edzések rögzítése. Tápanyagcélok (fehérje, szénhidrát, zsír) beállítása és követése.</p>
<div class="app-features"><span class="app-feature">Kalóriaszámláló</span><span class="app-feature">Testsúly</span><span class="app-feature">Edzések</span><span class="app-feature">Tápanyagcélok</span></div>
<a href="/assets/sparkyfitness-screenshot-1.webp" data-gallery="sparkyfitness" class="app-shot-link"><img src="/assets/sparkyfitness-screenshot-1.webp" alt="SparkyFitness screenshot" class="app-screenshot"></a>
<a href="/assets/sparkyfitness-screenshot-2.webp" data-gallery="sparkyfitness" data-alt="SparkyFitness screenshot 2" hidden></a>
<a href="/assets/sparkyfitness-screenshot-3.webp" data-gallery="sparkyfitness" data-alt="SparkyFitness screenshot 3" hidden></a>
</div>
<div class="app-card-footer">
<a href="https://github.com/CodeWithCJ/SparkyFitness" target="_blank" rel="noopener" class="github-link"><img src="/assets/github.svg" alt="GitHub">Forráskód</a>
<span class="open-source-badge" style="color: var(--warn);"><img src="/assets/checkmark-yellow.svg" alt="">Korlátozott licenc</span>
</div>
</div>
<!-- Actual Budget -->
<div class="app-card">
<div class="app-card-header">
<img src="/assets/actualbudget-logo.svg" alt="Actual Budget" class="app-logo">
<div class="app-title-area"><h3>Actual Budget</h3><span class="app-tagline">Költségvetés tervező</span></div>
</div>
<div class="app-card-body">
<p class="app-description">Helyi-központú személyes pénzügyek kezelése. Költségvetés tervezés, tranzakció követés, és pénzügyi célok.</p>
<div class="app-features"><span class="app-feature">Költségvetés</span><span class="app-feature">Szinkron</span><span class="app-feature">Bank import</span><span class="app-feature">Riportok</span></div>
<a href="/assets/actualbudget-screenshot-1.webp" data-gallery="actualbudget" class="app-shot-link"><img src="/assets/actualbudget-screenshot-1.webp" alt="Actual Budget screenshot" class="app-screenshot"></a>
<a href="/assets/actualbudget-screenshot-2.webp" data-gallery="actualbudget" data-alt="Actual Budget screenshot 2" hidden></a>
<a href="/assets/actualbudget-screenshot-3.webp" data-gallery="actualbudget" data-alt="Actual Budget screenshot 3" hidden></a>
</div>
<div class="app-card-footer">
<a href="https://github.com/actualbudget/actual" target="_blank" rel="noopener" class="github-link"><img src="/assets/github.svg" alt="GitHub">Forráskód</a>
<span class="open-source-badge"><svg class="ico ico-yes" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-check"/></svg>Open Source</span>
</div>
</div>
<!-- AdventureLog -->
<div class="app-card">
<div class="app-card-header">
<img src="/assets/adventurelog-logo.png" alt="AdventureLog" class="app-logo">
<div class="app-title-area"><h3>AdventureLog</h3><span class="app-tagline">Utazási napló</span></div>
</div>
<div class="app-card-body">
<p class="app-description">Dokumentáld az utazásaidat és kalandjaidat. Térképes megjelenítés, fotók, statisztikák a meglátogatott helyekről.</p>
<div class="app-features"><span class="app-feature">Térkép</span><span class="app-feature">Fotók</span><span class="app-feature">Statisztikák</span><span class="app-feature">Megosztás</span></div>
<a href="/assets/adventurelog-screenshot-1.webp" data-gallery="adventurelog" class="app-shot-link"><img src="/assets/adventurelog-screenshot-1.webp" alt="AdventureLog screenshot" class="app-screenshot"></a>
<a href="/assets/adventurelog-screenshot-2.webp" data-gallery="adventurelog" data-alt="AdventureLog screenshot 2" hidden></a>
<a href="/assets/adventurelog-screenshot-3.webp" data-gallery="adventurelog" data-alt="AdventureLog screenshot 3" hidden></a>
<a href="/assets/adventurelog-screenshot-4.webp" data-gallery="adventurelog" data-alt="AdventureLog screenshot 4" hidden></a>
<a href="/assets/adventurelog-screenshot-5.webp" data-gallery="adventurelog" data-alt="AdventureLog screenshot 5" hidden></a>
</div>
<div class="app-card-footer">
<a href="https://github.com/seanmorley15/AdventureLog" target="_blank" rel="noopener" class="github-link"><img src="/assets/github.svg" alt="GitHub">Forráskód</a>
<span class="open-source-badge"><svg class="ico ico-yes" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-check"/></svg>Open Source</span>
</div>
</div>
<!-- Wanderer -->
<div class="app-card">
<div class="app-card-header">
<img src="/assets/wanderer-logo.svg" alt="Wanderer" class="app-logo">
<div class="app-title-area"><h3>Wanderer</h3><span class="app-tagline">Túra tervező</span></div>
</div>
<div class="app-card-body">
<p class="app-description">Túrák és útvonalak tervezése, GPX fájlok kezelése. Térképes megjelenítés szintvonalakkal, útvonal statisztikák.</p>
<div class="app-features"><span class="app-feature">GPX import</span><span class="app-feature">Térképek</span><span class="app-feature">Szintadatok</span><span class="app-feature">Útvonalak</span></div>
<a href="/assets/wanderer-screenshot-1.webp" data-gallery="wanderer" class="app-shot-link"><img src="/assets/wanderer-screenshot-1.webp" alt="Wanderer screenshot" class="app-screenshot"></a>
<a href="/assets/wanderer-screenshot-2.webp" data-gallery="wanderer" data-alt="Wanderer screenshot 2" hidden></a>
<a href="/assets/wanderer-screenshot-3.webp" data-gallery="wanderer" data-alt="Wanderer screenshot 3" hidden></a>
<a href="/assets/wanderer-screenshot-4.webp" data-gallery="wanderer" data-alt="Wanderer screenshot 4" hidden></a>
</div>
<div class="app-card-footer">
<a href="https://github.com/Flomp/wanderer" target="_blank" rel="noopener" class="github-link"><img src="/assets/github.svg" alt="GitHub">Forráskód</a>
<span class="open-source-badge"><svg class="ico ico-yes" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-check"/></svg>Open Source</span>
</div>
</div>
<!-- Dawarich -->
<div class="app-card">
<div class="app-card-header">
<img src="/assets/dawarich-logo.svg" alt="Dawarich" class="app-logo">
<div class="app-title-area"><h3>Dawarich</h3><span class="app-tagline">A Google Idővonal helyett</span></div>
</div>
<div class="app-card-body">
<p class="app-description">Saját helyelőzmények térképen: a telefonod a te szerveredre küldi, hol jártál. Térkép, statisztika és utazások; a régi adataid Google Takeout, GPX vagy GeoJSON fájlból importálhatók.</p>
<div class="app-features"><span class="app-feature">Térkép</span><span class="app-feature">Statisztika</span><span class="app-feature">Takeout import</span><span class="app-feature">Mobil app</span></div>
<a href="/assets/dawarich-screenshot-1.webp" data-gallery="dawarich" class="app-shot-link"><img src="/assets/dawarich-screenshot-1.webp" alt="Dawarich screenshot" class="app-screenshot"></a>
<a href="/assets/dawarich-screenshot-2.webp" data-gallery="dawarich" data-alt="Dawarich screenshot 2" hidden></a>
<a href="/assets/dawarich-screenshot-3.webp" data-gallery="dawarich" data-alt="Dawarich screenshot 3" hidden></a>
</div>
<div class="app-card-footer">
<a href="https://github.com/Freika/dawarich" target="_blank" rel="noopener" class="github-link"><img src="/assets/github.svg" alt="GitHub">Forráskód</a>
<span class="open-source-badge"><svg class="ico ico-yes" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-check"/></svg>Open Source</span>
</div>
</div>
<!-- Cal.com -->
<div class="app-card">
<div class="app-card-header">
<img src="/assets/calcom-logo.svg" alt="Cal.com" class="app-logo">
<div class="app-title-area"><h3>Cal.com</h3><span class="app-tagline">Időpontfoglaló</span></div>
</div>
<div class="app-card-body">
<p class="app-description">Nyílt forráskódú Calendly alternatíva. Könnyű időpont egyeztetés ügyfelekkel, naptár integrációk és automatikus emlékeztetők.</p>
<div class="app-features"><span class="app-feature">Foglalási oldal</span><span class="app-feature">Naptár szinkron</span><span class="app-feature">Csapatok</span><span class="app-feature">Emlékeztetők</span></div>
<a href="/assets/calcom-screenshot-1.webp" data-gallery="calcom" class="app-shot-link"><img src="/assets/calcom-screenshot-1.webp" alt="Cal.com screenshot" class="app-screenshot"></a>
<a href="/assets/calcom-screenshot-2.webp" data-gallery="calcom" data-alt="Cal.com screenshot 2" hidden></a>
<a href="/assets/calcom-screenshot-3.webp" data-gallery="calcom" data-alt="Cal.com screenshot 3" hidden></a>
<a href="/assets/calcom-screenshot-4.webp" data-gallery="calcom" data-alt="Cal.com screenshot 4" hidden></a>
<a href="/assets/calcom-screenshot-5.webp" data-gallery="calcom" data-alt="Cal.com screenshot 5" hidden></a>
<a href="/assets/calcom-screenshot-6.webp" data-gallery="calcom" data-alt="Cal.com screenshot 6" hidden></a>
</div>
<div class="app-card-footer">
<a href="https://github.com/calcom/cal.com" target="_blank" rel="noopener" class="github-link"><img src="/assets/github.svg" alt="GitHub">Forráskód</a>
<span class="open-source-badge"><svg class="ico ico-yes" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-check"/></svg>Open Source</span>
</div>
</div>
</div>
</div>
<!-- ==================== -->
<!-- 4. PRODUKTIVITÁS & TUDÁSKEZELÉS -->
<!-- ==================== -->
<div class="category-section" id="produktivitas">
<div class="category-header">
<span class="category-icon"><svg class="ico-lg" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-chart-column"/></svg></span>
<h2>Produktivitás & Tudáskezelés</h2>
<span class="app-count">12 alkalmazás</span>
</div>
<div class="app-grid">
<!-- Vikunja -->
<div class="app-card">
<div class="app-card-header">
<img src="/assets/vikunja-logo.svg" alt="Vikunja" class="app-logo">
<div class="app-title-area"><h3>Vikunja</h3><span class="app-tagline">Feladatkezelő (Todoist)</span></div>
</div>
<div class="app-card-body">
<p class="app-description">Nyílt forráskódú Todoist alternatíva. Feladatok, projektek, határidők – Kanban, Gantt és lista nézettel. Emlékeztetők és csapat együttműködés.</p>
<div class="app-features"><span class="app-feature">Kanban</span><span class="app-feature">Gantt</span><span class="app-feature">Emlékeztetők</span><span class="app-feature">Csapatok</span></div>
<a href="/assets/vikunja-screenshot-1.webp" data-gallery="vikunja" class="app-shot-link"><img src="/assets/vikunja-screenshot-1.webp" alt="Vikunja screenshot" class="app-screenshot"></a>
<a href="/assets/vikunja-screenshot-2.webp" data-gallery="vikunja" data-alt="Vikunja screenshot 2" hidden></a>
<a href="/assets/vikunja-screenshot-3.webp" data-gallery="vikunja" data-alt="Vikunja screenshot 3" hidden></a>
<a href="/assets/vikunja-screenshot-4.webp" data-gallery="vikunja" data-alt="Vikunja screenshot 4" hidden></a>
</div>
<div class="app-card-footer">
<a href="https://github.com/go-vikunja/vikunja" target="_blank" rel="noopener" class="github-link"><img src="/assets/github.svg" alt="GitHub">Forráskód</a>
<span class="open-source-badge"><svg class="ico ico-yes" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-check"/></svg>Open Source</span>
</div>
</div>
<!-- Radicale -->
<div class="app-card">
<div class="app-card-header">
<img src="/assets/radicale-logo.svg" alt="Radicale" class="app-logo">
<div class="app-title-area"><h3>Radicale</h3><span class="app-tagline">Naptár és névjegyek</span></div>
</div>
<div class="app-card-body">
<p class="app-description">A telefonod naptára és névjegyei a saját szervereden, nem a Google-nél vagy az Apple-nél. Közös családi naptár; Androidon a DAVx5, iPhone-on és Macen a beépített naptár szinkronizál vele.</p>
<div class="app-features"><span class="app-feature">CalDAV</span><span class="app-feature">CardDAV</span><span class="app-feature">Családi naptár</span><span class="app-feature">Thunderbird</span></div>
<a href="/assets/radicale-screenshot-1.webp" data-gallery="radicale" class="app-shot-link"><img src="/assets/radicale-screenshot-1.webp" alt="Radicale screenshot" class="app-screenshot"></a>
<a href="/assets/radicale-screenshot-2.webp" data-gallery="radicale" data-alt="Radicale screenshot 2" hidden></a>
<a href="/assets/radicale-screenshot-3.webp" data-gallery="radicale" data-alt="Radicale screenshot 3" hidden></a>
</div>
<div class="app-card-footer">
<a href="https://github.com/Kozea/Radicale" target="_blank" rel="noopener" class="github-link"><img src="/assets/github.svg" alt="GitHub">Forráskód</a>
<span class="open-source-badge"><svg class="ico ico-yes" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-check"/></svg>Open Source</span>
</div>
</div>
<!-- Kimai -->
<div class="app-card">
<div class="app-card-header">
<img src="/assets/kimai-logo.png" alt="Kimai" class="app-logo">
<div class="app-title-area"><h3>Kimai</h3><span class="app-tagline">Időkövetés</span></div>
</div>
<div class="app-card-body">
<p class="app-description">Professzionális időkövetés szabadúszóknak és csapatoknak. Projektek, ügyfelek, riportok és számlázási export egyetlen rendszerben.</p>
<div class="app-features"><span class="app-feature">Projektek</span><span class="app-feature">Riportok</span><span class="app-feature">Export</span><span class="app-feature">Számlázás</span></div>
<a href="/assets/kimai-screenshot-1.webp" data-gallery="kimai" class="app-shot-link"><img src="/assets/kimai-screenshot-1.webp" alt="Kimai screenshot" class="app-screenshot"></a>
<a href="/assets/kimai-screenshot-2.webp" data-gallery="kimai" data-alt="Kimai screenshot 2" hidden></a>
<a href="/assets/kimai-screenshot-3.webp" data-gallery="kimai" data-alt="Kimai screenshot 3" hidden></a>
<a href="/assets/kimai-screenshot-4.webp" data-gallery="kimai" data-alt="Kimai screenshot 4" hidden></a>
<a href="/assets/kimai-screenshot-5.webp" data-gallery="kimai" data-alt="Kimai screenshot 5" hidden></a>
</div>
<div class="app-card-footer">
<a href="https://github.com/kimai/kimai" target="_blank" rel="noopener" class="github-link"><img src="/assets/github.svg" alt="GitHub">Forráskód</a>
<span class="open-source-badge"><svg class="ico ico-yes" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-check"/></svg>Open Source</span>
</div>
</div>
<!-- Rallly -->
<div class="app-card">
<div class="app-card-header">
<img src="/assets/rallly-logo.svg" alt="Rallly" class="app-logo">
<div class="app-title-area"><h3>Rallly</h3><span class="app-tagline">Időpont szavazás (Doodle)</span></div>
</div>
<div class="app-card-body">
<p class="app-description">Találkozók és események időpontjának egyeztetése egyszerűen. Doodle alternatíva – szavazók regisztráció nélkül, időzóna kezeléssel.</p>
<div class="app-features"><span class="app-feature">Szavazás</span><span class="app-feature">Nincs regisztráció</span><span class="app-feature">Időzónák</span><span class="app-feature">Értesítések</span></div>
<a href="/assets/rallly-screenshot-1.webp" data-gallery="rallly" class="app-shot-link"><img src="/assets/rallly-screenshot-1.webp" alt="Rallly screenshot" class="app-screenshot"></a>
<a href="/assets/rallly-screenshot-2.webp" data-gallery="rallly" data-alt="Rallly screenshot 2" hidden></a>
</div>
<div class="app-card-footer">
<a href="https://github.com/lukevella/rallly" target="_blank" rel="noopener" class="github-link"><img src="/assets/github.svg" alt="GitHub">Forráskód</a>
<span class="open-source-badge"><svg class="ico ico-yes" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-check"/></svg>Open Source</span>
</div>
</div>
<!-- Claper -->
<div class="app-card">
<div class="app-card-header">
<img src="/assets/claper-logo.svg" alt="Claper" class="app-logo">
<div class="app-title-area"><h3>Claper</h3><span class="app-tagline">Interaktív prezentációk</span></div>
</div>
<div class="app-card-body">
<p class="app-description">Élő szavazások, kérdések és szófelhők prezentációkhoz. Mentimeter/AhaSlides alternatíva – tedd interaktívvá az előadásaidat.</p>
<div class="app-features"><span class="app-feature">Élő szavazás</span><span class="app-feature">Kérdések</span><span class="app-feature">Szófelhő</span><span class="app-feature">Reakciók</span></div>
<a href="/assets/claper-screenshot-1.webp" data-gallery="claper" class="app-shot-link"><img src="/assets/claper-screenshot-1.webp" alt="Claper screenshot" class="app-screenshot"></a>
<a href="/assets/claper-screenshot-2.webp" data-gallery="claper" data-alt="Claper screenshot 2" hidden></a>
<a href="/assets/claper-screenshot-3.webp" data-gallery="claper" data-alt="Claper screenshot 3" hidden></a>
<a href="/assets/claper-screenshot-4.webp" data-gallery="claper" data-alt="Claper screenshot 4" hidden></a>
<a href="/assets/claper-screenshot-5.webp" data-gallery="claper" data-alt="Claper screenshot 5" hidden></a>
</div>
<div class="app-card-footer">
<a href="https://github.com/ClaperCo/Claper" target="_blank" rel="noopener" class="github-link"><img src="/assets/github.svg" alt="GitHub">Forráskód</a>
<span class="open-source-badge"><svg class="ico ico-yes" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-check"/></svg>Open Source</span>
</div>
</div>
<!-- Ghost -->
<div class="app-card">
<div class="app-card-header">
<img src="/assets/ghost-logo.svg" alt="Ghost" class="app-logo">
<div class="app-title-area"><h3>Ghost</h3><span class="app-tagline">Blog & hírlevél platform</span></div>
</div>
<div class="app-card-body">
<p class="app-description">Modern publikációs platform bloggereknek és tartalomkészítőknek. Gyönyörű témák, beépített hírlevél, és tagság/előfizetés kezelés.</p>
<div class="app-features"><span class="app-feature">Blog</span><span class="app-feature">Hírlevél</span><span class="app-feature">Tagság</span><span class="app-feature">SEO</span></div>
<a href="/assets/ghost-screenshot-1.webp" data-gallery="ghost" class="app-shot-link"><img src="/assets/ghost-screenshot-1.webp" alt="Ghost screenshot" class="app-screenshot"></a>
<a href="/assets/ghost-screenshot-2.webp" data-gallery="ghost" data-alt="Ghost screenshot 2" hidden></a>
<a href="/assets/ghost-screenshot-3.webp" data-gallery="ghost" data-alt="Ghost screenshot 3" hidden></a>
<a href="/assets/ghost-screenshot-4.webp" data-gallery="ghost" data-alt="Ghost screenshot 4" hidden></a>
</div>
<div class="app-card-footer">
<a href="https://github.com/TryGhost/Ghost" target="_blank" rel="noopener" class="github-link"><img src="/assets/github.svg" alt="GitHub">Forráskód</a>
<span class="open-source-badge"><svg class="ico ico-yes" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-check"/></svg>Open Source</span>
</div>
</div>
<!-- Paperless-ngx -->
<div class="app-card">
<div class="app-card-header">
<img src="/assets/paperless-ngx-logo.svg" alt="Paperless-ngx" class="app-logo">
<div class="app-title-area"><h3>Paperless-ngx</h3><span class="app-tagline">Digitális irattár</span></div>
</div>
<div class="app-card-body">
<p class="app-description">Szkenneld be a papír dokumentumaidat és felejtsd el őket. OCR, automatikus kategorizálás, és teljes szöveges keresés.</p>
<div class="app-features"><span class="app-feature">OCR</span><span class="app-feature">Auto kategória</span><span class="app-feature">Keresés</span><span class="app-feature">Címkék</span></div>
<a href="/assets/paperless-ngx-screenshot-1.webp" data-gallery="paperless-ngx" class="app-shot-link"><img src="/assets/paperless-ngx-screenshot-1.webp" alt="Paperless-ngx screenshot" class="app-screenshot"></a>
<a href="/assets/paperless-ngx-screenshot-2.webp" data-gallery="paperless-ngx" data-alt="Paperless-ngx screenshot 2" hidden></a>
<a href="/assets/paperless-ngx-screenshot-3.webp" data-gallery="paperless-ngx" data-alt="Paperless-ngx screenshot 3" hidden></a>
</div>
<div class="app-card-footer">
<a href="https://github.com/paperless-ngx/paperless-ngx" target="_blank" rel="noopener" class="github-link"><img src="/assets/github.svg" alt="GitHub">Forráskód</a>
<span class="open-source-badge"><svg class="ico ico-yes" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-check"/></svg>Open Source</span>
</div>
</div>
<!-- BookStack -->
<div class="app-card">
<div class="app-card-header">
<img src="/assets/bookstack-logo.svg" alt="BookStack" class="app-logo">
<div class="app-title-area"><h3>BookStack</h3><span class="app-tagline">Könyv-szerű dokumentáció</span></div>
</div>
<div class="app-card-body">
<p class="app-description">Egyszerű, önhostolt wiki platform. Rendezd tudásodat könyvekbe, fejezetekbe és oldalakra – könnyen kereshető formában.</p>
<div class="app-features"><span class="app-feature">WYSIWYG</span><span class="app-feature">Könyvek</span><span class="app-feature">Keresés</span><span class="app-feature">Jogosultságok</span></div>
<a href="/assets/bookstack-screenshot-1.webp" data-gallery="bookstack" class="app-shot-link"><img src="/assets/bookstack-screenshot-1.webp" alt="BookStack screenshot" class="app-screenshot"></a>
<a href="/assets/bookstack-screenshot-2.webp" data-gallery="bookstack" data-alt="BookStack screenshot 2" hidden></a>
<a href="/assets/bookstack-screenshot-3.webp" data-gallery="bookstack" data-alt="BookStack screenshot 3" hidden></a>
</div>
<div class="app-card-footer">
<a href="https://github.com/BookStackApp/BookStack" target="_blank" rel="noopener" class="github-link"><img src="/assets/github.svg" alt="GitHub">Forráskód</a>
<span class="open-source-badge"><svg class="ico ico-yes" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-check"/></svg>Open Source</span>
</div>
</div>
<!-- Outline -->
<div class="app-card">
<div class="app-card-header">
<img src="/assets/outline-logo.svg" alt="Outline" class="app-logo">
<div class="app-title-area"><h3>Outline</h3><span class="app-tagline">Csapat tudásbázis</span></div>
</div>
<div class="app-card-body">
<p class="app-description">Gyönyörű wiki és tudásbázis csapatok számára. Markdown támogatás, valós idejű együttműködés, és strukturált dokumentáció.</p>
<div class="app-features"><span class="app-feature">Markdown</span><span class="app-feature">Együttműködés</span><span class="app-feature">Keresés</span><span class="app-feature">Integráció</span></div>
<a href="/assets/outline-screenshot-1.webp" data-gallery="outline" class="app-shot-link"><img src="/assets/outline-screenshot-1.webp" alt="Outline screenshot" class="app-screenshot"></a>
<a href="/assets/outline-screenshot-2.webp" data-gallery="outline" data-alt="Outline screenshot 2" hidden></a>
</div>
<div class="app-card-footer">
<a href="https://github.com/outline/outline" target="_blank" rel="noopener" class="github-link"><img src="/assets/github.svg" alt="GitHub">Forráskód</a>
<span class="open-source-badge" style="color: var(--warn);"><img src="/assets/checkmark-yellow.svg" alt="">Korlátozott licenc</span>
</div>
</div>
<!-- Docmost -->
<div class="app-card">
<div class="app-card-header">
<img src="/assets/docmost-logo.png" alt="Docmost" class="app-logo">
<div class="app-title-area"><h3>Docmost</h3><span class="app-tagline">Notion-szerű wiki</span></div>
</div>
<div class="app-card-body">
<p class="app-description">Modern wiki és dokumentáció platform Notion-szerű blokk szerkesztővel. Terek és oldalak hierarchiában, valós idejű közös szerkesztés, keresés a teljes tartalomban.</p>
<div class="app-features"><span class="app-feature">Blokk szerkesztő</span><span class="app-feature">Közös szerkesztés</span><span class="app-feature">Keresés</span><span class="app-feature">Táblázatok</span></div>
<a href="/assets/docmost-screenshot-1.webp" data-gallery="docmost" class="app-shot-link"><img src="/assets/docmost-screenshot-1.webp" alt="Docmost screenshot" class="app-screenshot"></a>
<a href="/assets/docmost-screenshot-2.webp" data-gallery="docmost" data-alt="Docmost screenshot 2" hidden></a>
<a href="/assets/docmost-screenshot-3.webp" data-gallery="docmost" data-alt="Docmost screenshot 3" hidden></a>
</div>
<div class="app-card-footer">
<a href="https://github.com/docmost/docmost" target="_blank" rel="noopener" class="github-link"><img src="/assets/github.svg" alt="GitHub">Forráskód</a>
<span class="open-source-badge"><svg class="ico ico-yes" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-check"/></svg>Open Source</span>
</div>
</div>
<!-- Karakeep -->
<div class="app-card">
<div class="app-card-header">
<img src="/assets/karakeep-logo.svg" alt="Karakeep" class="app-logo">
<div class="app-title-area"><h3>Karakeep</h3><span class="app-tagline">Kereshető saját archívum</span></div>
</div>
<div class="app-card-body">
<p class="app-description">Könyvjelzők, cikkek, jegyzetek és képek egy helyen. A Karakeep letölti és elteszi a mentett oldalak tartalmát, akkor is, ha az oldal később eltűnik. Teljes szöveges keresés, böngészőbővítmény és telefonos alkalmazás.</p>
<div class="app-features"><span class="app-feature">Oldalmentés</span><span class="app-feature">Keresés</span><span class="app-feature">Böngészőbővítmény</span><span class="app-feature">Mobil app</span></div>
<a href="/assets/karakeep-screenshot-1.webp" data-gallery="karakeep" class="app-shot-link"><img src="/assets/karakeep-screenshot-1.webp" alt="Karakeep screenshot" class="app-screenshot"></a>
<a href="/assets/karakeep-screenshot-2.webp" data-gallery="karakeep" data-alt="Karakeep screenshot 2" hidden></a>
<a href="/assets/karakeep-screenshot-3.webp" data-gallery="karakeep" data-alt="Karakeep screenshot 3" hidden></a>
</div>
<div class="app-card-footer">
<a href="https://github.com/karakeep-app/karakeep" target="_blank" rel="noopener" class="github-link"><img src="/assets/github.svg" alt="GitHub">Forráskód</a>
<span class="open-source-badge"><svg class="ico ico-yes" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-check"/></svg>Open Source</span>
</div>
</div>
<!-- PrivateBin -->
<div class="app-card">
<div class="app-card-header">
<img src="/assets/privatebin-logo.png" alt="PrivateBin" class="app-logo">
<div class="app-title-area"><h3>PrivateBin</h3><span class="app-tagline">Titkosított jegyzet megosztás</span></div>
</div>
<div class="app-card-body">
<p class="app-description">Minimális, titkosított pastebin. A szerver nem látja a tartalmakat – tökéletes érzékeny szövegek biztonságos megosztására.</p>
<div class="app-features"><span class="app-feature">E2E titkosítás</span><span class="app-feature">Lejárat</span><span class="app-feature">Égés után</span><span class="app-feature">Jelszóvédelem</span></div>
<a href="/assets/privatebin-screenshot-1.webp" data-gallery="privatebin" class="app-shot-link"><img src="/assets/privatebin-screenshot-1.webp" alt="PrivateBin screenshot" class="app-screenshot"></a>
<a href="/assets/privatebin-screenshot-2.webp" data-gallery="privatebin" data-alt="PrivateBin screenshot 2" hidden></a>
</div>
<div class="app-card-footer">
<a href="https://github.com/PrivateBin/PrivateBin" target="_blank" rel="noopener" class="github-link"><img src="/assets/github.svg" alt="GitHub">Forráskód</a>
<span class="open-source-badge"><svg class="ico ico-yes" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-check"/></svg>Open Source</span>
</div>
</div>
</div>
</div>
<!-- ==================== -->
<!-- 5. RENDSZER & FEJLESZTÉS -->
<!-- ==================== -->
<div class="category-section" id="rendszer">
<div class="category-header">
<span class="category-icon"><svg class="ico-lg" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-wrench"/></svg></span>
<h2>Rendszer & Fejlesztés</h2>
<span class="app-count">9 alkalmazás</span>
</div>
<div class="app-grid">
<!-- Vaultwarden -->
<div class="app-card">
<div class="app-card-header">
<img src="/assets/vaultwarden-logo.svg" alt="Vaultwarden" class="app-logo">
<div class="app-title-area"><h3>Vaultwarden</h3><span class="app-tagline">Jelszókezelő (Bitwarden)</span></div>
</div>
<div class="app-card-body">
<p class="app-description">Könnyű Bitwarden szerver implementáció. Tárold biztonságosan a jelszavaidat, és szinkronizáld minden eszközödön.</p>
<div class="app-features"><span class="app-feature">E2E titkosítás</span><span class="app-feature">Mobil app</span><span class="app-feature">Böngésző kieg.</span><span class="app-feature">2FA</span></div>
<a href="/assets/vaultwarden-screenshot-1.webp" data-gallery="vaultwarden" class="app-shot-link"><img src="/assets/vaultwarden-screenshot-1.webp" alt="Vaultwarden screenshot" class="app-screenshot"></a>
</div>
<div class="app-card-footer">
<a href="https://github.com/dani-garcia/vaultwarden" target="_blank" rel="noopener" class="github-link"><img src="/assets/github.svg" alt="GitHub">Forráskód</a>
<span class="open-source-badge"><svg class="ico ico-yes" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-check"/></svg>Open Source</span>
</div>
</div>
<!-- Homepage -->
<div class="app-card">
<div class="app-card-header">
<img src="/assets/homepage-logo.svg" alt="Homepage" class="app-logo">
<div class="app-title-area"><h3>Homepage</h3><span class="app-tagline">Személyes kezdőlap</span></div>
</div>
<div class="app-card-body">
<p class="app-description">Gyönyörű és funkciókban gazdag kezdőlap a szerveredhez. Szolgáltatás státuszok, widgetek, könyvjelzők egy helyen.</p>
<div class="app-features"><span class="app-feature">Widgetek</span><span class="app-feature">Integrációk</span><span class="app-feature">Témák</span><span class="app-feature">Státusz</span></div>
<a href="/assets/homepage-screenshot-1.webp" data-gallery="homepage" class="app-shot-link"><img src="/assets/homepage-screenshot-1.webp" alt="Homepage screenshot" class="app-screenshot"></a>
<a href="/assets/homepage-screenshot-2.webp" data-gallery="homepage" data-alt="Homepage screenshot 2" hidden></a>
<a href="/assets/homepage-screenshot-3.webp" data-gallery="homepage" data-alt="Homepage screenshot 3" hidden></a>
<a href="/assets/homepage-screenshot-4.webp" data-gallery="homepage" data-alt="Homepage screenshot 4" hidden></a>
</div>
<div class="app-card-footer">
<a href="https://github.com/gethomepage/homepage" target="_blank" rel="noopener" class="github-link"><img src="/assets/github.svg" alt="GitHub">Forráskód</a>
<span class="open-source-badge"><svg class="ico ico-yes" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-check"/></svg>Open Source</span>
</div>
</div>
<!-- Glance -->
<div class="app-card">
<div class="app-card-header">
<img src="/assets/glance-logo.svg" alt="Glance" class="app-logo">
<div class="app-title-area"><h3>Glance</h3><span class="app-tagline">Információs dashboard</span></div>
</div>
<div class="app-card-body">
<p class="app-description">Minimális, gyors dashboard mindenféle információval. RSS, időjárás, könyvjelzők, Reddit, YouTube és sok más egy oldalon.</p>
<div class="app-features"><span class="app-feature">RSS</span><span class="app-feature">Időjárás</span><span class="app-feature">YouTube</span><span class="app-feature">Gyors</span></div>
<a href="/assets/glance-screenshot-1.webp" data-gallery="glance" class="app-shot-link"><img src="/assets/glance-screenshot-1.webp" alt="Glance screenshot" class="app-screenshot"></a>
<a href="/assets/glance-screenshot-2.webp" data-gallery="glance" data-alt="Glance screenshot 2" hidden></a>
<a href="/assets/glance-screenshot-3.webp" data-gallery="glance" data-alt="Glance screenshot 3" hidden></a>
<a href="/assets/glance-screenshot-4.webp" data-gallery="glance" data-alt="Glance screenshot 4" hidden></a>
</div>
<div class="app-card-footer">
<a href="https://github.com/glanceapp/glance" target="_blank" rel="noopener" class="github-link"><img src="/assets/github.svg" alt="GitHub">Forráskód</a>
<span class="open-source-badge"><svg class="ico ico-yes" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-check"/></svg>Open Source</span>
</div>
</div>
<!-- Uptime Kuma -->
<div class="app-card">
<div class="app-card-header">
<img src="/assets/uptime-kuma-logo.svg" alt="Uptime Kuma" class="app-logo">
<div class="app-title-area"><h3>Uptime Kuma</h3><span class="app-tagline">Szolgáltatás monitoring</span></div>
</div>
<div class="app-card-body">
<p class="app-description">Elegáns szolgáltatás monitorozó. Figyeld a weboldalaidat, API-kat, és kapj értesítést ha valami nem működik.</p>
<div class="app-features"><span class="app-feature">HTTP/TCP/DNS</span><span class="app-feature">Értesítések</span><span class="app-feature">Státusz oldal</span><span class="app-feature">Grafikonok</span></div>
<a href="/assets/uptime-kuma-screenshot-1.webp" data-gallery="uptime-kuma" class="app-shot-link"><img src="/assets/uptime-kuma-screenshot-1.webp" alt="Uptime Kuma screenshot" class="app-screenshot"></a>
<a href="/assets/uptime-kuma-screenshot-2.webp" data-gallery="uptime-kuma" data-alt="Uptime Kuma screenshot 2" hidden></a>
<a href="/assets/uptime-kuma-screenshot-3.webp" data-gallery="uptime-kuma" data-alt="Uptime Kuma screenshot 3" hidden></a>
</div>
<div class="app-card-footer">
<a href="https://github.com/louislam/uptime-kuma" target="_blank" rel="noopener" class="github-link"><img src="/assets/github.svg" alt="GitHub">Forráskód</a>
<span class="open-source-badge"><svg class="ico ico-yes" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-check"/></svg>Open Source</span>
</div>
</div>
<!-- Grafana -->
<div class="app-card">
<div class="app-card-header">
<img src="/assets/grafana-logo.svg" alt="Grafana" class="app-logo">
<div class="app-title-area"><h3>Grafana</h3><span class="app-tagline">Adatvizualizáció</span></div>
</div>
<div class="app-card-body">
<p class="app-description">Professzionális monitoring és vizualizációs platform. Gyönyörű dashboardok, riasztások és adatelemzés – bármilyen adatforrásból.</p>
<div class="app-features"><span class="app-feature">Dashboardok</span><span class="app-feature">Riasztások</span><span class="app-feature">Adatforrások</span><span class="app-feature">Lekérdezések</span></div>
<a href="/assets/grafana-screenshot-1.webp" data-gallery="grafana" class="app-shot-link"><img src="/assets/grafana-screenshot-1.webp" alt="Grafana screenshot" class="app-screenshot"></a>
<a href="/assets/grafana-screenshot-2.webp" data-gallery="grafana" data-alt="Grafana screenshot 2" hidden></a>
<a href="/assets/grafana-screenshot-3.webp" data-gallery="grafana" data-alt="Grafana screenshot 3" hidden></a>
<a href="/assets/grafana-screenshot-4.webp" data-gallery="grafana" data-alt="Grafana screenshot 4" hidden></a>
</div>
<div class="app-card-footer">
<a href="https://github.com/grafana/grafana" target="_blank" rel="noopener" class="github-link"><img src="/assets/github.svg" alt="GitHub">Forráskód</a>
<span class="open-source-badge"><svg class="ico ico-yes" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-check"/></svg>Open Source</span>
</div>
</div>
<!-- Termix -->
<div class="app-card">
<div class="app-card-header">
<img src="/assets/termix-logo.svg" alt="Termix" class="app-logo">
<div class="app-title-area"><h3>Termix</h3><span class="app-tagline">Szerver menedzser (SSH)</span></div>
</div>
<div class="app-card-body">
<p class="app-description">Webes SSH terminál és szerver kezelő platform. Csatlakozz szervereidhez bárhonnan böngészőből, kezelj SSH tunneleket, szerkessz fájlokat távolról.</p>
<div class="app-features"><span class="app-feature">SSH terminál</span><span class="app-feature">Tunneling</span><span class="app-feature">Fájlkezelő</span><span class="app-feature">2FA</span></div>
<a href="/assets/termix-screenshot-1.webp" data-gallery="termix" class="app-shot-link"><img src="/assets/termix-screenshot-1.webp" alt="Termix screenshot" class="app-screenshot"></a>
<a href="/assets/termix-screenshot-2.webp" data-gallery="termix" data-alt="Termix screenshot 2" hidden></a>
<a href="/assets/termix-screenshot-3.webp" data-gallery="termix" data-alt="Termix screenshot 3" hidden></a>
<a href="/assets/termix-screenshot-4.webp" data-gallery="termix" data-alt="Termix screenshot 4" hidden></a>
</div>
<div class="app-card-footer">
<a href="https://github.com/Termix-SSH/Termix" target="_blank" rel="noopener" class="github-link"><img src="/assets/github.svg" alt="GitHub">Forráskód</a>
<span class="open-source-badge"><svg class="ico ico-yes" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-check"/></svg>Open Source</span>
</div>
</div>
<!-- Gitea -->
<div class="app-card">
<div class="app-card-header">
<img src="/assets/gitea-logo.svg" alt="Gitea" class="app-logo">
<div class="app-title-area"><h3>Gitea</h3><span class="app-tagline">Git szerver (GitHub)</span></div>
</div>
<div class="app-card-body">
<p class="app-description">Könnyű, gyors Git hosting szolgáltatás. A saját GitHub/GitLab-od, issue tracking, CI/CD, és package registry.</p>
<div class="app-features"><span class="app-feature">Git hosting</span><span class="app-feature">Issues</span><span class="app-feature">CI/CD</span><span class="app-feature">Wiki</span></div>
<a href="/assets/gitea-screenshot-1.webp" data-gallery="gitea" class="app-shot-link"><img src="/assets/gitea-screenshot-1.webp" alt="Gitea screenshot" class="app-screenshot"></a>
<a href="/assets/gitea-screenshot-2.webp" data-gallery="gitea" data-alt="Gitea screenshot 2" hidden></a>
<a href="/assets/gitea-screenshot-3.webp" data-gallery="gitea" data-alt="Gitea screenshot 3" hidden></a>
</div>
<div class="app-card-footer">
<a href="https://github.com/go-gitea/gitea" target="_blank" rel="noopener" class="github-link"><img src="/assets/github.svg" alt="GitHub">Forráskód</a>
<span class="open-source-badge"><svg class="ico ico-yes" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-check"/></svg>Open Source</span>
</div>
</div>
<!-- Code-Server -->
<div class="app-card">
<div class="app-card-header">
<img src="/assets/code-server-logo.svg" alt="Code-Server" class="app-logo">
<div class="app-title-area"><h3>Code-Server</h3><span class="app-tagline">VS Code böngészőben</span></div>
</div>
<div class="app-card-body">
<p class="app-description">Visual Studio Code a böngészőben. Fejlessz bárhonnan, bármilyen eszközről – ugyanazzal az ismerős felülettel.</p>
<div class="app-features"><span class="app-feature">VS Code</span><span class="app-feature">Bővítmények</span><span class="app-feature">Terminál</span><span class="app-feature">Git</span></div>
<a href="/assets/code-server-screenshot-1.webp" data-gallery="code-server" class="app-shot-link"><img src="/assets/code-server-screenshot-1.webp" alt="Code-Server screenshot" class="app-screenshot"></a>
<a href="/assets/code-server-screenshot-2.webp" data-gallery="code-server" data-alt="Code-Server screenshot 2" hidden></a>
</div>
<div class="app-card-footer">
<a href="https://github.com/coder/code-server" target="_blank" rel="noopener" class="github-link"><img src="/assets/github.svg" alt="GitHub">Forráskód</a>
<span class="open-source-badge"><svg class="ico ico-yes" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-check"/></svg>Open Source</span>
</div>
</div>
<!-- OpenGist -->
<div class="app-card">
<div class="app-card-header">
<img src="/assets/opengist-logo.png" alt="OpenGist" class="app-logo">
<div class="app-title-area"><h3>OpenGist</h3><span class="app-tagline">Kód snippetek (Gist)</span></div>
</div>
<div class="app-card-body">
<p class="app-description">Saját GitHub Gist szerver. Kód snippetek megosztása, szintaxis kiemelés, és verziókezelés Git alapokon.</p>
<div class="app-features"><span class="app-feature">Snippetek</span><span class="app-feature">Szintaxis</span><span class="app-feature">Git</span><span class="app-feature">Embed</span></div>
<a href="/assets/opengist-screenshot-1.webp" data-gallery="opengist" class="app-shot-link"><img src="/assets/opengist-screenshot-1.webp" alt="OpenGist screenshot" class="app-screenshot"></a>
<a href="/assets/opengist-screenshot-2.webp" data-gallery="opengist" data-alt="OpenGist screenshot 2" hidden></a>
<a href="/assets/opengist-screenshot-3.webp" data-gallery="opengist" data-alt="OpenGist screenshot 3" hidden></a>
</div>
<div class="app-card-footer">
<a href="https://github.com/thomiceli/opengist" target="_blank" rel="noopener" class="github-link"><img src="/assets/github.svg" alt="GitHub">Forráskód</a>
<span class="open-source-badge"><svg class="ico ico-yes" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-check"/></svg>Open Source</span>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Stats Section -->
<section class="stats-section">
<div class="container">
<div class="stats-grid">
<div class="stat-item">
<h3>56</h3>
<p>Elérhető alkalmazás</p>
</div>
<div class="stat-item">
<h3>5</h3>
<p>Kategória</p>
</div>
<div class="stat-item">
<h3>49</h3>
<p>Nyílt forráskódú</p>
</div>
<div class="stat-item">
<h3>0 Ft</h3>
<p>Licenc költség</p>
</div>
</div>
</div>
</section>
<!-- CTA Section -->
<section class="cta-section">
<div class="container">
<h2>Nem találod amit keresel?</h2>
<p>Ez a teljes katalógus. Ha van egy konkrét igényed, keress minket — megnézzük, felvehető-e a megfelelő alkalmazás.</p>
<a href="/kapcsolat" class="cta-button">Kapcsolatfelvétel →</a>
</div>
</section>
</main>
<footer>
<div class="container">
<p>© 2026 felhom.eu — Saját felhőd, saját szabályaid</p>
</div>
</footer>
<script>
(function() {
var hamburger = document.getElementById('hamburger');
var navLinks = document.querySelector('.nav-links');
var overlay = document.getElementById('mobileOverlay');
var body = document.body;
if (!hamburger || !navLinks || !overlay) {
console.warn('[mobile-menu] Missing elements:', {
hamburger: !!hamburger,
navLinks: !!navLinks,
overlay: !!overlay
});
return;
}
function openMenu() {
hamburger.classList.add('is-active');
navLinks.classList.add('is-open');
overlay.classList.add('is-visible');
body.classList.add('menu-open');
hamburger.setAttribute('aria-expanded', 'true');
hamburger.setAttribute('aria-label', 'Menü bezárása');
}
function closeMenu() {
hamburger.classList.remove('is-active');
navLinks.classList.remove('is-open');
overlay.classList.remove('is-visible');
body.classList.remove('menu-open');
hamburger.setAttribute('aria-expanded', 'false');
hamburger.setAttribute('aria-label', 'Menü megnyitása');
}
hamburger.addEventListener('click', function() {
if (navLinks.classList.contains('is-open')) {
closeMenu();
} else {
openMenu();
}
});
overlay.addEventListener('click', closeMenu);
navLinks.querySelectorAll('a').forEach(function(link) {
link.addEventListener('click', closeMenu);
});
document.addEventListener('keydown', function(e) {
if (e.key === 'Escape' && navLinks.classList.contains('is-open')) {
closeMenu();
}
});
window.addEventListener('resize', function() {
if (window.innerWidth > 900 && navLinks.classList.contains('is-open')) {
closeMenu();
}
});
})();
</script>
</body>
</html>