dd89e1bf99
gates / gates (push) Failing after 6m48s
Measured at 390px: the sidebar stayed an in-flow flex child and squeezed the content column to ~208px, so the launcher grid collapsed to ONE column and the front page became 15 597px tall on a phone; the contact page overflowed horizontally (scrollWidth 467 in a 375 viewport). The cause was not missing CSS - the controller's off-canvas rules were all copied. They are gated on a 'js' class that layout.html sets in an inline head script and the mockup shell did not. Copied that hook verbatim, so the drawer engages only where the drawer script can open it, and the no-js path (sidebar static and full width, burger hidden) is the controller's own.
1940 lines
134 KiB
HTML
1940 lines
134 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="hu" class="no-js">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<meta name="robots" content="noindex, nofollow">
|
||
<meta name="description" content="Mockup: a felhom.eu weboldal a doboz vezérlőpultjaként.">
|
||
<title>Indítópult · Felhom.eu mockup</title>
|
||
<script>
|
||
/* The controller's own progressive-enhancement hook (layout.html): flip no-js -> js before
|
||
the first CSS-dependent paint, so the off-canvas drawer engages ONLY where the drawer
|
||
script can open it. Without it the sidebar stays an in-flow flex child on a phone and
|
||
squeezes the content column - which is exactly what happened here first time. */
|
||
document.documentElement.className=document.documentElement.className.replace('no-js','js');
|
||
</script>
|
||
<link rel="stylesheet" href="/preview/mockup.css?v=1">
|
||
<link rel="icon" type="image/png" href="/assets/logo_favicon_2.svg">
|
||
</head>
|
||
<body class="mockup">
|
||
<header class="mobile-topbar">
|
||
<a href="index.html" class="mobile-topbar-logo"><img src="/assets/logo_notext_white.svg" alt="Felhom.eu"></a>
|
||
<button type="button" class="nav-burger" id="navBurger" aria-expanded="false" aria-controls="sidebar" aria-label="Menü">
|
||
<span class="hamburger-box"><span class="hamburger-line"></span><span class="hamburger-line"></span><span class="hamburger-line"></span></span>
|
||
</button>
|
||
</header>
|
||
<div class="nav-backdrop" id="navBackdrop" hidden></div>
|
||
<nav class="sidebar" id="sidebar">
|
||
<div class="sidebar-header">
|
||
<img src="/assets/logo_notext_white.svg" alt="Felhom.eu" class="sidebar-logo">
|
||
</div>
|
||
<ul class="nav-links">
|
||
<li><a href="index.html" class="active"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-rocket"/></svg>Indítópult</a></li>
|
||
<li><a href="alkalmazasok.html"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-cloud"/></svg>Alkalmazások</a></li>
|
||
<li><a href="mentesek.html"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-shield"/></svg>Biztonsági mentés</a></li>
|
||
<li><span class="nav-off" title="a saját dobozodon működik"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-hard-drive"/></svg>Tárhely<span class="nav-off-hint">a saját dobozodon működik</span></span></li>
|
||
<li><span class="nav-off" title="a saját dobozodon működik"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-layout-grid"/></svg>Megosztás<span class="nav-off-hint">a saját dobozodon működik</span></span></li>
|
||
<li><span class="nav-off" title="a saját dobozodon működik"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-cpu"/></svg>Rendszermonitor<span class="nav-off-hint">a saját dobozodon működik</span></span></li>
|
||
<li><span class="nav-off" title="a saját dobozodon működik"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-settings"/></svg>Beállítások<span class="nav-off-hint">a saját dobozodon működik</span></span></li>
|
||
</ul>
|
||
<div class="sidebar-bottom">
|
||
<div class="nav-group-label">A Felhomról</div>
|
||
<ul class="nav-links nav-links-sub">
|
||
<li><a href="hogyan.html">Hogyan működik</a></li>
|
||
<li><a href="teszteles.html">Tesztelés</a></li>
|
||
<li><a href="kapcsolat.html">Kapcsolat</a></li>
|
||
</ul>
|
||
<div class="sidebar-footer">
|
||
<span class="version">mockup</span>
|
||
</div>
|
||
</div>
|
||
</nav>
|
||
<main class="content">
|
||
<div class="page-header">
|
||
<h2>Indítópult</h2>
|
||
<span class="domain-badge">otthonod.hu <span class="sample">minta</span></span>
|
||
</div>
|
||
|
||
<div class="welcome-card">
|
||
<div class="welcome-text">
|
||
<h1>Ez a vezérlőpult, amit a doboz ad.</h1>
|
||
<p>Minden csempe egy alkalmazás, ami nálad futna. Kattints bármelyikre, és megnézheted, mire jó.</p>
|
||
</div>
|
||
<a class="btn btn-primary btn-lg" href="teszteles.html">Jelentkezem tesztelőnek →</a>
|
||
</div>
|
||
|
||
<div class="launch-grid">
|
||
<a class="launch-cell" href="#app-actualbudget">
|
||
<span class="launch-tile" style="background: hsl(106, 45%, 38%)">
|
||
<span class="launch-mono">A</span>
|
||
<img class="launch-logo" src="/assets/actualbudget-logo.svg" alt="" loading="lazy">
|
||
</span>
|
||
<span class="launch-name">ActualBudget</span>
|
||
</a>
|
||
<a class="launch-cell" href="#app-adventurelog">
|
||
<span class="launch-tile" style="background: hsl(155, 45%, 38%)">
|
||
<span class="launch-mono">A</span>
|
||
<img class="launch-logo" src="/assets/adventurelog-logo.png" alt="" loading="lazy">
|
||
</span>
|
||
<span class="launch-name">AdventureLog</span>
|
||
</a>
|
||
<a class="launch-cell" href="#app-audiobookshelf">
|
||
<span class="launch-tile" style="background: hsl(120, 45%, 38%)">
|
||
<span class="launch-mono">A</span>
|
||
<img class="launch-logo" src="/assets/audiobookshelf-logo.svg" alt="" loading="lazy">
|
||
</span>
|
||
<span class="launch-name">Audiobookshelf</span>
|
||
</a>
|
||
<a class="launch-cell" href="#app-bentopdf">
|
||
<span class="launch-tile" style="background: hsl(287, 45%, 38%)">
|
||
<span class="launch-mono">B</span>
|
||
<img class="launch-logo" src="/assets/bentopdf-logo.svg" alt="" loading="lazy">
|
||
</span>
|
||
<span class="launch-name">BentoPDF</span>
|
||
</a>
|
||
<a class="launch-cell" href="#app-bookstack">
|
||
<span class="launch-tile" style="background: hsl(112, 45%, 38%)">
|
||
<span class="launch-mono">B</span>
|
||
<img class="launch-logo" src="/assets/bookstack-logo.svg" alt="" loading="lazy">
|
||
</span>
|
||
<span class="launch-name">BookStack</span>
|
||
</a>
|
||
<a class="launch-cell" href="#app-calcom">
|
||
<span class="launch-tile" style="background: hsl(84, 45%, 38%)">
|
||
<span class="launch-mono">C</span>
|
||
<img class="launch-logo" src="/assets/calcom-logo.svg" alt="" loading="lazy">
|
||
</span>
|
||
<span class="launch-name">Cal.com</span>
|
||
</a>
|
||
<a class="launch-cell" href="#app-calibre-web">
|
||
<span class="launch-tile" style="background: hsl(274, 45%, 38%)">
|
||
<span class="launch-mono">C</span>
|
||
<img class="launch-logo" src="/assets/calibre-web-logo.svg" alt="" loading="lazy">
|
||
</span>
|
||
<span class="launch-name">Calibre-Web Automated</span>
|
||
</a>
|
||
<a class="launch-cell" href="#app-claper">
|
||
<span class="launch-tile" style="background: hsl(280, 45%, 38%)">
|
||
<span class="launch-mono">C</span>
|
||
<img class="launch-logo" src="/assets/claper-logo.svg" alt="" loading="lazy">
|
||
</span>
|
||
<span class="launch-name">Claper</span>
|
||
</a>
|
||
<a class="launch-cell" href="#app-code-server">
|
||
<span class="launch-tile" style="background: hsl(280, 45%, 38%)">
|
||
<span class="launch-mono">C</span>
|
||
<img class="launch-logo" src="/assets/code-server-logo.svg" alt="" loading="lazy">
|
||
</span>
|
||
<span class="launch-name">Code-Server</span>
|
||
</a>
|
||
<a class="launch-cell" href="#app-crafty-controller">
|
||
<span class="launch-tile" style="background: hsl(307, 45%, 38%)">
|
||
<span class="launch-mono">C</span>
|
||
<img class="launch-logo" src="/assets/crafty-controller-logo.png" alt="" loading="lazy">
|
||
</span>
|
||
<span class="launch-name">Crafty Controller</span>
|
||
</a>
|
||
<a class="launch-cell" href="#app-dawarich">
|
||
<span class="launch-tile" style="background: hsl(244, 45%, 38%)">
|
||
<span class="launch-mono">D</span>
|
||
<img class="launch-logo" src="/assets/dawarich-logo.svg" alt="" loading="lazy">
|
||
</span>
|
||
<span class="launch-name">Dawarich</span>
|
||
</a>
|
||
<a class="launch-cell" href="#app-docmost">
|
||
<span class="launch-tile" style="background: hsl(234, 45%, 38%)">
|
||
<span class="launch-mono">D</span>
|
||
<img class="launch-logo" src="/assets/docmost-logo.png" alt="" loading="lazy">
|
||
</span>
|
||
<span class="launch-name">Docmost</span>
|
||
</a>
|
||
<a class="launch-cell" href="#app-emby">
|
||
<span class="launch-tile" style="background: hsl(106, 45%, 38%)">
|
||
<span class="launch-mono">E</span>
|
||
<img class="launch-logo" src="/assets/emby-logo.svg" alt="" loading="lazy">
|
||
</span>
|
||
<span class="launch-name">Emby</span>
|
||
</a>
|
||
<a class="launch-cell" href="#app-ghost">
|
||
<span class="launch-tile" style="background: hsl(320, 45%, 38%)">
|
||
<span class="launch-mono">G</span>
|
||
<img class="launch-logo" src="/assets/ghost-logo.svg" alt="" loading="lazy">
|
||
</span>
|
||
<span class="launch-name">Ghost</span>
|
||
</a>
|
||
<a class="launch-cell" href="#app-gitea">
|
||
<span class="launch-tile" style="background: hsl(129, 45%, 38%)">
|
||
<span class="launch-mono">G</span>
|
||
<img class="launch-logo" src="/assets/gitea-logo.svg" alt="" loading="lazy">
|
||
</span>
|
||
<span class="launch-name">Gitea</span>
|
||
</a>
|
||
<a class="launch-cell" href="#app-glance">
|
||
<span class="launch-tile" style="background: hsl(121, 45%, 38%)">
|
||
<span class="launch-mono">G</span>
|
||
<img class="launch-logo" src="/assets/glance-logo.svg" alt="" loading="lazy">
|
||
</span>
|
||
<span class="launch-name">Glance</span>
|
||
</a>
|
||
<a class="launch-cell" href="#app-gokapi">
|
||
<span class="launch-tile" style="background: hsl(256, 45%, 38%)">
|
||
<span class="launch-mono">G</span>
|
||
<img class="launch-logo" src="/assets/gokapi-logo.png" alt="" loading="lazy">
|
||
</span>
|
||
<span class="launch-name">Gokapi</span>
|
||
</a>
|
||
<a class="launch-cell" href="#app-grafana">
|
||
<span class="launch-tile" style="background: hsl(211, 45%, 38%)">
|
||
<span class="launch-mono">G</span>
|
||
<img class="launch-logo" src="/assets/grafana-logo.svg" alt="" loading="lazy">
|
||
</span>
|
||
<span class="launch-name">Grafana</span>
|
||
</a>
|
||
<a class="launch-cell" href="#app-gramps-web">
|
||
<span class="launch-tile" style="background: hsl(100, 45%, 38%)">
|
||
<span class="launch-mono">G</span>
|
||
<img class="launch-logo" src="/assets/gramps-web-logo.png" alt="" loading="lazy">
|
||
</span>
|
||
<span class="launch-name">Gramps Web</span>
|
||
</a>
|
||
<a class="launch-cell" href="#app-grimmory">
|
||
<span class="launch-tile" style="background: hsl(291, 45%, 38%)">
|
||
<span class="launch-mono">G</span>
|
||
<img class="launch-logo" src="/assets/grimmory-logo.svg" alt="" loading="lazy">
|
||
</span>
|
||
<span class="launch-name">Grimmory</span>
|
||
</a>
|
||
<a class="launch-cell" href="#app-grocy">
|
||
<span class="launch-tile" style="background: hsl(293, 45%, 38%)">
|
||
<span class="launch-mono">G</span>
|
||
<img class="launch-logo" src="/assets/grocy-logo.svg" alt="" loading="lazy">
|
||
</span>
|
||
<span class="launch-name">Grocy</span>
|
||
</a>
|
||
<a class="launch-cell" href="#app-home-assistant">
|
||
<span class="launch-tile" style="background: hsl(291, 45%, 38%)">
|
||
<span class="launch-mono">H</span>
|
||
<img class="launch-logo" src="/assets/home-assistant-logo.svg" alt="" loading="lazy">
|
||
</span>
|
||
<span class="launch-name">Home Assistant</span>
|
||
</a>
|
||
<a class="launch-cell" href="#app-homebox">
|
||
<span class="launch-tile" style="background: hsl(243, 45%, 38%)">
|
||
<span class="launch-mono">H</span>
|
||
<img class="launch-logo" src="/assets/homebox-logo.svg" alt="" loading="lazy">
|
||
</span>
|
||
<span class="launch-name">Homebox</span>
|
||
</a>
|
||
<a class="launch-cell" href="#app-homepage">
|
||
<span class="launch-tile" style="background: hsl(141, 45%, 38%)">
|
||
<span class="launch-mono">H</span>
|
||
<img class="launch-logo" src="/assets/homepage-logo.svg" alt="" loading="lazy">
|
||
</span>
|
||
<span class="launch-name">Homepage</span>
|
||
</a>
|
||
<a class="launch-cell" href="#app-immich">
|
||
<span class="launch-tile" style="background: hsl(18, 45%, 38%)">
|
||
<span class="launch-mono">I</span>
|
||
<img class="launch-logo" src="/assets/immich-logo.svg" alt="" loading="lazy">
|
||
</span>
|
||
<span class="launch-name">Immich</span>
|
||
</a>
|
||
<a class="launch-cell" href="#app-jellyfin">
|
||
<span class="launch-tile" style="background: hsl(348, 45%, 38%)">
|
||
<span class="launch-mono">J</span>
|
||
<img class="launch-logo" src="/assets/jellyfin-logo.svg" alt="" loading="lazy">
|
||
</span>
|
||
<span class="launch-name">Jellyfin</span>
|
||
</a>
|
||
<a class="launch-cell" href="#app-karakeep">
|
||
<span class="launch-tile" style="background: hsl(305, 45%, 38%)">
|
||
<span class="launch-mono">K</span>
|
||
<img class="launch-logo" src="/assets/karakeep-logo.svg" alt="" loading="lazy">
|
||
</span>
|
||
<span class="launch-name">Karakeep</span>
|
||
</a>
|
||
<a class="launch-cell" href="#app-kimai">
|
||
<span class="launch-tile" style="background: hsl(346, 45%, 38%)">
|
||
<span class="launch-mono">K</span>
|
||
<img class="launch-logo" src="/assets/kimai-logo.png" alt="" loading="lazy">
|
||
</span>
|
||
<span class="launch-name">Kimai</span>
|
||
</a>
|
||
<a class="launch-cell" href="#app-komga">
|
||
<span class="launch-tile" style="background: hsl(158, 45%, 38%)">
|
||
<span class="launch-mono">K</span>
|
||
<img class="launch-logo" src="/assets/komga-logo.svg" alt="" loading="lazy">
|
||
</span>
|
||
<span class="launch-name">Komga</span>
|
||
</a>
|
||
<a class="launch-cell" href="#app-lubelogger">
|
||
<span class="launch-tile" style="background: hsl(167, 45%, 38%)">
|
||
<span class="launch-mono">L</span>
|
||
<img class="launch-logo" src="/assets/lubelogger-logo.png" alt="" loading="lazy">
|
||
</span>
|
||
<span class="launch-name">LubeLogger</span>
|
||
</a>
|
||
<a class="launch-cell" href="#app-mealie">
|
||
<span class="launch-tile" style="background: hsl(332, 45%, 38%)">
|
||
<span class="launch-mono">M</span>
|
||
<img class="launch-logo" src="/assets/mealie-logo.svg" alt="" loading="lazy">
|
||
</span>
|
||
<span class="launch-name">Mealie</span>
|
||
</a>
|
||
<a class="launch-cell" href="#app-metube">
|
||
<span class="launch-tile" style="background: hsl(285, 45%, 38%)">
|
||
<span class="launch-mono">M</span>
|
||
<img class="launch-logo" src="/assets/metube-logo.svg" alt="" loading="lazy">
|
||
</span>
|
||
<span class="launch-name">MeTube</span>
|
||
</a>
|
||
<a class="launch-cell" href="#app-n8n">
|
||
<span class="launch-tile" style="background: hsl(15, 45%, 38%)">
|
||
<span class="launch-mono">N</span>
|
||
<img class="launch-logo" src="/assets/n8n-logo.svg" alt="" loading="lazy">
|
||
</span>
|
||
<span class="launch-name">n8n</span>
|
||
</a>
|
||
<a class="launch-cell" href="#app-navidrome">
|
||
<span class="launch-tile" style="background: hsl(318, 45%, 38%)">
|
||
<span class="launch-mono">N</span>
|
||
<img class="launch-logo" src="/assets/navidrome-logo.svg" alt="" loading="lazy">
|
||
</span>
|
||
<span class="launch-name">Navidrome</span>
|
||
</a>
|
||
<a class="launch-cell" href="#app-nextcloud">
|
||
<span class="launch-tile" style="background: hsl(201, 45%, 38%)">
|
||
<span class="launch-mono">N</span>
|
||
<img class="launch-logo" src="/assets/nextcloud-logo.svg" alt="" loading="lazy">
|
||
</span>
|
||
<span class="launch-name">Nextcloud</span>
|
||
</a>
|
||
<a class="launch-cell" href="#app-onlyoffice">
|
||
<span class="launch-tile" style="background: hsl(331, 45%, 38%)">
|
||
<span class="launch-mono">O</span>
|
||
<img class="launch-logo" src="/assets/onlyoffice-logo.svg" alt="" loading="lazy">
|
||
</span>
|
||
<span class="launch-name">OnlyOffice</span>
|
||
</a>
|
||
<a class="launch-cell" href="#app-opengist">
|
||
<span class="launch-tile" style="background: hsl(142, 45%, 38%)">
|
||
<span class="launch-mono">O</span>
|
||
<img class="launch-logo" src="/assets/opengist-logo.png" alt="" loading="lazy">
|
||
</span>
|
||
<span class="launch-name">OpenGist</span>
|
||
</a>
|
||
<a class="launch-cell" href="#app-outline">
|
||
<span class="launch-tile" style="background: hsl(245, 45%, 38%)">
|
||
<span class="launch-mono">O</span>
|
||
<img class="launch-logo" src="/assets/outline-logo.svg" alt="" loading="lazy">
|
||
</span>
|
||
<span class="launch-name">Outline</span>
|
||
</a>
|
||
<a class="launch-cell" href="#app-paperless-ngx">
|
||
<span class="launch-tile" style="background: hsl(328, 45%, 38%)">
|
||
<span class="launch-mono">P</span>
|
||
<img class="launch-logo" src="/assets/paperless-ngx-logo.svg" alt="" loading="lazy">
|
||
</span>
|
||
<span class="launch-name">Paperless-ngx</span>
|
||
</a>
|
||
<a class="launch-cell" href="#app-papra">
|
||
<span class="launch-tile" style="background: hsl(231, 45%, 38%)">
|
||
<span class="launch-mono">P</span>
|
||
<img class="launch-logo" src="/assets/papra-logo.svg" alt="" loading="lazy">
|
||
</span>
|
||
<span class="launch-name">Papra</span>
|
||
</a>
|
||
<a class="launch-cell" href="#app-plex">
|
||
<span class="launch-tile" style="background: hsl(20, 45%, 38%)">
|
||
<span class="launch-mono">P</span>
|
||
<img class="launch-logo" src="/assets/plex-logo.svg" alt="" loading="lazy">
|
||
</span>
|
||
<span class="launch-name">Plex</span>
|
||
</a>
|
||
<a class="launch-cell" href="#app-privatebin">
|
||
<span class="launch-tile" style="background: hsl(125, 45%, 38%)">
|
||
<span class="launch-mono">P</span>
|
||
<img class="launch-logo" src="/assets/privatebin-logo.png" alt="" loading="lazy">
|
||
</span>
|
||
<span class="launch-name">PrivateBin</span>
|
||
</a>
|
||
<a class="launch-cell" href="#app-radarr">
|
||
<span class="launch-tile" style="background: hsl(3, 45%, 38%)">
|
||
<span class="launch-mono">R</span>
|
||
<img class="launch-logo" src="/assets/radarr-logo.png" alt="" loading="lazy">
|
||
</span>
|
||
<span class="launch-name">Radarr</span>
|
||
</a>
|
||
<a class="launch-cell" href="#app-radicale">
|
||
<span class="launch-tile" style="background: hsl(120, 45%, 38%)">
|
||
<span class="launch-mono">R</span>
|
||
<img class="launch-logo" src="/assets/radicale-logo.svg" alt="" loading="lazy">
|
||
</span>
|
||
<span class="launch-name">Radicale</span>
|
||
</a>
|
||
<a class="launch-cell" href="#app-rallly">
|
||
<span class="launch-tile" style="background: hsl(331, 45%, 38%)">
|
||
<span class="launch-mono">R</span>
|
||
<img class="launch-logo" src="/assets/rallly-logo.svg" alt="" loading="lazy">
|
||
</span>
|
||
<span class="launch-name">Rallly</span>
|
||
</a>
|
||
<a class="launch-cell" href="#app-recipe-importer">
|
||
<span class="launch-tile" style="background: hsl(32, 45%, 38%)">
|
||
<span class="launch-mono">R</span>
|
||
<img class="launch-logo" src="/assets/recipe-importer-logo.svg" alt="" loading="lazy">
|
||
</span>
|
||
<span class="launch-name">Recipe Importer</span>
|
||
</a>
|
||
<a class="launch-cell" href="#app-romm">
|
||
<span class="launch-tile" style="background: hsl(44, 45%, 38%)">
|
||
<span class="launch-mono">R</span>
|
||
<img class="launch-logo" src="/assets/romm-logo.svg" alt="" loading="lazy">
|
||
</span>
|
||
<span class="launch-name">RomM</span>
|
||
</a>
|
||
<a class="launch-cell" href="#app-seerr">
|
||
<span class="launch-tile" style="background: hsl(244, 45%, 38%)">
|
||
<span class="launch-mono">J</span>
|
||
<img class="launch-logo" src="/assets/seerr-logo.png" alt="" loading="lazy">
|
||
</span>
|
||
<span class="launch-name">Jellyseerr</span>
|
||
</a>
|
||
<a class="launch-cell" href="#app-sonarr">
|
||
<span class="launch-tile" style="background: hsl(18, 45%, 38%)">
|
||
<span class="launch-mono">S</span>
|
||
<img class="launch-logo" src="/assets/sonarr-logo.svg" alt="" loading="lazy">
|
||
</span>
|
||
<span class="launch-name">Sonarr</span>
|
||
</a>
|
||
<a class="launch-cell" href="#app-sparkyfitness">
|
||
<span class="launch-tile" style="background: hsl(51, 45%, 38%)">
|
||
<span class="launch-mono">S</span>
|
||
<img class="launch-logo" src="/assets/sparkyfitness-logo.png" alt="" loading="lazy">
|
||
</span>
|
||
<span class="launch-name">SparkyFitness</span>
|
||
</a>
|
||
<a class="launch-cell" href="#app-tandoor">
|
||
<span class="launch-tile" style="background: hsl(16, 45%, 38%)">
|
||
<span class="launch-mono">T</span>
|
||
<img class="launch-logo" src="/assets/tandoor-logo.png" alt="" loading="lazy">
|
||
</span>
|
||
<span class="launch-name">Tandoor Recipes</span>
|
||
</a>
|
||
<a class="launch-cell" href="#app-termix">
|
||
<span class="launch-tile" style="background: hsl(342, 45%, 38%)">
|
||
<span class="launch-mono">T</span>
|
||
<img class="launch-logo" src="/assets/termix-logo.svg" alt="" loading="lazy">
|
||
</span>
|
||
<span class="launch-name">Termix</span>
|
||
</a>
|
||
<a class="launch-cell" href="#app-uptime-kuma">
|
||
<span class="launch-tile" style="background: hsl(186, 45%, 38%)">
|
||
<span class="launch-mono">U</span>
|
||
<img class="launch-logo" src="/assets/uptime-kuma-logo.svg" alt="" loading="lazy">
|
||
</span>
|
||
<span class="launch-name">Uptime Kuma</span>
|
||
</a>
|
||
<a class="launch-cell" href="#app-vaultwarden">
|
||
<span class="launch-tile" style="background: hsl(66, 45%, 38%)">
|
||
<span class="launch-mono">V</span>
|
||
<img class="launch-logo" src="/assets/vaultwarden-logo.svg" alt="" loading="lazy">
|
||
</span>
|
||
<span class="launch-name">Vaultwarden</span>
|
||
</a>
|
||
<a class="launch-cell" href="#app-vikunja">
|
||
<span class="launch-tile" style="background: hsl(79, 45%, 38%)">
|
||
<span class="launch-mono">V</span>
|
||
<img class="launch-logo" src="/assets/vikunja-logo.svg" alt="" loading="lazy">
|
||
</span>
|
||
<span class="launch-name">Vikunja</span>
|
||
</a>
|
||
<a class="launch-cell" href="#app-wanderer">
|
||
<span class="launch-tile" style="background: hsl(3, 45%, 38%)">
|
||
<span class="launch-mono">W</span>
|
||
<img class="launch-logo" src="/assets/wanderer-logo.svg" alt="" loading="lazy">
|
||
</span>
|
||
<span class="launch-name">Wanderer</span>
|
||
</a>
|
||
<a class="launch-cell" href="#app-wishlist">
|
||
<span class="launch-tile" style="background: hsl(26, 45%, 38%)">
|
||
<span class="launch-mono">W</span>
|
||
<img class="launch-logo" src="/assets/wishlist-logo.svg" alt="" loading="lazy">
|
||
</span>
|
||
<span class="launch-name">Wishlist</span>
|
||
</a>
|
||
<a class="launch-cell" href="#app-zipline">
|
||
<span class="launch-tile" style="background: hsl(102, 45%, 38%)">
|
||
<span class="launch-mono">Z</span>
|
||
<img class="launch-logo" src="/assets/zipline-logo.png" alt="" loading="lazy">
|
||
</span>
|
||
<span class="launch-name">Zipline</span>
|
||
</a>
|
||
</div>
|
||
|
||
<div class="app-panel" id="app-actualbudget" role="dialog" aria-label="ActualBudget">
|
||
<div class="app-panel-card">
|
||
<a class="app-panel-close" href="#" aria-label="Bezárás"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-x"/></svg></a>
|
||
<div class="app-info-hero">
|
||
<img class="app-info-logo" src="/assets/actualbudget-logo.svg" alt="">
|
||
<div class="app-info-hero-text">
|
||
<h3>ActualBudget</h3>
|
||
<p class="app-info-tagline">Költségvetés tervező - pénzügyeid kézben tartása egyszerűen</p>
|
||
</div>
|
||
</div>
|
||
<img class="app-screenshot" src="/assets/actualbudget-screenshot-1.webp" alt="ActualBudget képernyőkép" loading="lazy">
|
||
<div class="app-info-grid">
|
||
<div class="app-info-card">
|
||
<h3>Mire jó egy családnak?</h3>
|
||
<ul class="app-info-list"><li>Havi költségvetés tervezése és követése envelope módszerrel</li><li>Bankszámla tranzakciók importálása és kategorizálása</li><li>Riportok és grafikonok a kiadásokról és bevételekről</li><li>Több felhasználó - közös háztartási pénzügyek kezelése</li></ul>
|
||
</div>
|
||
<div class="app-info-card">
|
||
<h3>Első lépések</h3>
|
||
<ul class="app-info-list"><li>Nyisd meg a budget.otthonod.hu címet a böngészőben</li><li>Hozz létre egy jelszót az első megnyitáskor</li><li>Hozd létre a költségvetési kategóriákat (pl. élelmiszer, közlekedés)</li></ul>
|
||
</div>
|
||
</div>
|
||
<p class="form-hint">Telepítés: pár kattintás a vezérlőpultból. A saját dobozodon a
|
||
<strong>budget.otthonod.hu</strong> címen érnéd el. <span class="sample">minta</span></p>
|
||
</div>
|
||
</div>
|
||
<div class="app-panel" id="app-adventurelog" role="dialog" aria-label="AdventureLog">
|
||
<div class="app-panel-card">
|
||
<a class="app-panel-close" href="#" aria-label="Bezárás"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-x"/></svg></a>
|
||
<div class="app-info-hero">
|
||
<img class="app-info-logo" src="/assets/adventurelog-logo.png" alt="">
|
||
<div class="app-info-hero-text">
|
||
<h3>AdventureLog</h3>
|
||
<p class="app-info-tagline">Utazási napló - utazások dokumentálása térképpel és fotókkal</p>
|
||
</div>
|
||
</div>
|
||
<img class="app-screenshot" src="/assets/adventurelog-screenshot-1.webp" alt="AdventureLog képernyőkép" loading="lazy">
|
||
<div class="app-info-grid">
|
||
<div class="app-info-card">
|
||
<h3>Mire jó egy családnak?</h3>
|
||
<ul class="app-info-list"><li>Utazások dokumentálása képekkel és jegyzetekkel</li><li>Térképes megjelenítés a meglátogatott helyekről</li><li>Úti tervek készítése és szervezése</li><li>Statisztikák - meglátogatott országok, városok</li></ul>
|
||
</div>
|
||
<div class="app-info-card">
|
||
<h3>Első lépések</h3>
|
||
<ul class="app-info-list"><li>Nyisd meg a travel.otthonod.hu címet a böngészőben</li><li>Hozd létre a fiókodat</li><li>Add hozzá az első utazásodat</li></ul>
|
||
</div>
|
||
</div>
|
||
<p class="form-hint">Telepítés: pár kattintás a vezérlőpultból. A saját dobozodon a
|
||
<strong>travel.otthonod.hu</strong> címen érnéd el. <span class="sample">minta</span></p>
|
||
</div>
|
||
</div>
|
||
<div class="app-panel" id="app-audiobookshelf" role="dialog" aria-label="Audiobookshelf">
|
||
<div class="app-panel-card">
|
||
<a class="app-panel-close" href="#" aria-label="Bezárás"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-x"/></svg></a>
|
||
<div class="app-info-hero">
|
||
<img class="app-info-logo" src="/assets/audiobookshelf-logo.svg" alt="">
|
||
<div class="app-info-hero-text">
|
||
<h3>Audiobookshelf</h3>
|
||
<p class="app-info-tagline">Hangoskönyv és podcast kezelő, lejátszó és szinkronizáló</p>
|
||
</div>
|
||
</div>
|
||
<img class="app-screenshot" src="/assets/audiobookshelf-screenshot-1.webp" alt="Audiobookshelf képernyőkép" loading="lazy">
|
||
<div class="app-info-grid">
|
||
<div class="app-info-card">
|
||
<h3>Mire jó egy családnak?</h3>
|
||
<ul class="app-info-list"><li>Hangoskönyvek és podcastok rendszerezése és lejátszása</li><li>Automatikus metaadat letöltés - borítók, leírások, fejezetek</li><li>Folytatás ott, ahol abbahagytad (szinkron eszközök között)</li><li>Podcast feliratkozás és automatikus letöltés</li></ul>
|
||
</div>
|
||
<div class="app-info-card">
|
||
<h3>Első lépések</h3>
|
||
<ul class="app-info-list"><li>Nyisd meg az audiobooks.otthonod.hu címet a böngészőben</li><li>Hozd létre az admin fiókot az első megnyitáskor</li><li>Add hozzá a könyvtárakat (/audiobooks és/vagy /podcasts)</li></ul>
|
||
</div>
|
||
</div>
|
||
<p class="form-hint">Telepítés: pár kattintás a vezérlőpultból. A saját dobozodon a
|
||
<strong>audiobooks.otthonod.hu</strong> címen érnéd el. <span class="sample">minta</span></p>
|
||
</div>
|
||
</div>
|
||
<div class="app-panel" id="app-bentopdf" role="dialog" aria-label="BentoPDF">
|
||
<div class="app-panel-card">
|
||
<a class="app-panel-close" href="#" aria-label="Bezárás"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-x"/></svg></a>
|
||
<div class="app-info-hero">
|
||
<img class="app-info-logo" src="/assets/bentopdf-logo.svg" alt="">
|
||
<div class="app-info-hero-text">
|
||
<h3>BentoPDF</h3>
|
||
<p class="app-info-tagline">Adatvédelmi fókuszú PDF eszköztár - a fájlok soha nem hagyják el a szervered</p>
|
||
</div>
|
||
</div>
|
||
<img class="app-screenshot" src="/assets/bentopdf-screenshot-1.webp" alt="BentoPDF képernyőkép" loading="lazy">
|
||
<div class="app-info-grid">
|
||
<div class="app-info-card">
|
||
<h3>Mire jó egy családnak?</h3>
|
||
<ul class="app-info-list"><li>PDF összefűzés, szétválasztás és forgatás</li><li>PDF konvertálás képekké és képekből</li><li>Jelszóvédelem és titkosítás</li><li>Vízjel hozzáadása dokumentumokhoz</li></ul>
|
||
</div>
|
||
<div class="app-info-card">
|
||
<h3>Első lépések</h3>
|
||
<ul class="app-info-list"><li>Nyisd meg a pdf.otthonod.hu címet a böngészőben</li><li>Válaszd ki a kívánt műveletet</li><li>Töltsd fel a PDF fájlt és kattints a feldolgozásra</li></ul>
|
||
</div>
|
||
</div>
|
||
<p class="form-hint">Telepítés: pár kattintás a vezérlőpultból. A saját dobozodon a
|
||
<strong>pdf.otthonod.hu</strong> címen érnéd el. <span class="sample">minta</span></p>
|
||
</div>
|
||
</div>
|
||
<div class="app-panel" id="app-bookstack" role="dialog" aria-label="BookStack">
|
||
<div class="app-panel-card">
|
||
<a class="app-panel-close" href="#" aria-label="Bezárás"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-x"/></svg></a>
|
||
<div class="app-info-hero">
|
||
<img class="app-info-logo" src="/assets/bookstack-logo.svg" alt="">
|
||
<div class="app-info-hero-text">
|
||
<h3>BookStack</h3>
|
||
<p class="app-info-tagline">Egyszerű wiki platform - polcok, könyvek, fejezetek és oldalak</p>
|
||
</div>
|
||
</div>
|
||
<img class="app-screenshot" src="/assets/bookstack-screenshot-1.webp" alt="BookStack képernyőkép" loading="lazy">
|
||
<div class="app-info-grid">
|
||
<div class="app-info-card">
|
||
<h3>Mire jó egy családnak?</h3>
|
||
<ul class="app-info-list"><li>Családi tudásbázis - receptek, kézikönyvek, szabályok</li><li>Projekt dokumentáció strukturált formában</li><li>Könyv > Fejezet > Oldal hierarchia az áttekinthetőségért</li><li>Teljes szöveges keresés és címkék</li></ul>
|
||
</div>
|
||
<div class="app-info-card">
|
||
<h3>Első lépések</h3>
|
||
<ul class="app-info-list"><li>Nyisd meg a wiki.otthonod.hu címet a böngészőben</li><li>Jelentkezz be: admin@admin.com és a Beállítások oldalon látható első jelszó</li><li>Változtasd meg az admin email címét a sajátodra</li></ul>
|
||
</div>
|
||
</div>
|
||
<p class="form-hint">Telepítés: pár kattintás a vezérlőpultból. A saját dobozodon a
|
||
<strong>wiki.otthonod.hu</strong> címen érnéd el. <span class="sample">minta</span></p>
|
||
</div>
|
||
</div>
|
||
<div class="app-panel" id="app-calcom" role="dialog" aria-label="Cal.com">
|
||
<div class="app-panel-card">
|
||
<a class="app-panel-close" href="#" aria-label="Bezárás"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-x"/></svg></a>
|
||
<div class="app-info-hero">
|
||
<img class="app-info-logo" src="/assets/calcom-logo.svg" alt="">
|
||
<div class="app-info-hero-text">
|
||
<h3>Cal.com</h3>
|
||
<p class="app-info-tagline">Időpontfoglaló - Calendly alternatíva saját szerveren</p>
|
||
</div>
|
||
</div>
|
||
<img class="app-screenshot" src="/assets/calcom-screenshot-1.webp" alt="Cal.com képernyőkép" loading="lazy">
|
||
<div class="app-info-grid">
|
||
<div class="app-info-card">
|
||
<h3>Mire jó egy családnak?</h3>
|
||
<ul class="app-info-list"><li>Időpontfoglalási oldal létrehozása ügyfeleknek</li><li>Naptár szinkronizáció (Google Calendar, Outlook)</li><li>Személyre szabható foglalási típusok és időtartamok</li><li>Automatikus emlékeztető emailek</li></ul>
|
||
</div>
|
||
<div class="app-info-card">
|
||
<h3>Első lépések</h3>
|
||
<ul class="app-info-list"><li>Nyisd meg a cal.otthonod.hu címet a böngészőben</li><li>Hozd létre az admin fiókot</li><li>Állíts be egy foglalási típust (pl. 30 perces megbeszélés)</li></ul>
|
||
</div>
|
||
</div>
|
||
<p class="form-hint">Telepítés: pár kattintás a vezérlőpultból. A saját dobozodon a
|
||
<strong>cal.otthonod.hu</strong> címen érnéd el. <span class="sample">minta</span></p>
|
||
</div>
|
||
</div>
|
||
<div class="app-panel" id="app-calibre-web" role="dialog" aria-label="Calibre-Web Automated">
|
||
<div class="app-panel-card">
|
||
<a class="app-panel-close" href="#" aria-label="Bezárás"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-x"/></svg></a>
|
||
<div class="app-info-hero">
|
||
<img class="app-info-logo" src="/assets/calibre-web-logo.svg" alt="">
|
||
<div class="app-info-hero-text">
|
||
<h3>Calibre-Web Automated</h3>
|
||
<p class="app-info-tagline">Automatizált e-könyv könyvtár - könyvfeldolgozás, formátumkonverzió és OPDS feed</p>
|
||
</div>
|
||
</div>
|
||
<img class="app-screenshot" src="/assets/calibre-web-screenshot-1.webp" alt="Calibre-Web Automated képernyőkép" loading="lazy">
|
||
<div class="app-info-grid">
|
||
<div class="app-info-card">
|
||
<h3>Mire jó egy családnak?</h3>
|
||
<ul class="app-info-list"><li>Automatizált e-könyv feldolgozás - csak dobd be az ingest mappába</li><li>Automatikus formátumkonverzió (EPUB, MOBI, PDF, AZW3)</li><li>OPDS feed e-olvasókhoz (Kindle, KOReader, Moon+ Reader)</li><li>Webes olvasó böngészőben</li></ul>
|
||
</div>
|
||
<div class="app-info-card">
|
||
<h3>Első lépések</h3>
|
||
<ul class="app-info-list"><li>Nyisd meg a books.otthonod.hu címet a böngészőben</li><li>Jelentkezz be a Beállítások oldalon látható felhasználónévvel és első jelszóval</li><li>Dobj egy könyvet a Fájlkezelőben (FileBrowser) az import/calibre mappába — automatikusan feldolgozza és a media/books könyvtárba helyezi</li></ul>
|
||
</div>
|
||
</div>
|
||
<p class="form-hint">Telepítés: pár kattintás a vezérlőpultból. A saját dobozodon a
|
||
<strong>books.otthonod.hu</strong> címen érnéd el. <span class="sample">minta</span></p>
|
||
</div>
|
||
</div>
|
||
<div class="app-panel" id="app-claper" role="dialog" aria-label="Claper">
|
||
<div class="app-panel-card">
|
||
<a class="app-panel-close" href="#" aria-label="Bezárás"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-x"/></svg></a>
|
||
<div class="app-info-hero">
|
||
<img class="app-info-logo" src="/assets/claper-logo.svg" alt="">
|
||
<div class="app-info-hero-text">
|
||
<h3>Claper</h3>
|
||
<p class="app-info-tagline">Interaktív prezentáció - szavazás, kérdések és reakciók élőben</p>
|
||
</div>
|
||
</div>
|
||
<img class="app-screenshot" src="/assets/claper-screenshot-1.webp" alt="Claper képernyőkép" loading="lazy">
|
||
<div class="app-info-grid">
|
||
<div class="app-info-card">
|
||
<h3>Mire jó egy családnak?</h3>
|
||
<ul class="app-info-list"><li>Interaktív prezentációk élő szavazásokkal</li><li>Közönség kérdéseinek gyűjtése és megjelenítése</li><li>Reakciók és visszajelzések valós időben</li><li>PDF prezentációk feltöltése és megosztása</li></ul>
|
||
</div>
|
||
<div class="app-info-card">
|
||
<h3>Első lépések</h3>
|
||
<ul class="app-info-list"><li>Nyisd meg a present.otthonod.hu címet a böngészőben</li><li>Lépj be az admin@claper.co fiókkal és a Beállítások oldalon látható első jelszóval</li><li>Tölts fel egy PDF prezentációt</li></ul>
|
||
</div>
|
||
</div>
|
||
<p class="form-hint">Telepítés: pár kattintás a vezérlőpultból. A saját dobozodon a
|
||
<strong>present.otthonod.hu</strong> címen érnéd el. <span class="sample">minta</span></p>
|
||
</div>
|
||
</div>
|
||
<div class="app-panel" id="app-code-server" role="dialog" aria-label="Code-Server">
|
||
<div class="app-panel-card">
|
||
<a class="app-panel-close" href="#" aria-label="Bezárás"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-x"/></svg></a>
|
||
<div class="app-info-hero">
|
||
<img class="app-info-logo" src="/assets/code-server-logo.svg" alt="">
|
||
<div class="app-info-hero-text">
|
||
<h3>Code-Server</h3>
|
||
<p class="app-info-tagline">VS Code a böngészőben - teljes fejlesztői környezet bárhonnan</p>
|
||
</div>
|
||
</div>
|
||
<img class="app-screenshot" src="/assets/code-server-screenshot-1.webp" alt="Code-Server képernyőkép" loading="lazy">
|
||
<div class="app-info-grid">
|
||
<div class="app-info-card">
|
||
<h3>Mire jó egy családnak?</h3>
|
||
<ul class="app-info-list"><li>Kódolás bárhonnan, bármilyen eszközről böngészőben</li><li>VS Code teljes funkcionalitás - bővítmények, terminál, debug</li><li>Távoli fejlesztés alacsony sávszélességű kapcsolaton is</li><li>Egységes fejlesztői környezet több eszközről</li></ul>
|
||
</div>
|
||
<div class="app-info-card">
|
||
<h3>Első lépések</h3>
|
||
<ul class="app-info-list"><li>Nyisd meg a code.otthonod.hu címet a böngészőben</li><li>Add meg a hozzáférési jelszót</li><li>Nyisd meg a terminált (Ctrl+`) és telepíts eszközöket</li></ul>
|
||
</div>
|
||
</div>
|
||
<p class="form-hint">Telepítés: pár kattintás a vezérlőpultból. A saját dobozodon a
|
||
<strong>code.otthonod.hu</strong> címen érnéd el. <span class="sample">minta</span></p>
|
||
</div>
|
||
</div>
|
||
<div class="app-panel" id="app-crafty-controller" role="dialog" aria-label="Crafty Controller">
|
||
<div class="app-panel-card">
|
||
<a class="app-panel-close" href="#" aria-label="Bezárás"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-x"/></svg></a>
|
||
<div class="app-info-hero">
|
||
<img class="app-info-logo" src="/assets/crafty-controller-logo.png" alt="">
|
||
<div class="app-info-hero-text">
|
||
<h3>Crafty Controller</h3>
|
||
<p class="app-info-tagline">Minecraft szerver kezelő - hozd létre a saját világodat</p>
|
||
</div>
|
||
</div>
|
||
<img class="app-screenshot" src="/assets/crafty-controller-screenshot-1.webp" alt="Crafty Controller képernyőkép" loading="lazy">
|
||
<div class="app-info-grid">
|
||
<div class="app-info-card">
|
||
<h3>Mire jó egy családnak?</h3>
|
||
<ul class="app-info-list"><li>Minecraft szerver létrehozása és kezelése webes felületen</li><li>Több szerver párhuzamos futtatása (Java és Bedrock)</li><li>Automatikus mentések és ütemezett újraindítás</li><li>Játékos menedzsment és konzol hozzáférés</li></ul>
|
||
</div>
|
||
<div class="app-info-card">
|
||
<h3>Első lépések</h3>
|
||
<ul class="app-info-list"><li>Nyisd meg a minecraft.otthonod.hu címet a böngészőben</li><li>A kezdeti belépési adatokat ezen az oldalon (Kezdeti belépési adatok) találod</li><li>Hozz létre egy új Minecraft szervert a varázslóval</li></ul>
|
||
</div>
|
||
</div>
|
||
<p class="form-hint">Telepítés: pár kattintás a vezérlőpultból. A saját dobozodon a
|
||
<strong>minecraft.otthonod.hu</strong> címen érnéd el. <span class="sample">minta</span></p>
|
||
</div>
|
||
</div>
|
||
<div class="app-panel" id="app-dawarich" role="dialog" aria-label="Dawarich">
|
||
<div class="app-panel-card">
|
||
<a class="app-panel-close" href="#" aria-label="Bezárás"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-x"/></svg></a>
|
||
<div class="app-info-hero">
|
||
<img class="app-info-logo" src="/assets/dawarich-logo.svg" alt="">
|
||
<div class="app-info-hero-text">
|
||
<h3>Dawarich</h3>
|
||
<p class="app-info-tagline">Saját helyelőzmények - a telefonod a te szerveredre küldi, hol jártál</p>
|
||
</div>
|
||
</div>
|
||
<img class="app-screenshot" src="/assets/dawarich-screenshot-1.webp" alt="Dawarich képernyőkép" loading="lazy">
|
||
<div class="app-info-grid">
|
||
<div class="app-info-card">
|
||
<h3>Mire jó egy családnak?</h3>
|
||
<ul class="app-info-list"><li>A Google Idővonal helyett: a helyelőzményeid a saját szervereden</li><li>Térkép, statisztika és utazások az összes helyről, ahol jártál</li><li>Google Takeout, GPX és GeoJSON import a régi adataidhoz</li><li>A Dawarich, az Overland vagy az OwnTracks alkalmazás küldi a telefonod helyét</li></ul>
|
||
</div>
|
||
<div class="app-info-card">
|
||
<h3>Első lépések</h3>
|
||
<ul class="app-info-list"><li>Nyisd meg a timeline.otthonod.hu címet, és jelentkezz be: demo@dawarich.app és a Beállítások oldalon látható jelszó</li><li>A fiókod beállításaiban cseréld le az e-mail-címet a sajátodra - a demo@dawarich.app név nyilvános</li><li>A beállításokban másold ki az API-kulcsodat</li></ul>
|
||
</div>
|
||
</div>
|
||
<p class="form-hint">Telepítés: pár kattintás a vezérlőpultból. A saját dobozodon a
|
||
<strong>timeline.otthonod.hu</strong> címen érnéd el. <span class="sample">minta</span></p>
|
||
</div>
|
||
</div>
|
||
<div class="app-panel" id="app-docmost" role="dialog" aria-label="Docmost">
|
||
<div class="app-panel-card">
|
||
<a class="app-panel-close" href="#" aria-label="Bezárás"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-x"/></svg></a>
|
||
<div class="app-info-hero">
|
||
<img class="app-info-logo" src="/assets/docmost-logo.png" alt="">
|
||
<div class="app-info-hero-text">
|
||
<h3>Docmost</h3>
|
||
<p class="app-info-tagline">Modern wiki és dokumentáció platform Notion-szerű szerkesztővel</p>
|
||
</div>
|
||
</div>
|
||
<img class="app-screenshot" src="/assets/docmost-screenshot-1.webp" alt="Docmost képernyőkép" loading="lazy">
|
||
<div class="app-info-grid">
|
||
<div class="app-info-card">
|
||
<h3>Mire jó egy családnak?</h3>
|
||
<ul class="app-info-list"><li>Csapat tudásbázis és belső dokumentáció</li><li>Notion-szerű blokk szerkesztő valós idejű együttműködéssel</li><li>Terek és oldalak hierarchikus szervezése</li><li>Képek, táblázatok és kód blokkok beágyazása</li></ul>
|
||
</div>
|
||
<div class="app-info-card">
|
||
<h3>Első lépések</h3>
|
||
<ul class="app-info-list"><li>Nyisd meg a docs.otthonod.hu címet a böngészőben</li><li>Az első regisztrált felhasználó automatikusan admin lesz</li><li>Hozd létre az első teret (Space) a dokumentumoknak</li></ul>
|
||
</div>
|
||
</div>
|
||
<p class="form-hint">Telepítés: pár kattintás a vezérlőpultból. A saját dobozodon a
|
||
<strong>docs.otthonod.hu</strong> címen érnéd el. <span class="sample">minta</span></p>
|
||
</div>
|
||
</div>
|
||
<div class="app-panel" id="app-emby" role="dialog" aria-label="Emby">
|
||
<div class="app-panel-card">
|
||
<a class="app-panel-close" href="#" aria-label="Bezárás"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-x"/></svg></a>
|
||
<div class="app-info-hero">
|
||
<img class="app-info-logo" src="/assets/emby-logo.svg" alt="">
|
||
<div class="app-info-hero-text">
|
||
<h3>Emby</h3>
|
||
<p class="app-info-tagline">Személyes média szerver élő TV és DVR támogatással</p>
|
||
</div>
|
||
</div>
|
||
<img class="app-screenshot" src="/assets/emby-screenshot-1.webp" alt="Emby képernyőkép" loading="lazy">
|
||
<div class="app-info-grid">
|
||
<div class="app-info-card">
|
||
<h3>Mire jó egy családnak?</h3>
|
||
<ul class="app-info-list"><li>Filmek, sorozatok, zene és fotók kezelése egy helyen</li><li>Élő TV nézés és felvétel (DVR) TV tunerrel</li><li>Automatikus transzkódolás bármilyen eszközhöz</li><li>Szülői felügyelet és felhasználói profilok</li></ul>
|
||
</div>
|
||
<div class="app-info-card">
|
||
<h3>Első lépések</h3>
|
||
<ul class="app-info-list"><li>Nyisd meg az emby.otthonod.hu címet a böngészőben</li><li>Kövesd a beállítás varázslót</li><li>Hozd létre az admin fiókot</li></ul>
|
||
</div>
|
||
</div>
|
||
<p class="form-hint">Telepítés: pár kattintás a vezérlőpultból. A saját dobozodon a
|
||
<strong>emby.otthonod.hu</strong> címen érnéd el. <span class="sample">minta</span></p>
|
||
</div>
|
||
</div>
|
||
<div class="app-panel" id="app-ghost" role="dialog" aria-label="Ghost">
|
||
<div class="app-panel-card">
|
||
<a class="app-panel-close" href="#" aria-label="Bezárás"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-x"/></svg></a>
|
||
<div class="app-info-hero">
|
||
<img class="app-info-logo" src="/assets/ghost-logo.svg" alt="">
|
||
<div class="app-info-hero-text">
|
||
<h3>Ghost</h3>
|
||
<p class="app-info-tagline">Professzionális blog és hírlevél platform</p>
|
||
</div>
|
||
</div>
|
||
<img class="app-screenshot" src="/assets/ghost-screenshot-1.webp" alt="Ghost képernyőkép" loading="lazy">
|
||
<div class="app-info-grid">
|
||
<div class="app-info-card">
|
||
<h3>Mire jó egy családnak?</h3>
|
||
<ul class="app-info-list"><li>Professzionális blog indítása és üzemeltetése</li><li>Hírlevél küldés beépített email funkcióval</li><li>SEO-optimalizált tartalom publikálás</li><li>Tagság és fizetős tartalom kezelés</li></ul>
|
||
</div>
|
||
<div class="app-info-card">
|
||
<h3>Első lépések</h3>
|
||
<ul class="app-info-list"><li>Nyisd meg a blog.otthonod.hu/ghost/ címet a böngészőben</li><li>Hozd létre az admin fiókot a beállítás varázslóban</li><li>Írd meg és publikáld az első posztodat</li></ul>
|
||
</div>
|
||
</div>
|
||
<p class="form-hint">Telepítés: pár kattintás a vezérlőpultból. A saját dobozodon a
|
||
<strong>blog.otthonod.hu</strong> címen érnéd el. <span class="sample">minta</span></p>
|
||
</div>
|
||
</div>
|
||
<div class="app-panel" id="app-gitea" role="dialog" aria-label="Gitea">
|
||
<div class="app-panel-card">
|
||
<a class="app-panel-close" href="#" aria-label="Bezárás"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-x"/></svg></a>
|
||
<div class="app-info-hero">
|
||
<img class="app-info-logo" src="/assets/gitea-logo.svg" alt="">
|
||
<div class="app-info-hero-text">
|
||
<h3>Gitea</h3>
|
||
<p class="app-info-tagline">Saját Git szerver - GitHub-szerű felület, privát repók</p>
|
||
</div>
|
||
</div>
|
||
<img class="app-screenshot" src="/assets/gitea-screenshot-1.webp" alt="Gitea képernyőkép" loading="lazy">
|
||
<div class="app-info-grid">
|
||
<div class="app-info-card">
|
||
<h3>Mire jó egy családnak?</h3>
|
||
<ul class="app-info-list"><li>Privát Git repozitóriók a saját szerveren</li><li>GitHub-szerű felület: pull request, issue, wiki</li><li>CI/CD pipeline-ok (Gitea Actions - GitHub Actions kompatibilis)</li><li>Szervezetek és csapatok kezelése</li></ul>
|
||
</div>
|
||
<div class="app-info-card">
|
||
<h3>Első lépések</h3>
|
||
<ul class="app-info-list"><li>Nyisd meg a git.otthonod.hu címet a böngészőben</li><li>Kövesd az első beállítás varázslót</li><li>Hozd létre az admin fiókot</li></ul>
|
||
</div>
|
||
</div>
|
||
<p class="form-hint">Telepítés: pár kattintás a vezérlőpultból. A saját dobozodon a
|
||
<strong>git.otthonod.hu</strong> címen érnéd el. <span class="sample">minta</span></p>
|
||
</div>
|
||
</div>
|
||
<div class="app-panel" id="app-glance" role="dialog" aria-label="Glance">
|
||
<div class="app-panel-card">
|
||
<a class="app-panel-close" href="#" aria-label="Bezárás"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-x"/></svg></a>
|
||
<div class="app-info-hero">
|
||
<img class="app-info-logo" src="/assets/glance-logo.svg" alt="">
|
||
<div class="app-info-hero-text">
|
||
<h3>Glance</h3>
|
||
<p class="app-info-tagline">Minimalista dashboard - RSS, időjárás, könyvjelzők egy oldalon</p>
|
||
</div>
|
||
</div>
|
||
<img class="app-screenshot" src="/assets/glance-screenshot-1.webp" alt="Glance képernyőkép" loading="lazy">
|
||
<div class="app-info-grid">
|
||
<div class="app-info-card">
|
||
<h3>Mire jó egy családnak?</h3>
|
||
<ul class="app-info-list"><li>RSS hírek, YouTube, Reddit és egyéb tartalmak egy oldalon</li><li>Időjárás és rendszer monitorozás widgetekkel</li><li>Könyvjelzők és kedvenc oldalak rendszerezése</li><li>Ultragyors, minimális erőforrás igény</li></ul>
|
||
</div>
|
||
<div class="app-info-card">
|
||
<h3>Első lépések</h3>
|
||
<ul class="app-info-list"><li>Nyisd meg a dashboard.otthonod.hu címet a böngészőben</li><li>Szerkeszd a glance.yml konfigurációs fájlt a kötetben</li><li>Add hozzá az RSS feedeket, widgeteket</li></ul>
|
||
</div>
|
||
</div>
|
||
<p class="form-hint">Telepítés: pár kattintás a vezérlőpultból. A saját dobozodon a
|
||
<strong>dashboard.otthonod.hu</strong> címen érnéd el. <span class="sample">minta</span></p>
|
||
</div>
|
||
</div>
|
||
<div class="app-panel" id="app-gokapi" role="dialog" aria-label="Gokapi">
|
||
<div class="app-panel-card">
|
||
<a class="app-panel-close" href="#" aria-label="Bezárás"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-x"/></svg></a>
|
||
<div class="app-info-hero">
|
||
<img class="app-info-logo" src="/assets/gokapi-logo.png" alt="">
|
||
<div class="app-info-hero-text">
|
||
<h3>Gokapi</h3>
|
||
<p class="app-info-tagline">Ideiglenes fájlmegosztás lejáró linkekkel</p>
|
||
</div>
|
||
</div>
|
||
<img class="app-screenshot" src="/assets/gokapi-screenshot-1.webp" alt="Gokapi képernyőkép" loading="lazy">
|
||
<div class="app-info-grid">
|
||
<div class="app-info-card">
|
||
<h3>Mire jó egy családnak?</h3>
|
||
<ul class="app-info-list"><li>Fájlok biztonságos megosztása lejáró linkekkel</li><li>Beállítható lejárati idő és letöltési limit</li><li>Jelszóvédett letöltési linkek</li><li>API támogatás automatizált feltöltéshez</li></ul>
|
||
</div>
|
||
<div class="app-info-card">
|
||
<h3>Első lépések</h3>
|
||
<ul class="app-info-list"><li>Nyisd meg a share.otthonod.hu címet a böngészőben</li><li>Lépj be: felhasználó "admin", a jelszó a Beállítások oldalon található</li><li>Tölts fel egy fájlt és generálj megosztási linket</li></ul>
|
||
</div>
|
||
</div>
|
||
<p class="form-hint">Telepítés: pár kattintás a vezérlőpultból. A saját dobozodon a
|
||
<strong>share.otthonod.hu</strong> címen érnéd el. <span class="sample">minta</span></p>
|
||
</div>
|
||
</div>
|
||
<div class="app-panel" id="app-grafana" role="dialog" aria-label="Grafana">
|
||
<div class="app-panel-card">
|
||
<a class="app-panel-close" href="#" aria-label="Bezárás"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-x"/></svg></a>
|
||
<div class="app-info-hero">
|
||
<img class="app-info-logo" src="/assets/grafana-logo.svg" alt="">
|
||
<div class="app-info-hero-text">
|
||
<h3>Grafana</h3>
|
||
<p class="app-info-tagline">Vizualizációs platform - dashboardok, grafikonok, alertek</p>
|
||
</div>
|
||
</div>
|
||
<img class="app-screenshot" src="/assets/grafana-screenshot-1.webp" alt="Grafana képernyőkép" loading="lazy">
|
||
<div class="app-info-grid">
|
||
<div class="app-info-card">
|
||
<h3>Mire jó egy családnak?</h3>
|
||
<ul class="app-info-list"><li>Rendszer metrikák vizualizálása (CPU, RAM, hálózat, lemez)</li><li>Egyedi dashboardok létrehozása különböző adatforrásokból</li><li>Alertek és értesítések küszöbértékek alapján</li><li>Prometheus, InfluxDB és sok más adatforrás támogatás</li></ul>
|
||
</div>
|
||
<div class="app-info-card">
|
||
<h3>Első lépések</h3>
|
||
<ul class="app-info-list"><li>Nyisd meg a grafana.otthonod.hu címet a böngészőben</li><li>Jelentkezz be az admin fiókkal</li><li>Add hozzá az adatforrásokat (Connections > Data Sources)</li></ul>
|
||
</div>
|
||
</div>
|
||
<p class="form-hint">Telepítés: pár kattintás a vezérlőpultból. A saját dobozodon a
|
||
<strong>grafana.otthonod.hu</strong> címen érnéd el. <span class="sample">minta</span></p>
|
||
</div>
|
||
</div>
|
||
<div class="app-panel" id="app-gramps-web" role="dialog" aria-label="Gramps Web">
|
||
<div class="app-panel-card">
|
||
<a class="app-panel-close" href="#" aria-label="Bezárás"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-x"/></svg></a>
|
||
<div class="app-info-hero">
|
||
<img class="app-info-logo" src="/assets/gramps-web-logo.png" alt="">
|
||
<div class="app-info-hero-text">
|
||
<h3>Gramps Web</h3>
|
||
<p class="app-info-tagline">Családfa készítő - genealógiai adatbázis webes felületen</p>
|
||
</div>
|
||
</div>
|
||
<img class="app-screenshot" src="/assets/gramps-web-screenshot-1.webp" alt="Gramps Web képernyőkép" loading="lazy">
|
||
<div class="app-info-grid">
|
||
<div class="app-info-card">
|
||
<h3>Mire jó egy családnak?</h3>
|
||
<ul class="app-info-list"><li>Családfa építése és vizualizálása</li><li>Személyek, események, helyszínek és kapcsolatok rögzítése</li><li>Fényképek és dokumentumok csatolása a családtagokhoz</li><li>GEDCOM import és export kompatibilitás</li></ul>
|
||
</div>
|
||
<div class="app-info-card">
|
||
<h3>Első lépések</h3>
|
||
<ul class="app-info-list"><li>Nyisd meg a family.otthonod.hu címet a böngészőben</li><li>Hozd létre az admin fiókot</li><li>Importálj egy meglévő GEDCOM fájlt, vagy kezdd az üres családfát</li></ul>
|
||
</div>
|
||
</div>
|
||
<p class="form-hint">Telepítés: pár kattintás a vezérlőpultból. A saját dobozodon a
|
||
<strong>family.otthonod.hu</strong> címen érnéd el. <span class="sample">minta</span></p>
|
||
</div>
|
||
</div>
|
||
<div class="app-panel" id="app-grimmory" role="dialog" aria-label="Grimmory">
|
||
<div class="app-panel-card">
|
||
<a class="app-panel-close" href="#" aria-label="Bezárás"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-x"/></svg></a>
|
||
<div class="app-info-hero">
|
||
<img class="app-info-logo" src="/assets/grimmory-logo.svg" alt="">
|
||
<div class="app-info-hero-text">
|
||
<h3>Grimmory</h3>
|
||
<p class="app-info-tagline">E-könyvtár - olvasd böngészőben, Kobón, KOReaderrel vagy bármely OPDS-olvasóval</p>
|
||
</div>
|
||
</div>
|
||
<img class="app-screenshot" src="/assets/grimmory-screenshot-1.webp" alt="Grimmory képernyőkép" loading="lazy">
|
||
<div class="app-info-grid">
|
||
<div class="app-info-card">
|
||
<h3>Mire jó egy családnak?</h3>
|
||
<ul class="app-info-list"><li>E-könyvek és képregények rendezett könyvtárban, borítóval és adatokkal</li><li>Olvasás a böngészőben, haladás mentése; Kobo- és KOReader-szinkron</li><li>OPDS-katalógus az e-könyv-olvasó alkalmazásoknak (a Beállításokban kapcsold be)</li><li>A Calibre-Web helyett vagy mellett: ez modernebb felület, a Calibre-Web a Calibre-könyvtárakhoz jó</li></ul>
|
||
</div>
|
||
<div class="app-info-card">
|
||
<h3>Első lépések</h3>
|
||
<ul class="app-info-list"><li>Nyisd meg a library.otthonod.hu címet, és hozd létre az admin fiókodat</li><li>A családtagjaidat a vezérlőpult Beállítások, Biztonság oldalán, a Család kártyán add hozzá - idegen el sem éri a Grimmoryt</li><li>Hozz létre egy könyvtárat a /books mappával - ez a meghajtódon a userdata/media/grimmory mappa</li></ul>
|
||
</div>
|
||
</div>
|
||
<p class="form-hint">Telepítés: pár kattintás a vezérlőpultból. A saját dobozodon a
|
||
<strong>library.otthonod.hu</strong> címen érnéd el. <span class="sample">minta</span></p>
|
||
</div>
|
||
</div>
|
||
<div class="app-panel" id="app-grocy" role="dialog" aria-label="Grocy">
|
||
<div class="app-panel-card">
|
||
<a class="app-panel-close" href="#" aria-label="Bezárás"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-x"/></svg></a>
|
||
<div class="app-info-hero">
|
||
<img class="app-info-logo" src="/assets/grocy-logo.svg" alt="">
|
||
<div class="app-info-hero-text">
|
||
<h3>Grocy</h3>
|
||
<p class="app-info-tagline">Háztartásvezetés: mi van otthon, mi fogy el, mit kell megvenni, kinek mi a dolga</p>
|
||
</div>
|
||
</div>
|
||
<img class="app-screenshot" src="/assets/grocy-screenshot-1.webp" alt="Grocy képernyőkép" loading="lazy">
|
||
<div class="app-info-grid">
|
||
<div class="app-info-card">
|
||
<h3>Mire jó egy családnak?</h3>
|
||
<ul class="app-info-list"><li>Nyilvántartja, mi van otthon, és szól, ha valami elfogyott vagy lejár</li><li>Bevásárlólista, ami magától felveszi azt, ami a minimum alá csökkent</li><li>Vonalkóddal gyorsan beírod, mit vettél, és mit használtál el - a telefon kamerájával is</li><li>Recept és heti étrend, ami levonja a hozzávalókat a készletből</li></ul>
|
||
</div>
|
||
<div class="app-info-card">
|
||
<h3>Első lépések</h3>
|
||
<ul class="app-info-list"><li>Nyisd meg a kamra.otthonod.hu címet a böngészőben</li><li>Jelentkezz be az admin névvel és a Beállítások oldalon látható jelszóval</li><li>Vedd fel az első pár terméket (Termékek, majd Új termék), és állíts be nekik minimum mennyiséget</li></ul>
|
||
</div>
|
||
</div>
|
||
<p class="form-hint">Telepítés: pár kattintás a vezérlőpultból. A saját dobozodon a
|
||
<strong>kamra.otthonod.hu</strong> címen érnéd el. <span class="sample">minta</span></p>
|
||
</div>
|
||
</div>
|
||
<div class="app-panel" id="app-home-assistant" role="dialog" aria-label="Home Assistant">
|
||
<div class="app-panel-card">
|
||
<a class="app-panel-close" href="#" aria-label="Bezárás"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-x"/></svg></a>
|
||
<div class="app-info-hero">
|
||
<img class="app-info-logo" src="/assets/home-assistant-logo.svg" alt="">
|
||
<div class="app-info-hero-text">
|
||
<h3>Home Assistant</h3>
|
||
<p class="app-info-tagline">Okos otthon központ - automatizálás és vezérlés egy helyről</p>
|
||
</div>
|
||
</div>
|
||
<img class="app-screenshot" src="/assets/home-assistant-screenshot-1.webp" alt="Home Assistant képernyőkép" loading="lazy">
|
||
<div class="app-info-grid">
|
||
<div class="app-info-card">
|
||
<h3>Mire jó egy családnak?</h3>
|
||
<ul class="app-info-list"><li>Okos otthon eszközök központi kezelése (lámpa, termosztát, kamera)</li><li>Automatizálások létrehozása (pl. mozgásérzékelőre lámpa be)</li><li>2000+ integráció (Zigbee, Z-Wave, Tuya, Shelly, stb.)</li><li>Dashboard a család számára mobilon és tableten</li></ul>
|
||
</div>
|
||
<div class="app-info-card">
|
||
<h3>Első lépések</h3>
|
||
<ul class="app-info-list"><li>Nyisd meg a ha.otthonod.hu címet a böngészőben</li><li>Hozd létre a tulajdonos fiókot az onboarding során</li><li>Fedezd fel az automatikusan felfedezett eszközöket</li></ul>
|
||
</div>
|
||
</div>
|
||
<p class="form-hint">Telepítés: pár kattintás a vezérlőpultból. A saját dobozodon a
|
||
<strong>ha.otthonod.hu</strong> címen érnéd el. <span class="sample">minta</span></p>
|
||
</div>
|
||
</div>
|
||
<div class="app-panel" id="app-homebox" role="dialog" aria-label="Homebox">
|
||
<div class="app-panel-card">
|
||
<a class="app-panel-close" href="#" aria-label="Bezárás"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-x"/></svg></a>
|
||
<div class="app-info-hero">
|
||
<img class="app-info-logo" src="/assets/homebox-logo.svg" alt="">
|
||
<div class="app-info-hero-text">
|
||
<h3>Homebox</h3>
|
||
<p class="app-info-tagline">Otthoni leltár kezelő - tartsd számon a tárgyaidat</p>
|
||
</div>
|
||
</div>
|
||
<img class="app-screenshot" src="/assets/homebox-screenshot-1.webp" alt="Homebox képernyőkép" loading="lazy">
|
||
<div class="app-info-grid">
|
||
<div class="app-info-card">
|
||
<h3>Mire jó egy családnak?</h3>
|
||
<ul class="app-info-list"><li>Otthoni tárgyak leltározása és nyilvántartása</li><li>Helyszínek, címkék és kategóriák szerinti rendszerezés</li><li>Garancia lejáratok és beszerzési árak nyilvántartása</li><li>Vonalkód szkennelés a gyors hozzáadáshoz</li></ul>
|
||
</div>
|
||
<div class="app-info-card">
|
||
<h3>Első lépések</h3>
|
||
<ul class="app-info-list"><li>Nyisd meg az inventory.otthonod.hu címet a böngészőben</li><li>Hozd létre a fiókodat az első megnyitáskor</li><li>Add hozzá a helyszíneket (pl. nappali, konyha, garázs)</li></ul>
|
||
</div>
|
||
</div>
|
||
<p class="form-hint">Telepítés: pár kattintás a vezérlőpultból. A saját dobozodon a
|
||
<strong>inventory.otthonod.hu</strong> címen érnéd el. <span class="sample">minta</span></p>
|
||
</div>
|
||
</div>
|
||
<div class="app-panel" id="app-homepage" role="dialog" aria-label="Homepage">
|
||
<div class="app-panel-card">
|
||
<a class="app-panel-close" href="#" aria-label="Bezárás"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-x"/></svg></a>
|
||
<div class="app-info-hero">
|
||
<img class="app-info-logo" src="/assets/homepage-logo.svg" alt="">
|
||
<div class="app-info-hero-text">
|
||
<h3>Homepage</h3>
|
||
<p class="app-info-tagline">Személyes kezdőlap - szolgáltatás státuszok és widgetek egy helyen</p>
|
||
</div>
|
||
</div>
|
||
<img class="app-screenshot" src="/assets/homepage-screenshot-1.webp" alt="Homepage képernyőkép" loading="lazy">
|
||
<div class="app-info-grid">
|
||
<div class="app-info-card">
|
||
<h3>Mire jó egy családnak?</h3>
|
||
<ul class="app-info-list"><li>Összes szolgáltatás egy áttekinthető oldalon</li><li>Szolgáltatás állapot monitoring widgetek</li><li>Docker integráció - automatikus szolgáltatás felfedezés</li><li>Könyvjelzők és kedvenc oldalak</li></ul>
|
||
</div>
|
||
<div class="app-info-card">
|
||
<h3>Első lépések</h3>
|
||
<ul class="app-info-list"><li>Nyisd meg a home.otthonod.hu címet a böngészőben</li><li>Szerkeszd a konfigurációs fájlokat a homepage_config kötetben</li><li>Add hozzá a szolgáltatásokat a services.yaml-ban</li></ul>
|
||
</div>
|
||
</div>
|
||
<p class="form-hint">Telepítés: pár kattintás a vezérlőpultból. A saját dobozodon a
|
||
<strong>home.otthonod.hu</strong> címen érnéd el. <span class="sample">minta</span></p>
|
||
</div>
|
||
</div>
|
||
<div class="app-panel" id="app-immich" role="dialog" aria-label="Immich">
|
||
<div class="app-panel-card">
|
||
<a class="app-panel-close" href="#" aria-label="Bezárás"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-x"/></svg></a>
|
||
<div class="app-info-hero">
|
||
<img class="app-info-logo" src="/assets/immich-logo.svg" alt="">
|
||
<div class="app-info-hero-text">
|
||
<h3>Immich</h3>
|
||
<p class="app-info-tagline">Google Photos alternatíva - automatikus fotó mentés és rendszerezés</p>
|
||
</div>
|
||
</div>
|
||
<img class="app-screenshot" src="/assets/immich-screenshot-1.webp" alt="Immich képernyőkép" loading="lazy">
|
||
<div class="app-info-grid">
|
||
<div class="app-info-card">
|
||
<h3>Mire jó egy családnak?</h3>
|
||
<ul class="app-info-list"><li>Fotók és videók automatikus mentése telefonról</li><li>Arc- és tárgyfelismerés gépi tanulással</li><li>Térképes megjelenítés helyszín alapján</li><li>Emlékek és visszatekintések automatikus generálása</li></ul>
|
||
</div>
|
||
<div class="app-info-card">
|
||
<h3>Első lépések</h3>
|
||
<ul class="app-info-list"><li>Nyisd meg a photos.otthonod.hu címet a böngészőben</li><li>Hozd létre az admin fiókot</li><li>Telepítsd az Immich alkalmazást a telefonodra (Android/iOS)</li></ul>
|
||
</div>
|
||
</div>
|
||
<p class="form-hint">Telepítés: pár kattintás a vezérlőpultból. A saját dobozodon a
|
||
<strong>photos.otthonod.hu</strong> címen érnéd el. <span class="sample">minta</span></p>
|
||
</div>
|
||
</div>
|
||
<div class="app-panel" id="app-jellyfin" role="dialog" aria-label="Jellyfin">
|
||
<div class="app-panel-card">
|
||
<a class="app-panel-close" href="#" aria-label="Bezárás"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-x"/></svg></a>
|
||
<div class="app-info-hero">
|
||
<img class="app-info-logo" src="/assets/jellyfin-logo.svg" alt="">
|
||
<div class="app-info-hero-text">
|
||
<h3>Jellyfin</h3>
|
||
<p class="app-info-tagline">Ingyenes média szerver - filmek, sorozatok és zene streamelése</p>
|
||
</div>
|
||
</div>
|
||
<img class="app-screenshot" src="/assets/jellyfin-screenshot-1.webp" alt="Jellyfin képernyőkép" loading="lazy">
|
||
<div class="app-info-grid">
|
||
<div class="app-info-card">
|
||
<h3>Mire jó egy családnak?</h3>
|
||
<ul class="app-info-list"><li>Filmek, sorozatok és zenék streamelése bármilyen eszközre</li><li>Automatikus metaadat letöltés - borítók, leírások, értékelések</li><li>Élő TV és DVR funkció TV tunerrel</li><li>Több felhasználó külön profillal és szülői felügyelettel</li></ul>
|
||
</div>
|
||
<div class="app-info-card">
|
||
<h3>Első lépések</h3>
|
||
<ul class="app-info-list"><li>Nyisd meg a media.otthonod.hu címet a böngészőben</li><li>Kövesd a beállítás varázslót - válaszd a magyar nyelvet</li><li>Hozd létre az admin fiókot</li></ul>
|
||
</div>
|
||
</div>
|
||
<p class="form-hint">Telepítés: pár kattintás a vezérlőpultból. A saját dobozodon a
|
||
<strong>media.otthonod.hu</strong> címen érnéd el. <span class="sample">minta</span></p>
|
||
</div>
|
||
</div>
|
||
<div class="app-panel" id="app-karakeep" role="dialog" aria-label="Karakeep">
|
||
<div class="app-panel-card">
|
||
<a class="app-panel-close" href="#" aria-label="Bezárás"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-x"/></svg></a>
|
||
<div class="app-info-hero">
|
||
<img class="app-info-logo" src="/assets/karakeep-logo.svg" alt="">
|
||
<div class="app-info-hero-text">
|
||
<h3>Karakeep</h3>
|
||
<p class="app-info-tagline">Könyvjelzők, cikkek és jegyzetek mentése - kereshető saját archívum</p>
|
||
</div>
|
||
</div>
|
||
<img class="app-screenshot" src="/assets/karakeep-screenshot-1.webp" alt="Karakeep képernyőkép" loading="lazy">
|
||
<div class="app-info-grid">
|
||
<div class="app-info-card">
|
||
<h3>Mire jó egy családnak?</h3>
|
||
<ul class="app-info-list"><li>Weboldalak mentése: a Karakeep letölti és elteszi a tartalmukat, akkor is, ha az oldal később eltűnik</li><li>Jegyzetek, képek és PDF-ek egy helyen, teljes szöveges kereséssel</li><li>Böngészőbővítmény és telefonos alkalmazás a gyors mentéshez</li><li>AI-címkézés csak akkor, ha te megadsz hozzá egy OpenAI-kulcsot - alapból ki van kapcsolva</li></ul>
|
||
</div>
|
||
<div class="app-info-card">
|
||
<h3>Első lépések</h3>
|
||
<ul class="app-info-list"><li>Nyisd meg a bookmarks.otthonod.hu címet, és hozd létre a fiókodat (az első fiók lesz az admin)</li><li>Kattints a „Kész, beállítottam" gombra az alkalmazás oldalán - ezután más már nem regisztrálhat</li><li>Telepítsd a böngészőbővítményt vagy a telefonos alkalmazást, és add meg: https://bookmarks.otthonod.hu és egy API-kulcsot (Beállítások, API-kulcsok)</li></ul>
|
||
</div>
|
||
</div>
|
||
<p class="form-hint">Telepítés: pár kattintás a vezérlőpultból. A saját dobozodon a
|
||
<strong>bookmarks.otthonod.hu</strong> címen érnéd el. <span class="sample">minta</span></p>
|
||
</div>
|
||
</div>
|
||
<div class="app-panel" id="app-kimai" role="dialog" aria-label="Kimai">
|
||
<div class="app-panel-card">
|
||
<a class="app-panel-close" href="#" aria-label="Bezárás"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-x"/></svg></a>
|
||
<div class="app-info-hero">
|
||
<img class="app-info-logo" src="/assets/kimai-logo.png" alt="">
|
||
<div class="app-info-hero-text">
|
||
<h3>Kimai</h3>
|
||
<p class="app-info-tagline">Időkövetés - projektek, ügyfelek és munkaidő nyilvántartás</p>
|
||
</div>
|
||
</div>
|
||
<img class="app-screenshot" src="/assets/kimai-screenshot-1.webp" alt="Kimai képernyőkép" loading="lazy">
|
||
<div class="app-info-grid">
|
||
<div class="app-info-card">
|
||
<h3>Mire jó egy családnak?</h3>
|
||
<ul class="app-info-list"><li>Munkaidő nyilvántartás projektekre és ügyfelekre bontva</li><li>Stopper-szerű időmérés egy kattintással</li><li>Riportok és exportálás (PDF, CSV, Excel)</li><li>Költségek és számlázás nyilvántartás</li></ul>
|
||
</div>
|
||
<div class="app-info-card">
|
||
<h3>Első lépések</h3>
|
||
<ul class="app-info-list"><li>Nyisd meg a time.otthonod.hu címet a böngészőben</li><li>Jelentkezz be a telepítéskor megadott admin adatokkal</li><li>Hozd létre az első ügyfelet és projektet</li></ul>
|
||
</div>
|
||
</div>
|
||
<p class="form-hint">Telepítés: pár kattintás a vezérlőpultból. A saját dobozodon a
|
||
<strong>time.otthonod.hu</strong> címen érnéd el. <span class="sample">minta</span></p>
|
||
</div>
|
||
</div>
|
||
<div class="app-panel" id="app-komga" role="dialog" aria-label="Komga">
|
||
<div class="app-panel-card">
|
||
<a class="app-panel-close" href="#" aria-label="Bezárás"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-x"/></svg></a>
|
||
<div class="app-info-hero">
|
||
<img class="app-info-logo" src="/assets/komga-logo.svg" alt="">
|
||
<div class="app-info-hero-text">
|
||
<h3>Komga</h3>
|
||
<p class="app-info-tagline">Képregény, manga és könyv szerver webes olvasóval</p>
|
||
</div>
|
||
</div>
|
||
<img class="app-screenshot" src="/assets/komga-screenshot-1.webp" alt="Komga képernyőkép" loading="lazy">
|
||
<div class="app-info-grid">
|
||
<div class="app-info-card">
|
||
<h3>Mire jó egy családnak?</h3>
|
||
<ul class="app-info-list"><li>Képregények és mangák rendszerezése és olvasása böngészőben</li><li>Automatikus metaadat szkennelés és borítókép generálás</li><li>OPDS feed kompatibilis olvasó alkalmazásokhoz</li><li>Olvasási haladás szinkronizálás eszközök között</li></ul>
|
||
</div>
|
||
<div class="app-info-card">
|
||
<h3>Első lépések</h3>
|
||
<ul class="app-info-list"><li>Nyisd meg a comics.otthonod.hu címet a böngészőben</li><li>Hozd létre az admin fiókot az első megnyitáskor</li><li>Add hozzá a könyvtárat (/data)</li></ul>
|
||
</div>
|
||
</div>
|
||
<p class="form-hint">Telepítés: pár kattintás a vezérlőpultból. A saját dobozodon a
|
||
<strong>comics.otthonod.hu</strong> címen érnéd el. <span class="sample">minta</span></p>
|
||
</div>
|
||
</div>
|
||
<div class="app-panel" id="app-lubelogger" role="dialog" aria-label="LubeLogger">
|
||
<div class="app-panel-card">
|
||
<a class="app-panel-close" href="#" aria-label="Bezárás"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-x"/></svg></a>
|
||
<div class="app-info-hero">
|
||
<img class="app-info-logo" src="/assets/lubelogger-logo.png" alt="">
|
||
<div class="app-info-hero-text">
|
||
<h3>LubeLogger</h3>
|
||
<p class="app-info-tagline">A családi autó teljes története egy helyen: szerviz, javítás, tankolás, költségek</p>
|
||
</div>
|
||
</div>
|
||
<img class="app-screenshot" src="/assets/lubelogger-screenshot-1.webp" alt="LubeLogger képernyőkép" loading="lazy">
|
||
<div class="app-info-grid">
|
||
<div class="app-info-card">
|
||
<h3>Mire jó egy családnak?</h3>
|
||
<ul class="app-info-list"><li>Minden szerviz, javítás és műszaki vizsga egy helyen, számlával együtt</li><li>Tankolások és a tényleges fogyasztás - látszik, mennyibe kerül az autó</li><li>Emlékeztetők: olajcsere, műszaki, biztosítás, gumicsere</li><li>Több autó és akár motor vagy kerti gép külön nyilvántartása</li></ul>
|
||
</div>
|
||
<div class="app-info-card">
|
||
<h3>Első lépések</h3>
|
||
<ul class="app-info-list"><li>Nyisd meg a garazs.otthonod.hu címet, és jelentkezz be a Beállítások oldalon látható névvel és jelszóval</li><li>Vedd fel az első autót (Add Vehicle): évjárat, gyártó, modell, rendszám</li><li>Magyar nyelvhez: Settings, majd a nyelvek listájából töltsd le a hu_HU csomagot - az alkalmazás angolul indul</li></ul>
|
||
</div>
|
||
</div>
|
||
<p class="form-hint">Telepítés: pár kattintás a vezérlőpultból. A saját dobozodon a
|
||
<strong>garazs.otthonod.hu</strong> címen érnéd el. <span class="sample">minta</span></p>
|
||
</div>
|
||
</div>
|
||
<div class="app-panel" id="app-mealie" role="dialog" aria-label="Mealie">
|
||
<div class="app-panel-card">
|
||
<a class="app-panel-close" href="#" aria-label="Bezárás"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-x"/></svg></a>
|
||
<div class="app-info-hero">
|
||
<img class="app-info-logo" src="/assets/mealie-logo.svg" alt="">
|
||
<div class="app-info-hero-text">
|
||
<h3>Mealie</h3>
|
||
<p class="app-info-tagline">Receptkezelő és étkezés tervező a családnak</p>
|
||
</div>
|
||
</div>
|
||
<img class="app-screenshot" src="/assets/mealie-screenshot-1.webp" alt="Mealie képernyőkép" loading="lazy">
|
||
<div class="app-info-grid">
|
||
<div class="app-info-card">
|
||
<h3>Mire jó egy családnak?</h3>
|
||
<ul class="app-info-list"><li>Receptek gyűjtése és rendszerezése kategóriák és címkék szerint</li><li>Receptek importálása weboldalakról automatikusan</li><li>Heti étkezés tervezés és bevásárlólista generálás</li><li>Receptek megosztása családtagokkal és barátokkal</li></ul>
|
||
</div>
|
||
<div class="app-info-card">
|
||
<h3>Első lépések</h3>
|
||
<ul class="app-info-list"><li>Nyisd meg a mealie.otthonod.hu címet a böngészőben</li><li>Jelentkezz be: changeme@example.com és a Beállítások oldalon látható első jelszó</li><li>Változtasd meg az email címet a sajátodra</li></ul>
|
||
</div>
|
||
</div>
|
||
<p class="form-hint">Telepítés: pár kattintás a vezérlőpultból. A saját dobozodon a
|
||
<strong>recipes.otthonod.hu</strong> címen érnéd el. <span class="sample">minta</span></p>
|
||
</div>
|
||
</div>
|
||
<div class="app-panel" id="app-metube" role="dialog" aria-label="MeTube">
|
||
<div class="app-panel-card">
|
||
<a class="app-panel-close" href="#" aria-label="Bezárás"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-x"/></svg></a>
|
||
<div class="app-info-hero">
|
||
<img class="app-info-logo" src="/assets/metube-logo.svg" alt="">
|
||
<div class="app-info-hero-text">
|
||
<h3>MeTube</h3>
|
||
<p class="app-info-tagline">Videók és hanganyagok letöltése egy linkből - csak a családodnak</p>
|
||
</div>
|
||
</div>
|
||
<img class="app-screenshot" src="/assets/metube-screenshot-1.webp" alt="MeTube képernyőkép" loading="lazy">
|
||
<div class="app-info-grid">
|
||
<div class="app-info-card">
|
||
<h3>Mire jó egy családnak?</h3>
|
||
<ul class="app-info-list"><li>Egy videó vagy lejátszási lista letöltése a linkjéből, videóként vagy csak hangként</li><li>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</li><li>Csak a családtagjaid érik el: idegen nem tud letölteni a háztartásod internetcíméről</li></ul>
|
||
</div>
|
||
<div class="app-info-card">
|
||
<h3>Első lépések</h3>
|
||
<ul class="app-info-list"><li>Add hozzá a családtagjaidat a Beállítások, Biztonság oldal Család kártyáján</li><li>Nyisd meg a video.otthonod.hu címet, és lépj be a családi neveddel</li><li>Illessz be egy linket, válaszd ki a minőséget, és indítsd el a letöltést</li></ul>
|
||
</div>
|
||
</div>
|
||
<p class="form-hint">Telepítés: pár kattintás a vezérlőpultból. A saját dobozodon a
|
||
<strong>video.otthonod.hu</strong> címen érnéd el. <span class="sample">minta</span></p>
|
||
</div>
|
||
</div>
|
||
<div class="app-panel" id="app-n8n" role="dialog" aria-label="n8n">
|
||
<div class="app-panel-card">
|
||
<a class="app-panel-close" href="#" aria-label="Bezárás"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-x"/></svg></a>
|
||
<div class="app-info-hero">
|
||
<img class="app-info-logo" src="/assets/n8n-logo.svg" alt="">
|
||
<div class="app-info-hero-text">
|
||
<h3>n8n</h3>
|
||
<p class="app-info-tagline">Vizuális workflow automatizálás - Zapier/IFTTT alternatíva</p>
|
||
</div>
|
||
</div>
|
||
<img class="app-screenshot" src="/assets/n8n-screenshot-1.webp" alt="n8n képernyőkép" loading="lazy">
|
||
<div class="app-info-grid">
|
||
<div class="app-info-card">
|
||
<h3>Mire jó egy családnak?</h3>
|
||
<ul class="app-info-list"><li>Alkalmazások összekapcsolása vizuális workflow szerkesztővel</li><li>Automatizálás: email, Telegram, webhook, fájl feldolgozás</li><li>400+ integráció (Google, Slack, Notion, GitHub, stb.)</li><li>Időzített feladatok (cron) és webhook triggerek</li></ul>
|
||
</div>
|
||
<div class="app-info-card">
|
||
<h3>Első lépések</h3>
|
||
<ul class="app-info-list"><li>Nyisd meg az auto.otthonod.hu címet a böngészőben</li><li>Hozd létre az admin fiókot</li><li>Próbálj ki egy sablon workflow-t a Template galériából</li></ul>
|
||
</div>
|
||
</div>
|
||
<p class="form-hint">Telepítés: pár kattintás a vezérlőpultból. A saját dobozodon a
|
||
<strong>auto.otthonod.hu</strong> címen érnéd el. <span class="sample">minta</span></p>
|
||
</div>
|
||
</div>
|
||
<div class="app-panel" id="app-navidrome" role="dialog" aria-label="Navidrome">
|
||
<div class="app-panel-card">
|
||
<a class="app-panel-close" href="#" aria-label="Bezárás"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-x"/></svg></a>
|
||
<div class="app-info-hero">
|
||
<img class="app-info-logo" src="/assets/navidrome-logo.svg" alt="">
|
||
<div class="app-info-hero-text">
|
||
<h3>Navidrome</h3>
|
||
<p class="app-info-tagline">Könnyű zene szerver - streameld a saját zenegyűjteményedet</p>
|
||
</div>
|
||
</div>
|
||
<img class="app-screenshot" src="/assets/navidrome-screenshot-1.webp" alt="Navidrome képernyőkép" loading="lazy">
|
||
<div class="app-info-grid">
|
||
<div class="app-info-card">
|
||
<h3>Mire jó egy családnak?</h3>
|
||
<ul class="app-info-list"><li>Saját zenegyűjtemény streamelése bármilyen eszközről</li><li>Subsonic API kompatibilis mobil alkalmazások használata</li><li>Lejátszási listák, kedvencek és értékelések kezelése</li><li>Automatikus metaadat és borítókép letöltés</li></ul>
|
||
</div>
|
||
<div class="app-info-card">
|
||
<h3>Első lépések</h3>
|
||
<ul class="app-info-list"><li>Nyisd meg a music.otthonod.hu címet a böngészőben</li><li>Az első felhasználó automatikusan admin lesz</li><li>Hozd létre a fiókodat és várd meg az első szkennelést</li></ul>
|
||
</div>
|
||
</div>
|
||
<p class="form-hint">Telepítés: pár kattintás a vezérlőpultból. A saját dobozodon a
|
||
<strong>music.otthonod.hu</strong> címen érnéd el. <span class="sample">minta</span></p>
|
||
</div>
|
||
</div>
|
||
<div class="app-panel" id="app-nextcloud" role="dialog" aria-label="Nextcloud">
|
||
<div class="app-panel-card">
|
||
<a class="app-panel-close" href="#" aria-label="Bezárás"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-x"/></svg></a>
|
||
<div class="app-info-hero">
|
||
<img class="app-info-logo" src="/assets/nextcloud-logo.svg" alt="">
|
||
<div class="app-info-hero-text">
|
||
<h3>Nextcloud</h3>
|
||
<p class="app-info-tagline">A saját Google Drive-od - fájlok, naptár, névjegyek egy helyen</p>
|
||
</div>
|
||
</div>
|
||
<img class="app-screenshot" src="/assets/nextcloud-screenshot-1.webp" alt="Nextcloud képernyőkép" loading="lazy">
|
||
<div class="app-info-grid">
|
||
<div class="app-info-card">
|
||
<h3>Mire jó egy családnak?</h3>
|
||
<ul class="app-info-list"><li>Fájlok szinkronizálása és megosztása eszközök között</li><li>Naptár és névjegyek szinkronizálás (CalDAV/CardDAV)</li><li>Dokumentumok közös szerkesztése (OnlyOffice integrációval)</li><li>Fotó és videó automatikus feltöltés telefonról</li></ul>
|
||
</div>
|
||
<div class="app-info-card">
|
||
<h3>Első lépések</h3>
|
||
<ul class="app-info-list"><li>Nyisd meg a cloud.otthonod.hu címet a böngészőben</li><li>Jelentkezz be a telepítéskor megadott admin fiókkal</li><li>Telepítsd a Nextcloud asztali alkalmazást a számítógépedre</li></ul>
|
||
</div>
|
||
</div>
|
||
<p class="form-hint">Telepítés: pár kattintás a vezérlőpultból. A saját dobozodon a
|
||
<strong>cloud.otthonod.hu</strong> címen érnéd el. <span class="sample">minta</span></p>
|
||
</div>
|
||
</div>
|
||
<div class="app-panel" id="app-onlyoffice" role="dialog" aria-label="OnlyOffice">
|
||
<div class="app-panel-card">
|
||
<a class="app-panel-close" href="#" aria-label="Bezárás"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-x"/></svg></a>
|
||
<div class="app-info-hero">
|
||
<img class="app-info-logo" src="/assets/onlyoffice-logo.svg" alt="">
|
||
<div class="app-info-hero-text">
|
||
<h3>OnlyOffice</h3>
|
||
<p class="app-info-tagline">Teljes értékű irodai csomag - Word, Excel, PowerPoint a böngészőben</p>
|
||
</div>
|
||
</div>
|
||
<img class="app-screenshot" src="/assets/onlyoffice-screenshot-1.webp" alt="OnlyOffice képernyőkép" loading="lazy">
|
||
<div class="app-info-grid">
|
||
<div class="app-info-card">
|
||
<h3>Mire jó egy családnak?</h3>
|
||
<ul class="app-info-list"><li>Dokumentumok, táblázatok és prezentációk szerkesztése böngészőben</li><li>Valós idejű közös szerkesztés több felhasználóval</li><li>Microsoft Office formátumok teljes kompatibilitása (docx, xlsx, pptx)</li><li>Nextcloud és egyéb felhő tárhely integrációk</li></ul>
|
||
</div>
|
||
<div class="app-info-card">
|
||
<h3>Első lépések</h3>
|
||
<ul class="app-info-list"><li>Nyisd meg az office.otthonod.hu címet a böngészőben</li><li>Várj amíg az inicializálás befejeződik (1-2 perc)</li><li>A Document Server önmagában API-ként működik</li></ul>
|
||
</div>
|
||
</div>
|
||
<p class="form-hint">Telepítés: pár kattintás a vezérlőpultból. A saját dobozodon a
|
||
<strong>office.otthonod.hu</strong> címen érnéd el. <span class="sample">minta</span></p>
|
||
</div>
|
||
</div>
|
||
<div class="app-panel" id="app-opengist" role="dialog" aria-label="OpenGist">
|
||
<div class="app-panel-card">
|
||
<a class="app-panel-close" href="#" aria-label="Bezárás"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-x"/></svg></a>
|
||
<div class="app-info-hero">
|
||
<img class="app-info-logo" src="/assets/opengist-logo.png" alt="">
|
||
<div class="app-info-hero-text">
|
||
<h3>OpenGist</h3>
|
||
<p class="app-info-tagline">Kód snippetek megosztása - privát GitHub Gist alternatíva</p>
|
||
</div>
|
||
</div>
|
||
<img class="app-screenshot" src="/assets/opengist-screenshot-1.webp" alt="OpenGist képernyőkép" loading="lazy">
|
||
<div class="app-info-grid">
|
||
<div class="app-info-card">
|
||
<h3>Mire jó egy családnak?</h3>
|
||
<ul class="app-info-list"><li>Kód snippetek és szövegek megosztása</li><li>Szintaxis kiemelés sok programozási nyelvhez</li><li>Privát és nyilvános gistek</li><li>Git-alapú tárolás - verziókezelés automatikusan</li></ul>
|
||
</div>
|
||
<div class="app-info-card">
|
||
<h3>Első lépések</h3>
|
||
<ul class="app-info-list"><li>Nyisd meg a gist.otthonod.hu címet a böngészőben</li><li>Hozd létre a fiókodat (az első felhasználó admin lesz)</li><li>Hozd létre az első gistet - írd be a kódot és mentsd</li></ul>
|
||
</div>
|
||
</div>
|
||
<p class="form-hint">Telepítés: pár kattintás a vezérlőpultból. A saját dobozodon a
|
||
<strong>gist.otthonod.hu</strong> címen érnéd el. <span class="sample">minta</span></p>
|
||
</div>
|
||
</div>
|
||
<div class="app-panel" id="app-outline" role="dialog" aria-label="Outline">
|
||
<div class="app-panel-card">
|
||
<a class="app-panel-close" href="#" aria-label="Bezárás"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-x"/></svg></a>
|
||
<div class="app-info-hero">
|
||
<img class="app-info-logo" src="/assets/outline-logo.svg" alt="">
|
||
<div class="app-info-hero-text">
|
||
<h3>Outline</h3>
|
||
<p class="app-info-tagline">Modern tudásbázis - Markdown, valós idejű együttműködés, keresés</p>
|
||
</div>
|
||
</div>
|
||
<img class="app-screenshot" src="/assets/outline-screenshot-1.webp" alt="Outline képernyőkép" loading="lazy">
|
||
<div class="app-info-grid">
|
||
<div class="app-info-card">
|
||
<h3>Mire jó egy családnak?</h3>
|
||
<ul class="app-info-list"><li>Csapat tudásbázis és dokumentáció</li><li>Markdown szerkesztő valós idejű együttműködéssel</li><li>Strukturált dokumentumok fa-szerkezetben</li><li>Teljes szöveges keresés és hivatkozások</li></ul>
|
||
</div>
|
||
<div class="app-info-card">
|
||
<h3>Első lépések</h3>
|
||
<ul class="app-info-list"><li>Nyisd meg a kb.otthonod.hu címet a böngészőben</li><li>Hozd létre az első felhasználót</li><li>Hozz létre egy gyűjteményt (Collection) a dokumentumoknak</li></ul>
|
||
</div>
|
||
</div>
|
||
<p class="form-hint">Telepítés: pár kattintás a vezérlőpultból. A saját dobozodon a
|
||
<strong>kb.otthonod.hu</strong> címen érnéd el. <span class="sample">minta</span></p>
|
||
</div>
|
||
</div>
|
||
<div class="app-panel" id="app-paperless-ngx" role="dialog" aria-label="Paperless-ngx">
|
||
<div class="app-panel-card">
|
||
<a class="app-panel-close" href="#" aria-label="Bezárás"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-x"/></svg></a>
|
||
<div class="app-info-hero">
|
||
<img class="app-info-logo" src="/assets/paperless-ngx-logo.svg" alt="">
|
||
<div class="app-info-hero-text">
|
||
<h3>Paperless-ngx</h3>
|
||
<p class="app-info-tagline">Digitális irattár - szkennelés, OCR és automatikus rendszerezés</p>
|
||
</div>
|
||
</div>
|
||
<img class="app-screenshot" src="/assets/paperless-ngx-screenshot-1.webp" alt="Paperless-ngx képernyőkép" loading="lazy">
|
||
<div class="app-info-grid">
|
||
<div class="app-info-card">
|
||
<h3>Mire jó egy családnak?</h3>
|
||
<ul class="app-info-list"><li>Papír dokumentumok digitalizálása és rendszerezése</li><li>Automatikus OCR szövegfelismerés szkennelt dokumentumokon</li><li>Intelligens automatikus kategorizálás és címkézés</li><li>Teljes szöveges keresés az összes dokumentumban</li></ul>
|
||
</div>
|
||
<div class="app-info-card">
|
||
<h3>Első lépések</h3>
|
||
<ul class="app-info-list"><li>Nyisd meg a paperless.otthonod.hu címet a böngészőben</li><li>Lépj be: felhasználó "admin", a jelszó a Beállítások oldalon található (Automatikusan generált értékek)</li><li>Tölts fel egy dokumentumot a webfelületen, VAGY dobd a Fájlkezelőben (FileBrowser) az import/paperless mappába — onnan automatikusan beolvassa és OCR-rel feldolgozza. A Fájlkezelő belépése a Fájlkezelő alkalmazás oldalán található</li></ul>
|
||
</div>
|
||
</div>
|
||
<p class="form-hint">Telepítés: pár kattintás a vezérlőpultból. A saját dobozodon a
|
||
<strong>paperless.otthonod.hu</strong> címen érnéd el. <span class="sample">minta</span></p>
|
||
</div>
|
||
</div>
|
||
<div class="app-panel" id="app-papra" role="dialog" aria-label="Papra">
|
||
<div class="app-panel-card">
|
||
<a class="app-panel-close" href="#" aria-label="Bezárás"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-x"/></svg></a>
|
||
<div class="app-info-hero">
|
||
<img class="app-info-logo" src="/assets/papra-logo.svg" alt="">
|
||
<div class="app-info-hero-text">
|
||
<h3>Papra</h3>
|
||
<p class="app-info-tagline">Minimalista dokumentumtár - egyszerű rendszerezés és keresés</p>
|
||
</div>
|
||
</div>
|
||
<img class="app-screenshot" src="/assets/papra-screenshot-1.webp" alt="Papra képernyőkép" loading="lazy">
|
||
<div class="app-info-grid">
|
||
<div class="app-info-card">
|
||
<h3>Mire jó egy családnak?</h3>
|
||
<ul class="app-info-list"><li>Dokumentumok egyszerű feltöltése és rendszerezése</li><li>Gyors keresés a dokumentumok között</li><li>Minimalista felület felesleges funkciók nélkül</li><li>Könnyű alternatíva a Paperless-ngx-hez</li></ul>
|
||
</div>
|
||
<div class="app-info-card">
|
||
<h3>Első lépések</h3>
|
||
<ul class="app-info-list"><li>Nyisd meg a papra.otthonod.hu címet a böngészőben</li><li>Hozd létre a fiókodat</li><li>Töltsd fel az első dokumentumot</li></ul>
|
||
</div>
|
||
</div>
|
||
<p class="form-hint">Telepítés: pár kattintás a vezérlőpultból. A saját dobozodon a
|
||
<strong>papra.otthonod.hu</strong> címen érnéd el. <span class="sample">minta</span></p>
|
||
</div>
|
||
</div>
|
||
<div class="app-panel" id="app-plex" role="dialog" aria-label="Plex">
|
||
<div class="app-panel-card">
|
||
<a class="app-panel-close" href="#" aria-label="Bezárás"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-x"/></svg></a>
|
||
<div class="app-info-hero">
|
||
<img class="app-info-logo" src="/assets/plex-logo.svg" alt="">
|
||
<div class="app-info-hero-text">
|
||
<h3>Plex</h3>
|
||
<p class="app-info-tagline">Prémium média szerver kiváló alkalmazás támogatással</p>
|
||
</div>
|
||
</div>
|
||
<img class="app-screenshot" src="/assets/plex-screenshot-1.webp" alt="Plex képernyőkép" loading="lazy">
|
||
<div class="app-info-grid">
|
||
<div class="app-info-card">
|
||
<h3>Mire jó egy családnak?</h3>
|
||
<ul class="app-info-list"><li>Filmek, sorozatok és zene streamelése professzionális felületen</li><li>Automatikus transzkódolás bármilyen eszközhöz</li><li>Watch Together - közös filmnézés távolról</li><li>Intro/outro skip funkció (Plex Pass)</li></ul>
|
||
</div>
|
||
<div class="app-info-card">
|
||
<h3>Első lépések</h3>
|
||
<ul class="app-info-list"><li>Generálj egy claim tokent a https://plex.tv/claim oldalon</li><li>Telepítés után nyisd meg a plex.otthonod.hu címet</li><li>Kapcsold össze a Plex fiókoddat a szerverrel</li></ul>
|
||
</div>
|
||
</div>
|
||
<p class="form-hint">Telepítés: pár kattintás a vezérlőpultból. A saját dobozodon a
|
||
<strong>plex.otthonod.hu</strong> címen érnéd el. <span class="sample">minta</span></p>
|
||
</div>
|
||
</div>
|
||
<div class="app-panel" id="app-privatebin" role="dialog" aria-label="PrivateBin">
|
||
<div class="app-panel-card">
|
||
<a class="app-panel-close" href="#" aria-label="Bezárás"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-x"/></svg></a>
|
||
<div class="app-info-hero">
|
||
<img class="app-info-logo" src="/assets/privatebin-logo.png" alt="">
|
||
<div class="app-info-hero-text">
|
||
<h3>PrivateBin</h3>
|
||
<p class="app-info-tagline">Titkosított szöveg megosztás - a szerver nem látja a tartalmat</p>
|
||
</div>
|
||
</div>
|
||
<img class="app-screenshot" src="/assets/privatebin-screenshot-1.webp" alt="PrivateBin képernyőkép" loading="lazy">
|
||
<div class="app-info-grid">
|
||
<div class="app-info-card">
|
||
<h3>Mire jó egy családnak?</h3>
|
||
<ul class="app-info-list"><li>Érzékeny szövegek biztonságos megosztása</li><li>E2E titkosítás - a szerver nem fér hozzá a tartalomhoz</li><li>Beállítható lejárati idő (5 perc - 1 év, vagy soha)</li><li>Olvasás után automatikus törlés opció</li></ul>
|
||
</div>
|
||
<div class="app-info-card">
|
||
<h3>Első lépések</h3>
|
||
<ul class="app-info-list"><li>Nyisd meg a paste.otthonod.hu címet a böngészőben</li><li>Írd be a szöveget és kattints a Küldés gombra</li><li>Oszd meg a generált linket - a titkosítási kulcs az URL-ben van</li></ul>
|
||
</div>
|
||
</div>
|
||
<p class="form-hint">Telepítés: pár kattintás a vezérlőpultból. A saját dobozodon a
|
||
<strong>paste.otthonod.hu</strong> címen érnéd el. <span class="sample">minta</span></p>
|
||
</div>
|
||
</div>
|
||
<div class="app-panel" id="app-radarr" role="dialog" aria-label="Radarr">
|
||
<div class="app-panel-card">
|
||
<a class="app-panel-close" href="#" aria-label="Bezárás"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-x"/></svg></a>
|
||
<div class="app-info-hero">
|
||
<img class="app-info-logo" src="/assets/radarr-logo.png" alt="">
|
||
<div class="app-info-hero-text">
|
||
<h3>Radarr</h3>
|
||
<p class="app-info-tagline">Automatikus film letöltő és rendszerező</p>
|
||
</div>
|
||
</div>
|
||
<img class="app-screenshot" src="/assets/radarr-screenshot-1.webp" alt="Radarr képernyőkép" loading="lazy">
|
||
<div class="app-info-grid">
|
||
<div class="app-info-card">
|
||
<h3>Mire jó egy családnak?</h3>
|
||
<ul class="app-info-list"><li>Filmek automatikus letöltése és rendszerezése</li><li>Kívánságlista - filmek automatikusan a könyvtáradba kerülnek</li><li>Minőség kezelés és automatikus frissítés jobb minőségre</li><li>Integráció Jellyfin/Plex és letöltő kliensekkel</li></ul>
|
||
</div>
|
||
<div class="app-info-card">
|
||
<h3>Első lépések</h3>
|
||
<ul class="app-info-list"><li>Nyisd meg a radarr.otthonod.hu címet a böngészőben</li><li>Állíts be egy letöltő klienst (pl. qBittorrent)</li><li>Add hozzá az indexereket (vagy használj Prowlarr-t)</li></ul>
|
||
</div>
|
||
</div>
|
||
<p class="form-hint">Telepítés: pár kattintás a vezérlőpultból. A saját dobozodon a
|
||
<strong>radarr.otthonod.hu</strong> címen érnéd el. <span class="sample">minta</span></p>
|
||
</div>
|
||
</div>
|
||
<div class="app-panel" id="app-radicale" role="dialog" aria-label="Radicale">
|
||
<div class="app-panel-card">
|
||
<a class="app-panel-close" href="#" aria-label="Bezárás"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-x"/></svg></a>
|
||
<div class="app-info-hero">
|
||
<img class="app-info-logo" src="/assets/radicale-logo.svg" alt="">
|
||
<div class="app-info-hero-text">
|
||
<h3>Radicale</h3>
|
||
<p class="app-info-tagline">Naptár és névjegyek a saját szervereden - a telefonod szinkronizál vele</p>
|
||
</div>
|
||
</div>
|
||
<img class="app-screenshot" src="/assets/radicale-screenshot-1.webp" alt="Radicale képernyőkép" loading="lazy">
|
||
<div class="app-info-grid">
|
||
<div class="app-info-card">
|
||
<h3>Mire jó egy családnak?</h3>
|
||
<ul class="app-info-list"><li>A telefonod naptára és névjegyei a saját szervereden, nem a Google-nél vagy az Apple-nél</li><li>Közös családi naptár, amit mindenki lát a telefonján</li><li>Androidon a DAVx5, iPhone-on és Macen a beépített naptár szinkronizál vele</li><li>Thunderbird és más asztali naptárak is használhatják</li></ul>
|
||
</div>
|
||
<div class="app-info-card">
|
||
<h3>Első lépések</h3>
|
||
<ul class="app-info-list"><li>Nyisd meg a calendar.otthonod.hu címet, és jelentkezz be a Beállítások oldalon látható névvel és jelszóval</li><li>Hozz létre egy naptárat és egy címjegyzéket ("Create new addressbook or calendar")</li><li>Androidon telepítsd a DAVx5-öt, és add meg: https://calendar.otthonod.hu, a nevet és a jelszót</li></ul>
|
||
</div>
|
||
</div>
|
||
<p class="form-hint">Telepítés: pár kattintás a vezérlőpultból. A saját dobozodon a
|
||
<strong>calendar.otthonod.hu</strong> címen érnéd el. <span class="sample">minta</span></p>
|
||
</div>
|
||
</div>
|
||
<div class="app-panel" id="app-rallly" role="dialog" aria-label="Rallly">
|
||
<div class="app-panel-card">
|
||
<a class="app-panel-close" href="#" aria-label="Bezárás"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-x"/></svg></a>
|
||
<div class="app-info-hero">
|
||
<img class="app-info-logo" src="/assets/rallly-logo.svg" alt="">
|
||
<div class="app-info-hero-text">
|
||
<h3>Rallly</h3>
|
||
<p class="app-info-tagline">Időpont szavazás - Doodle alternatíva a saját szerveren</p>
|
||
</div>
|
||
</div>
|
||
<img class="app-screenshot" src="/assets/rallly-screenshot-1.webp" alt="Rallly képernyőkép" loading="lazy">
|
||
<div class="app-info-grid">
|
||
<div class="app-info-card">
|
||
<h3>Mire jó egy családnak?</h3>
|
||
<ul class="app-info-list"><li>Közös időpont egyeztetés szavazással</li><li>Találkozók, események szervezése</li><li>Résztvevők regisztráció nélkül szavazhatnak</li><li>Email értesítések és emlékeztetők</li></ul>
|
||
</div>
|
||
<div class="app-info-card">
|
||
<h3>Első lépések</h3>
|
||
<ul class="app-info-list"><li>Nyisd meg a poll.otthonod.hu címet a böngészőben</li><li>Hozz létre egy új szavazást</li><li>Add meg a lehetséges időpontokat</li></ul>
|
||
</div>
|
||
</div>
|
||
<p class="form-hint">Telepítés: pár kattintás a vezérlőpultból. A saját dobozodon a
|
||
<strong>poll.otthonod.hu</strong> címen érnéd el. <span class="sample">minta</span></p>
|
||
</div>
|
||
</div>
|
||
<div class="app-panel" id="app-recipe-importer" role="dialog" aria-label="Recipe Importer">
|
||
<div class="app-panel-card">
|
||
<a class="app-panel-close" href="#" aria-label="Bezárás"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-x"/></svg></a>
|
||
<div class="app-info-hero">
|
||
<img class="app-info-logo" src="/assets/recipe-importer-logo.svg" alt="">
|
||
<div class="app-info-hero-text">
|
||
<h3>Recipe Importer</h3>
|
||
<p class="app-info-tagline">Magyar receptoldalak importálása egyszerűen — egyedi és tömeges import Mealie-be és Tandoor-ba</p>
|
||
</div>
|
||
</div>
|
||
<img class="app-screenshot" src="/assets/recipe-importer-screenshot-1.webp" alt="Recipe Importer képernyőkép" loading="lazy">
|
||
<div class="app-info-grid">
|
||
<div class="app-info-card">
|
||
<h3>Mire jó egy családnak?</h3>
|
||
<ul class="app-info-list"><li>Receptek importálása 6 magyar oldalról: mindmegette.hu, streetkitchen.hu, nosalty.hu, sobors.hu, kiskegyed.hu és gastrohobbi.hu — hozzávalók, lépések, képek és címkék automatikus felismerése</li><li>Tömeges importálás: több URL beillesztése egyszerre, recept-áttekintéssel vagy teljesen automatikus módban</li><li>Importálás előtti szerkesztés — strukturált hozzávalók (mennyiség, mértékegység, étel, megjegyzés), lépések módosítása, címkék kezelése</li><li>Mealie és Tandoor Recipes egyidejű támogatás — választhatsz célrendszert, vagy mindkettőbe importálhatsz egyszerre</li></ul>
|
||
</div>
|
||
<div class="app-info-card">
|
||
<h3>Első lépések</h3>
|
||
<ul class="app-info-list"><li>Nyisd meg a rimport.otthonod.hu címet a böngészőben</li><li>Menj a Beállítások oldalra és add meg a Mealie és/vagy Tandoor URL-t és API kulcsot (Mealie: Profil → API Tokens; Tandoor: Beállítások → API Browser → Auth Token)</li><li>Állíts be felhasználónevet és jelszót a hozzáférés védelméhez</li></ul>
|
||
</div>
|
||
</div>
|
||
<p class="form-hint">Telepítés: pár kattintás a vezérlőpultból. A saját dobozodon a
|
||
<strong>rimport.otthonod.hu</strong> címen érnéd el. <span class="sample">minta</span></p>
|
||
</div>
|
||
</div>
|
||
<div class="app-panel" id="app-romm" role="dialog" aria-label="RomM">
|
||
<div class="app-panel-card">
|
||
<a class="app-panel-close" href="#" aria-label="Bezárás"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-x"/></svg></a>
|
||
<div class="app-info-hero">
|
||
<img class="app-info-logo" src="/assets/romm-logo.svg" alt="">
|
||
<div class="app-info-hero-text">
|
||
<h3>RomM</h3>
|
||
<p class="app-info-tagline">Retró játékgyűjtemény kezelő, böngésző és lejátszó</p>
|
||
</div>
|
||
</div>
|
||
<img class="app-screenshot" src="/assets/romm-screenshot-1.webp" alt="RomM képernyőkép" loading="lazy">
|
||
<div class="app-info-grid">
|
||
<div class="app-info-card">
|
||
<h3>Mire jó egy családnak?</h3>
|
||
<ul class="app-info-list"><li>Retró játékgyűjtemény rendszerezése és böngészése webes felületen</li><li>Játékok metaadatainak automatikus letöltése — borítók, leírások, értékelések</li><li>Platformonkénti szűrés és keresés a teljes gyűjteményben</li><li>ROM fájlok webes feltöltése és letöltése</li></ul>
|
||
</div>
|
||
<div class="app-info-card">
|
||
<h3>Első lépések</h3>
|
||
<ul class="app-info-list"><li>Nyisd meg az arcade.otthonod.hu címet a böngészőben</li><li>Az első megnyitáskor hozd létre az admin fiókodat</li><li>Változtasd meg azonnal a jelszót a Settings menüben</li></ul>
|
||
</div>
|
||
</div>
|
||
<p class="form-hint">Telepítés: pár kattintás a vezérlőpultból. A saját dobozodon a
|
||
<strong>arcade.otthonod.hu</strong> címen érnéd el. <span class="sample">minta</span></p>
|
||
</div>
|
||
</div>
|
||
<div class="app-panel" id="app-seerr" role="dialog" aria-label="Jellyseerr">
|
||
<div class="app-panel-card">
|
||
<a class="app-panel-close" href="#" aria-label="Bezárás"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-x"/></svg></a>
|
||
<div class="app-info-hero">
|
||
<img class="app-info-logo" src="/assets/seerr-logo.png" alt="">
|
||
<div class="app-info-hero-text">
|
||
<h3>Jellyseerr</h3>
|
||
<p class="app-info-tagline">Film és sorozat igénylő a háztartás tagjai számára</p>
|
||
</div>
|
||
</div>
|
||
<img class="app-screenshot" src="/assets/seerr-screenshot-1.webp" alt="Jellyseerr képernyőkép" loading="lazy">
|
||
<div class="app-info-grid">
|
||
<div class="app-info-card">
|
||
<h3>Mire jó egy családnak?</h3>
|
||
<ul class="app-info-list"><li>Családtagok filmeket és sorozatokat igényelhetnek egyszerűen</li><li>Automatikus letöltés Sonarr/Radarr integrációval</li><li>Elérhető tartalmak böngészése szép felületen</li><li>Igénylések állapotának követése</li></ul>
|
||
</div>
|
||
<div class="app-info-card">
|
||
<h3>Első lépések</h3>
|
||
<ul class="app-info-list"><li>Nyisd meg a requests.otthonod.hu címet a böngészőben</li><li>Kövesd a beállítás varázslót</li><li>Csatlakoztasd a Jellyfin vagy Plex szerveredet</li></ul>
|
||
</div>
|
||
</div>
|
||
<p class="form-hint">Telepítés: pár kattintás a vezérlőpultból. A saját dobozodon a
|
||
<strong>requests.otthonod.hu</strong> címen érnéd el. <span class="sample">minta</span></p>
|
||
</div>
|
||
</div>
|
||
<div class="app-panel" id="app-sonarr" role="dialog" aria-label="Sonarr">
|
||
<div class="app-panel-card">
|
||
<a class="app-panel-close" href="#" aria-label="Bezárás"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-x"/></svg></a>
|
||
<div class="app-info-hero">
|
||
<img class="app-info-logo" src="/assets/sonarr-logo.svg" alt="">
|
||
<div class="app-info-hero-text">
|
||
<h3>Sonarr</h3>
|
||
<p class="app-info-tagline">Automatikus sorozat letöltő és rendszerező</p>
|
||
</div>
|
||
</div>
|
||
<img class="app-screenshot" src="/assets/sonarr-screenshot-1.webp" alt="Sonarr képernyőkép" loading="lazy">
|
||
<div class="app-info-grid">
|
||
<div class="app-info-card">
|
||
<h3>Mire jó egy családnak?</h3>
|
||
<ul class="app-info-list"><li>Sorozatok automatikus letöltése és rendszerezése</li><li>Kívánságlista kezelés - új epizódok automatikus letöltése</li><li>Minőség kezelés (480p-tól 4K-ig, automatikus frissítés)</li><li>Integráció Jellyfin/Plex és letöltő kliensekkel</li></ul>
|
||
</div>
|
||
<div class="app-info-card">
|
||
<h3>Első lépések</h3>
|
||
<ul class="app-info-list"><li>Nyisd meg a sonarr.otthonod.hu címet a böngészőben</li><li>Állíts be egy letöltő klienst (pl. qBittorrent)</li><li>Add hozzá az indexereket (vagy használj Prowlarr-t)</li></ul>
|
||
</div>
|
||
</div>
|
||
<p class="form-hint">Telepítés: pár kattintás a vezérlőpultból. A saját dobozodon a
|
||
<strong>sonarr.otthonod.hu</strong> címen érnéd el. <span class="sample">minta</span></p>
|
||
</div>
|
||
</div>
|
||
<div class="app-panel" id="app-sparkyfitness" role="dialog" aria-label="SparkyFitness">
|
||
<div class="app-panel-card">
|
||
<a class="app-panel-close" href="#" aria-label="Bezárás"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-x"/></svg></a>
|
||
<div class="app-info-hero">
|
||
<img class="app-info-logo" src="/assets/sparkyfitness-logo.png" alt="">
|
||
<div class="app-info-hero-text">
|
||
<h3>SparkyFitness</h3>
|
||
<p class="app-info-tagline">Táplálkozási napló, kalóriaszámláló és edzéskövető – önállóan üzemeltetve</p>
|
||
</div>
|
||
</div>
|
||
<img class="app-screenshot" src="/assets/sparkyfitness-screenshot-1.webp" alt="SparkyFitness képernyőkép" loading="lazy">
|
||
<div class="app-info-grid">
|
||
<div class="app-info-card">
|
||
<h3>Mire jó egy családnak?</h3>
|
||
<ul class="app-info-list"><li>Napi étkezések és kalóriabevitel naplózása</li><li>Testsúly és testméretek követése grafikonokkal</li><li>Edzések és mozgás rögzítése</li><li>Tápanyag-célok (fehérje, szénhidrát, zsír) beállítása és követése</li></ul>
|
||
</div>
|
||
<div class="app-info-card">
|
||
<h3>Első lépések</h3>
|
||
<ul class="app-info-list"><li>Nyisd meg a sparky.otthonod.hu címet a böngészőben</li><li>Regisztrálj egy fiókot e-mail címmel és jelszóval</li><li>Állítsd be a profilodat és a napi céljaidat</li></ul>
|
||
</div>
|
||
</div>
|
||
<p class="form-hint">Telepítés: pár kattintás a vezérlőpultból. A saját dobozodon a
|
||
<strong>sparky.otthonod.hu</strong> címen érnéd el. <span class="sample">minta</span></p>
|
||
</div>
|
||
</div>
|
||
<div class="app-panel" id="app-tandoor" role="dialog" aria-label="Tandoor Recipes">
|
||
<div class="app-panel-card">
|
||
<a class="app-panel-close" href="#" aria-label="Bezárás"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-x"/></svg></a>
|
||
<div class="app-info-hero">
|
||
<img class="app-info-logo" src="/assets/tandoor-logo.png" alt="">
|
||
<div class="app-info-hero-text">
|
||
<h3>Tandoor Recipes</h3>
|
||
<p class="app-info-tagline">Receptkezelő és étkezés tervező a családnak</p>
|
||
</div>
|
||
</div>
|
||
<img class="app-screenshot" src="/assets/tandoor-screenshot-1.webp" alt="Tandoor Recipes képernyőkép" loading="lazy">
|
||
<div class="app-info-grid">
|
||
<div class="app-info-card">
|
||
<h3>Mire jó egy családnak?</h3>
|
||
<ul class="app-info-list"><li>Receptek gyűjtése és rendszerezése egy helyen</li><li>Receptek importálása weboldalakról egy kattintással</li><li>Heti étkezés tervezés és bevásárlólista generálás</li><li>Több felhasználó - a család együtt tervezhet</li></ul>
|
||
</div>
|
||
<div class="app-info-card">
|
||
<h3>Első lépések</h3>
|
||
<ul class="app-info-list"><li>Nyisd meg a recipes.otthonod.hu címet a böngészőben</li><li>Hozd létre az admin fiókot</li><li>Importáld az első receptet egy weboldalról (Bookmarklet)</li></ul>
|
||
</div>
|
||
</div>
|
||
<p class="form-hint">Telepítés: pár kattintás a vezérlőpultból. A saját dobozodon a
|
||
<strong>recipes.otthonod.hu</strong> címen érnéd el. <span class="sample">minta</span></p>
|
||
</div>
|
||
</div>
|
||
<div class="app-panel" id="app-termix" role="dialog" aria-label="Termix">
|
||
<div class="app-panel-card">
|
||
<a class="app-panel-close" href="#" aria-label="Bezárás"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-x"/></svg></a>
|
||
<div class="app-info-hero">
|
||
<img class="app-info-logo" src="/assets/termix-logo.svg" alt="">
|
||
<div class="app-info-hero-text">
|
||
<h3>Termix</h3>
|
||
<p class="app-info-tagline">Webes SSH terminál - szerver hozzáférés a böngészőből</p>
|
||
</div>
|
||
</div>
|
||
<img class="app-screenshot" src="/assets/termix-screenshot-1.webp" alt="Termix képernyőkép" loading="lazy">
|
||
<div class="app-info-grid">
|
||
<div class="app-info-card">
|
||
<h3>Mire jó egy családnak?</h3>
|
||
<ul class="app-info-list"><li>SSH hozzáférés a szerveredhez böngészőből</li><li>Nincs szükség SSH kliensre a számítógépen</li><li>Alapvető szerver menedzsment feladatok bárhonnan</li></ul>
|
||
</div>
|
||
<div class="app-info-card">
|
||
<h3>Első lépések</h3>
|
||
<ul class="app-info-list"><li>Nyisd meg a terminal.otthonod.hu címet a böngészőben</li><li>Csatlakozz a szerveredhez SSH-n keresztül</li></ul>
|
||
</div>
|
||
</div>
|
||
<p class="form-hint">Telepítés: pár kattintás a vezérlőpultból. A saját dobozodon a
|
||
<strong>terminal.otthonod.hu</strong> címen érnéd el. <span class="sample">minta</span></p>
|
||
</div>
|
||
</div>
|
||
<div class="app-panel" id="app-uptime-kuma" role="dialog" aria-label="Uptime Kuma">
|
||
<div class="app-panel-card">
|
||
<a class="app-panel-close" href="#" aria-label="Bezárás"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-x"/></svg></a>
|
||
<div class="app-info-hero">
|
||
<img class="app-info-logo" src="/assets/uptime-kuma-logo.svg" alt="">
|
||
<div class="app-info-hero-text">
|
||
<h3>Uptime Kuma</h3>
|
||
<p class="app-info-tagline">Szolgáltatás monitoring - értesítés ha valami nem működik</p>
|
||
</div>
|
||
</div>
|
||
<img class="app-screenshot" src="/assets/uptime-kuma-screenshot-1.webp" alt="Uptime Kuma képernyőkép" loading="lazy">
|
||
<div class="app-info-grid">
|
||
<div class="app-info-card">
|
||
<h3>Mire jó egy családnak?</h3>
|
||
<ul class="app-info-list"><li>Weboldalak és szolgáltatások elérhetőségének figyelése</li><li>HTTP, TCP, DNS, ping és egyéb protokollok támogatása</li><li>Értesítések emailben, Telegramon, Discord-on, stb.</li><li>Nyilvános státusz oldal a felhasználóknak</li></ul>
|
||
</div>
|
||
<div class="app-info-card">
|
||
<h3>Első lépések</h3>
|
||
<ul class="app-info-list"><li>Nyisd meg a status.otthonod.hu címet a böngészőben</li><li>Hozd létre az admin fiókot az első megnyitáskor</li><li>Add hozzá az első monitort (pl. a saját weboldalad)</li></ul>
|
||
</div>
|
||
</div>
|
||
<p class="form-hint">Telepítés: pár kattintás a vezérlőpultból. A saját dobozodon a
|
||
<strong>status.otthonod.hu</strong> címen érnéd el. <span class="sample">minta</span></p>
|
||
</div>
|
||
</div>
|
||
<div class="app-panel" id="app-vaultwarden" role="dialog" aria-label="Vaultwarden">
|
||
<div class="app-panel-card">
|
||
<a class="app-panel-close" href="#" aria-label="Bezárás"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-x"/></svg></a>
|
||
<div class="app-info-hero">
|
||
<img class="app-info-logo" src="/assets/vaultwarden-logo.svg" alt="">
|
||
<div class="app-info-hero-text">
|
||
<h3>Vaultwarden</h3>
|
||
<p class="app-info-tagline">Jelszókezelő - Bitwarden kompatibilis, a saját szerveren</p>
|
||
</div>
|
||
</div>
|
||
<img class="app-screenshot" src="/assets/vaultwarden-screenshot-1.webp" alt="Vaultwarden képernyőkép" loading="lazy">
|
||
<div class="app-info-grid">
|
||
<div class="app-info-card">
|
||
<h3>Mire jó egy családnak?</h3>
|
||
<ul class="app-info-list"><li>Jelszavak biztonságos tárolása és automatikus kitöltése</li><li>Bitwarden kliensek teljes kompatibilitása (böngésző, mobil, asztali)</li><li>Jelszavak megosztása családtagokkal szervezeten belül</li><li>Kétfaktoros hitelesítés (TOTP) kódok tárolása</li></ul>
|
||
</div>
|
||
<div class="app-info-card">
|
||
<h3>Első lépések</h3>
|
||
<ul class="app-info-list"><li>Nyisd meg a vault.otthonod.hu/admin címet, és lépj be az admin panel tokenjével (Beállítások → Automatikusan generált értékek)</li><li>A „Users" fülön az „Invite User" mezőben hívd meg a saját és a családtagok e-mail címét — a regisztráció alapból le van zárva, csak meghívott cím nyithat fiókot</li><li>Nyisd meg a vault.otthonod.hu címet, válaszd a „Create account" lehetőséget a meghívott címmel, és adj meg erős mesterjelszót</li></ul>
|
||
</div>
|
||
</div>
|
||
<p class="form-hint">Telepítés: pár kattintás a vezérlőpultból. A saját dobozodon a
|
||
<strong>vault.otthonod.hu</strong> címen érnéd el. <span class="sample">minta</span></p>
|
||
</div>
|
||
</div>
|
||
<div class="app-panel" id="app-vikunja" role="dialog" aria-label="Vikunja">
|
||
<div class="app-panel-card">
|
||
<a class="app-panel-close" href="#" aria-label="Bezárás"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-x"/></svg></a>
|
||
<div class="app-info-hero">
|
||
<img class="app-info-logo" src="/assets/vikunja-logo.svg" alt="">
|
||
<div class="app-info-hero-text">
|
||
<h3>Vikunja</h3>
|
||
<p class="app-info-tagline">Feladatkezelő - listák, Kanban táblák és Gantt diagramok</p>
|
||
</div>
|
||
</div>
|
||
<img class="app-screenshot" src="/assets/vikunja-screenshot-1.webp" alt="Vikunja képernyőkép" loading="lazy">
|
||
<div class="app-info-grid">
|
||
<div class="app-info-card">
|
||
<h3>Mire jó egy családnak?</h3>
|
||
<ul class="app-info-list"><li>Feladatlisták és teendők kezelése</li><li>Kanban tábla nézet (Trello-szerű)</li><li>Gantt diagram projekt ütemezéshez</li><li>Megosztott listák és csapat együttműködés</li></ul>
|
||
</div>
|
||
<div class="app-info-card">
|
||
<h3>Első lépések</h3>
|
||
<ul class="app-info-list"><li>Nyisd meg a tasks.otthonod.hu címet a böngészőben</li><li>Hozd létre a fiókodat</li><li>Hozd létre az első projektet és feladatlistát</li></ul>
|
||
</div>
|
||
</div>
|
||
<p class="form-hint">Telepítés: pár kattintás a vezérlőpultból. A saját dobozodon a
|
||
<strong>tasks.otthonod.hu</strong> címen érnéd el. <span class="sample">minta</span></p>
|
||
</div>
|
||
</div>
|
||
<div class="app-panel" id="app-wanderer" role="dialog" aria-label="Wanderer">
|
||
<div class="app-panel-card">
|
||
<a class="app-panel-close" href="#" aria-label="Bezárás"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-x"/></svg></a>
|
||
<div class="app-info-hero">
|
||
<img class="app-info-logo" src="/assets/wanderer-logo.svg" alt="">
|
||
<div class="app-info-hero-text">
|
||
<h3>Wanderer</h3>
|
||
<p class="app-info-tagline">Túra tervező - útvonalak, GPX nyomok és domborzati térképek</p>
|
||
</div>
|
||
</div>
|
||
<img class="app-screenshot" src="/assets/wanderer-screenshot-1.webp" alt="Wanderer képernyőkép" loading="lazy">
|
||
<div class="app-info-grid">
|
||
<div class="app-info-card">
|
||
<h3>Mire jó egy családnak?</h3>
|
||
<ul class="app-info-list"><li>Túra útvonalak tervezése és mentése</li><li>GPX fájlok importálása és exportálása</li><li>Domborzati profilok és statisztikák</li><li>Fotók és jegyzetek hozzáadása az útvonalakhoz</li></ul>
|
||
</div>
|
||
<div class="app-info-card">
|
||
<h3>Első lépések</h3>
|
||
<ul class="app-info-list"><li>Nyisd meg a hike.otthonod.hu címet a böngészőben</li><li>Hozd létre a fiókodat azonnal a telepítés után, aztán az alkalmazás oldalán zárd le a regisztrációt. Addig bárki, aki megtalálja a címet, fiókot hozhat létre.</li><li>Importálj egy GPX fájlt vagy tervezz új útvonalat</li></ul>
|
||
</div>
|
||
</div>
|
||
<p class="form-hint">Telepítés: pár kattintás a vezérlőpultból. A saját dobozodon a
|
||
<strong>hike.otthonod.hu</strong> címen érnéd el. <span class="sample">minta</span></p>
|
||
</div>
|
||
</div>
|
||
<div class="app-panel" id="app-wishlist" role="dialog" aria-label="Wishlist">
|
||
<div class="app-panel-card">
|
||
<a class="app-panel-close" href="#" aria-label="Bezárás"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-x"/></svg></a>
|
||
<div class="app-info-hero">
|
||
<img class="app-info-logo" src="/assets/wishlist-logo.svg" alt="">
|
||
<div class="app-info-hero-text">
|
||
<h3>Wishlist</h3>
|
||
<p class="app-info-tagline">Családi kívánságlista - karácsonyra, születésnapokra</p>
|
||
</div>
|
||
</div>
|
||
<img class="app-screenshot" src="/assets/wishlist-screenshot-1.webp" alt="Wishlist képernyőkép" loading="lazy">
|
||
<div class="app-info-grid">
|
||
<div class="app-info-card">
|
||
<h3>Mire jó egy családnak?</h3>
|
||
<ul class="app-info-list"><li>Kívánságlisták létrehozása karácsonyra, születésnapokra</li><li>Családtagok meghívása saját listáik kezeléséhez</li><li>Ajándékok lefoglalása meglepetés nélkül</li><li>Árak és linkek hozzáadása az ajándékokhoz</li></ul>
|
||
</div>
|
||
<div class="app-info-card">
|
||
<h3>Első lépések</h3>
|
||
<ul class="app-info-list"><li>Nyisd meg a wishes.otthonod.hu címet a böngészőben</li><li>Hozd létre a fiókodat</li><li>Hozd létre az első kívánságlistádat</li></ul>
|
||
</div>
|
||
</div>
|
||
<p class="form-hint">Telepítés: pár kattintás a vezérlőpultból. A saját dobozodon a
|
||
<strong>wishes.otthonod.hu</strong> címen érnéd el. <span class="sample">minta</span></p>
|
||
</div>
|
||
</div>
|
||
<div class="app-panel" id="app-zipline" role="dialog" aria-label="Zipline">
|
||
<div class="app-panel-card">
|
||
<a class="app-panel-close" href="#" aria-label="Bezárás"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-x"/></svg></a>
|
||
<div class="app-info-hero">
|
||
<img class="app-info-logo" src="/assets/zipline-logo.png" alt="">
|
||
<div class="app-info-hero-text">
|
||
<h3>Zipline</h3>
|
||
<p class="app-info-tagline">Screenshot és fájlmegosztó szerver ShareX/Flameshot integrációval</p>
|
||
</div>
|
||
</div>
|
||
<img class="app-screenshot" src="/assets/zipline-screenshot-1.webp" alt="Zipline képernyőkép" loading="lazy">
|
||
<div class="app-info-grid">
|
||
<div class="app-info-card">
|
||
<h3>Mire jó egy családnak?</h3>
|
||
<ul class="app-info-list"><li>Screenshotok automatikus feltöltése ShareX/Flameshot-ból</li><li>URL rövidítés és szöveg megosztás (paste)</li><li>Galéria nézet és album kezelés</li><li>API támogatás egyedi integrációkhoz</li></ul>
|
||
</div>
|
||
<div class="app-info-card">
|
||
<h3>Első lépések</h3>
|
||
<ul class="app-info-list"><li>Nyisd meg az img.otthonod.hu címet a böngészőben</li><li>Az első megnyitáskor hozd létre az admin fiókodat</li><li>Konfiguráld a ShareX-et vagy Flameshot-ot az API URL-lel</li></ul>
|
||
</div>
|
||
</div>
|
||
<p class="form-hint">Telepítés: pár kattintás a vezérlőpultból. A saját dobozodon a
|
||
<strong>img.otthonod.hu</strong> címen érnéd el. <span class="sample">minta</span></p>
|
||
</div>
|
||
</div>
|
||
|
||
</main>
|
||
<script>
|
||
(function(){
|
||
var b=document.getElementById('navBurger'),s=document.getElementById('sidebar'),k=document.getElementById('navBackdrop');
|
||
if(!b||!s||!k)return;
|
||
function open(){s.classList.add('is-open');k.hidden=false;b.setAttribute('aria-expanded','true');}
|
||
function close(){s.classList.remove('is-open');k.hidden=true;b.setAttribute('aria-expanded','false');}
|
||
b.addEventListener('click',function(){s.classList.contains('is-open')?close():open();});
|
||
k.addEventListener('click',close);
|
||
document.addEventListener('keydown',function(e){if(e.key==='Escape')close();});
|
||
})();
|
||
</script>
|
||
</body>
|
||
</html>
|