67b3fd23d1
gates / gates (push) Failing after 13m1s
Part A: claim table documentation/audits/website-refresh-2026-10-08/claims.md; "100% open source" corrected from the licence read; unbacked claims cut (firewall, RAID, snapshots, new-machine restore, self-managed mode, household VPN, "never lost"). Part B: dawarich, docmost, grimmory, homebox, karakeep, mealie, metube, radicale, recipe-importer, sparkyfitness cards; plant-it and wger cut (not offered). Part C: /en/ twins, nav language switch, hreflang both ways, sitemap with xhtml:link, og-image-en.png. Part D: site_gates.py twins/lang/same-apps/no-Hungarian/FAQ-JSON-LD/tail. Operator ruling 9 + choice B in 10-localisation.md §11, §10.7. Register: R-902 (contact mailer source in no repo); R-813, R-784, R-559 annotated. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_012qRErfCoiTkvDK9N5XHbzb
575 lines
31 KiB
HTML
575 lines
31 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
||
<meta name="description" content="A home server in your own home in Hungary: photos, documents, media. 56 apps to install, automatic backups on three levels, a dashboard in English or Hungarian. A closed test is starting now.">
|
||
<title>Felhom.eu — Your own cloud, your own rules | A home server service in Hungary</title>
|
||
|
||
<!-- SEO meta -->
|
||
<meta name="keywords" content="home server, own cloud, self-hosting, Google Drive alternative, iCloud alternative, privacy, open source, server installation, server management, Nextcloud, Immich, Hungary">
|
||
<meta name="author" content="Felhom.eu">
|
||
<meta name="robots" content="index, follow">
|
||
<link rel="canonical" href="https://felhom.eu/en/">
|
||
<link rel="alternate" hreflang="hu" href="https://felhom.eu/">
|
||
<link rel="alternate" hreflang="en" href="https://felhom.eu/en/">
|
||
<link rel="alternate" hreflang="x-default" href="https://felhom.eu/">
|
||
|
||
<!-- Open Graph (Facebook, LinkedIn) -->
|
||
<meta property="og:type" content="website">
|
||
<meta property="og:url" content="https://felhom.eu/en/">
|
||
<meta property="og:title" content="Felhom.eu — Your own cloud, your own rules">
|
||
<meta property="og:description" content="A home server in your own home in Hungary: photos, documents, media — with automatic backups and a recovery code only you know. A closed test is starting now.">
|
||
<meta property="og:image" content="https://felhom.eu/assets/og-image-en.png">
|
||
<meta property="og:image:width" content="1200">
|
||
<meta property="og:image:height" content="630">
|
||
<meta property="og:image:alt" content="Felhom.eu — Your own cloud, your own rules. Closed test starting.">
|
||
<meta property="og:locale" content="en_GB">
|
||
<meta property="og:site_name" content="Felhom.eu">
|
||
|
||
<!-- Twitter/X Card -->
|
||
<meta name="twitter:card" content="summary_large_image">
|
||
<meta name="twitter:title" content="Felhom.eu — Your own cloud, your own rules">
|
||
<meta name="twitter:description" content="A home server in your own home in Hungary: photos, documents, media — with automatic backups and a recovery code only you know.">
|
||
<meta name="twitter:image" content="https://felhom.eu/assets/og-image-en.png">
|
||
|
||
<!-- Structured Data (JSON-LD) -->
|
||
<script type="application/ld+json">
|
||
{
|
||
"@context": "https://schema.org",
|
||
"@type": "LocalBusiness",
|
||
"name": "Felhom.eu",
|
||
"description": "Professional home server installation and management in Hungary.",
|
||
"url": "https://felhom.eu",
|
||
"logo": "https://felhom.eu/assets/logo.png",
|
||
"email": "info@felhom.eu",
|
||
"areaServed": {
|
||
"@type": "Country",
|
||
"name": "Hungary"
|
||
},
|
||
"serviceType": ["Server installation", "Server management", "Self-hosting"],
|
||
"knowsLanguage": ["hu", "en"],
|
||
"sameAs": []
|
||
}
|
||
</script>
|
||
<!-- shared assets: bump ?v= together on any site.css/icons.svg change -->
|
||
<link rel="stylesheet" href="/assets/site.css?v=2">
|
||
<link rel="icon" type="image/png" href="/assets/logo_favicon_2.svg">
|
||
<script defer src="https://stats.felhom.eu/script.js" data-website-id="d419db57-5e1c-48df-bdb3-c29f25fb1661"></script>
|
||
</head>
|
||
<body class="page-index">
|
||
<nav>
|
||
<div class="container">
|
||
<a href="/en/" class="logo">
|
||
<img src="/assets/logo.png" alt="Felhom.eu logo">
|
||
<span class="logo-text">felhom.eu</span>
|
||
</a>
|
||
<ul class="nav-links">
|
||
<li><a href="/en/#services">Services</a></li>
|
||
<li><a href="/en/apps">Apps</a></li>
|
||
<li><a href="/en/technology">Technology</a></li>
|
||
<li><a href="/en/backups">Backups</a></li>
|
||
<li><a href="/en/faq">FAQ</a></li>
|
||
<li><a href="/en/contact">Contact</a></li>
|
||
<li><a href="/" lang="hu" hreflang="hu" class="lang-switch">Magyar</a></li>
|
||
</ul>
|
||
<button class="hamburger" id="hamburger" aria-label="Open menu" aria-expanded="false">
|
||
<span class="hamburger-box">
|
||
<span class="hamburger-line"></span>
|
||
<span class="hamburger-line"></span>
|
||
<span class="hamburger-line"></span>
|
||
</span>
|
||
</button>
|
||
</div>
|
||
</nav>
|
||
<div class="mobile-overlay" id="mobileOverlay"></div>
|
||
|
||
<section class="hero">
|
||
<div class="container">
|
||
<div class="hero-content">
|
||
<div class="hero-text">
|
||
<h1>Your own cloud,<br><span>your own rules</span></h1>
|
||
<p>Professional home server installation and management, for households in Hungary. You are in charge; we help.</p>
|
||
<a href="#closed-test" class="cta-button">I want to be a tester →</a>
|
||
</div>
|
||
<div class="hero-visual">
|
||
<img src="/assets/logo.png" alt="Felhom.eu - home server service">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="content-section" id="what-it-does">
|
||
<div class="container">
|
||
<div class="section-header">
|
||
<h2>What the box <span>does today</span></h2>
|
||
<p>Not a plan, not a promise — these work today on a live Felhom box</p>
|
||
</div>
|
||
<div class="why-grid">
|
||
<div class="why-card">
|
||
<h3><svg class="ico-lg" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-camera"/></svg> Photos, documents, media</h3>
|
||
<p>Your phone's photos upload to your own machine on their own. Your scanned papers are read and made searchable. Your films and music play in the browser and in mobile apps.</p>
|
||
</div>
|
||
<div class="why-card">
|
||
<h3><svg class="ico-lg" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-folder"/></svg> Network shares</h3>
|
||
<p>The box's folders appear in Windows File Explorer and the Mac Finder — you drag files onto them like onto any other folder. Each share can be set to read-only.</p>
|
||
</div>
|
||
<div class="why-card">
|
||
<h3><svg class="ico-lg" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-shield-check"/></svg> Automatic backups on three levels</h3>
|
||
<p>Every night the box makes a backup on the box, a second copy on a second drive (if there is one), and an encrypted copy on remote storage. Your shared folders are in the second-drive copy and in the remote copy too.</p>
|
||
</div>
|
||
<div class="why-card">
|
||
<h3><svg class="ico-lg" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-lock"/></svg> A recovery code only you know</h3>
|
||
<p>The key to your remote backup's encryption is a recovery code that appears exactly once — on your screen. We do not know it and cannot recreate it. That also means that without the code, we cannot read the remote backup either: keep it somewhere safe.</p>
|
||
</div>
|
||
<div class="why-card">
|
||
<h3><svg class="ico-lg" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-package"/></svg> 56 apps to install</h3>
|
||
<p>You install them from the Dashboard in a few clicks — no command line. Almost all of them are open source (the exceptions are marked on the apps page), and every one runs on your machine.</p>
|
||
</div>
|
||
<div class="why-card">
|
||
<h3><svg class="ico-lg" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-stethoscope"/></svg> Remote monitoring, automatic updates</h3>
|
||
<p>We watch how the box is doing. The Dashboard updates itself to the latest release, and the box's system gets its security updates too — you do not have to do anything. If something breaks, we see it.</p>
|
||
</div>
|
||
<div class="why-card">
|
||
<h3><svg class="ico-lg" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-rotate-cw"/></svg> Careful app updates</h3>
|
||
<p>A new version of an app reaches you only after we have tried it. Before the update the box makes a fresh backup, and if the new version does not start properly, the box puts the previous one back by itself, with your data.</p>
|
||
</div>
|
||
<div class="why-card">
|
||
<h3><svg class="ico-lg" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-globe"/></svg> In English or Hungarian</h3>
|
||
<p>The Dashboard works in English and in Hungarian. The household picks the language, and the e-mails about the box follow it.</p>
|
||
</div>
|
||
<div class="why-card">
|
||
<h3><svg class="ico-lg" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-home"/></svg> Works when the internet is down</h3>
|
||
<p>The box is in your home. If the internet goes down, you still reach your photos and files on your home network — they do not depend on a faraway provider's permission.</p>
|
||
</div>
|
||
<div class="why-card">
|
||
<h3><svg class="ico-lg" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-rotate-cw"/></svg> Restore when something goes wrong</h3>
|
||
<p>A deleted file can be brought back from the backup. If the box itself breaks, your apps' data can be brought back from the encrypted remote backup onto the reinstalled system — with the recovery code.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="content-section alt-bg">
|
||
<div class="container">
|
||
<div class="section-header">
|
||
<h2>Why not the <span>cloud providers?</span></h2>
|
||
<p>The big tech companies offer convenient services, but there are some downsides...</p>
|
||
</div>
|
||
<div class="problem-grid">
|
||
<div class="problem-card">
|
||
<div class="problem-icon"><svg class="ico-tile" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-coins"/></svg></div>
|
||
<h3>Costs that never stop</h3>
|
||
<p>You pay every month for storage and premium features, and the prices only go up.</p>
|
||
</div>
|
||
<div class="problem-card">
|
||
<div class="problem-icon"><svg class="ico-tile" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-eye"/></svg></div>
|
||
<h3>Your data, in someone else's hands</h3>
|
||
<p>Your photos, documents and personal data sit on other people's servers, in other people's hands.</p>
|
||
</div>
|
||
<div class="problem-card">
|
||
<div class="problem-icon"><svg class="ico-tile" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-lock"/></svg></div>
|
||
<h3>Limited control</h3>
|
||
<p>You do not decide which services you get, or when they are switched off.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="content-section" id="why">
|
||
<div class="container">
|
||
<div class="section-header">
|
||
<h2>Why choose <span>your own server?</span></h2>
|
||
<p>What makes it worth it</p>
|
||
</div>
|
||
<div class="why-grid">
|
||
<div class="why-card">
|
||
<h3><svg class="ico-lg" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-shield-check"/></svg> Privacy</h3>
|
||
<p>Your data stays in your home, not on Google's or Microsoft's servers. It goes into the remote backup only encrypted.</p>
|
||
</div>
|
||
<div class="why-card">
|
||
<h3><svg class="ico-lg" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-coins"/></svg> A one-off investment</h3>
|
||
<p>The machine is yours, for good. No storage subscription that gets dearer every year: you pay for the electricity and, if you want it, for the management.</p>
|
||
</div>
|
||
<div class="why-card">
|
||
<h3><svg class="ico-lg" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-zap"/></svg> Room to grow</h3>
|
||
<p>No 15 GB limit. Add space as your needs grow — terabytes, if you need them.</p>
|
||
</div>
|
||
<div class="why-card">
|
||
<h3><svg class="ico-lg" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-sliders-horizontal"/></svg> Full control</h3>
|
||
<p>You decide which services you run. You are the boss, not the provider.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<section class="content-section alt-bg" id="how-it-works">
|
||
<div class="container">
|
||
<div class="section-header">
|
||
<h2>How it <span>works</span></h2>
|
||
<p>Five simple steps from the start to a working system</p>
|
||
</div>
|
||
<div class="process-steps">
|
||
<div class="process-step">
|
||
<div class="step-number">1</div>
|
||
<span class="process-connector">→</span>
|
||
<h3>A first talk</h3>
|
||
<p>We talk about what you need: which apps, and how much storage.</p>
|
||
</div>
|
||
<div class="process-step">
|
||
<div class="step-number">2</div>
|
||
<span class="process-connector">→</span>
|
||
<h3>Choosing the hardware</h3>
|
||
<p>We help you find the machine with the best value for what you need.</p>
|
||
</div>
|
||
<div class="process-step">
|
||
<div class="step-number">3</div>
|
||
<span class="process-connector">→</span>
|
||
<h3>Installation</h3>
|
||
<p>We install and set up the apps, the backups and the monitoring.</p>
|
||
</div>
|
||
<div class="process-step">
|
||
<div class="step-number">4</div>
|
||
<span class="process-connector">→</span>
|
||
<h3>Handover</h3>
|
||
<p>We show you the system, help you bring over your existing data, and answer all your questions.</p>
|
||
</div>
|
||
<div class="process-step">
|
||
<div class="step-number">5</div>
|
||
<h3>Running it</h3>
|
||
<p>We watch the system, update it and check the backups. You just use it.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<section class="content-section" id="services">
|
||
<div class="container">
|
||
<div class="section-header">
|
||
<h2>What you get <span>from us</span></h2>
|
||
<p>Turnkey solutions, done professionally</p>
|
||
</div>
|
||
<div class="service-list">
|
||
<div class="service-item">
|
||
<span class="service-number">01</span>
|
||
<div class="service-content">
|
||
<h3>Buying and setting up the server</h3>
|
||
<p>We help you choose the right hardware for your needs, and we set everything up.</p>
|
||
</div>
|
||
<span class="service-icon"><svg class="ico-tile" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-monitor"/></svg></span>
|
||
</div>
|
||
<div class="service-item">
|
||
<span class="service-number">02</span>
|
||
<div class="service-content">
|
||
<h3>Installing apps</h3>
|
||
<p>Nextcloud, Plex, Jellyfin, Home Assistant and many more — whatever you want.</p>
|
||
</div>
|
||
<span class="service-icon"><svg class="ico-tile" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-package"/></svg></span>
|
||
</div>
|
||
<div class="service-item">
|
||
<span class="service-number">03</span>
|
||
<div class="service-content">
|
||
<h3>Safe remote access</h3>
|
||
<p>Reach your server from anywhere, safely, over an encrypted connection.</p>
|
||
</div>
|
||
<span class="service-icon"><svg class="ico-tile" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-globe"/></svg></span>
|
||
</div>
|
||
<div class="service-item">
|
||
<span class="service-number">04</span>
|
||
<div class="service-content">
|
||
<h3>Automatic backups</h3>
|
||
<p>Regular, automatic backups on three levels: on the box, on a second drive, and encrypted on remote storage.</p>
|
||
</div>
|
||
<span class="service-icon"><svg class="ico-tile" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-hard-drive"/></svg></span>
|
||
</div>
|
||
<div class="service-item">
|
||
<span class="service-number">05</span>
|
||
<div class="service-content">
|
||
<h3>Support and maintenance</h3>
|
||
<p>If anything goes wrong, we are here. Regular updates, proactive monitoring.</p>
|
||
</div>
|
||
<span class="service-icon"><svg class="ico-tile" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-wrench"/></svg></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="content-section alt-bg" id="apps">
|
||
<div class="container">
|
||
<div class="section-header">
|
||
<h2>Apps to <span>install</span></h2>
|
||
<p>Software you run on your own server, almost all of it open source</p>
|
||
</div>
|
||
|
||
<div class="apps-showcase">
|
||
<div class="app-category-preview">
|
||
<span class="cat-icon"><svg class="ico-tile" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-folder"/></svg></span>
|
||
<h3>Files</h3>
|
||
<p>Nextcloud, FileBrowser, Gokapi, Zipline</p>
|
||
</div>
|
||
<div class="app-category-preview">
|
||
<span class="cat-icon"><svg class="ico-tile" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-camera"/></svg></span>
|
||
<h3>Photos & Media</h3>
|
||
<p>Immich, Jellyfin, Plex, Audiobookshelf</p>
|
||
</div>
|
||
<div class="app-category-preview">
|
||
<span class="cat-icon"><svg class="ico-tile" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-clapperboard"/></svg></span>
|
||
<h3>Media automation</h3>
|
||
<p>Sonarr, Radarr, Seerr</p>
|
||
</div>
|
||
<div class="app-category-preview">
|
||
<span class="cat-icon"><svg class="ico-tile" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-file-text"/></svg></span>
|
||
<h3>Documents</h3>
|
||
<p>Paperless-ngx, Docmost, BookStack, Outline</p>
|
||
</div>
|
||
<div class="app-category-preview">
|
||
<span class="cat-icon"><svg class="ico-tile" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-lock"/></svg></span>
|
||
<h3>Security</h3>
|
||
<p>Vaultwarden, PrivateBin</p>
|
||
</div>
|
||
<div class="app-category-preview">
|
||
<span class="cat-icon"><svg class="ico-tile" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-home"/></svg></span>
|
||
<h3>Home & Lifestyle</h3>
|
||
<p>Tandoor, Mealie, Homebox, Actual Budget</p>
|
||
</div>
|
||
<div class="app-category-preview">
|
||
<span class="cat-icon"><svg class="ico-tile" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-map"/></svg></span>
|
||
<h3>Travel & Leisure</h3>
|
||
<p>AdventureLog, Wanderer, Dawarich, Cal.com</p>
|
||
</div>
|
||
<div class="app-category-preview">
|
||
<span class="cat-icon"><svg class="ico-tile" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-chart-column"/></svg></span>
|
||
<h3>Start pages</h3>
|
||
<p>Homepage, Glance, Uptime Kuma</p>
|
||
</div>
|
||
<div class="app-category-preview">
|
||
<span class="cat-icon"><svg class="ico-tile" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-gamepad-2"/></svg></span>
|
||
<h3>Games</h3>
|
||
<p>RoMM, Crafty Controller</p>
|
||
</div>
|
||
<div class="app-category-preview">
|
||
<span class="cat-icon"><svg class="ico-tile" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-code"/></svg></span>
|
||
<h3>For developers</h3>
|
||
<p>Gitea, Code-Server, OpenGist</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="apps-cta">
|
||
<p class="apps-count">
|
||
<strong>56</strong> apps — almost all of them <strong>open source</strong>
|
||
</p>
|
||
<a href="/en/apps" class="cta-button-secondary">
|
||
See all apps →
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="content-section" id="technology">
|
||
<div class="container">
|
||
<div class="section-header">
|
||
<h2>Professional <span>technology</span></h2>
|
||
<p>Industry-grade tools, at home</p>
|
||
</div>
|
||
|
||
<div class="apps-showcase">
|
||
<div class="app-category-preview">
|
||
<span class="cat-icon"><svg class="ico-tile" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-container"/></svg></span>
|
||
<h3>Containers</h3>
|
||
<p>Each app isolated, on Docker</p>
|
||
</div>
|
||
<div class="app-category-preview">
|
||
<span class="cat-icon"><svg class="ico-tile" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-target"/></svg></span>
|
||
<h3>Dashboard</h3>
|
||
<p>An interface in English or Hungarian</p>
|
||
</div>
|
||
<div class="app-category-preview">
|
||
<span class="cat-icon"><svg class="ico-tile" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-layers"/></svg></span>
|
||
<h3>Proxmox</h3>
|
||
<p>A stable virtualisation base</p>
|
||
</div>
|
||
<div class="app-category-preview">
|
||
<span class="cat-icon"><svg class="ico-tile" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-shield-check"/></svg></span>
|
||
<h3>Three-level backups</h3>
|
||
<p>On the box, on a second drive, encrypted far away</p>
|
||
</div>
|
||
<div class="app-category-preview">
|
||
<span class="cat-icon"><svg class="ico-tile" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-globe"/></svg></span>
|
||
<h3>Network</h3>
|
||
<p>HTTPS, an encrypted tunnel, no open port</p>
|
||
</div>
|
||
<div class="app-category-preview">
|
||
<span class="cat-icon"><svg class="ico-tile" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-hard-drive"/></svg></span>
|
||
<h3>Storage</h3>
|
||
<p>SSD + HDD, a second drive for backups</p>
|
||
</div>
|
||
<div class="app-category-preview">
|
||
<span class="cat-icon"><svg class="ico-tile" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-monitor"/></svg></span>
|
||
<h3>Hardware</h3>
|
||
<p>From a mini PC to a rack server</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="apps-cta">
|
||
<p class="apps-count">
|
||
Matched to your needs — from the <strong style="color: var(--text-1);">simplest</strong> to the <strong>most serious</strong>
|
||
</p>
|
||
<a href="/en/technology" class="cta-button-secondary">
|
||
More about the technology →
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="content-section alt-bg" id="backups">
|
||
<div class="container">
|
||
<div class="backup-content">
|
||
<div class="backup-text">
|
||
<h2>Your data, <span>kept safe</span></h2>
|
||
<p>The big cloud providers spend millions so that your data is not lost. Did you know you can get the same from your home server?</p>
|
||
<p>Following the 3-2-1 backup rule, we build professional-grade data safety – after a disaster there is still an encrypted copy, far from your home.</p>
|
||
<a href="/en/backups" class="cta-button-secondary">
|
||
The backup strategy in detail →
|
||
</a>
|
||
</div>
|
||
<div class="backup-visual">
|
||
<div class="backup-rule-mini">
|
||
<span class="number">3</span>
|
||
<div class="rule-text">
|
||
<h4>Three copies</h4>
|
||
<p>The original + two backups</p>
|
||
</div>
|
||
</div>
|
||
<div class="backup-rule-mini">
|
||
<span class="number">2</span>
|
||
<div class="rule-text">
|
||
<h4>Two kinds of storage</h4>
|
||
<p>Kept on different devices</p>
|
||
</div>
|
||
</div>
|
||
<div class="backup-rule-mini">
|
||
<span class="number">1</span>
|
||
<div class="rule-text">
|
||
<h4>One far away</h4>
|
||
<p>An off-site backup, to be safe</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="content-section" id="closed-test">
|
||
<div class="container">
|
||
<div class="section-header">
|
||
<h2>Closed <span>test</span></h2>
|
||
<p>We are starting to use the system for real with a few households in Hungary</p>
|
||
</div>
|
||
<div class="why-grid">
|
||
<div class="why-card">
|
||
<h3><svg class="ico-lg" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-home"/></svg> Real use</h3>
|
||
<p>Not a demo: the box stays with you, and you put your real photos and documents on it. We help with the installation and the move, and then you use it every day.</p>
|
||
</div>
|
||
<div class="why-card">
|
||
<h3><svg class="ico-lg" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-message-square"/></svg> Feedback</h3>
|
||
<p>In return we ask you to tell us what annoys you, what is unclear and what does not work. An "I couldn't find this button" is worth the most to us — it tells us what to fix.</p>
|
||
</div>
|
||
<div class="why-card">
|
||
<h3><svg class="ico-lg" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-triangle-alert"/></svg> Known limits</h3>
|
||
<p>Honestly: the Dashboard has <strong>one shared household password</strong> today; there are no separate accounts for family members yet (each app can have its own users, though). <strong>Streaming to the TV (DLNA)</strong> is not there yet: for now the media library plays in the browser and in mobile apps. And because this is a test, expect to find bugs — that is the point.</p>
|
||
</div>
|
||
</div>
|
||
<div class="apps-cta">
|
||
<p class="apps-count">
|
||
If this interests you, write to us — <strong>it commits you to nothing</strong>, first we just talk
|
||
</p>
|
||
<a href="/en/contact?tema=zart-teszt" class="cta-button">
|
||
I want to be a tester →
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="contact" id="contact">
|
||
<div class="container">
|
||
<div class="contact-box">
|
||
<h2>Interested? <span>Let's talk!</span></h2>
|
||
<div class="contact-methods">
|
||
<a href="/en/contact" class="contact-link"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-message-square"/></svg> Contact form</a>
|
||
<a href="mailto:info@felhom.eu" class="contact-link"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-mail"/></svg> info@felhom.eu</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<footer>
|
||
<div class="container">
|
||
<p>© 2026 felhom.eu — Your own cloud, your own rules. Felhom serves households in Hungary.</p>
|
||
</div>
|
||
</footer>
|
||
<script>
|
||
(function() {
|
||
const hamburger = document.getElementById('hamburger');
|
||
const navLinks = document.querySelector('.nav-links');
|
||
const overlay = document.getElementById('mobileOverlay');
|
||
const body = document.body;
|
||
|
||
if (!hamburger || !navLinks || !overlay) {
|
||
console.warn('[mobile-menu] Missing elements:', {
|
||
hamburger: !!hamburger,
|
||
navLinks: !!navLinks,
|
||
overlay: !!overlay
|
||
});
|
||
return;
|
||
}
|
||
|
||
function openMenu() {
|
||
hamburger.classList.add('is-active');
|
||
navLinks.classList.add('is-open');
|
||
overlay.classList.add('is-visible');
|
||
body.classList.add('menu-open');
|
||
hamburger.setAttribute('aria-expanded', 'true');
|
||
hamburger.setAttribute('aria-label', 'Close menu');
|
||
}
|
||
|
||
function closeMenu() {
|
||
hamburger.classList.remove('is-active');
|
||
navLinks.classList.remove('is-open');
|
||
overlay.classList.remove('is-visible');
|
||
body.classList.remove('menu-open');
|
||
hamburger.setAttribute('aria-expanded', 'false');
|
||
hamburger.setAttribute('aria-label', 'Open menu');
|
||
}
|
||
|
||
hamburger.addEventListener('click', function() {
|
||
if (navLinks.classList.contains('is-open')) {
|
||
closeMenu();
|
||
} else {
|
||
openMenu();
|
||
}
|
||
});
|
||
|
||
// Close on overlay click
|
||
overlay.addEventListener('click', closeMenu);
|
||
|
||
// Close on nav link click
|
||
navLinks.querySelectorAll('a').forEach(function(link) {
|
||
link.addEventListener('click', closeMenu);
|
||
});
|
||
|
||
// Close on Escape key
|
||
document.addEventListener('keydown', function(e) {
|
||
if (e.key === 'Escape' && navLinks.classList.contains('is-open')) {
|
||
closeMenu();
|
||
}
|
||
});
|
||
|
||
// Close on resize if open (e.g., rotating device)
|
||
window.addEventListener('resize', function() {
|
||
if (window.innerWidth > 900 && navLinks.classList.contains('is-open')) {
|
||
closeMenu();
|
||
}
|
||
});
|
||
})();
|
||
</script>
|
||
</body>
|
||
</html> |