website: the operator's seven notes - a services page, the hero, and 100 dead links
gates / gates (push) Failing after 6m51s
gates / gates (push) Failing after 6m51s
Reported from his own screens. Five defects, two design.
1. THE CATEGORY ANCHORS WERE DEAD - all 100 of them. The sidebar's five app-category
links pointed at #fajlkezeles-irodai and friends; the ids are #fajlkezeles and
friends. The sidebar is copied into every page, so one wrong fragment was wrong
twenty times, and a dead fragment raises no error anywhere: the browser stays put.
New gate 23 resolves every in-site #fragment against the page it names (360 today).
It convicted two more on its first run: the home page's four hero tiles pointed at
/alkalmazasok#immich, which no page had ever carried, and the FAQ's contact button
pointed at a home-page section that had moved out. Every app card now carries its
slug as an id - taken from the card's own logo file, which gate 21 already ties to
the catalog, so the ids cannot drift from it silently.
Decoy site/dead-fragment puts the operator's own bug back and the gate convicts.
2. SZOLGALTATASOK IS A PAGE: /szolgaltatasok + /en/services, registered in TWINS, URL
and SHELL. The ten capability items moved VERBATIM out of the home page; the home
keeps the promise sentence, the three group names as links and a button, and is 345
Hungarian / 434 English words shorter. The .caps rules stopped being .page-index-
scoped, because the block now lives on a page with a different body class.
3. THE HOME HEADLINE is back in the hero column beside the picture, two lines with the
second in --blue-bright at clamp(2.1rem, 4.4vw, 3.2rem). M3 had moved it into
.page-header - the INNER pages' heading - so it shrank to 2.1rem and the domain
badge was stranded beside it.
4. THE HERO PICTURE is the real dashboard in a laptop. The frame is the operator's own
supplied render; the screen is dashboard-start-{hu,en}.webp composited into it, so a
visitor sees a real box's Launcher rather than a drawing of one - the supplied
screens are AI-drawn and misspell app names. 57 KB, named dashboard-laptop-<lang>
so gate 19 holds it to the page's language.
5. .page-lede HAD NO CSS AT ALL on 16 pages: a bare paragraph, full width of the
content column, hard against the box beneath it. 760px measure, centred over the
box, air beneath; left-aligned on /szolgaltatasok, which has no centred box.
6. THE SIDEBAR LOGO: the wordmark shipped at 0.67x the mark's width where the real
lockup (assets/logo.png, measured: mark 492px wide, wordmark 631px) has it at 1.28x.
Mark 112px, wordmark 25px tall, 28px less vertical padding.
7. SCROLLBARS are the page's own now. The first attempt missed the viewport's: it is
painted from <html>, and a `body.shell ::-webkit-...` rule only reaches scrollers
inside the page.
Also: the two Latin font subsets are preloaded. With font-display: swap the page
reflowed after first paint - measured at 1339px on /alkalmazasok#media.
Checked at 390px and 1440px on all 21 pages: no sideways scrolling, footer inside the
content column everywhere, drawer opens with all 13 items. site.css?v=24.
This commit is contained in:
@@ -0,0 +1,58 @@
|
||||
# REPORT — the operator's seven notes (2026-10-12)
|
||||
|
||||
> `REPORT-<topic>.md`, not `REPORT.md`: that file belongs to another session.
|
||||
|
||||
## In plain words
|
||||
|
||||
Seven things you listed after looking at the live site. All seven are done. Five of them were
|
||||
defects, and one of those — the app category links — had been broken on every page since the switch.
|
||||
|
||||
## Your list, item by item
|
||||
|
||||
| # | what you said | what it was, and what changed |
|
||||
|---|---|---|
|
||||
| 1 | too much air round the sidebar logo, text too small | The wordmark was **0.67×** the mark's width; in your own `logo.png` it is **1.28×** — so it had shipped at less than half size. Mark 112px, wordmark 25px tall, 28px less padding. |
|
||||
| 2 | the scrollbar is the default/ugly | Thin, in the palette, both the page's and the sidebar's. The first attempt missed the big one: the viewport scrollbar is painted from `<html>`, not from anything inside `<body>`. |
|
||||
| 3 | the headline should look like on the webpage | It had been moved into the **inner pages'** heading style, so it shrank from 3.5rem to 2.1rem and the badge ended up beside it. It is back in the hero column, two lines, second line blue. |
|
||||
| 4 | the box preview is not good, try a laptop | **Image 3** (the straight-on one) — and its screen is replaced by the **real** `dashboard-start-hu/en.webp`. See below. |
|
||||
| 5 | „Szolgáltatások" should be its own page | `/szolgaltatasok` + `/en/services`. The ten items moved **verbatim**; the home keeps the promise, the three group names and a button, and is 345 words shorter. |
|
||||
| 6 | the text above the boxes looks wrong | `.page-lede` had **no CSS at all** on 16 pages. Now it shares the box's 760px measure, centred over it, with air beneath. |
|
||||
| 7 | the app category anchors are not working | **100 dead links.** The sidebar pointed at `#fajlkezeles-irodai`; the section is `#fajlkezeles`. Fixed, and now gated. |
|
||||
|
||||
## About the laptop
|
||||
|
||||
I used **image 3** — the straight-on one. The other two have a Hungarian misspelling on the screen
|
||||
(„Alkalmaaások"), and image 2's blue glow fights the page.
|
||||
|
||||
**But the screen in image 3 is also AI-drawn, and it misspells „Paperlerss-ngx".** So I kept only the
|
||||
frame and composited the **real** Launcher screenshot into it — the same picture the site already
|
||||
ships lower down the page. What a visitor sees is now a real box's screen in a designed frame: no
|
||||
invented app names, no misspellings, and it stays true when the dashboard changes, because it is made
|
||||
from the screenshot the gate already watches. 57 KB.
|
||||
|
||||
If you would rather use image 3 exactly as generated, say so and it is a one-line change.
|
||||
|
||||
## Found while working, not on your list
|
||||
|
||||
- **The home page's four hero tiles** pointed at `/alkalmazasok#immich` and friends. Those ids had
|
||||
never existed. Every app card now carries its slug as an id, so all 59 deep links work.
|
||||
- **The FAQ's „Kapcsolatfelvétel" button** pointed at a home-page section that had moved out.
|
||||
- **The font arrives after first paint** (`font-display: swap`), which reflowed the page by up to
|
||||
1339px. The two Latin subsets are now preloaded.
|
||||
|
||||
## What now holds each one
|
||||
|
||||
**Gate 23** resolves every in-site `#fragment` against the page it names — 360 today, all live. Its
|
||||
decoy puts the operator's own bug back (`#media-szorakozas`) and the gate convicts. Gate 19 holds the
|
||||
new laptop picture to its page's language, because it is named `dashboard-laptop-<lang>.webp`.
|
||||
|
||||
Checked at 390px and 1440px on all 21 pages: no sideways scrolling, footer inside the content column
|
||||
everywhere, drawer opens with all 13 items.
|
||||
|
||||
## One honest correction
|
||||
|
||||
I first reported the anchors as landing 1339px short even after the ids were fixed, and built a
|
||||
script to re-land them. That reading was **my own measuring error**: a background Chrome tab freezes
|
||||
`scroll-behavior: smooth`, so the scroll never finished while I measured it. With smooth disabled for
|
||||
the measurement the browser lands exactly on the target. The script is gone; the font preload stayed,
|
||||
because that one is a real improvement either way.
|
||||
@@ -5,6 +5,25 @@
|
||||
**Updated 2026-10-11 (M3 live): hub 0.146.0; demo-hp, demo-felhom and Tester 1 run agent 0.154.0 and controller
|
||||
0.307.0. The open-items list is at 129 (was 127). Reports: `REPORT-m3-2026-10-11.md`, `REPORT-redesign-2026-10-10.md`, `REPORT-testers-2026-10-10.md`, `REPORT-register-shrink-2026-10-10.md`, `REPORT-new-apps-2026-10-10.md`, `REPORT-release-2026-10-10.md`, `REPORT-break-the-circle-2026-10-09.md`, `REPORT-dooplex-survival-2026-10-09.md`, `REPORT-day4-2026-10-09.md`.**
|
||||
|
||||
## Monday 2026-10-12: your seven notes are done, and one of them was broken on every page
|
||||
|
||||
- **The app category links in the menu never worked.** All five pointed at names that do not exist on
|
||||
the page — and the menu is copied into every page, so that was 100 dead links. Clicking one simply
|
||||
did nothing, which is why nothing caught it. Fixed, and a check now follows every link with a `#` in
|
||||
it and refuses the site if one has nowhere to land. That check found two more: the four app tiles on
|
||||
the old home-page picture, and the „Kapcsolatfelvétel" button at the bottom of the GYIK.
|
||||
- **„Szolgáltatások" is a page of its own now** (`/szolgaltatasok`, English `/en/services`). The ten
|
||||
items moved across word for word; the home page keeps the promise, the three group names and a
|
||||
button, and is a third shorter.
|
||||
- **The headline is back to its old size and shape**, and **the picture beside it is a laptop with a
|
||||
real screenshot of a real box on the screen** — I used your third image for the frame and put our
|
||||
own screenshot in it, because the screens in all three images are drawn and two of them misspell
|
||||
„Alkalmazások".
|
||||
- **Also fixed:** the logo in the menu (the wordmark had shipped at less than half the size it has in
|
||||
your own logo file), the scrollbars, and the intro line above the boxes on the application and
|
||||
technology pages — that line had no styling at all on 16 pages.
|
||||
- Nothing else changed: the words on every page are the ones that were there.
|
||||
|
||||
## Sunday 2026-10-11 (evening): the whole website now looks like your dashboard
|
||||
|
||||
- **It is live.** <https://felhom.eu> and all 19 other pages now wear the controller's frame: the left
|
||||
|
||||
@@ -1,3 +1,16 @@
|
||||
## 2026-10-12 — site gate 23: every in-site #fragment resolves
|
||||
|
||||
- `site_gates.py` **gate 23** reads every page's ids, maps each in-site href with a `#fragment` to the
|
||||
page it names (via `URL`), and fails when that id is not there. 360 fragments today, all resolving.
|
||||
Links to another site, or to a URL this gate does not own, are not its business.
|
||||
- **Why.** The sidebar's five app-category links pointed at ids nobody had written — 100 dead links
|
||||
across 20 pages, live, found by the operator clicking one. A dead fragment raises no error: the
|
||||
browser stays put, so nothing mechanical and nothing in a log ever noticed. The gate also convicted
|
||||
two more on its first run (the home page's four hero tiles, the FAQ's contact button).
|
||||
- **Decoy** `site/dead-fragment`: a sidebar link moved back to `#media-szorakozas`, seen to convict
|
||||
with gate 23's own line.
|
||||
- `szolgaltatasok.html` / `en/services.html` registered in `TWINS`, `URL` and `SHELL`.
|
||||
|
||||
## 2026-10-11 (evening) — site gate 22: no CSS leak from site.css onto a shell page, MEDIA-AWARE
|
||||
|
||||
- `site_gates.py` **gate 22** parses both stylesheets into (media context, selector, declarations) and
|
||||
|
||||
+46
-1
@@ -31,6 +31,10 @@ Gates (all must pass; non-zero exit on any failure):
|
||||
19. dash-lang — a page shows dashboard pictures only in its own language (`dashboard-*-hu.webp` / `-en.webp`)
|
||||
20. viewer — data-gallery openers are <a href> to existing assets; gallery.js (with ?v=) exactly where openers are;
|
||||
no inline viewer copy
|
||||
23. anchors — every in-site link carrying a #fragment finds that id on the page it names.
|
||||
The sidebar's five category links pointed at #fajlkezeles-irodai and friends while
|
||||
the page's ids are #fajlkezeles and friends: 100 dead links across 20 pages, live,
|
||||
found by the operator clicking one
|
||||
22. shell leak — MEDIA-AWARE: no declaration in site.css reaches a shell page on a selector that
|
||||
shell.css also styles. site.css loads FIRST, so a property shell.css never sets
|
||||
survives — „later wins” is per PROPERTY, not per rule. Earned live 2026-10-11:
|
||||
@@ -73,10 +77,12 @@ TWINS = {
|
||||
"kapcsolat.html": os.path.join("en", "contact.html"),
|
||||
"letoltes.html": os.path.join("en", "download.html"), # R-559 (2026-09-18) — the first twin
|
||||
"teszteles.html": os.path.join("en", "testing.html"), # 2026-10-10 — the tester recruitment page
|
||||
"szolgaltatasok.html": os.path.join("en", "services.html"), # 2026-10-12 — was a section of the home page
|
||||
}
|
||||
URL = {"index.html": "/", "alkalmazasok.html": "/alkalmazasok", "technologiak.html": "/technologiak",
|
||||
"biztonsagimentes.html": "/biztonsagimentes", "gyik.html": "/gyik", "kapcsolat.html": "/kapcsolat",
|
||||
"letoltes.html": "/letoltes", "teszteles.html": "/teszteles",
|
||||
"szolgaltatasok.html": "/szolgaltatasok", os.path.join("en", "services.html"): "/en/services",
|
||||
os.path.join("en", "testing.html"): "/en/testing", os.path.join("en", "index.html"): "/en/", os.path.join("en", "apps.html"): "/en/apps",
|
||||
os.path.join("en", "technology.html"): "/en/technology", os.path.join("en", "backups.html"): "/en/backups",
|
||||
os.path.join("en", "faq.html"): "/en/faq", os.path.join("en", "contact.html"): "/en/contact",
|
||||
@@ -105,6 +111,7 @@ MOCKUPS = set() # the design studies were deleted with website/preview/ at the
|
||||
# duplicated into each page, and this is what keeps the duplication honest.
|
||||
SHELL = {
|
||||
'szolgaltatasok-nonpublic.html',
|
||||
'szolgaltatasok.html',
|
||||
'index.html',
|
||||
'alkalmazasok.html',
|
||||
'technologiak.html',
|
||||
@@ -117,6 +124,7 @@ SHELL = {
|
||||
'feltetelek.html',
|
||||
'404.html',
|
||||
os.path.join("en", 'index.html'),
|
||||
os.path.join("en", 'services.html'),
|
||||
os.path.join("en", 'apps.html'),
|
||||
os.path.join("en", 'technology.html'),
|
||||
os.path.join("en", 'backups.html'),
|
||||
@@ -734,8 +742,45 @@ else:
|
||||
"declarations (media-aware)" % (len(_site_r), len(_shell_r),
|
||||
len(set(s for _, s, _ in _site_r) & _shell_sel)))
|
||||
|
||||
# gate 23 (2026-10-12): an in-site #fragment has to exist on the page it points at.
|
||||
#
|
||||
# The shell's sidebar is copied into every page, so ONE wrong fragment is wrong twenty times: the five
|
||||
# app-category links shipped pointing at ids nobody had written (#fajlkezeles-irodai for a section
|
||||
# whose id is #fajlkezeles). Nothing noticed, because a dead fragment is not an error anywhere - the
|
||||
# browser simply stays put. Checked for every page the gate already walks; a link to a page outside
|
||||
# PAGES, or to another site, is not this gate's business.
|
||||
_ids = {}
|
||||
for _p in PAGES:
|
||||
_s = io.open(os.path.join(W, _p), encoding="utf-8-sig").read()
|
||||
_ids[_p] = set(re.findall(r'\sid="([^"]+)"', _s))
|
||||
_url_to_page = {}
|
||||
for _p, _u in URL.items():
|
||||
_url_to_page[_u] = _p
|
||||
if _u.endswith("/"): # "/" and "/en/" are index pages
|
||||
_url_to_page[_u + "index.html"] = _p
|
||||
_anchor_n, _anchor_bad = 0, 0
|
||||
for _p in PAGES:
|
||||
_s = io.open(os.path.join(W, _p), encoding="utf-8-sig").read()
|
||||
for _href in re.findall(r'href="([^"]*#[^"]+)"', _s):
|
||||
if _href.startswith(("http://", "https://", "mailto:")):
|
||||
continue
|
||||
_page_part, _frag = _href.split("#", 1)
|
||||
if _page_part == "":
|
||||
_target = _p # same page
|
||||
elif _page_part in _url_to_page:
|
||||
_target = _url_to_page[_page_part]
|
||||
else:
|
||||
continue # a URL this gate does not own
|
||||
_anchor_n += 1
|
||||
if _frag not in _ids.get(_target, ()):
|
||||
_anchor_bad += 1
|
||||
fail("%s: link to %s finds no id=\"%s\" on %s — the browser stays where it is and the link "
|
||||
"reads as broken" % (_p, _href, _frag, _target))
|
||||
if not _anchor_bad:
|
||||
print(" anchors: %d in-site #fragment(s), every one resolves" % _anchor_n)
|
||||
|
||||
if fails:
|
||||
print("\nSITE GATES FAILED: %d problem(s)" % len(fails))
|
||||
sys.exit(1)
|
||||
print("site gates OK — BOM, emoji=0, nav/footer per language, analytics, no CDN, no legacy tokens, no <style>, "
|
||||
"cache-busted assets, twins + hreflang + globe, lang, same apps, no Hungarian in English, FAQ JSON-LD, clean tail, dashboard pictures per language, one picture viewer, no shell CSS leak")
|
||||
"cache-busted assets, twins + hreflang + globe, lang, same apps, no Hungarian in English, FAQ JSON-LD, clean tail, dashboard pictures per language, one picture viewer, no shell CSS leak, live anchors")
|
||||
|
||||
@@ -91,7 +91,7 @@ COVERS = {
|
||||
"switch at the wrong twin, lang=\"hu\" on an English page, an app missing from one apps page, "
|
||||
"ASCII-only Hungarian in English text and in a script message, a 'please', an English "
|
||||
"retrieval promise the Hungarian does not make, a FAQ JSON-LD drifting from the visible "
|
||||
"answer, text after </html>, a Hungarian dashboard picture on an English page, and four picture-viewer faults (an opener without href, an opener to a missing file, openers with no gallery.js, the inline viewer put back), and (R-912) a catalog app's logo under another name than its slug — each must convict WITH its own failure line; and (2026-10-11, both of them reported from a real phone AFTER they went live) site.css's old mobile nav reaching the shell's sidebar from inside an @media block — the leak the STOP-1 check missed because it skipped @media entirely — and a <footer> left outside <main class=\"content\">, which on a shell page renders as a second column"),
|
||||
"answer, text after </html>, a Hungarian dashboard picture on an English page, and four picture-viewer faults (an opener without href, an opener to a missing file, openers with no gallery.js, the inline viewer put back), and (R-912) a catalog app's logo under another name than its slug — each must convict WITH its own failure line; and (2026-10-11, both of them reported from a real phone AFTER they went live) site.css's old mobile nav reaching the shell's sidebar from inside an @media block — the leak the STOP-1 check missed because it skipped @media entirely — and a <footer> left outside <main class=\"content\">, which on a shell page renders as a second column; and (2026-10-12) a sidebar #fragment pointing at an id no page carries - the 100 dead category links the operator found by clicking one"),
|
||||
"script-tests": ("R-885: FIVE cases in scripts/test_script_tests_gate.py, run from here: a suite that PRINTS "
|
||||
"OK and exits 1 (label without fact), a failing suite three levels deep (scope is a walk), "
|
||||
"an empty scripts/ tree (checked nothing), the genuine article (must pass), the nested mark"),
|
||||
@@ -657,6 +657,14 @@ decoy("site/shell-css-leak-in-media", "site_gates.py",
|
||||
# shell page, so a <footer> left outside <main class="content"> is a flex SIBLING of the sidebar
|
||||
# and the content, not the bottom of the page. The decoy closes <main> early and leaves the footer
|
||||
# outside it — the shape the insert produced on every page that had a <script> after </main>.
|
||||
# 3. A DEAD #FRAGMENT IN THE SIDEBAR, which is copied into every page - so one wrong fragment is
|
||||
# wrong twenty times. The five app-category links shipped pointing at ids nobody had written
|
||||
# (#fajlkezeles-irodai for a section whose id is #fajlkezeles): 100 dead links, live, found by the
|
||||
# operator clicking one. A dead fragment raises no error anywhere - the browser just stays put.
|
||||
decoy("site/dead-fragment", "site_gates.py",
|
||||
replace_bytes(os.path.join(_WEB, "technologiak.html"),
|
||||
[('<li><a href="/alkalmazasok#media">', '<li><a href="/alkalmazasok#media-szorakozas">')]),
|
||||
must='link to /alkalmazasok#media-szorakozas finds no id="media-szorakozas"')
|
||||
decoy("site/footer-outside-main", "site_gates.py",
|
||||
replace_bytes(os.path.join(_WEB, "gyik.html"),
|
||||
[(" <footer>\n", " </main>\n <footer>\n"),
|
||||
|
||||
+10
-8
@@ -6,9 +6,11 @@
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Az oldal nem található | Felhom.eu</title>
|
||||
<meta name="robots" content="noindex, follow">
|
||||
<link rel="preload" as="font" type="font/woff2" crossorigin href="/assets/fonts/pjs-latin.woff2">
|
||||
<link rel="preload" as="font" type="font/woff2" crossorigin href="/assets/fonts/pjs-latin-ext.woff2">
|
||||
<!-- shared assets: bump ?v= together on any site.css/icons.svg change -->
|
||||
<link rel="stylesheet" href="/assets/site.css?v=23">
|
||||
<link rel="stylesheet" href="/assets/shell.css?v=23">
|
||||
<link rel="stylesheet" href="/assets/site.css?v=24">
|
||||
<link rel="stylesheet" href="/assets/shell.css?v=24">
|
||||
<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>
|
||||
@@ -29,16 +31,16 @@
|
||||
</div>
|
||||
<ul class="nav-links">
|
||||
<li><a href="/"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-home"/></svg>Kezdőlap</a></li>
|
||||
<li><a href="/#szolgaltatasok"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-rocket"/></svg>Szolgáltatások</a></li>
|
||||
<li><a href="/szolgaltatasok"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-rocket"/></svg>Szolgáltatások</a></li>
|
||||
<li class="nav-group">
|
||||
<button type="button" class="nav-group-toggle" aria-expanded="false" aria-controls="nav-group-apps"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-package"/></svg>Alkalmazások<svg class="ico nav-chevron" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-chevron-down"/></svg></button>
|
||||
<ul id="nav-group-apps" class="nav-links nav-links-sub nav-links-nested">
|
||||
<li><a href="/alkalmazasok">Minden alkalmazás</a></li>
|
||||
<li><a href="/alkalmazasok#fajlkezeles-irodai">Fájlkezelés & Irodai</a></li>
|
||||
<li><a href="/alkalmazasok#media-szorakozas">Média & Szórakozás</a></li>
|
||||
<li><a href="/alkalmazasok#otthon-eletmod">Otthon & Életmód</a></li>
|
||||
<li><a href="/alkalmazasok#produktivitas-tudaskezeles">Produktivitás & Tudáskezelés</a></li>
|
||||
<li><a href="/alkalmazasok#rendszer-fejlesztes">Rendszer & Fejlesztés</a></li>
|
||||
<li><a href="/alkalmazasok#fajlkezeles">Fájlkezelés & Irodai</a></li>
|
||||
<li><a href="/alkalmazasok#media">Média & Szórakozás</a></li>
|
||||
<li><a href="/alkalmazasok#otthon">Otthon & Életmód</a></li>
|
||||
<li><a href="/alkalmazasok#produktivitas">Produktivitás & Tudáskezelés</a></li>
|
||||
<li><a href="/alkalmazasok#rendszer">Rendszer & Fejlesztés</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="/technologiak"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-layers"/></svg>Technológiák</a></li>
|
||||
|
||||
+40
-1
@@ -1,4 +1,43 @@
|
||||
## 2026-10-11 (evening) — the two M3 defects a real phone found, and the gate that now holds them
|
||||
## 2026-10-12 — the operator's seven notes from his own screens
|
||||
|
||||
Seven things, found by looking at the live site on a desktop and a phone. Five were defects, two were
|
||||
design. `site.css?v=24`.
|
||||
|
||||
- **The category links in the sidebar were dead — all 100 of them.** The five app-category items
|
||||
pointed at `#fajlkezeles-irodai`, `#media-szorakozas` and friends; the sections' ids are
|
||||
`#fajlkezeles`, `#media`. The sidebar is copied into every page, so one wrong fragment was wrong
|
||||
twenty times, and a dead fragment raises no error anywhere — the browser simply stays put.
|
||||
**New gate 23** resolves every in-site `#fragment` against the page it names (360 of them today),
|
||||
and it found two more live ones while being written: the home page's four hero tiles pointed at
|
||||
`/alkalmazasok#immich` and friends, which nothing had ever carried, and the FAQ's contact button
|
||||
pointed at a home-page section that moved out. **Every app card now carries its slug as an id**, so
|
||||
`/alkalmazasok#immich` works — the slug comes from the card's own logo file, which gate 21 already
|
||||
ties to the catalog.
|
||||
- **„Szolgáltatások" is a page now**, `/szolgaltatasok` and `/en/services`, not an anchor into the
|
||||
home page. The ten capability items moved verbatim; the home keeps the promise sentence, the three
|
||||
group names as links, and a button. The home page is 345 Hungarian words shorter.
|
||||
- **The home headline is back in the hero**, beside the picture, two lines with the second in
|
||||
`--blue-bright` at `clamp(2.1rem, 4.4vw, 3.2rem)` — the shape and size it had before M3. It had
|
||||
been moved into `.page-header`, which is the INNER pages' heading, so it shrank to 2.1rem and the
|
||||
domain badge ended up stranded beside it.
|
||||
- **The hero picture is a real screenshot in a laptop.** The frame is the operator's own supplied
|
||||
render; the screen is `dashboard-start-{hu,en}.webp` composited into it, so what a visitor sees is
|
||||
a real box's Launcher and not a drawing of one. 57 KB, named `dashboard-laptop-<lang>.webp` so
|
||||
gate 19 holds it to the page's language like every other dashboard picture.
|
||||
- **`.page-lede` had no CSS at all** — on 16 pages it rendered as a bare paragraph the full width of
|
||||
the content column, hard against the box beneath it. It now shares the box's 760px measure, sits
|
||||
over its centre, and has 28px of air beneath.
|
||||
- **The sidebar logo**: the wordmark was 0.67× the mark's width where the real lockup
|
||||
(`assets/logo.png`, measured) has it at 1.28× — less than half the intended size. Mark 112px,
|
||||
wordmark 25px tall, and 28px less vertical padding.
|
||||
- **The scrollbars are the page's own**, thin and in the palette. The first attempt missed the big
|
||||
one: the viewport's scrollbar is painted from `<html>`, and a `body.shell ::-webkit-…` rule only
|
||||
reaches scrollers inside the page.
|
||||
- **The two Latin font subsets are preloaded.** With `font-display: swap` the page reflowed after
|
||||
first paint; measured on `/alkalmazasok#media`, the anchor target sat 1339px lower once the font
|
||||
arrived.
|
||||
|
||||
## 2026-10-11 (evening) — the two M3 defects a real phone found, and the gate that now holds them
|
||||
|
||||
Both were mine, both shipped in the morning's switch, and both were reported by the operator from his
|
||||
own phone rather than caught here. `site.css?v=23` / `shell.css?v=23`, live and read back on all 20
|
||||
|
||||
@@ -19,9 +19,11 @@
|
||||
<meta property="og:locale" content="hu_HU">
|
||||
<meta property="og:site_name" content="Felhom.eu">
|
||||
|
||||
<link rel="preload" as="font" type="font/woff2" crossorigin href="/assets/fonts/pjs-latin.woff2">
|
||||
<link rel="preload" as="font" type="font/woff2" crossorigin href="/assets/fonts/pjs-latin-ext.woff2">
|
||||
<!-- shared assets: bump ?v= together on any site.css/icons.svg change -->
|
||||
<link rel="stylesheet" href="/assets/site.css?v=23">
|
||||
<link rel="stylesheet" href="/assets/shell.css?v=23">
|
||||
<link rel="stylesheet" href="/assets/site.css?v=24">
|
||||
<link rel="stylesheet" href="/assets/shell.css?v=24">
|
||||
<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>
|
||||
@@ -42,16 +44,16 @@
|
||||
</div>
|
||||
<ul class="nav-links">
|
||||
<li><a href="/"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-home"/></svg>Kezdőlap</a></li>
|
||||
<li><a href="/#szolgaltatasok"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-rocket"/></svg>Szolgáltatások</a></li>
|
||||
<li><a href="/szolgaltatasok"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-rocket"/></svg>Szolgáltatások</a></li>
|
||||
<li class="nav-group">
|
||||
<button type="button" class="nav-group-toggle" aria-expanded="false" aria-controls="nav-group-apps"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-package"/></svg>Alkalmazások<svg class="ico nav-chevron" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-chevron-down"/></svg></button>
|
||||
<ul id="nav-group-apps" class="nav-links nav-links-sub nav-links-nested">
|
||||
<li><a href="/alkalmazasok">Minden alkalmazás</a></li>
|
||||
<li><a href="/alkalmazasok#fajlkezeles-irodai">Fájlkezelés & Irodai</a></li>
|
||||
<li><a href="/alkalmazasok#media-szorakozas">Média & Szórakozás</a></li>
|
||||
<li><a href="/alkalmazasok#otthon-eletmod">Otthon & Életmód</a></li>
|
||||
<li><a href="/alkalmazasok#produktivitas-tudaskezeles">Produktivitás & Tudáskezelés</a></li>
|
||||
<li><a href="/alkalmazasok#rendszer-fejlesztes">Rendszer & Fejlesztés</a></li>
|
||||
<li><a href="/alkalmazasok#fajlkezeles">Fájlkezelés & Irodai</a></li>
|
||||
<li><a href="/alkalmazasok#media">Média & Szórakozás</a></li>
|
||||
<li><a href="/alkalmazasok#otthon">Otthon & Életmód</a></li>
|
||||
<li><a href="/alkalmazasok#produktivitas">Produktivitás & Tudáskezelés</a></li>
|
||||
<li><a href="/alkalmazasok#rendszer">Rendszer & Fejlesztés</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="/technologiak"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-layers"/></svg>Technológiák</a></li>
|
||||
|
||||
+69
-67
@@ -43,9 +43,11 @@
|
||||
]
|
||||
}
|
||||
</script>
|
||||
<link rel="preload" as="font" type="font/woff2" crossorigin href="/assets/fonts/pjs-latin.woff2">
|
||||
<link rel="preload" as="font" type="font/woff2" crossorigin href="/assets/fonts/pjs-latin-ext.woff2">
|
||||
<!-- shared assets: bump ?v= together on any site.css/icons.svg change -->
|
||||
<link rel="stylesheet" href="/assets/site.css?v=23">
|
||||
<link rel="stylesheet" href="/assets/shell.css?v=23">
|
||||
<link rel="stylesheet" href="/assets/site.css?v=24">
|
||||
<link rel="stylesheet" href="/assets/shell.css?v=24">
|
||||
<link rel="icon" type="image/png" href="/assets/logo_favicon_2.svg">
|
||||
<script defer src="/assets/gallery.js?v=2"></script>
|
||||
<script defer src="https://stats.felhom.eu/script.js" data-website-id="d419db57-5e1c-48df-bdb3-c29f25fb1661"></script>
|
||||
@@ -67,16 +69,16 @@
|
||||
</div>
|
||||
<ul class="nav-links">
|
||||
<li><a href="/"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-home"/></svg>Kezdőlap</a></li>
|
||||
<li><a href="/#szolgaltatasok"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-rocket"/></svg>Szolgáltatások</a></li>
|
||||
<li><a href="/szolgaltatasok"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-rocket"/></svg>Szolgáltatások</a></li>
|
||||
<li class="nav-group is-open">
|
||||
<button type="button" class="nav-group-toggle active" aria-expanded="true" aria-controls="nav-group-apps"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-package"/></svg>Alkalmazások<svg class="ico nav-chevron" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-chevron-down"/></svg></button>
|
||||
<ul id="nav-group-apps" class="nav-links nav-links-sub nav-links-nested">
|
||||
<li><a href="/alkalmazasok">Minden alkalmazás</a></li>
|
||||
<li><a href="/alkalmazasok#fajlkezeles-irodai">Fájlkezelés & Irodai</a></li>
|
||||
<li><a href="/alkalmazasok#media-szorakozas">Média & Szórakozás</a></li>
|
||||
<li><a href="/alkalmazasok#otthon-eletmod">Otthon & Életmód</a></li>
|
||||
<li><a href="/alkalmazasok#produktivitas-tudaskezeles">Produktivitás & Tudáskezelés</a></li>
|
||||
<li><a href="/alkalmazasok#rendszer-fejlesztes">Rendszer & Fejlesztés</a></li>
|
||||
<li><a href="/alkalmazasok#fajlkezeles">Fájlkezelés & Irodai</a></li>
|
||||
<li><a href="/alkalmazasok#media">Média & Szórakozás</a></li>
|
||||
<li><a href="/alkalmazasok#otthon">Otthon & Életmód</a></li>
|
||||
<li><a href="/alkalmazasok#produktivitas">Produktivitás & Tudáskezelés</a></li>
|
||||
<li><a href="/alkalmazasok#rendszer">Rendszer & Fejlesztés</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="/technologiak"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-layers"/></svg>Technológiák</a></li>
|
||||
@@ -124,7 +126,7 @@
|
||||
</div>
|
||||
<div class="app-grid">
|
||||
<!-- Nextcloud -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="nextcloud">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/nextcloud-logo.svg" alt="Nextcloud" class="app-logo">
|
||||
<div class="app-title-area"><h3>Nextcloud</h3><span class="app-tagline">A saját Google Drive-od</span></div>
|
||||
@@ -142,7 +144,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- FileBrowser -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="filebrowser">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/filebrowser-logo.svg" alt="FileBrowser" class="app-logo">
|
||||
<div class="app-title-area"><h3>FileBrowser</h3><span class="app-tagline">Egyszerű webes fájlkezelő</span></div>
|
||||
@@ -159,7 +161,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- Gokapi -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="gokapi">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/gokapi-logo.png" alt="Gokapi" class="app-logo">
|
||||
<div class="app-title-area"><h3>Gokapi</h3><span class="app-tagline">Ideiglenes fájlmegosztás</span></div>
|
||||
@@ -175,7 +177,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- Zipline -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="zipline">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/zipline-logo.png" alt="Zipline" class="app-logo">
|
||||
<div class="app-title-area"><h3>Zipline</h3><span class="app-tagline">ShareX/Flameshot szerver</span></div>
|
||||
@@ -194,7 +196,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- OnlyOffice -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="onlyoffice">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/onlyoffice-logo.svg" alt="OnlyOffice" class="app-logo">
|
||||
<div class="app-title-area"><h3>OnlyOffice</h3><span class="app-tagline">Irodai csomag böngészőben</span></div>
|
||||
@@ -218,7 +220,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- BentoPDF -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="bentopdf">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/bentopdf-logo.svg" alt="BentoPDF" class="app-logo">
|
||||
<div class="app-title-area"><h3>BentoPDF</h3><span class="app-tagline">PDF eszköztár (adatvédelem)</span></div>
|
||||
@@ -235,7 +237,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- Papra -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="papra">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/papra-logo.svg" alt="Papra" class="app-logo">
|
||||
<div class="app-title-area"><h3>Papra</h3><span class="app-tagline">Minimalista dokumentumtár</span></div>
|
||||
@@ -266,7 +268,7 @@
|
||||
</div>
|
||||
<div class="app-grid">
|
||||
<!-- Immich -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="immich">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/immich-logo.svg" alt="Immich" class="app-logo">
|
||||
<div class="app-title-area"><h3>Immich</h3><span class="app-tagline">Google Photos alternatíva</span></div>
|
||||
@@ -285,7 +287,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- Jellyfin -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="jellyfin">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/jellyfin-logo.svg" alt="Jellyfin" class="app-logo">
|
||||
<div class="app-title-area"><h3>Jellyfin</h3><span class="app-tagline">Média szerver (Netflix)</span></div>
|
||||
@@ -302,7 +304,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- Plex -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="plex">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/plex-logo.svg" alt="Plex" class="app-logo">
|
||||
<div class="app-title-area"><h3>Plex</h3><span class="app-tagline">Média szerver (prémium)</span></div>
|
||||
@@ -320,7 +322,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- Emby -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="emby">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/emby-logo.svg" alt="Emby" class="app-logo">
|
||||
<div class="app-title-area"><h3>Emby</h3><span class="app-tagline">Média szerver</span></div>
|
||||
@@ -337,7 +339,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- Navidrome -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="navidrome">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/navidrome-logo.svg" alt="Navidrome" class="app-logo">
|
||||
<div class="app-title-area"><h3>Navidrome</h3><span class="app-tagline">Zene szerver (Spotify)</span></div>
|
||||
@@ -354,7 +356,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- Audiobookshelf -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="audiobookshelf">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/audiobookshelf-logo.svg" alt="Audiobookshelf" class="app-logo">
|
||||
<div class="app-title-area"><h3>Audiobookshelf</h3><span class="app-tagline">Hangoskönyv & podcast</span></div>
|
||||
@@ -373,7 +375,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- MeTube -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="metube">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/metube-logo.svg" alt="MeTube" class="app-logo">
|
||||
<div class="app-title-area"><h3>MeTube</h3><span class="app-tagline">Videók letöltése linkből</span></div>
|
||||
@@ -391,7 +393,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- Calibre-web -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="calibre-web">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/calibre-web-logo.svg" alt="Calibre-Web Automated" class="app-logo">
|
||||
<div class="app-title-area"><h3>Calibre-Web Automated</h3><span class="app-tagline">E-könyv könyvtár</span></div>
|
||||
@@ -408,7 +410,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- Komga -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="komga">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/komga-logo.svg" alt="Komga" class="app-logo">
|
||||
<div class="app-title-area"><h3>Komga</h3><span class="app-tagline">Képregény & manga szerver</span></div>
|
||||
@@ -424,7 +426,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- Grimmory -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="grimmory">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/grimmory-logo.svg" alt="Grimmory" class="app-logo">
|
||||
<div class="app-title-area"><h3>Grimmory</h3><span class="app-tagline">E-könyvtár böngészőben</span></div>
|
||||
@@ -442,7 +444,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- Sonarr -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="sonarr">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/sonarr-logo.svg" alt="Sonarr" class="app-logo">
|
||||
<div class="app-title-area"><h3>Sonarr</h3><span class="app-tagline">Sorozat menedzser</span></div>
|
||||
@@ -460,7 +462,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- Radarr -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="radarr">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/radarr-logo.png" alt="Radarr" class="app-logo">
|
||||
<div class="app-title-area"><h3>Radarr</h3><span class="app-tagline">Film menedzser</span></div>
|
||||
@@ -477,7 +479,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- Seerr -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="seerr">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/seerr-logo.png" alt="Seerr" class="app-logo">
|
||||
<div class="app-title-area"><h3>Seerr</h3><span class="app-tagline">Média kérés kezelő</span></div>
|
||||
@@ -494,7 +496,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- RoMM -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="romm">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/romm-logo.svg" alt="RoMM" class="app-logo">
|
||||
<div class="app-title-area"><h3>RoMM</h3><span class="app-tagline">ROM gyűjtemény kezelő</span></div>
|
||||
@@ -511,7 +513,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- Crafty Controller -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="crafty-controller">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/crafty-controller-logo.png" alt="Crafty Controller" class="app-logo">
|
||||
<div class="app-title-area"><h3>Crafty Controller</h3><span class="app-tagline">Minecraft szerver kezelő</span></div>
|
||||
@@ -542,7 +544,7 @@
|
||||
</div>
|
||||
<div class="app-grid">
|
||||
<!-- Home Assistant -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="home-assistant">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/home-assistant-logo.svg" alt="Home Assistant" class="app-logo">
|
||||
<div class="app-title-area"><h3>Home Assistant</h3><span class="app-tagline">Okos otthon központ</span></div>
|
||||
@@ -563,7 +565,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- n8n -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="n8n">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/n8n-logo.svg" alt="n8n" class="app-logo">
|
||||
<div class="app-title-area"><h3>n8n</h3><span class="app-tagline">Workflow automatizálás</span></div>
|
||||
@@ -583,7 +585,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- Tandoor Recipes -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="tandoor">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/tandoor-logo.png" alt="Tandoor Recipes" class="app-logo">
|
||||
<div class="app-title-area"><h3>Tandoor Recipes</h3><span class="app-tagline">Receptkezelő</span></div>
|
||||
@@ -601,7 +603,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- Mealie -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="mealie">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/mealie-logo.svg" alt="Mealie" class="app-logo">
|
||||
<div class="app-title-area"><h3>Mealie</h3><span class="app-tagline">Receptek és étkezésterv</span></div>
|
||||
@@ -619,7 +621,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- Recipe Importer -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="recipe-importer">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/recipe-importer-logo.svg" alt="Recipe Importer" class="app-logo">
|
||||
<div class="app-title-area"><h3>Recipe Importer</h3><span class="app-tagline">Magyar receptoldalakról</span></div>
|
||||
@@ -636,7 +638,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- Wishlist -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="wishlist">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/wishlist-logo.svg" alt="Wishlist" class="app-logo">
|
||||
<div class="app-title-area"><h3>Wishlist</h3><span class="app-tagline">Családi kívánságlista</span></div>
|
||||
@@ -654,7 +656,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- Homebox -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="homebox">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/homebox-logo.svg" alt="Homebox" class="app-logo">
|
||||
<div class="app-title-area"><h3>Homebox</h3><span class="app-tagline">Otthoni leltár</span></div>
|
||||
@@ -672,7 +674,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- Gramps Web -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="gramps-web">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/gramps-web-logo.png" alt="Gramps Web" class="app-logo">
|
||||
<div class="app-title-area"><h3>Gramps Web</h3><span class="app-tagline">Családfa készítő</span></div>
|
||||
@@ -691,7 +693,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- SparkyFitness -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="sparkyfitness">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/sparkyfitness-logo.png" alt="SparkyFitness" class="app-logo">
|
||||
<div class="app-title-area"><h3>SparkyFitness</h3><span class="app-tagline">Táplálkozási napló</span></div>
|
||||
@@ -709,7 +711,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- Actual Budget -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="actualbudget">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/actualbudget-logo.svg" alt="Actual Budget" class="app-logo">
|
||||
<div class="app-title-area"><h3>Actual Budget</h3><span class="app-tagline">Költségvetés tervező</span></div>
|
||||
@@ -727,7 +729,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- AdventureLog -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="adventurelog">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/adventurelog-logo.png" alt="AdventureLog" class="app-logo">
|
||||
<div class="app-title-area"><h3>AdventureLog</h3><span class="app-tagline">Utazási napló</span></div>
|
||||
@@ -747,7 +749,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- Wanderer -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="wanderer">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/wanderer-logo.svg" alt="Wanderer" class="app-logo">
|
||||
<div class="app-title-area"><h3>Wanderer</h3><span class="app-tagline">Túra tervező</span></div>
|
||||
@@ -766,7 +768,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- Dawarich -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="dawarich">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/dawarich-logo.svg" alt="Dawarich" class="app-logo">
|
||||
<div class="app-title-area"><h3>Dawarich</h3><span class="app-tagline">A Google Idővonal helyett</span></div>
|
||||
@@ -784,7 +786,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- Cal.com -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="calcom">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/calcom-logo.svg" alt="Cal.com" class="app-logo">
|
||||
<div class="app-title-area"><h3>Cal.com</h3><span class="app-tagline">Időpontfoglaló</span></div>
|
||||
@@ -805,7 +807,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- LubeLogger -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="lubelogger">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/lubelogger-logo.png" alt="LubeLogger" class="app-logo">
|
||||
<div class="app-title-area"><h3>LubeLogger</h3><span class="app-tagline">Autónyilvántartás</span></div>
|
||||
@@ -823,7 +825,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- Grocy -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="grocy">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/grocy-logo.svg" alt="Grocy" class="app-logo">
|
||||
<div class="app-title-area"><h3>Grocy</h3><span class="app-tagline">Háztartásvezetés</span></div>
|
||||
@@ -854,7 +856,7 @@
|
||||
</div>
|
||||
<div class="app-grid">
|
||||
<!-- Vikunja -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="vikunja">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/vikunja-logo.svg" alt="Vikunja" class="app-logo">
|
||||
<div class="app-title-area"><h3>Vikunja</h3><span class="app-tagline">Feladatkezelő (Todoist)</span></div>
|
||||
@@ -873,7 +875,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- Radicale -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="radicale">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/radicale-logo.svg" alt="Radicale" class="app-logo">
|
||||
<div class="app-title-area"><h3>Radicale</h3><span class="app-tagline">Naptár és névjegyek</span></div>
|
||||
@@ -891,7 +893,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- Kimai -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="kimai">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/kimai-logo.png" alt="Kimai" class="app-logo">
|
||||
<div class="app-title-area"><h3>Kimai</h3><span class="app-tagline">Időkövetés</span></div>
|
||||
@@ -911,7 +913,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- Rallly -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="rallly">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/rallly-logo.svg" alt="Rallly" class="app-logo">
|
||||
<div class="app-title-area"><h3>Rallly</h3><span class="app-tagline">Időpont szavazás (Doodle)</span></div>
|
||||
@@ -928,7 +930,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- Claper -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="claper">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/claper-logo.svg" alt="Claper" class="app-logo">
|
||||
<div class="app-title-area"><h3>Claper</h3><span class="app-tagline">Interaktív prezentációk</span></div>
|
||||
@@ -948,7 +950,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- Ghost -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="ghost">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/ghost-logo.svg" alt="Ghost" class="app-logo">
|
||||
<div class="app-title-area"><h3>Ghost</h3><span class="app-tagline">Blog & hírlevél platform</span></div>
|
||||
@@ -967,7 +969,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- Paperless-ngx -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="paperless-ngx">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/paperless-ngx-logo.svg" alt="Paperless-ngx" class="app-logo">
|
||||
<div class="app-title-area"><h3>Paperless-ngx</h3><span class="app-tagline">Digitális irattár</span></div>
|
||||
@@ -985,7 +987,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- BookStack -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="bookstack">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/bookstack-logo.svg" alt="BookStack" class="app-logo">
|
||||
<div class="app-title-area"><h3>BookStack</h3><span class="app-tagline">Könyv-szerű dokumentáció</span></div>
|
||||
@@ -1003,7 +1005,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- Outline -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="outline">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/outline-logo.svg" alt="Outline" class="app-logo">
|
||||
<div class="app-title-area"><h3>Outline</h3><span class="app-tagline">Csapat tudásbázis</span></div>
|
||||
@@ -1020,7 +1022,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- Docmost -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="docmost">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/docmost-logo.png" alt="Docmost" class="app-logo">
|
||||
<div class="app-title-area"><h3>Docmost</h3><span class="app-tagline">Notion-szerű wiki</span></div>
|
||||
@@ -1038,7 +1040,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- Karakeep -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="karakeep">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/karakeep-logo.svg" alt="Karakeep" class="app-logo">
|
||||
<div class="app-title-area"><h3>Karakeep</h3><span class="app-tagline">Kereshető saját archívum</span></div>
|
||||
@@ -1056,7 +1058,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- PrivateBin -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="privatebin">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/privatebin-logo.png" alt="PrivateBin" class="app-logo">
|
||||
<div class="app-title-area"><h3>PrivateBin</h3><span class="app-tagline">Titkosított jegyzet megosztás</span></div>
|
||||
@@ -1086,7 +1088,7 @@
|
||||
</div>
|
||||
<div class="app-grid">
|
||||
<!-- Vaultwarden -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="vaultwarden">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/vaultwarden-logo.svg" alt="Vaultwarden" class="app-logo">
|
||||
<div class="app-title-area"><h3>Vaultwarden</h3><span class="app-tagline">Jelszókezelő (Bitwarden)</span></div>
|
||||
@@ -1102,7 +1104,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- Homepage -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="homepage">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/homepage-logo.svg" alt="Homepage" class="app-logo">
|
||||
<div class="app-title-area"><h3>Homepage</h3><span class="app-tagline">Személyes kezdőlap</span></div>
|
||||
@@ -1121,7 +1123,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- Glance -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="glance">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/glance-logo.svg" alt="Glance" class="app-logo">
|
||||
<div class="app-title-area"><h3>Glance</h3><span class="app-tagline">Információs dashboard</span></div>
|
||||
@@ -1140,7 +1142,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- Uptime Kuma -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="uptime-kuma">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/uptime-kuma-logo.svg" alt="Uptime Kuma" class="app-logo">
|
||||
<div class="app-title-area"><h3>Uptime Kuma</h3><span class="app-tagline">Szolgáltatás monitoring</span></div>
|
||||
@@ -1158,7 +1160,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- Grafana -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="grafana">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/grafana-logo.svg" alt="Grafana" class="app-logo">
|
||||
<div class="app-title-area"><h3>Grafana</h3><span class="app-tagline">Adatvizualizáció</span></div>
|
||||
@@ -1177,7 +1179,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- Termix -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="termix">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/termix-logo.svg" alt="Termix" class="app-logo">
|
||||
<div class="app-title-area"><h3>Termix</h3><span class="app-tagline">Szerver menedzser (SSH)</span></div>
|
||||
@@ -1196,7 +1198,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- Gitea -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="gitea">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/gitea-logo.svg" alt="Gitea" class="app-logo">
|
||||
<div class="app-title-area"><h3>Gitea</h3><span class="app-tagline">Git szerver (GitHub)</span></div>
|
||||
@@ -1214,7 +1216,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- Code-Server -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="code-server">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/code-server-logo.svg" alt="Code-Server" class="app-logo">
|
||||
<div class="app-title-area"><h3>Code-Server</h3><span class="app-tagline">VS Code böngészőben</span></div>
|
||||
@@ -1231,7 +1233,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- OpenGist -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="opengist">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/opengist-logo.png" alt="OpenGist" class="app-logo">
|
||||
<div class="app-title-area"><h3>OpenGist</h3><span class="app-tagline">Kód snippetek (Gist)</span></div>
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 55 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 56 KiB |
+118
-14
@@ -2227,19 +2227,21 @@ body:not(.shell) .mobile-overlay.is-visible { opacity: 1; }
|
||||
so they take --text-2. */
|
||||
.page-index .lede-shot figcaption { margin-top: 10px; font-size: 0.85rem; color: var(--text-2); }
|
||||
|
||||
/* --- capabilities, grouped into three clusters instead of ten equal cards --- */
|
||||
.page-index .caps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px 36px; }
|
||||
.page-index .caps-group h3 {
|
||||
/* --- capabilities, grouped into three clusters instead of ten equal cards.
|
||||
UNSCOPED 2026-10-12: the block moved off the home page to /szolgaltatasok and
|
||||
/en/services, which share a body class with each other and not with the home. --- */
|
||||
.caps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px 36px; }
|
||||
.caps-group h3 {
|
||||
font-size: 0.95rem; font-weight: 700; color: var(--text-1);
|
||||
padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px solid var(--line);
|
||||
}
|
||||
.page-index .caps-list { list-style: none; display: grid; gap: 22px; }
|
||||
.page-index .caps-item h4 {
|
||||
.caps-list { list-style: none; display: grid; gap: 22px; }
|
||||
.caps-item h4 {
|
||||
display: flex; gap: 10px; align-items: flex-start;
|
||||
font-size: 1.02rem; font-weight: 600; color: var(--text-1); margin-bottom: 6px;
|
||||
}
|
||||
.page-index .caps-item h4 svg { flex: 0 0 auto; margin-top: 3px; color: var(--blue-bright); }
|
||||
.page-index .caps-item p { color: var(--text-2); font-size: 0.93rem; line-height: 1.65; }
|
||||
.caps-item h4 svg { flex: 0 0 auto; margin-top: 3px; color: var(--blue-bright); }
|
||||
.caps-item p { color: var(--text-2); font-size: 0.93rem; line-height: 1.65; }
|
||||
|
||||
/* --- who is behind it: SHARED, not page-scoped. It lives on /kapcsolat and
|
||||
/en/contact, and on the home page only as the compact .who-mini row below. */
|
||||
@@ -2316,7 +2318,7 @@ body:not(.shell) .mobile-overlay.is-visible { opacity: 1; }
|
||||
.page-index .lede { padding: 104px 0 56px; }
|
||||
.page-index .lede-grid { grid-template-columns: 1fr; gap: 36px; }
|
||||
.page-index .lede-text p { max-width: none; }
|
||||
.page-index .caps { grid-template-columns: 1fr; gap: 36px; }
|
||||
.caps { grid-template-columns: 1fr; gap: 36px; }
|
||||
.who { grid-template-columns: 1fr; gap: 28px; }
|
||||
.who-photo { max-width: 260px; }
|
||||
.page-index .flow { grid-template-columns: 1fr; gap: 20px; }
|
||||
@@ -2388,12 +2390,6 @@ body:not(.shell) .mobile-overlay.is-visible { opacity: 1; }
|
||||
.hero-copy p { color: var(--text-2); font-size: 1.05rem; margin-bottom: 1.5rem; max-width: 34ch; }
|
||||
.hero-logo { display: flex; justify-content: center; }
|
||||
.hero-logo img { max-width: 340px; width: 100%; height: auto; }
|
||||
.hero-window { border: 1px solid var(--line); border-radius: var(--radius); background: var(--bg-1); overflow: hidden; }
|
||||
.hero-window-bar { display: flex; align-items: center; gap: .4rem; padding: .55rem .8rem; background: var(--bg-2); border-bottom: 1px solid var(--line); }
|
||||
.hw-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--line); display: inline-block; }
|
||||
.hero-window-title { margin-left: .7rem; font-size: .78rem; color: var(--text-3); display: inline-flex; align-items: center; gap: .5rem; }
|
||||
.hero-window-body { padding: 1.1rem; }
|
||||
.hero-window-lede { font-size: .88rem; color: var(--text-2); margin-bottom: .9rem; }
|
||||
.launch-grid--mini { grid-template-columns: repeat(4, 1fr); gap: .9rem; }
|
||||
|
||||
@media (max-width: 900px) {
|
||||
@@ -2455,3 +2451,111 @@ body:not(.shell) .mobile-overlay.is-visible { opacity: 1; }
|
||||
yields the whole unbroken string. The legal pages' words are untouched. */
|
||||
code { overflow-wrap: anywhere; }
|
||||
.page-adatkezeles a, .page-feltetelek a { overflow-wrap: anywhere; }
|
||||
|
||||
/* ============================================================================
|
||||
Operator's tweaks, 2026-10-12 (reported from his own screens)
|
||||
============================================================================ */
|
||||
|
||||
/* --- 1. the sidebar logo: less air, and the wordmark at the logo's own ratio ---
|
||||
Measured on assets/logo.png (645x408), which is the original lockup:
|
||||
the mark occupies x 76..568 (492 wide), the wordmark x 8..639 (631 wide) -
|
||||
so in the real logo the TEXT IS WIDER THAN THE MARK, by 1.28x. The shell
|
||||
shipped a 140px mark over a 16px-tall wordmark, which is 94px wide: 0.67x,
|
||||
less than half the intended size. 112px mark + 25px wordmark keeps 1.29x and
|
||||
fits the 192px of sidebar inside its padding. The header also lost 28px of
|
||||
vertical padding. */
|
||||
.shell .sidebar-header { padding: 1rem 1.5rem .9rem; }
|
||||
.shell .sidebar-logo { width: 112px; margin: 0 auto .4rem; }
|
||||
.shell .sidebar-word { height: 25px; }
|
||||
|
||||
/* --- 2. scrollbars: the page's own, not the platform default ---------------
|
||||
The VIEWPORT's scrollbar is painted from <html>: a `body.shell ::-webkit-...`
|
||||
rule only reaches scrollers INSIDE the page (the sidebar, the drawer), which
|
||||
is why the first attempt left the big one on the right untouched. Firefox
|
||||
takes the two standard properties, Chrome and Safari the pseudo-elements, and
|
||||
neither inherits - so both are declared, for both scopes. */
|
||||
html { scrollbar-width: thin; scrollbar-color: var(--line) var(--bg-1); }
|
||||
.shell .sidebar, .shell .content { scrollbar-width: thin; scrollbar-color: var(--line) transparent; }
|
||||
html::-webkit-scrollbar, .shell ::-webkit-scrollbar { width: 11px; height: 11px; }
|
||||
html::-webkit-scrollbar-track { background: var(--bg-1); }
|
||||
.shell ::-webkit-scrollbar-track { background: transparent; }
|
||||
html::-webkit-scrollbar-thumb, .shell ::-webkit-scrollbar-thumb {
|
||||
background: var(--line); border-radius: var(--radius);
|
||||
border: 2px solid transparent; background-clip: content-box;
|
||||
}
|
||||
html::-webkit-scrollbar-thumb:hover, .shell ::-webkit-scrollbar-thumb:hover {
|
||||
background: var(--text-3); background-clip: content-box;
|
||||
}
|
||||
html::-webkit-scrollbar-corner, .shell ::-webkit-scrollbar-corner { background: transparent; }
|
||||
|
||||
/* --- 3. the home headline, back to where and what it was on the old site ----
|
||||
Before M3 the home had a two-column hero: headline, one sentence and the
|
||||
button on the left, the picture on the right, at clamp(2.5rem, 5vw, 3.5rem)
|
||||
with the second line in --blue-bright. M3 moved it into .page-header, which
|
||||
is the INNER pages' heading (2.1rem, above the content column) - so the
|
||||
headline shrank and the badge ended up beside it. It is back in the hero
|
||||
column, and only the home page has it. */
|
||||
.shell.page-index .hero-copy h1 {
|
||||
font-size: clamp(2.1rem, 4.4vw, 3.2rem);
|
||||
font-weight: 700; line-height: 1.1; letter-spacing: -.03em;
|
||||
margin-bottom: .6rem;
|
||||
}
|
||||
.shell.page-index .hero-copy .domain-badge { display: inline-block; margin-bottom: 1.1rem; }
|
||||
.shell.page-index .hero-copy .hero-lede { max-width: 38ch; }
|
||||
|
||||
/* --- 6. the lede above a section box ---------------------------------------
|
||||
.page-lede exists in the markup of 16 pages and had NO rule at all, so it
|
||||
rendered as a bare paragraph the full width of the content column, hard
|
||||
against the box beneath it. It now shares the box's 760px measure and sits
|
||||
over its centre. */
|
||||
.shell .page-lede {
|
||||
max-width: 760px; margin: 0 auto 28px; text-align: center;
|
||||
font-size: 1.05rem; line-height: 1.6; color: var(--text-2);
|
||||
}
|
||||
@media (max-width: 700px) {
|
||||
.shell .page-lede { text-align: left; }
|
||||
}
|
||||
|
||||
/* --- the home's pointer to /szolgaltatasok: the three group names, nothing invented --- */
|
||||
.shell .caps-teaser {
|
||||
list-style: none; display: grid; grid-template-columns: repeat(3, 1fr);
|
||||
gap: 14px; margin-bottom: 1.5rem;
|
||||
}
|
||||
.shell .caps-teaser a {
|
||||
display: block; padding: .85rem 1rem; border: 1px solid var(--line);
|
||||
border-radius: var(--radius); color: var(--text-1); text-decoration: none;
|
||||
font-weight: 600; font-size: .95rem; line-height: 1.35;
|
||||
transition: border-color .2s ease, color .2s ease;
|
||||
}
|
||||
.shell .caps-teaser a:hover { border-color: var(--blue); color: var(--blue-bright); }
|
||||
@media (max-width: 760px) {
|
||||
.shell .caps-teaser { grid-template-columns: 1fr; gap: 10px; }
|
||||
}
|
||||
|
||||
/* --- the hero's picture: the REAL dashboard, in a laptop ---------------------
|
||||
The frame is the operator's own supplied render (2026-10-12); the SCREEN is
|
||||
website/assets/dashboard-start-{hu,en}.webp composited into it, so what a
|
||||
visitor sees is a real screenshot of a real box and not a drawing of one.
|
||||
The file is named dashboard-laptop-<lang>.webp on purpose: gate 19 then holds
|
||||
it to the page's language like every other dashboard picture. */
|
||||
.hero-shot { margin: 0; }
|
||||
.hero-shot img {
|
||||
display: block; width: 100%; height: auto; max-width: 620px;
|
||||
margin-inline: auto;
|
||||
}
|
||||
.hero-shot figcaption {
|
||||
margin-top: .4rem; text-align: center;
|
||||
font-size: .85rem; color: var(--text-2);
|
||||
}
|
||||
@media (max-width: 900px) {
|
||||
.hero-shot img { max-width: 520px; }
|
||||
}
|
||||
|
||||
/* --- an anchored target must not land under the sticky phone top bar -------- */
|
||||
.shell [id] { scroll-margin-top: 1rem; }
|
||||
@media (max-width: 768px) {
|
||||
.shell [id] { scroll-margin-top: 4.25rem; }
|
||||
}
|
||||
|
||||
/* The services page's lede heads three columns of its own, not a centred box: left there. */
|
||||
.page-szolgaltatasok .page-lede { text-align: left; margin-left: 0; max-width: 52ch; }
|
||||
|
||||
@@ -37,9 +37,11 @@
|
||||
"mainEntityOfPage": "https://felhom.eu/biztonsagimentes"
|
||||
}
|
||||
</script>
|
||||
<link rel="preload" as="font" type="font/woff2" crossorigin href="/assets/fonts/pjs-latin.woff2">
|
||||
<link rel="preload" as="font" type="font/woff2" crossorigin href="/assets/fonts/pjs-latin-ext.woff2">
|
||||
<!-- shared assets: bump ?v= together on any site.css/icons.svg change -->
|
||||
<link rel="stylesheet" href="/assets/site.css?v=23">
|
||||
<link rel="stylesheet" href="/assets/shell.css?v=23">
|
||||
<link rel="stylesheet" href="/assets/site.css?v=24">
|
||||
<link rel="stylesheet" href="/assets/shell.css?v=24">
|
||||
<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>
|
||||
@@ -60,16 +62,16 @@
|
||||
</div>
|
||||
<ul class="nav-links">
|
||||
<li><a href="/"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-home"/></svg>Kezdőlap</a></li>
|
||||
<li><a href="/#szolgaltatasok"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-rocket"/></svg>Szolgáltatások</a></li>
|
||||
<li><a href="/szolgaltatasok"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-rocket"/></svg>Szolgáltatások</a></li>
|
||||
<li class="nav-group">
|
||||
<button type="button" class="nav-group-toggle" aria-expanded="false" aria-controls="nav-group-apps"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-package"/></svg>Alkalmazások<svg class="ico nav-chevron" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-chevron-down"/></svg></button>
|
||||
<ul id="nav-group-apps" class="nav-links nav-links-sub nav-links-nested">
|
||||
<li><a href="/alkalmazasok">Minden alkalmazás</a></li>
|
||||
<li><a href="/alkalmazasok#fajlkezeles-irodai">Fájlkezelés & Irodai</a></li>
|
||||
<li><a href="/alkalmazasok#media-szorakozas">Média & Szórakozás</a></li>
|
||||
<li><a href="/alkalmazasok#otthon-eletmod">Otthon & Életmód</a></li>
|
||||
<li><a href="/alkalmazasok#produktivitas-tudaskezeles">Produktivitás & Tudáskezelés</a></li>
|
||||
<li><a href="/alkalmazasok#rendszer-fejlesztes">Rendszer & Fejlesztés</a></li>
|
||||
<li><a href="/alkalmazasok#fajlkezeles">Fájlkezelés & Irodai</a></li>
|
||||
<li><a href="/alkalmazasok#media">Média & Szórakozás</a></li>
|
||||
<li><a href="/alkalmazasok#otthon">Otthon & Életmód</a></li>
|
||||
<li><a href="/alkalmazasok#produktivitas">Produktivitás & Tudáskezelés</a></li>
|
||||
<li><a href="/alkalmazasok#rendszer">Rendszer & Fejlesztés</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="/technologiak"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-layers"/></svg>Technológiák</a></li>
|
||||
|
||||
+69
-67
@@ -43,9 +43,11 @@
|
||||
]
|
||||
}
|
||||
</script>
|
||||
<link rel="preload" as="font" type="font/woff2" crossorigin href="/assets/fonts/pjs-latin.woff2">
|
||||
<link rel="preload" as="font" type="font/woff2" crossorigin href="/assets/fonts/pjs-latin-ext.woff2">
|
||||
<!-- shared assets: bump ?v= together on any site.css/icons.svg change -->
|
||||
<link rel="stylesheet" href="/assets/site.css?v=23">
|
||||
<link rel="stylesheet" href="/assets/shell.css?v=23">
|
||||
<link rel="stylesheet" href="/assets/site.css?v=24">
|
||||
<link rel="stylesheet" href="/assets/shell.css?v=24">
|
||||
<link rel="icon" type="image/png" href="/assets/logo_favicon_2.svg">
|
||||
<script defer src="/assets/gallery.js?v=2"></script>
|
||||
<script defer src="https://stats.felhom.eu/script.js" data-website-id="d419db57-5e1c-48df-bdb3-c29f25fb1661"></script>
|
||||
@@ -67,16 +69,16 @@
|
||||
</div>
|
||||
<ul class="nav-links">
|
||||
<li><a href="/en/"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-home"/></svg>Home</a></li>
|
||||
<li><a href="/en/#services"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-rocket"/></svg>Services</a></li>
|
||||
<li><a href="/en/services"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-rocket"/></svg>Services</a></li>
|
||||
<li class="nav-group is-open">
|
||||
<button type="button" class="nav-group-toggle active" aria-expanded="true" aria-controls="nav-group-apps"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-package"/></svg>Applications<svg class="ico nav-chevron" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-chevron-down"/></svg></button>
|
||||
<ul id="nav-group-apps" class="nav-links nav-links-sub nav-links-nested">
|
||||
<li><a href="/en/apps">All applications</a></li>
|
||||
<li><a href="/en/apps#files-office">Files & Office</a></li>
|
||||
<li><a href="/en/apps#media-entertainment">Media & Entertainment</a></li>
|
||||
<li><a href="/en/apps#home-lifestyle">Home & Lifestyle</a></li>
|
||||
<li><a href="/en/apps#productivity-knowledge">Productivity & Knowledge</a></li>
|
||||
<li><a href="/en/apps#system-development">System & Development</a></li>
|
||||
<li><a href="/en/apps#files">Files & Office</a></li>
|
||||
<li><a href="/en/apps#media">Media & Entertainment</a></li>
|
||||
<li><a href="/en/apps#home">Home & Lifestyle</a></li>
|
||||
<li><a href="/en/apps#productivity">Productivity & Knowledge</a></li>
|
||||
<li><a href="/en/apps#system">System & Development</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="/en/technology"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-layers"/></svg>Technology</a></li>
|
||||
@@ -124,7 +126,7 @@
|
||||
</div>
|
||||
<div class="app-grid">
|
||||
<!-- Nextcloud -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="nextcloud">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/nextcloud-logo.svg" alt="Nextcloud" class="app-logo">
|
||||
<div class="app-title-area"><h3>Nextcloud</h3><span class="app-tagline">Your own Google Drive</span></div>
|
||||
@@ -142,7 +144,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- FileBrowser -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="filebrowser">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/filebrowser-logo.svg" alt="FileBrowser" class="app-logo">
|
||||
<div class="app-title-area"><h3>FileBrowser</h3><span class="app-tagline">Simple web file manager</span></div>
|
||||
@@ -159,7 +161,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- Gokapi -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="gokapi">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/gokapi-logo.png" alt="Gokapi" class="app-logo">
|
||||
<div class="app-title-area"><h3>Gokapi</h3><span class="app-tagline">Temporary file sharing</span></div>
|
||||
@@ -175,7 +177,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- Zipline -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="zipline">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/zipline-logo.png" alt="Zipline" class="app-logo">
|
||||
<div class="app-title-area"><h3>Zipline</h3><span class="app-tagline">ShareX/Flameshot server</span></div>
|
||||
@@ -194,7 +196,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- OnlyOffice -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="onlyoffice">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/onlyoffice-logo.svg" alt="OnlyOffice" class="app-logo">
|
||||
<div class="app-title-area"><h3>OnlyOffice</h3><span class="app-tagline">An office suite in the browser</span></div>
|
||||
@@ -218,7 +220,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- BentoPDF -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="bentopdf">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/bentopdf-logo.svg" alt="BentoPDF" class="app-logo">
|
||||
<div class="app-title-area"><h3>BentoPDF</h3><span class="app-tagline">PDF toolkit (privacy first)</span></div>
|
||||
@@ -235,7 +237,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- Papra -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="papra">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/papra-logo.svg" alt="Papra" class="app-logo">
|
||||
<div class="app-title-area"><h3>Papra</h3><span class="app-tagline">A minimal document archive</span></div>
|
||||
@@ -266,7 +268,7 @@
|
||||
</div>
|
||||
<div class="app-grid">
|
||||
<!-- Immich -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="immich">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/immich-logo.svg" alt="Immich" class="app-logo">
|
||||
<div class="app-title-area"><h3>Immich</h3><span class="app-tagline">A Google Photos alternative</span></div>
|
||||
@@ -285,7 +287,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- Jellyfin -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="jellyfin">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/jellyfin-logo.svg" alt="Jellyfin" class="app-logo">
|
||||
<div class="app-title-area"><h3>Jellyfin</h3><span class="app-tagline">Media server (Netflix)</span></div>
|
||||
@@ -302,7 +304,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- Plex -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="plex">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/plex-logo.svg" alt="Plex" class="app-logo">
|
||||
<div class="app-title-area"><h3>Plex</h3><span class="app-tagline">Media server (premium)</span></div>
|
||||
@@ -320,7 +322,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- Emby -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="emby">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/emby-logo.svg" alt="Emby" class="app-logo">
|
||||
<div class="app-title-area"><h3>Emby</h3><span class="app-tagline">Media server</span></div>
|
||||
@@ -337,7 +339,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- Navidrome -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="navidrome">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/navidrome-logo.svg" alt="Navidrome" class="app-logo">
|
||||
<div class="app-title-area"><h3>Navidrome</h3><span class="app-tagline">Music server (Spotify)</span></div>
|
||||
@@ -354,7 +356,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- Audiobookshelf -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="audiobookshelf">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/audiobookshelf-logo.svg" alt="Audiobookshelf" class="app-logo">
|
||||
<div class="app-title-area"><h3>Audiobookshelf</h3><span class="app-tagline">Audiobooks & podcasts</span></div>
|
||||
@@ -373,7 +375,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- MeTube -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="metube">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/metube-logo.svg" alt="MeTube" class="app-logo">
|
||||
<div class="app-title-area"><h3>MeTube</h3><span class="app-tagline">Download videos from a link</span></div>
|
||||
@@ -391,7 +393,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- Calibre-web -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="calibre-web">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/calibre-web-logo.svg" alt="Calibre-Web Automated" class="app-logo">
|
||||
<div class="app-title-area"><h3>Calibre-Web Automated</h3><span class="app-tagline">E-book library</span></div>
|
||||
@@ -408,7 +410,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- Komga -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="komga">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/komga-logo.svg" alt="Komga" class="app-logo">
|
||||
<div class="app-title-area"><h3>Komga</h3><span class="app-tagline">Comics & manga server</span></div>
|
||||
@@ -424,7 +426,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- Grimmory -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="grimmory">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/grimmory-logo.svg" alt="Grimmory" class="app-logo">
|
||||
<div class="app-title-area"><h3>Grimmory</h3><span class="app-tagline">E-book library in the browser</span></div>
|
||||
@@ -442,7 +444,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- Sonarr -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="sonarr">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/sonarr-logo.svg" alt="Sonarr" class="app-logo">
|
||||
<div class="app-title-area"><h3>Sonarr</h3><span class="app-tagline">Series manager</span></div>
|
||||
@@ -460,7 +462,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- Radarr -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="radarr">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/radarr-logo.png" alt="Radarr" class="app-logo">
|
||||
<div class="app-title-area"><h3>Radarr</h3><span class="app-tagline">Film manager</span></div>
|
||||
@@ -477,7 +479,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- Seerr -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="seerr">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/seerr-logo.png" alt="Seerr" class="app-logo">
|
||||
<div class="app-title-area"><h3>Seerr</h3><span class="app-tagline">Media request manager</span></div>
|
||||
@@ -494,7 +496,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- RoMM -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="romm">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/romm-logo.svg" alt="RoMM" class="app-logo">
|
||||
<div class="app-title-area"><h3>RoMM</h3><span class="app-tagline">ROM collection manager</span></div>
|
||||
@@ -511,7 +513,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- Crafty Controller -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="crafty-controller">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/crafty-controller-logo.png" alt="Crafty Controller" class="app-logo">
|
||||
<div class="app-title-area"><h3>Crafty Controller</h3><span class="app-tagline">Minecraft server manager</span></div>
|
||||
@@ -542,7 +544,7 @@
|
||||
</div>
|
||||
<div class="app-grid">
|
||||
<!-- Home Assistant -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="home-assistant">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/home-assistant-logo.svg" alt="Home Assistant" class="app-logo">
|
||||
<div class="app-title-area"><h3>Home Assistant</h3><span class="app-tagline">Smart home hub</span></div>
|
||||
@@ -563,7 +565,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- n8n -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="n8n">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/n8n-logo.svg" alt="n8n" class="app-logo">
|
||||
<div class="app-title-area"><h3>n8n</h3><span class="app-tagline">Workflow automation</span></div>
|
||||
@@ -583,7 +585,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- Tandoor Recipes -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="tandoor">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/tandoor-logo.png" alt="Tandoor Recipes" class="app-logo">
|
||||
<div class="app-title-area"><h3>Tandoor Recipes</h3><span class="app-tagline">Recipe manager</span></div>
|
||||
@@ -601,7 +603,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- Mealie -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="mealie">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/mealie-logo.svg" alt="Mealie" class="app-logo">
|
||||
<div class="app-title-area"><h3>Mealie</h3><span class="app-tagline">Recipes and meal plans</span></div>
|
||||
@@ -619,7 +621,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- Recipe Importer -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="recipe-importer">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/recipe-importer-logo.svg" alt="Recipe Importer" class="app-logo">
|
||||
<div class="app-title-area"><h3>Recipe Importer</h3><span class="app-tagline">From Hungarian recipe sites</span></div>
|
||||
@@ -636,7 +638,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- Wishlist -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="wishlist">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/wishlist-logo.svg" alt="Wishlist" class="app-logo">
|
||||
<div class="app-title-area"><h3>Wishlist</h3><span class="app-tagline">Family wish list</span></div>
|
||||
@@ -654,7 +656,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- Homebox -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="homebox">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/homebox-logo.svg" alt="Homebox" class="app-logo">
|
||||
<div class="app-title-area"><h3>Homebox</h3><span class="app-tagline">Home inventory</span></div>
|
||||
@@ -672,7 +674,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- Gramps Web -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="gramps-web">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/gramps-web-logo.png" alt="Gramps Web" class="app-logo">
|
||||
<div class="app-title-area"><h3>Gramps Web</h3><span class="app-tagline">Family tree builder</span></div>
|
||||
@@ -691,7 +693,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- SparkyFitness -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="sparkyfitness">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/sparkyfitness-logo.png" alt="SparkyFitness" class="app-logo">
|
||||
<div class="app-title-area"><h3>SparkyFitness</h3><span class="app-tagline">Food diary</span></div>
|
||||
@@ -709,7 +711,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- Actual Budget -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="actualbudget">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/actualbudget-logo.svg" alt="Actual Budget" class="app-logo">
|
||||
<div class="app-title-area"><h3>Actual Budget</h3><span class="app-tagline">Budget planner</span></div>
|
||||
@@ -727,7 +729,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- AdventureLog -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="adventurelog">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/adventurelog-logo.png" alt="AdventureLog" class="app-logo">
|
||||
<div class="app-title-area"><h3>AdventureLog</h3><span class="app-tagline">Travel log</span></div>
|
||||
@@ -747,7 +749,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- Wanderer -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="wanderer">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/wanderer-logo.svg" alt="Wanderer" class="app-logo">
|
||||
<div class="app-title-area"><h3>Wanderer</h3><span class="app-tagline">Hike planner</span></div>
|
||||
@@ -766,7 +768,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- Dawarich -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="dawarich">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/dawarich-logo.svg" alt="Dawarich" class="app-logo">
|
||||
<div class="app-title-area"><h3>Dawarich</h3><span class="app-tagline">Instead of Google Timeline</span></div>
|
||||
@@ -784,7 +786,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- Cal.com -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="calcom">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/calcom-logo.svg" alt="Cal.com" class="app-logo">
|
||||
<div class="app-title-area"><h3>Cal.com</h3><span class="app-tagline">Appointment booking</span></div>
|
||||
@@ -805,7 +807,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- LubeLogger -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="lubelogger">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/lubelogger-logo.png" alt="LubeLogger" class="app-logo">
|
||||
<div class="app-title-area"><h3>LubeLogger</h3><span class="app-tagline">Vehicle records</span></div>
|
||||
@@ -823,7 +825,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- Grocy -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="grocy">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/grocy-logo.svg" alt="Grocy" class="app-logo">
|
||||
<div class="app-title-area"><h3>Grocy</h3><span class="app-tagline">Household management</span></div>
|
||||
@@ -854,7 +856,7 @@
|
||||
</div>
|
||||
<div class="app-grid">
|
||||
<!-- Vikunja -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="vikunja">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/vikunja-logo.svg" alt="Vikunja" class="app-logo">
|
||||
<div class="app-title-area"><h3>Vikunja</h3><span class="app-tagline">Task manager (Todoist)</span></div>
|
||||
@@ -873,7 +875,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- Radicale -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="radicale">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/radicale-logo.svg" alt="Radicale" class="app-logo">
|
||||
<div class="app-title-area"><h3>Radicale</h3><span class="app-tagline">Calendar and contacts</span></div>
|
||||
@@ -891,7 +893,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- Kimai -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="kimai">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/kimai-logo.png" alt="Kimai" class="app-logo">
|
||||
<div class="app-title-area"><h3>Kimai</h3><span class="app-tagline">Time tracking</span></div>
|
||||
@@ -911,7 +913,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- Rallly -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="rallly">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/rallly-logo.svg" alt="Rallly" class="app-logo">
|
||||
<div class="app-title-area"><h3>Rallly</h3><span class="app-tagline">Meeting poll (Doodle)</span></div>
|
||||
@@ -928,7 +930,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- Claper -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="claper">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/claper-logo.svg" alt="Claper" class="app-logo">
|
||||
<div class="app-title-area"><h3>Claper</h3><span class="app-tagline">Interactive presentations</span></div>
|
||||
@@ -948,7 +950,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- Ghost -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="ghost">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/ghost-logo.svg" alt="Ghost" class="app-logo">
|
||||
<div class="app-title-area"><h3>Ghost</h3><span class="app-tagline">Blog & newsletter platform</span></div>
|
||||
@@ -967,7 +969,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- Paperless-ngx -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="paperless-ngx">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/paperless-ngx-logo.svg" alt="Paperless-ngx" class="app-logo">
|
||||
<div class="app-title-area"><h3>Paperless-ngx</h3><span class="app-tagline">A digital filing cabinet</span></div>
|
||||
@@ -985,7 +987,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- BookStack -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="bookstack">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/bookstack-logo.svg" alt="BookStack" class="app-logo">
|
||||
<div class="app-title-area"><h3>BookStack</h3><span class="app-tagline">Book-style documentation</span></div>
|
||||
@@ -1003,7 +1005,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- Outline -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="outline">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/outline-logo.svg" alt="Outline" class="app-logo">
|
||||
<div class="app-title-area"><h3>Outline</h3><span class="app-tagline">Team knowledge base</span></div>
|
||||
@@ -1020,7 +1022,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- Docmost -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="docmost">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/docmost-logo.png" alt="Docmost" class="app-logo">
|
||||
<div class="app-title-area"><h3>Docmost</h3><span class="app-tagline">A Notion-like wiki</span></div>
|
||||
@@ -1038,7 +1040,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- Karakeep -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="karakeep">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/karakeep-logo.svg" alt="Karakeep" class="app-logo">
|
||||
<div class="app-title-area"><h3>Karakeep</h3><span class="app-tagline">Your own searchable archive</span></div>
|
||||
@@ -1056,7 +1058,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- PrivateBin -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="privatebin">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/privatebin-logo.png" alt="PrivateBin" class="app-logo">
|
||||
<div class="app-title-area"><h3>PrivateBin</h3><span class="app-tagline">Encrypted note sharing</span></div>
|
||||
@@ -1086,7 +1088,7 @@
|
||||
</div>
|
||||
<div class="app-grid">
|
||||
<!-- Vaultwarden -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="vaultwarden">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/vaultwarden-logo.svg" alt="Vaultwarden" class="app-logo">
|
||||
<div class="app-title-area"><h3>Vaultwarden</h3><span class="app-tagline">Password manager (Bitwarden)</span></div>
|
||||
@@ -1102,7 +1104,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- Homepage -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="homepage">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/homepage-logo.svg" alt="Homepage" class="app-logo">
|
||||
<div class="app-title-area"><h3>Homepage</h3><span class="app-tagline">Personal start page</span></div>
|
||||
@@ -1121,7 +1123,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- Glance -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="glance">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/glance-logo.svg" alt="Glance" class="app-logo">
|
||||
<div class="app-title-area"><h3>Glance</h3><span class="app-tagline">Information dashboard</span></div>
|
||||
@@ -1140,7 +1142,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- Uptime Kuma -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="uptime-kuma">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/uptime-kuma-logo.svg" alt="Uptime Kuma" class="app-logo">
|
||||
<div class="app-title-area"><h3>Uptime Kuma</h3><span class="app-tagline">Service monitoring</span></div>
|
||||
@@ -1158,7 +1160,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- Grafana -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="grafana">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/grafana-logo.svg" alt="Grafana" class="app-logo">
|
||||
<div class="app-title-area"><h3>Grafana</h3><span class="app-tagline">Data visualisation</span></div>
|
||||
@@ -1177,7 +1179,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- Termix -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="termix">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/termix-logo.svg" alt="Termix" class="app-logo">
|
||||
<div class="app-title-area"><h3>Termix</h3><span class="app-tagline">Server manager (SSH)</span></div>
|
||||
@@ -1196,7 +1198,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- Gitea -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="gitea">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/gitea-logo.svg" alt="Gitea" class="app-logo">
|
||||
<div class="app-title-area"><h3>Gitea</h3><span class="app-tagline">Git server (GitHub)</span></div>
|
||||
@@ -1214,7 +1216,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- Code-Server -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="code-server">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/code-server-logo.svg" alt="Code-Server" class="app-logo">
|
||||
<div class="app-title-area"><h3>Code-Server</h3><span class="app-tagline">VS Code in the browser</span></div>
|
||||
@@ -1231,7 +1233,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- OpenGist -->
|
||||
<div class="app-card">
|
||||
<div class="app-card" id="opengist">
|
||||
<div class="app-card-header">
|
||||
<img src="/assets/opengist-logo.png" alt="OpenGist" class="app-logo">
|
||||
<div class="app-title-area"><h3>OpenGist</h3><span class="app-tagline">Code snippets (Gist)</span></div>
|
||||
|
||||
+10
-8
@@ -37,9 +37,11 @@
|
||||
"mainEntityOfPage": "https://felhom.eu/en/backups"
|
||||
}
|
||||
</script>
|
||||
<link rel="preload" as="font" type="font/woff2" crossorigin href="/assets/fonts/pjs-latin.woff2">
|
||||
<link rel="preload" as="font" type="font/woff2" crossorigin href="/assets/fonts/pjs-latin-ext.woff2">
|
||||
<!-- shared assets: bump ?v= together on any site.css/icons.svg change -->
|
||||
<link rel="stylesheet" href="/assets/site.css?v=23">
|
||||
<link rel="stylesheet" href="/assets/shell.css?v=23">
|
||||
<link rel="stylesheet" href="/assets/site.css?v=24">
|
||||
<link rel="stylesheet" href="/assets/shell.css?v=24">
|
||||
<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>
|
||||
@@ -60,16 +62,16 @@
|
||||
</div>
|
||||
<ul class="nav-links">
|
||||
<li><a href="/en/"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-home"/></svg>Home</a></li>
|
||||
<li><a href="/en/#services"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-rocket"/></svg>Services</a></li>
|
||||
<li><a href="/en/services"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-rocket"/></svg>Services</a></li>
|
||||
<li class="nav-group">
|
||||
<button type="button" class="nav-group-toggle" aria-expanded="false" aria-controls="nav-group-apps"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-package"/></svg>Applications<svg class="ico nav-chevron" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-chevron-down"/></svg></button>
|
||||
<ul id="nav-group-apps" class="nav-links nav-links-sub nav-links-nested">
|
||||
<li><a href="/en/apps">All applications</a></li>
|
||||
<li><a href="/en/apps#files-office">Files & Office</a></li>
|
||||
<li><a href="/en/apps#media-entertainment">Media & Entertainment</a></li>
|
||||
<li><a href="/en/apps#home-lifestyle">Home & Lifestyle</a></li>
|
||||
<li><a href="/en/apps#productivity-knowledge">Productivity & Knowledge</a></li>
|
||||
<li><a href="/en/apps#system-development">System & Development</a></li>
|
||||
<li><a href="/en/apps#files">Files & Office</a></li>
|
||||
<li><a href="/en/apps#media">Media & Entertainment</a></li>
|
||||
<li><a href="/en/apps#home">Home & Lifestyle</a></li>
|
||||
<li><a href="/en/apps#productivity">Productivity & Knowledge</a></li>
|
||||
<li><a href="/en/apps#system">System & Development</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="/en/technology"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-layers"/></svg>Technology</a></li>
|
||||
|
||||
+10
-8
@@ -26,9 +26,11 @@
|
||||
<meta name="twitter:title" content="Contact — Felhom.eu">
|
||||
<meta name="twitter:description" content="A question? Write to us: info@felhom.eu">
|
||||
<meta name="twitter:image" content="https://felhom.eu/assets/og-image-en.png">
|
||||
<link rel="preload" as="font" type="font/woff2" crossorigin href="/assets/fonts/pjs-latin.woff2">
|
||||
<link rel="preload" as="font" type="font/woff2" crossorigin href="/assets/fonts/pjs-latin-ext.woff2">
|
||||
<!-- shared assets: bump ?v= together on any site.css/icons.svg change -->
|
||||
<link rel="stylesheet" href="/assets/site.css?v=23">
|
||||
<link rel="stylesheet" href="/assets/shell.css?v=23">
|
||||
<link rel="stylesheet" href="/assets/site.css?v=24">
|
||||
<link rel="stylesheet" href="/assets/shell.css?v=24">
|
||||
<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>
|
||||
@@ -49,16 +51,16 @@
|
||||
</div>
|
||||
<ul class="nav-links">
|
||||
<li><a href="/en/"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-home"/></svg>Home</a></li>
|
||||
<li><a href="/en/#services"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-rocket"/></svg>Services</a></li>
|
||||
<li><a href="/en/services"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-rocket"/></svg>Services</a></li>
|
||||
<li class="nav-group">
|
||||
<button type="button" class="nav-group-toggle" aria-expanded="false" aria-controls="nav-group-apps"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-package"/></svg>Applications<svg class="ico nav-chevron" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-chevron-down"/></svg></button>
|
||||
<ul id="nav-group-apps" class="nav-links nav-links-sub nav-links-nested">
|
||||
<li><a href="/en/apps">All applications</a></li>
|
||||
<li><a href="/en/apps#files-office">Files & Office</a></li>
|
||||
<li><a href="/en/apps#media-entertainment">Media & Entertainment</a></li>
|
||||
<li><a href="/en/apps#home-lifestyle">Home & Lifestyle</a></li>
|
||||
<li><a href="/en/apps#productivity-knowledge">Productivity & Knowledge</a></li>
|
||||
<li><a href="/en/apps#system-development">System & Development</a></li>
|
||||
<li><a href="/en/apps#files">Files & Office</a></li>
|
||||
<li><a href="/en/apps#media">Media & Entertainment</a></li>
|
||||
<li><a href="/en/apps#home">Home & Lifestyle</a></li>
|
||||
<li><a href="/en/apps#productivity">Productivity & Knowledge</a></li>
|
||||
<li><a href="/en/apps#system">System & Development</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="/en/technology"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-layers"/></svg>Technology</a></li>
|
||||
|
||||
@@ -24,9 +24,11 @@
|
||||
<meta name="twitter:title" content="Download the Felhom installer">
|
||||
<meta name="twitter:description" content="Download, checksum, and what to check before you install.">
|
||||
<meta name="twitter:image" content="https://felhom.eu/assets/og-image.png">
|
||||
<link rel="preload" as="font" type="font/woff2" crossorigin href="/assets/fonts/pjs-latin.woff2">
|
||||
<link rel="preload" as="font" type="font/woff2" crossorigin href="/assets/fonts/pjs-latin-ext.woff2">
|
||||
<!-- shared assets: bump ?v= together on any site.css/icons.svg change -->
|
||||
<link rel="stylesheet" href="/assets/site.css?v=23">
|
||||
<link rel="stylesheet" href="/assets/shell.css?v=23">
|
||||
<link rel="stylesheet" href="/assets/site.css?v=24">
|
||||
<link rel="stylesheet" href="/assets/shell.css?v=24">
|
||||
<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>
|
||||
@@ -47,16 +49,16 @@
|
||||
</div>
|
||||
<ul class="nav-links">
|
||||
<li><a href="/en/"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-home"/></svg>Home</a></li>
|
||||
<li><a href="/en/#services"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-rocket"/></svg>Services</a></li>
|
||||
<li><a href="/en/services"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-rocket"/></svg>Services</a></li>
|
||||
<li class="nav-group">
|
||||
<button type="button" class="nav-group-toggle" aria-expanded="false" aria-controls="nav-group-apps"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-package"/></svg>Applications<svg class="ico nav-chevron" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-chevron-down"/></svg></button>
|
||||
<ul id="nav-group-apps" class="nav-links nav-links-sub nav-links-nested">
|
||||
<li><a href="/en/apps">All applications</a></li>
|
||||
<li><a href="/en/apps#files-office">Files & Office</a></li>
|
||||
<li><a href="/en/apps#media-entertainment">Media & Entertainment</a></li>
|
||||
<li><a href="/en/apps#home-lifestyle">Home & Lifestyle</a></li>
|
||||
<li><a href="/en/apps#productivity-knowledge">Productivity & Knowledge</a></li>
|
||||
<li><a href="/en/apps#system-development">System & Development</a></li>
|
||||
<li><a href="/en/apps#files">Files & Office</a></li>
|
||||
<li><a href="/en/apps#media">Media & Entertainment</a></li>
|
||||
<li><a href="/en/apps#home">Home & Lifestyle</a></li>
|
||||
<li><a href="/en/apps#productivity">Productivity & Knowledge</a></li>
|
||||
<li><a href="/en/apps#system">System & Development</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="/en/technology"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-layers"/></svg>Technology</a></li>
|
||||
|
||||
+10
-8
@@ -363,9 +363,11 @@
|
||||
]
|
||||
}
|
||||
</script>
|
||||
<link rel="preload" as="font" type="font/woff2" crossorigin href="/assets/fonts/pjs-latin.woff2">
|
||||
<link rel="preload" as="font" type="font/woff2" crossorigin href="/assets/fonts/pjs-latin-ext.woff2">
|
||||
<!-- shared assets: bump ?v= together on any site.css/icons.svg change -->
|
||||
<link rel="stylesheet" href="/assets/site.css?v=23">
|
||||
<link rel="stylesheet" href="/assets/shell.css?v=23">
|
||||
<link rel="stylesheet" href="/assets/site.css?v=24">
|
||||
<link rel="stylesheet" href="/assets/shell.css?v=24">
|
||||
<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>
|
||||
@@ -386,16 +388,16 @@
|
||||
</div>
|
||||
<ul class="nav-links">
|
||||
<li><a href="/en/"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-home"/></svg>Home</a></li>
|
||||
<li><a href="/en/#services"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-rocket"/></svg>Services</a></li>
|
||||
<li><a href="/en/services"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-rocket"/></svg>Services</a></li>
|
||||
<li class="nav-group">
|
||||
<button type="button" class="nav-group-toggle" aria-expanded="false" aria-controls="nav-group-apps"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-package"/></svg>Applications<svg class="ico nav-chevron" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-chevron-down"/></svg></button>
|
||||
<ul id="nav-group-apps" class="nav-links nav-links-sub nav-links-nested">
|
||||
<li><a href="/en/apps">All applications</a></li>
|
||||
<li><a href="/en/apps#files-office">Files & Office</a></li>
|
||||
<li><a href="/en/apps#media-entertainment">Media & Entertainment</a></li>
|
||||
<li><a href="/en/apps#home-lifestyle">Home & Lifestyle</a></li>
|
||||
<li><a href="/en/apps#productivity-knowledge">Productivity & Knowledge</a></li>
|
||||
<li><a href="/en/apps#system-development">System & Development</a></li>
|
||||
<li><a href="/en/apps#files">Files & Office</a></li>
|
||||
<li><a href="/en/apps#media">Media & Entertainment</a></li>
|
||||
<li><a href="/en/apps#home">Home & Lifestyle</a></li>
|
||||
<li><a href="/en/apps#productivity">Productivity & Knowledge</a></li>
|
||||
<li><a href="/en/apps#system">System & Development</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="/en/technology"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-layers"/></svg>Technology</a></li>
|
||||
|
||||
+22
-97
@@ -54,9 +54,11 @@
|
||||
"sameAs": []
|
||||
}
|
||||
</script>
|
||||
<link rel="preload" as="font" type="font/woff2" crossorigin href="/assets/fonts/pjs-latin.woff2">
|
||||
<link rel="preload" as="font" type="font/woff2" crossorigin href="/assets/fonts/pjs-latin-ext.woff2">
|
||||
<!-- shared assets: bump ?v= together on any site.css/icons.svg change -->
|
||||
<link rel="stylesheet" href="/assets/site.css?v=23">
|
||||
<link rel="stylesheet" href="/assets/shell.css?v=23">
|
||||
<link rel="stylesheet" href="/assets/site.css?v=24">
|
||||
<link rel="stylesheet" href="/assets/shell.css?v=24">
|
||||
<link rel="icon" type="image/png" href="/assets/logo_favicon_2.svg">
|
||||
<script defer src="/assets/gallery.js?v=2"></script>
|
||||
<script defer src="https://stats.felhom.eu/script.js" data-website-id="d419db57-5e1c-48df-bdb3-c29f25fb1661"></script>
|
||||
@@ -78,16 +80,16 @@
|
||||
</div>
|
||||
<ul class="nav-links">
|
||||
<li><a href="/en/" class="active"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-home"/></svg>Home</a></li>
|
||||
<li><a href="/en/#services"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-rocket"/></svg>Services</a></li>
|
||||
<li><a href="/en/services"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-rocket"/></svg>Services</a></li>
|
||||
<li class="nav-group">
|
||||
<button type="button" class="nav-group-toggle" aria-expanded="false" aria-controls="nav-group-apps"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-package"/></svg>Applications<svg class="ico nav-chevron" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-chevron-down"/></svg></button>
|
||||
<ul id="nav-group-apps" class="nav-links nav-links-sub nav-links-nested">
|
||||
<li><a href="/en/apps">All applications</a></li>
|
||||
<li><a href="/en/apps#files-office">Files & Office</a></li>
|
||||
<li><a href="/en/apps#media-entertainment">Media & Entertainment</a></li>
|
||||
<li><a href="/en/apps#home-lifestyle">Home & Lifestyle</a></li>
|
||||
<li><a href="/en/apps#productivity-knowledge">Productivity & Knowledge</a></li>
|
||||
<li><a href="/en/apps#system-development">System & Development</a></li>
|
||||
<li><a href="/en/apps#files">Files & Office</a></li>
|
||||
<li><a href="/en/apps#media">Media & Entertainment</a></li>
|
||||
<li><a href="/en/apps#home">Home & Lifestyle</a></li>
|
||||
<li><a href="/en/apps#productivity">Productivity & Knowledge</a></li>
|
||||
<li><a href="/en/apps#system">System & Development</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="/en/technology"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-layers"/></svg>Technology</a></li>
|
||||
@@ -107,43 +109,17 @@
|
||||
</div>
|
||||
</nav>
|
||||
<main class="content">
|
||||
<div class="page-header">
|
||||
<h1>Your own cloud, your own rules</h1>
|
||||
<span class="domain-badge">Home server service</span>
|
||||
</div>
|
||||
|
||||
<section class="hero-row">
|
||||
<div class="hero-copy">
|
||||
<h1>Your own cloud,<br><span>your own rules</span></h1>
|
||||
<span class="domain-badge">Home server service</span>
|
||||
<p class="hero-lede">A small machine in your home: your photos, your documents, your films. A backup is made every night. We watch it, you use it.</p>
|
||||
<a href="/en/testing" class="btn btn-primary btn-lg">Apply as a tester →</a>
|
||||
</div>
|
||||
<div class="hero-window" aria-label="A picture of the Dashboard">
|
||||
<div class="hero-window-bar">
|
||||
<span class="hw-dot"></span><span class="hw-dot"></span><span class="hw-dot"></span>
|
||||
<span class="hero-window-title">yourhome.hu <span class="sample">sample</span></span>
|
||||
</div>
|
||||
<div class="hero-window-body">
|
||||
<p class="hero-window-lede">This is what the box's Dashboard looks like.</p>
|
||||
<div class="launch-grid launch-grid--mini">
|
||||
<a class="launch-cell" href="/en/apps#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="/en/apps#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="/en/apps#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="/en/apps#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>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<figure class="hero-shot">
|
||||
<img src="/assets/dashboard-laptop-en.webp?v=1" width="1200" height="916" alt="The box's Dashboard on a laptop screen: the Launcher with the installed applications" decoding="async">
|
||||
<figcaption>This is what the box's Dashboard looks like.</figcaption>
|
||||
</figure>
|
||||
</section>
|
||||
|
||||
<section class="shell-section" id="services">
|
||||
@@ -151,63 +127,12 @@
|
||||
<h2>What the box does today</h2>
|
||||
<p>Not a plan, not a promise — these work today on a live Felhom box</p>
|
||||
</div>
|
||||
<div class="caps">
|
||||
<div class="caps-group">
|
||||
<h3>What you use every day</h3>
|
||||
<ul class="caps-list">
|
||||
<li class="caps-item">
|
||||
<h4><svg class="ico-lg" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-camera"/></svg> Photos, documents, media</h4>
|
||||
<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>
|
||||
</li>
|
||||
<li class="caps-item">
|
||||
<h4><svg class="ico-lg" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-folder"/></svg> Network shares</h4>
|
||||
<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>
|
||||
</li>
|
||||
<li class="caps-item">
|
||||
<h4><svg class="ico-lg" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-package"/></svg> 58 apps to install</h4>
|
||||
<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>
|
||||
</li>
|
||||
<li class="caps-item">
|
||||
<h4><svg class="ico-lg" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-globe"/></svg> In English or Hungarian</h4>
|
||||
<p>The Dashboard works in English and in Hungarian. The household picks the language, and the e-mails about the box follow it.</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="caps-group">
|
||||
<h3>What protects you in the background</h3>
|
||||
<ul class="caps-list">
|
||||
<li class="caps-item">
|
||||
<h4><svg class="ico-lg" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-shield-check"/></svg> Automatic backups on three levels</h4>
|
||||
<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>
|
||||
</li>
|
||||
<li class="caps-item">
|
||||
<h4><svg class="ico-lg" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-lock"/></svg> A recovery code only you know</h4>
|
||||
<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>
|
||||
</li>
|
||||
<li class="caps-item">
|
||||
<h4><svg class="ico-lg" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-rotate-cw"/></svg> Restore when something goes wrong</h4>
|
||||
<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>
|
||||
</li>
|
||||
<li class="caps-item">
|
||||
<h4><svg class="ico-lg" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-home"/></svg> Works when the internet is down</h4>
|
||||
<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>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="caps-group">
|
||||
<h3>What we take care of</h3>
|
||||
<ul class="caps-list">
|
||||
<li class="caps-item">
|
||||
<h4><svg class="ico-lg" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-stethoscope"/></svg> Remote monitoring, automatic updates</h4>
|
||||
<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>
|
||||
</li>
|
||||
<li class="caps-item">
|
||||
<h4><svg class="ico-lg" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-rotate-cw"/></svg> Careful app updates</h4>
|
||||
<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>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<ul class="caps-teaser">
|
||||
<li><a href="/en/services#every-day">What you use every day</a></li>
|
||||
<li><a href="/en/services#protection">What protects you in the background</a></li>
|
||||
<li><a href="/en/services#we-look-after">What we take care of</a></li>
|
||||
</ul>
|
||||
<a href="/en/services" class="btn btn-outline">All services →</a>
|
||||
</section>
|
||||
|
||||
<section class="shell-section" id="dashboard">
|
||||
|
||||
@@ -0,0 +1,252 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en" class="no-js">
|
||||
<head>
|
||||
<script>document.documentElement.className=document.documentElement.className.replace('no-js','js');</script>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Services — what a Felhom box does today | Felhom.eu</title>
|
||||
<meta name="description" content="What a Felhom box does today: photos and documents, network shares, 58 installable applications, three-tier automatic backup and remote monitoring.">
|
||||
<meta name="keywords" content="home server services, features, network shares, automatic backup, installable applications, remote monitoring">
|
||||
<meta name="robots" content="index, follow">
|
||||
<link rel="canonical" href="https://felhom.eu/en/services">
|
||||
<link rel="alternate" hreflang="hu" href="https://felhom.eu/szolgaltatasok">
|
||||
<link rel="alternate" hreflang="en" href="https://felhom.eu/en/services">
|
||||
<link rel="alternate" hreflang="x-default" href="https://felhom.eu/szolgaltatasok">
|
||||
|
||||
<meta property="og:type" content="article">
|
||||
<meta property="og:url" content="https://felhom.eu/en/services">
|
||||
<meta property="og:title" content="What a Felhom box does today">
|
||||
<meta property="og:description" content="Not a plan and not a promise: these are features working today on a live Felhom box.">
|
||||
<meta property="og:image" content="https://felhom.eu/assets/og-image-en.png">
|
||||
<meta property="og:locale" content="en_GB">
|
||||
<meta property="og:site_name" content="Felhom.eu">
|
||||
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<meta name="twitter:title" content="What a Felhom box does today">
|
||||
<meta name="twitter:description" content="Not a plan and not a promise: these are features working today on a live Felhom box.">
|
||||
<meta name="twitter:image" content="https://felhom.eu/assets/og-image-en.png">
|
||||
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "Article",
|
||||
"headline": "What a Felhom box does today",
|
||||
"description": "The services a Felhom box provides today, in three groups.",
|
||||
"author": {"@type": "Organization", "name": "Felhom.eu"},
|
||||
"publisher": {"@type": "Organization", "name": "Felhom.eu", "logo": {"@type": "ImageObject", "url": "https://felhom.eu/assets/logo.png"}},
|
||||
"mainEntityOfPage": "https://felhom.eu/en/services"
|
||||
}
|
||||
</script>
|
||||
<link rel="preload" as="font" type="font/woff2" crossorigin href="/assets/fonts/pjs-latin.woff2">
|
||||
<link rel="preload" as="font" type="font/woff2" crossorigin href="/assets/fonts/pjs-latin-ext.woff2">
|
||||
<!-- shared assets: bump ?v= together on any site.css/icons.svg change -->
|
||||
<link rel="stylesheet" href="/assets/site.css?v=24">
|
||||
<link rel="stylesheet" href="/assets/shell.css?v=24">
|
||||
<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="shell page-szolgaltatasok">
|
||||
<header class="mobile-topbar">
|
||||
<a href="/en/" 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="Menu">
|
||||
<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">
|
||||
<a href="/en/" class="sidebar-logo-link">
|
||||
<img src="/assets/logo_notext_white.svg" alt="" class="sidebar-logo" aria-hidden="true">
|
||||
<img src="/assets/logo-wordmark.png" alt="felhom.eu" class="sidebar-word">
|
||||
</a>
|
||||
</div>
|
||||
<ul class="nav-links">
|
||||
<li><a href="/en/"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-home"/></svg>Home</a></li>
|
||||
<li><a href="/en/services" class="active"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-rocket"/></svg>Services</a></li>
|
||||
<li class="nav-group">
|
||||
<button type="button" class="nav-group-toggle" aria-expanded="false" aria-controls="nav-group-apps"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-package"/></svg>Applications<svg class="ico nav-chevron" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-chevron-down"/></svg></button>
|
||||
<ul id="nav-group-apps" class="nav-links nav-links-sub nav-links-nested">
|
||||
<li><a href="/en/apps">All applications</a></li>
|
||||
<li><a href="/en/apps#files">Files & Office</a></li>
|
||||
<li><a href="/en/apps#media">Media & Entertainment</a></li>
|
||||
<li><a href="/en/apps#home">Home & Lifestyle</a></li>
|
||||
<li><a href="/en/apps#productivity">Productivity & Knowledge</a></li>
|
||||
<li><a href="/en/apps#system">System & Development</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="/en/technology"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-layers"/></svg>Technology</a></li>
|
||||
<li><a href="/en/backups"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-shield-check"/></svg>Backups</a></li>
|
||||
</ul>
|
||||
<div class="sidebar-bottom">
|
||||
<a href="/en/testing" class="btn btn-outline sidebar-cta">Apply as a tester →</a>
|
||||
<div class="nav-group-label">About Felhom</div>
|
||||
<ul class="nav-links nav-links-sub">
|
||||
<li><a href="/en/#how-it-works">How it works</a></li>
|
||||
<li><a href="/en/faq">FAQ</a></li>
|
||||
<li><a href="/en/contact">Contact</a></li>
|
||||
</ul>
|
||||
<div class="sidebar-footer">
|
||||
<details class="lang-globe"><summary class="lang-globe-btn" aria-label="Language" title="Language"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-globe"/></svg></summary><ul class="lang-globe-menu"><li><a href="/szolgaltatasok" lang="hu" hreflang="hu" class="lang-globe-item">Magyar</a></li><li><a href="/en/services" lang="en" hreflang="en" class="lang-globe-item current" aria-current="true">English</a></li></ul></details>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<main class="content">
|
||||
<div class="page-header">
|
||||
<h1>Services</h1>
|
||||
</div>
|
||||
<p class="page-lede">Not a plan, not a promise — these work today on a live Felhom box</p>
|
||||
|
||||
<section class="shell-section">
|
||||
<div class="caps">
|
||||
<div class="caps-group" id="every-day">
|
||||
<h3>What you use every day</h3>
|
||||
<ul class="caps-list">
|
||||
<li class="caps-item">
|
||||
<h4><svg class="ico-lg" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-camera"/></svg> Photos, documents, media</h4>
|
||||
<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>
|
||||
</li>
|
||||
<li class="caps-item">
|
||||
<h4><svg class="ico-lg" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-folder"/></svg> Network shares</h4>
|
||||
<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>
|
||||
</li>
|
||||
<li class="caps-item">
|
||||
<h4><svg class="ico-lg" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-package"/></svg> 58 apps to install</h4>
|
||||
<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>
|
||||
</li>
|
||||
<li class="caps-item">
|
||||
<h4><svg class="ico-lg" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-globe"/></svg> In English or Hungarian</h4>
|
||||
<p>The Dashboard works in English and in Hungarian. The household picks the language, and the e-mails about the box follow it.</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="caps-group" id="protection">
|
||||
<h3>What protects you in the background</h3>
|
||||
<ul class="caps-list">
|
||||
<li class="caps-item">
|
||||
<h4><svg class="ico-lg" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-shield-check"/></svg> Automatic backups on three levels</h4>
|
||||
<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>
|
||||
</li>
|
||||
<li class="caps-item">
|
||||
<h4><svg class="ico-lg" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-lock"/></svg> A recovery code only you know</h4>
|
||||
<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>
|
||||
</li>
|
||||
<li class="caps-item">
|
||||
<h4><svg class="ico-lg" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-rotate-cw"/></svg> Restore when something goes wrong</h4>
|
||||
<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>
|
||||
</li>
|
||||
<li class="caps-item">
|
||||
<h4><svg class="ico-lg" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-home"/></svg> Works when the internet is down</h4>
|
||||
<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>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="caps-group" id="we-look-after">
|
||||
<h3>What we take care of</h3>
|
||||
<ul class="caps-list">
|
||||
<li class="caps-item">
|
||||
<h4><svg class="ico-lg" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-stethoscope"/></svg> Remote monitoring, automatic updates</h4>
|
||||
<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>
|
||||
</li>
|
||||
<li class="caps-item">
|
||||
<h4><svg class="ico-lg" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-rotate-cw"/></svg> Careful app updates</h4>
|
||||
<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>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer>
|
||||
<div class="container">
|
||||
<p>© 2026 felhom.eu – Your own cloud, your own rules. Felhom serves households in Hungary.</p>
|
||||
<p class="footer-legal">Operated by Nagyfenyvesi Viktor · <a href="mailto:info@felhom.eu">info@felhom.eu</a> · <a href="/adatkezeles">Privacy notice (Hungarian)</a> · <a href="/feltetelek">Terms (Hungarian)</a></p>
|
||||
</div>
|
||||
</footer>
|
||||
</main>
|
||||
<script>
|
||||
(function() {
|
||||
var hamburger = document.getElementById('hamburger');
|
||||
var navLinks = document.querySelector('.nav-links');
|
||||
var overlay = document.getElementById('mobileOverlay');
|
||||
var body = document.body;
|
||||
|
||||
if (!hamburger || !navLinks || !overlay) {
|
||||
console.warn('[mobile-menu] Missing elements:', {
|
||||
hamburger: !!hamburger,
|
||||
navLinks: !!navLinks,
|
||||
overlay: !!overlay
|
||||
});
|
||||
return;
|
||||
}
|
||||
|
||||
function openMenu() {
|
||||
hamburger.classList.add('is-active');
|
||||
navLinks.classList.add('is-open');
|
||||
overlay.classList.add('is-visible');
|
||||
body.classList.add('menu-open');
|
||||
hamburger.setAttribute('aria-expanded', 'true');
|
||||
hamburger.setAttribute('aria-label', '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();
|
||||
}
|
||||
});
|
||||
|
||||
overlay.addEventListener('click', closeMenu);
|
||||
|
||||
navLinks.querySelectorAll('a').forEach(function(link) {
|
||||
link.addEventListener('click', closeMenu);
|
||||
});
|
||||
|
||||
document.addEventListener('keydown', function(e) {
|
||||
if (e.key === 'Escape' && navLinks.classList.contains('is-open')) {
|
||||
closeMenu();
|
||||
}
|
||||
});
|
||||
|
||||
window.addEventListener('resize', function() {
|
||||
if (window.innerWidth > 900 && navLinks.classList.contains('is-open')) {
|
||||
closeMenu();
|
||||
}
|
||||
});
|
||||
})();
|
||||
</script>
|
||||
<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;document.body.classList.add('nav-open');b.setAttribute('aria-expanded','true');}
|
||||
function close(){s.classList.remove('is-open');k.hidden=true;document.body.classList.remove('nav-open');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'&&s.classList.contains('is-open')){close();b.focus();}});
|
||||
s.querySelectorAll('a').forEach(function(l){l.addEventListener('click',close);});
|
||||
window.addEventListener('resize',function(){if(window.innerWidth>768)close();});
|
||||
})();
|
||||
document.addEventListener('click',function(e){
|
||||
var btn=e.target.closest?e.target.closest('.nav-group-toggle'):null;
|
||||
if(!btn)return;
|
||||
var g=btn.closest('.nav-group');if(!g)return;
|
||||
var willOpen=!g.classList.contains('is-open');
|
||||
document.querySelectorAll('.nav-group.is-open').forEach(function(x){
|
||||
x.classList.remove('is-open');
|
||||
var t=x.querySelector('.nav-group-toggle');if(t)t.setAttribute('aria-expanded','false');
|
||||
});
|
||||
if(willOpen){g.classList.add('is-open');btn.setAttribute('aria-expanded','true');}
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -38,9 +38,11 @@
|
||||
"mainEntityOfPage": "https://felhom.eu/en/technology"
|
||||
}
|
||||
</script>
|
||||
<link rel="preload" as="font" type="font/woff2" crossorigin href="/assets/fonts/pjs-latin.woff2">
|
||||
<link rel="preload" as="font" type="font/woff2" crossorigin href="/assets/fonts/pjs-latin-ext.woff2">
|
||||
<!-- shared assets: bump ?v= together on any site.css/icons.svg change -->
|
||||
<link rel="stylesheet" href="/assets/site.css?v=23">
|
||||
<link rel="stylesheet" href="/assets/shell.css?v=23">
|
||||
<link rel="stylesheet" href="/assets/site.css?v=24">
|
||||
<link rel="stylesheet" href="/assets/shell.css?v=24">
|
||||
<link rel="icon" type="image/png" href="/assets/logo_favicon_2.svg">
|
||||
<script defer src="/assets/gallery.js?v=2"></script>
|
||||
<script defer src="https://stats.felhom.eu/script.js" data-website-id="d419db57-5e1c-48df-bdb3-c29f25fb1661"></script>
|
||||
@@ -62,16 +64,16 @@
|
||||
</div>
|
||||
<ul class="nav-links">
|
||||
<li><a href="/en/"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-home"/></svg>Home</a></li>
|
||||
<li><a href="/en/#services"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-rocket"/></svg>Services</a></li>
|
||||
<li><a href="/en/services"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-rocket"/></svg>Services</a></li>
|
||||
<li class="nav-group">
|
||||
<button type="button" class="nav-group-toggle" aria-expanded="false" aria-controls="nav-group-apps"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-package"/></svg>Applications<svg class="ico nav-chevron" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-chevron-down"/></svg></button>
|
||||
<ul id="nav-group-apps" class="nav-links nav-links-sub nav-links-nested">
|
||||
<li><a href="/en/apps">All applications</a></li>
|
||||
<li><a href="/en/apps#files-office">Files & Office</a></li>
|
||||
<li><a href="/en/apps#media-entertainment">Media & Entertainment</a></li>
|
||||
<li><a href="/en/apps#home-lifestyle">Home & Lifestyle</a></li>
|
||||
<li><a href="/en/apps#productivity-knowledge">Productivity & Knowledge</a></li>
|
||||
<li><a href="/en/apps#system-development">System & Development</a></li>
|
||||
<li><a href="/en/apps#files">Files & Office</a></li>
|
||||
<li><a href="/en/apps#media">Media & Entertainment</a></li>
|
||||
<li><a href="/en/apps#home">Home & Lifestyle</a></li>
|
||||
<li><a href="/en/apps#productivity">Productivity & Knowledge</a></li>
|
||||
<li><a href="/en/apps#system">System & Development</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="/en/technology" class="active"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-layers"/></svg>Technology</a></li>
|
||||
|
||||
+10
-8
@@ -37,9 +37,11 @@
|
||||
"mainEntityOfPage": "https://felhom.eu/en/testing"
|
||||
}
|
||||
</script>
|
||||
<link rel="preload" as="font" type="font/woff2" crossorigin href="/assets/fonts/pjs-latin.woff2">
|
||||
<link rel="preload" as="font" type="font/woff2" crossorigin href="/assets/fonts/pjs-latin-ext.woff2">
|
||||
<!-- shared assets: bump ?v= together on any site.css/icons.svg change -->
|
||||
<link rel="stylesheet" href="/assets/site.css?v=23">
|
||||
<link rel="stylesheet" href="/assets/shell.css?v=23">
|
||||
<link rel="stylesheet" href="/assets/site.css?v=24">
|
||||
<link rel="stylesheet" href="/assets/shell.css?v=24">
|
||||
<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>
|
||||
@@ -60,16 +62,16 @@
|
||||
</div>
|
||||
<ul class="nav-links">
|
||||
<li><a href="/en/"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-home"/></svg>Home</a></li>
|
||||
<li><a href="/en/#services"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-rocket"/></svg>Services</a></li>
|
||||
<li><a href="/en/services"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-rocket"/></svg>Services</a></li>
|
||||
<li class="nav-group">
|
||||
<button type="button" class="nav-group-toggle" aria-expanded="false" aria-controls="nav-group-apps"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-package"/></svg>Applications<svg class="ico nav-chevron" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-chevron-down"/></svg></button>
|
||||
<ul id="nav-group-apps" class="nav-links nav-links-sub nav-links-nested">
|
||||
<li><a href="/en/apps">All applications</a></li>
|
||||
<li><a href="/en/apps#files-office">Files & Office</a></li>
|
||||
<li><a href="/en/apps#media-entertainment">Media & Entertainment</a></li>
|
||||
<li><a href="/en/apps#home-lifestyle">Home & Lifestyle</a></li>
|
||||
<li><a href="/en/apps#productivity-knowledge">Productivity & Knowledge</a></li>
|
||||
<li><a href="/en/apps#system-development">System & Development</a></li>
|
||||
<li><a href="/en/apps#files">Files & Office</a></li>
|
||||
<li><a href="/en/apps#media">Media & Entertainment</a></li>
|
||||
<li><a href="/en/apps#home">Home & Lifestyle</a></li>
|
||||
<li><a href="/en/apps#productivity">Productivity & Knowledge</a></li>
|
||||
<li><a href="/en/apps#system">System & Development</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="/en/technology"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-layers"/></svg>Technology</a></li>
|
||||
|
||||
+10
-8
@@ -19,9 +19,11 @@
|
||||
<meta property="og:locale" content="hu_HU">
|
||||
<meta property="og:site_name" content="Felhom.eu">
|
||||
|
||||
<link rel="preload" as="font" type="font/woff2" crossorigin href="/assets/fonts/pjs-latin.woff2">
|
||||
<link rel="preload" as="font" type="font/woff2" crossorigin href="/assets/fonts/pjs-latin-ext.woff2">
|
||||
<!-- shared assets: bump ?v= together on any site.css/icons.svg change -->
|
||||
<link rel="stylesheet" href="/assets/site.css?v=23">
|
||||
<link rel="stylesheet" href="/assets/shell.css?v=23">
|
||||
<link rel="stylesheet" href="/assets/site.css?v=24">
|
||||
<link rel="stylesheet" href="/assets/shell.css?v=24">
|
||||
<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>
|
||||
@@ -42,16 +44,16 @@
|
||||
</div>
|
||||
<ul class="nav-links">
|
||||
<li><a href="/"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-home"/></svg>Kezdőlap</a></li>
|
||||
<li><a href="/#szolgaltatasok"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-rocket"/></svg>Szolgáltatások</a></li>
|
||||
<li><a href="/szolgaltatasok"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-rocket"/></svg>Szolgáltatások</a></li>
|
||||
<li class="nav-group">
|
||||
<button type="button" class="nav-group-toggle" aria-expanded="false" aria-controls="nav-group-apps"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-package"/></svg>Alkalmazások<svg class="ico nav-chevron" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-chevron-down"/></svg></button>
|
||||
<ul id="nav-group-apps" class="nav-links nav-links-sub nav-links-nested">
|
||||
<li><a href="/alkalmazasok">Minden alkalmazás</a></li>
|
||||
<li><a href="/alkalmazasok#fajlkezeles-irodai">Fájlkezelés & Irodai</a></li>
|
||||
<li><a href="/alkalmazasok#media-szorakozas">Média & Szórakozás</a></li>
|
||||
<li><a href="/alkalmazasok#otthon-eletmod">Otthon & Életmód</a></li>
|
||||
<li><a href="/alkalmazasok#produktivitas-tudaskezeles">Produktivitás & Tudáskezelés</a></li>
|
||||
<li><a href="/alkalmazasok#rendszer-fejlesztes">Rendszer & Fejlesztés</a></li>
|
||||
<li><a href="/alkalmazasok#fajlkezeles">Fájlkezelés & Irodai</a></li>
|
||||
<li><a href="/alkalmazasok#media">Média & Szórakozás</a></li>
|
||||
<li><a href="/alkalmazasok#otthon">Otthon & Életmód</a></li>
|
||||
<li><a href="/alkalmazasok#produktivitas">Produktivitás & Tudáskezelés</a></li>
|
||||
<li><a href="/alkalmazasok#rendszer">Rendszer & Fejlesztés</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="/technologiak"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-layers"/></svg>Technológiák</a></li>
|
||||
|
||||
+11
-9
@@ -363,9 +363,11 @@
|
||||
]
|
||||
}
|
||||
</script>
|
||||
<link rel="preload" as="font" type="font/woff2" crossorigin href="/assets/fonts/pjs-latin.woff2">
|
||||
<link rel="preload" as="font" type="font/woff2" crossorigin href="/assets/fonts/pjs-latin-ext.woff2">
|
||||
<!-- shared assets: bump ?v= together on any site.css/icons.svg change -->
|
||||
<link rel="stylesheet" href="/assets/site.css?v=23">
|
||||
<link rel="stylesheet" href="/assets/shell.css?v=23">
|
||||
<link rel="stylesheet" href="/assets/site.css?v=24">
|
||||
<link rel="stylesheet" href="/assets/shell.css?v=24">
|
||||
<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>
|
||||
@@ -386,16 +388,16 @@
|
||||
</div>
|
||||
<ul class="nav-links">
|
||||
<li><a href="/"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-home"/></svg>Kezdőlap</a></li>
|
||||
<li><a href="/#szolgaltatasok"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-rocket"/></svg>Szolgáltatások</a></li>
|
||||
<li><a href="/szolgaltatasok"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-rocket"/></svg>Szolgáltatások</a></li>
|
||||
<li class="nav-group">
|
||||
<button type="button" class="nav-group-toggle" aria-expanded="false" aria-controls="nav-group-apps"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-package"/></svg>Alkalmazások<svg class="ico nav-chevron" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-chevron-down"/></svg></button>
|
||||
<ul id="nav-group-apps" class="nav-links nav-links-sub nav-links-nested">
|
||||
<li><a href="/alkalmazasok">Minden alkalmazás</a></li>
|
||||
<li><a href="/alkalmazasok#fajlkezeles-irodai">Fájlkezelés & Irodai</a></li>
|
||||
<li><a href="/alkalmazasok#media-szorakozas">Média & Szórakozás</a></li>
|
||||
<li><a href="/alkalmazasok#otthon-eletmod">Otthon & Életmód</a></li>
|
||||
<li><a href="/alkalmazasok#produktivitas-tudaskezeles">Produktivitás & Tudáskezelés</a></li>
|
||||
<li><a href="/alkalmazasok#rendszer-fejlesztes">Rendszer & Fejlesztés</a></li>
|
||||
<li><a href="/alkalmazasok#fajlkezeles">Fájlkezelés & Irodai</a></li>
|
||||
<li><a href="/alkalmazasok#media">Média & Szórakozás</a></li>
|
||||
<li><a href="/alkalmazasok#otthon">Otthon & Életmód</a></li>
|
||||
<li><a href="/alkalmazasok#produktivitas">Produktivitás & Tudáskezelés</a></li>
|
||||
<li><a href="/alkalmazasok#rendszer">Rendszer & Fejlesztés</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="/technologiak"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-layers"/></svg>Technológiák</a></li>
|
||||
@@ -961,7 +963,7 @@
|
||||
<div class="container">
|
||||
<h2>Nem találtad a <span>válaszodat?</span></h2>
|
||||
<p>Írj nekünk bátran – szívesen válaszolunk minden kérdésedre.</p>
|
||||
<a href="/#kapcsolat" class="cta-button">Kapcsolatfelvétel →</a>
|
||||
<a href="/kapcsolat" class="cta-button">Kapcsolatfelvétel →</a>
|
||||
</div>
|
||||
</section>
|
||||
<footer>
|
||||
|
||||
+22
-97
@@ -54,9 +54,11 @@
|
||||
"sameAs": []
|
||||
}
|
||||
</script>
|
||||
<link rel="preload" as="font" type="font/woff2" crossorigin href="/assets/fonts/pjs-latin.woff2">
|
||||
<link rel="preload" as="font" type="font/woff2" crossorigin href="/assets/fonts/pjs-latin-ext.woff2">
|
||||
<!-- shared assets: bump ?v= together on any site.css/icons.svg change -->
|
||||
<link rel="stylesheet" href="/assets/site.css?v=23">
|
||||
<link rel="stylesheet" href="/assets/shell.css?v=23">
|
||||
<link rel="stylesheet" href="/assets/site.css?v=24">
|
||||
<link rel="stylesheet" href="/assets/shell.css?v=24">
|
||||
<link rel="icon" type="image/png" href="/assets/logo_favicon_2.svg">
|
||||
<script defer src="/assets/gallery.js?v=2"></script>
|
||||
<script defer src="https://stats.felhom.eu/script.js" data-website-id="d419db57-5e1c-48df-bdb3-c29f25fb1661"></script>
|
||||
@@ -78,16 +80,16 @@
|
||||
</div>
|
||||
<ul class="nav-links">
|
||||
<li><a href="/" class="active"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-home"/></svg>Kezdőlap</a></li>
|
||||
<li><a href="/#szolgaltatasok"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-rocket"/></svg>Szolgáltatások</a></li>
|
||||
<li><a href="/szolgaltatasok"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-rocket"/></svg>Szolgáltatások</a></li>
|
||||
<li class="nav-group">
|
||||
<button type="button" class="nav-group-toggle" aria-expanded="false" aria-controls="nav-group-apps"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-package"/></svg>Alkalmazások<svg class="ico nav-chevron" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-chevron-down"/></svg></button>
|
||||
<ul id="nav-group-apps" class="nav-links nav-links-sub nav-links-nested">
|
||||
<li><a href="/alkalmazasok">Minden alkalmazás</a></li>
|
||||
<li><a href="/alkalmazasok#fajlkezeles-irodai">Fájlkezelés & Irodai</a></li>
|
||||
<li><a href="/alkalmazasok#media-szorakozas">Média & Szórakozás</a></li>
|
||||
<li><a href="/alkalmazasok#otthon-eletmod">Otthon & Életmód</a></li>
|
||||
<li><a href="/alkalmazasok#produktivitas-tudaskezeles">Produktivitás & Tudáskezelés</a></li>
|
||||
<li><a href="/alkalmazasok#rendszer-fejlesztes">Rendszer & Fejlesztés</a></li>
|
||||
<li><a href="/alkalmazasok#fajlkezeles">Fájlkezelés & Irodai</a></li>
|
||||
<li><a href="/alkalmazasok#media">Média & Szórakozás</a></li>
|
||||
<li><a href="/alkalmazasok#otthon">Otthon & Életmód</a></li>
|
||||
<li><a href="/alkalmazasok#produktivitas">Produktivitás & Tudáskezelés</a></li>
|
||||
<li><a href="/alkalmazasok#rendszer">Rendszer & Fejlesztés</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="/technologiak"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-layers"/></svg>Technológiák</a></li>
|
||||
@@ -107,43 +109,17 @@
|
||||
</div>
|
||||
</nav>
|
||||
<main class="content">
|
||||
<div class="page-header">
|
||||
<h1>Saját felhőd, saját szabályaid</h1>
|
||||
<span class="domain-badge">Otthoni szerver szolgáltatás</span>
|
||||
</div>
|
||||
|
||||
<section class="hero-row">
|
||||
<div class="hero-copy">
|
||||
<h1>Saját felhőd,<br><span>saját szabályaid</span></h1>
|
||||
<span class="domain-badge">Otthoni szerver szolgáltatás</span>
|
||||
<p class="hero-lede">Egy kis gép az otthonodban: a fényképeid, a dokumentumaid, a filmjeid. Minden éjjel mentés készül. Mi figyeljük, te használod.</p>
|
||||
<a href="/teszteles" class="btn btn-primary btn-lg">Jelentkezem tesztelőnek →</a>
|
||||
</div>
|
||||
<div class="hero-window" aria-label="A vezérlőpult képe">
|
||||
<div class="hero-window-bar">
|
||||
<span class="hw-dot"></span><span class="hw-dot"></span><span class="hw-dot"></span>
|
||||
<span class="hero-window-title">otthonod.hu <span class="sample">minta</span></span>
|
||||
</div>
|
||||
<div class="hero-window-body">
|
||||
<p class="hero-window-lede">Így néz ki a doboz vezérlőpultja.</p>
|
||||
<div class="launch-grid launch-grid--mini">
|
||||
<a class="launch-cell" href="/alkalmazasok#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="/alkalmazasok#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="/alkalmazasok#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="/alkalmazasok#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>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<figure class="hero-shot">
|
||||
<img src="/assets/dashboard-laptop-hu.webp?v=1" width="1200" height="916" alt="A doboz vezérlőpultja egy laptop képernyőjén: az Indítópult a telepített alkalmazásokkal" decoding="async">
|
||||
<figcaption>Így néz ki a doboz vezérlőpultja.</figcaption>
|
||||
</figure>
|
||||
</section>
|
||||
|
||||
<section class="shell-section" id="szolgaltatasok">
|
||||
@@ -151,63 +127,12 @@
|
||||
<h2>Mit tud a doboz ma?</h2>
|
||||
<p>Nem terv és nem ígéret: ezek ma működő funkciók egy éles Felhom dobozon.</p>
|
||||
</div>
|
||||
<div class="caps">
|
||||
<div class="caps-group">
|
||||
<h3>Amit nap mint nap használsz</h3>
|
||||
<ul class="caps-list">
|
||||
<li class="caps-item">
|
||||
<h4><svg class="ico-lg" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-camera"/></svg> Fényképek, dokumentumok, média</h4>
|
||||
<p>A telefonod fotói automatikusan feltöltődnek a saját gépedre. A beszkennelt papírjaidat a rendszer felismeri és keresővé teszi. A filmjeid, zenéid böngészőből és mobil appból is mennek.</p>
|
||||
</li>
|
||||
<li class="caps-item">
|
||||
<h4><svg class="ico-lg" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-folder"/></svg> Hálózati megosztás</h4>
|
||||
<p>A doboz mappái megjelennek a Windows Intézőben és a Mac Finderben: úgy húzod rájuk a fájlokat, mint bármelyik másik mappára. Megosztásonként beállítható, hogy csak olvasható legyen.</p>
|
||||
</li>
|
||||
<li class="caps-item">
|
||||
<h4><svg class="ico-lg" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-package"/></svg> 58 telepíthető alkalmazás</h4>
|
||||
<p>A vezérlőpultból telepíthetők, pár kattintással, parancssor nélkül. Szinte mind nyílt forráskódú, és mind a te gépeden fut.</p>
|
||||
</li>
|
||||
<li class="caps-item">
|
||||
<h4><svg class="ico-lg" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-globe"/></svg> Magyarul vagy angolul</h4>
|
||||
<p>A vezérlőpult magyarul és angolul is használható. A nyelvet a háztartás választja, és a dobozról érkező e-mailek is ezt a nyelvet követik.</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="caps-group">
|
||||
<h3>Ami a háttérben véd</h3>
|
||||
<ul class="caps-list">
|
||||
<li class="caps-item">
|
||||
<h4><svg class="ico-lg" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-shield-check"/></svg> Háromszintű automatikus mentés</h4>
|
||||
<p>Minden éjjel készül egy mentés a dobozon, egy másodpéldány egy második meghajtóra (ha van), és egy titkosított másolat egy távoli tárhelyre. A megosztott mappáid a második meghajtón és a távoli másolatban is benne vannak.</p>
|
||||
</li>
|
||||
<li class="caps-item">
|
||||
<h4><svg class="ico-lg" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-lock"/></svg> Helyreállítási kód, amit csak te ismersz</h4>
|
||||
<p>A távoli mentésed titkosításának kulcsa egy helyreállítási kód, ami pontosan egyszer jelenik meg: a te képernyődön. Mi nem ismerjük, és nem tudjuk visszaállítani. Ez azt is jelenti, hogy a kód nélkül a távoli mentés nekünk sem olvasható: tedd el jól.</p>
|
||||
</li>
|
||||
<li class="caps-item">
|
||||
<h4><svg class="ico-lg" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-rotate-cw"/></svg> Visszaállítás, ha baj van</h4>
|
||||
<p>Egy törölt fájl visszahozható a mentésből. Ha maga a doboz megy tönkre, az újratelepített rendszerre a titkosított távoli mentésből visszahozhatók az alkalmazásaid adatai, a helyreállítási kóddal.</p>
|
||||
</li>
|
||||
<li class="caps-item">
|
||||
<h4><svg class="ico-lg" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-home"/></svg> Internetkimaradáskor is működik</h4>
|
||||
<p>A doboz az otthonodban van. Ha elmegy a net, az otthoni hálózaton továbbra is eléred a fotóidat és a fájljaidat: nem egy távoli szolgáltató engedélyétől függenek.</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="caps-group">
|
||||
<h3>Amiről mi gondoskodunk</h3>
|
||||
<ul class="caps-list">
|
||||
<li class="caps-item">
|
||||
<h4><svg class="ico-lg" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-stethoscope"/></svg> Távoli felügyelet, automatikus frissítés</h4>
|
||||
<p>Figyeljük a doboz állapotát. A vezérlőpult magától frissül a legutóbbi kiadásra, és a doboz rendszere is megkapja a biztonsági frissítéseket. Neked nem kell csinálnod semmit. Ha valami elromlik, mi látjuk.</p>
|
||||
</li>
|
||||
<li class="caps-item">
|
||||
<h4><svg class="ico-lg" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-rotate-cw"/></svg> Óvatos alkalmazásfrissítés</h4>
|
||||
<p>Egy alkalmazás új verziója csak akkor jut el hozzád, ha előbb kipróbáltuk. Frissítés előtt friss mentés készül, és ha az új verzió nem indul el rendesen, a doboz magától visszaállítja az előzőt, az adataiddal együtt.</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<ul class="caps-teaser">
|
||||
<li><a href="/szolgaltatasok#nap-mint-nap">Amit nap mint nap használsz</a></li>
|
||||
<li><a href="/szolgaltatasok#hatterben">Ami a háttérben véd</a></li>
|
||||
<li><a href="/szolgaltatasok#gondoskodunk">Amiről mi gondoskodunk</a></li>
|
||||
</ul>
|
||||
<a href="/szolgaltatasok" class="btn btn-outline">Minden szolgáltatás →</a>
|
||||
</section>
|
||||
|
||||
<section class="shell-section" id="vezerlopult">
|
||||
|
||||
+10
-8
@@ -26,9 +26,11 @@
|
||||
<meta name="twitter:title" content="Kapcsolat — Felhom.eu">
|
||||
<meta name="twitter:description" content="Kérdésed van? Írj nekünk: info@felhom.eu">
|
||||
<meta name="twitter:image" content="https://felhom.eu/assets/og-image.png">
|
||||
<link rel="preload" as="font" type="font/woff2" crossorigin href="/assets/fonts/pjs-latin.woff2">
|
||||
<link rel="preload" as="font" type="font/woff2" crossorigin href="/assets/fonts/pjs-latin-ext.woff2">
|
||||
<!-- shared assets: bump ?v= together on any site.css/icons.svg change -->
|
||||
<link rel="stylesheet" href="/assets/site.css?v=23">
|
||||
<link rel="stylesheet" href="/assets/shell.css?v=23">
|
||||
<link rel="stylesheet" href="/assets/site.css?v=24">
|
||||
<link rel="stylesheet" href="/assets/shell.css?v=24">
|
||||
<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>
|
||||
@@ -49,16 +51,16 @@
|
||||
</div>
|
||||
<ul class="nav-links">
|
||||
<li><a href="/"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-home"/></svg>Kezdőlap</a></li>
|
||||
<li><a href="/#szolgaltatasok"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-rocket"/></svg>Szolgáltatások</a></li>
|
||||
<li><a href="/szolgaltatasok"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-rocket"/></svg>Szolgáltatások</a></li>
|
||||
<li class="nav-group">
|
||||
<button type="button" class="nav-group-toggle" aria-expanded="false" aria-controls="nav-group-apps"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-package"/></svg>Alkalmazások<svg class="ico nav-chevron" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-chevron-down"/></svg></button>
|
||||
<ul id="nav-group-apps" class="nav-links nav-links-sub nav-links-nested">
|
||||
<li><a href="/alkalmazasok">Minden alkalmazás</a></li>
|
||||
<li><a href="/alkalmazasok#fajlkezeles-irodai">Fájlkezelés & Irodai</a></li>
|
||||
<li><a href="/alkalmazasok#media-szorakozas">Média & Szórakozás</a></li>
|
||||
<li><a href="/alkalmazasok#otthon-eletmod">Otthon & Életmód</a></li>
|
||||
<li><a href="/alkalmazasok#produktivitas-tudaskezeles">Produktivitás & Tudáskezelés</a></li>
|
||||
<li><a href="/alkalmazasok#rendszer-fejlesztes">Rendszer & Fejlesztés</a></li>
|
||||
<li><a href="/alkalmazasok#fajlkezeles">Fájlkezelés & Irodai</a></li>
|
||||
<li><a href="/alkalmazasok#media">Média & Szórakozás</a></li>
|
||||
<li><a href="/alkalmazasok#otthon">Otthon & Életmód</a></li>
|
||||
<li><a href="/alkalmazasok#produktivitas">Produktivitás & Tudáskezelés</a></li>
|
||||
<li><a href="/alkalmazasok#rendszer">Rendszer & Fejlesztés</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="/technologiak"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-layers"/></svg>Technológiák</a></li>
|
||||
|
||||
+10
-8
@@ -24,9 +24,11 @@
|
||||
<meta name="twitter:title" content="A Felhom telepítő letöltése">
|
||||
<meta name="twitter:description" content="Letöltés, ellenőrző összeg, és mire figyelj a telepítés előtt.">
|
||||
<meta name="twitter:image" content="https://felhom.eu/assets/og-image.png">
|
||||
<link rel="preload" as="font" type="font/woff2" crossorigin href="/assets/fonts/pjs-latin.woff2">
|
||||
<link rel="preload" as="font" type="font/woff2" crossorigin href="/assets/fonts/pjs-latin-ext.woff2">
|
||||
<!-- shared assets: bump ?v= together on any site.css/icons.svg change -->
|
||||
<link rel="stylesheet" href="/assets/site.css?v=23">
|
||||
<link rel="stylesheet" href="/assets/shell.css?v=23">
|
||||
<link rel="stylesheet" href="/assets/site.css?v=24">
|
||||
<link rel="stylesheet" href="/assets/shell.css?v=24">
|
||||
<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>
|
||||
@@ -47,16 +49,16 @@
|
||||
</div>
|
||||
<ul class="nav-links">
|
||||
<li><a href="/"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-home"/></svg>Kezdőlap</a></li>
|
||||
<li><a href="/#szolgaltatasok"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-rocket"/></svg>Szolgáltatások</a></li>
|
||||
<li><a href="/szolgaltatasok"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-rocket"/></svg>Szolgáltatások</a></li>
|
||||
<li class="nav-group">
|
||||
<button type="button" class="nav-group-toggle" aria-expanded="false" aria-controls="nav-group-apps"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-package"/></svg>Alkalmazások<svg class="ico nav-chevron" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-chevron-down"/></svg></button>
|
||||
<ul id="nav-group-apps" class="nav-links nav-links-sub nav-links-nested">
|
||||
<li><a href="/alkalmazasok">Minden alkalmazás</a></li>
|
||||
<li><a href="/alkalmazasok#fajlkezeles-irodai">Fájlkezelés & Irodai</a></li>
|
||||
<li><a href="/alkalmazasok#media-szorakozas">Média & Szórakozás</a></li>
|
||||
<li><a href="/alkalmazasok#otthon-eletmod">Otthon & Életmód</a></li>
|
||||
<li><a href="/alkalmazasok#produktivitas-tudaskezeles">Produktivitás & Tudáskezelés</a></li>
|
||||
<li><a href="/alkalmazasok#rendszer-fejlesztes">Rendszer & Fejlesztés</a></li>
|
||||
<li><a href="/alkalmazasok#fajlkezeles">Fájlkezelés & Irodai</a></li>
|
||||
<li><a href="/alkalmazasok#media">Média & Szórakozás</a></li>
|
||||
<li><a href="/alkalmazasok#otthon">Otthon & Életmód</a></li>
|
||||
<li><a href="/alkalmazasok#produktivitas">Produktivitás & Tudáskezelés</a></li>
|
||||
<li><a href="/alkalmazasok#rendszer">Rendszer & Fejlesztés</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="/technologiak"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-layers"/></svg>Technológiák</a></li>
|
||||
|
||||
@@ -6,9 +6,11 @@
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="description" content="Felhom.eu - Szolgáltatások és árak. Otthoni szerver telepítés, üzemeltetés, monitoring és támogatás.">
|
||||
<title>Szolgáltatások - Felhom.eu</title>
|
||||
<link rel="preload" as="font" type="font/woff2" crossorigin href="/assets/fonts/pjs-latin.woff2">
|
||||
<link rel="preload" as="font" type="font/woff2" crossorigin href="/assets/fonts/pjs-latin-ext.woff2">
|
||||
<!-- shared assets: bump ?v= together on any site.css/icons.svg change -->
|
||||
<link rel="stylesheet" href="/assets/site.css?v=23">
|
||||
<link rel="stylesheet" href="/assets/shell.css?v=23">
|
||||
<link rel="stylesheet" href="/assets/site.css?v=24">
|
||||
<link rel="stylesheet" href="/assets/shell.css?v=24">
|
||||
<link rel="icon" type="image/png" href="/assets/logo_favicon_2.svg">
|
||||
<!-- analytics intentionally omitted for draft page -->
|
||||
</head>
|
||||
@@ -29,16 +31,16 @@
|
||||
</div>
|
||||
<ul class="nav-links">
|
||||
<li><a href="/"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-home"/></svg>Kezdőlap</a></li>
|
||||
<li><a href="/#szolgaltatasok"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-rocket"/></svg>Szolgáltatások</a></li>
|
||||
<li><a href="/szolgaltatasok"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-rocket"/></svg>Szolgáltatások</a></li>
|
||||
<li class="nav-group">
|
||||
<button type="button" class="nav-group-toggle" aria-expanded="false" aria-controls="nav-group-apps"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-package"/></svg>Alkalmazások<svg class="ico nav-chevron" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-chevron-down"/></svg></button>
|
||||
<ul id="nav-group-apps" class="nav-links nav-links-sub nav-links-nested">
|
||||
<li><a href="/alkalmazasok">Minden alkalmazás</a></li>
|
||||
<li><a href="/alkalmazasok#fajlkezeles-irodai">Fájlkezelés & Irodai</a></li>
|
||||
<li><a href="/alkalmazasok#media-szorakozas">Média & Szórakozás</a></li>
|
||||
<li><a href="/alkalmazasok#otthon-eletmod">Otthon & Életmód</a></li>
|
||||
<li><a href="/alkalmazasok#produktivitas-tudaskezeles">Produktivitás & Tudáskezelés</a></li>
|
||||
<li><a href="/alkalmazasok#rendszer-fejlesztes">Rendszer & Fejlesztés</a></li>
|
||||
<li><a href="/alkalmazasok#fajlkezeles">Fájlkezelés & Irodai</a></li>
|
||||
<li><a href="/alkalmazasok#media">Média & Szórakozás</a></li>
|
||||
<li><a href="/alkalmazasok#otthon">Otthon & Életmód</a></li>
|
||||
<li><a href="/alkalmazasok#produktivitas">Produktivitás & Tudáskezelés</a></li>
|
||||
<li><a href="/alkalmazasok#rendszer">Rendszer & Fejlesztés</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="/technologiak"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-layers"/></svg>Technológiák</a></li>
|
||||
|
||||
@@ -0,0 +1,252 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="hu" class="no-js">
|
||||
<head>
|
||||
<script>document.documentElement.className=document.documentElement.className.replace('no-js','js');</script>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Szolgáltatások — mit tud ma a Felhom doboz | Felhom.eu</title>
|
||||
<meta name="description" content="Mit tud ma egy Felhom doboz: fényképek és dokumentumok, hálózati megosztás, 58 telepíthető alkalmazás, háromszintű automatikus mentés és távoli felügyelet.">
|
||||
<meta name="keywords" content="otthoni szerver szolgáltatások, funkciók, hálózati megosztás, automatikus mentés, telepíthető alkalmazások, távoli felügyelet">
|
||||
<meta name="robots" content="index, follow">
|
||||
<link rel="canonical" href="https://felhom.eu/szolgaltatasok">
|
||||
<link rel="alternate" hreflang="hu" href="https://felhom.eu/szolgaltatasok">
|
||||
<link rel="alternate" hreflang="en" href="https://felhom.eu/en/services">
|
||||
<link rel="alternate" hreflang="x-default" href="https://felhom.eu/szolgaltatasok">
|
||||
|
||||
<meta property="og:type" content="article">
|
||||
<meta property="og:url" content="https://felhom.eu/szolgaltatasok">
|
||||
<meta property="og:title" content="Mit tud ma a Felhom doboz">
|
||||
<meta property="og:description" content="Nem terv és nem ígéret: ezek ma működő funkciók egy éles Felhom dobozon.">
|
||||
<meta property="og:image" content="https://felhom.eu/assets/og-image.png">
|
||||
<meta property="og:locale" content="hu_HU">
|
||||
<meta property="og:site_name" content="Felhom.eu">
|
||||
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<meta name="twitter:title" content="Mit tud ma a Felhom doboz">
|
||||
<meta name="twitter:description" content="Nem terv és nem ígéret: ezek ma működő funkciók egy éles Felhom dobozon.">
|
||||
<meta name="twitter:image" content="https://felhom.eu/assets/og-image.png">
|
||||
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "Article",
|
||||
"headline": "Mit tud ma a Felhom doboz",
|
||||
"description": "A Felhom doboz ma működő szolgáltatásai, három csoportban.",
|
||||
"author": {"@type": "Organization", "name": "Felhom.eu"},
|
||||
"publisher": {"@type": "Organization", "name": "Felhom.eu", "logo": {"@type": "ImageObject", "url": "https://felhom.eu/assets/logo.png"}},
|
||||
"mainEntityOfPage": "https://felhom.eu/szolgaltatasok"
|
||||
}
|
||||
</script>
|
||||
<link rel="preload" as="font" type="font/woff2" crossorigin href="/assets/fonts/pjs-latin.woff2">
|
||||
<link rel="preload" as="font" type="font/woff2" crossorigin href="/assets/fonts/pjs-latin-ext.woff2">
|
||||
<!-- shared assets: bump ?v= together on any site.css/icons.svg change -->
|
||||
<link rel="stylesheet" href="/assets/site.css?v=24">
|
||||
<link rel="stylesheet" href="/assets/shell.css?v=24">
|
||||
<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="shell page-szolgaltatasok">
|
||||
<header class="mobile-topbar">
|
||||
<a href="/" 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">
|
||||
<a href="/" class="sidebar-logo-link">
|
||||
<img src="/assets/logo_notext_white.svg" alt="" class="sidebar-logo" aria-hidden="true">
|
||||
<img src="/assets/logo-wordmark.png" alt="felhom.eu" class="sidebar-word">
|
||||
</a>
|
||||
</div>
|
||||
<ul class="nav-links">
|
||||
<li><a href="/"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-home"/></svg>Kezdőlap</a></li>
|
||||
<li><a href="/szolgaltatasok" class="active"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-rocket"/></svg>Szolgáltatások</a></li>
|
||||
<li class="nav-group">
|
||||
<button type="button" class="nav-group-toggle" aria-expanded="false" aria-controls="nav-group-apps"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-package"/></svg>Alkalmazások<svg class="ico nav-chevron" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-chevron-down"/></svg></button>
|
||||
<ul id="nav-group-apps" class="nav-links nav-links-sub nav-links-nested">
|
||||
<li><a href="/alkalmazasok">Minden alkalmazás</a></li>
|
||||
<li><a href="/alkalmazasok#fajlkezeles">Fájlkezelés & Irodai</a></li>
|
||||
<li><a href="/alkalmazasok#media">Média & Szórakozás</a></li>
|
||||
<li><a href="/alkalmazasok#otthon">Otthon & Életmód</a></li>
|
||||
<li><a href="/alkalmazasok#produktivitas">Produktivitás & Tudáskezelés</a></li>
|
||||
<li><a href="/alkalmazasok#rendszer">Rendszer & Fejlesztés</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="/technologiak"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-layers"/></svg>Technológiák</a></li>
|
||||
<li><a href="/biztonsagimentes"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-shield-check"/></svg>Biztonsági mentés</a></li>
|
||||
</ul>
|
||||
<div class="sidebar-bottom">
|
||||
<a href="/teszteles" class="btn btn-outline sidebar-cta">Jelentkezem tesztelőnek →</a>
|
||||
<div class="nav-group-label">A Felhomról</div>
|
||||
<ul class="nav-links nav-links-sub">
|
||||
<li><a href="/#hogyan-mukodik">Hogyan működik</a></li>
|
||||
<li><a href="/gyik">GYIK</a></li>
|
||||
<li><a href="/kapcsolat">Kapcsolat</a></li>
|
||||
</ul>
|
||||
<div class="sidebar-footer">
|
||||
<details class="lang-globe"><summary class="lang-globe-btn" aria-label="Nyelv" title="Nyelv"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-globe"/></svg></summary><ul class="lang-globe-menu"><li><a href="/szolgaltatasok" lang="hu" hreflang="hu" class="lang-globe-item current" aria-current="true">Magyar</a></li><li><a href="/en/services" lang="en" hreflang="en" class="lang-globe-item">English</a></li></ul></details>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<main class="content">
|
||||
<div class="page-header">
|
||||
<h1>Szolgáltatások</h1>
|
||||
</div>
|
||||
<p class="page-lede">Nem terv és nem ígéret: ezek ma működő funkciók egy éles Felhom dobozon.</p>
|
||||
|
||||
<section class="shell-section">
|
||||
<div class="caps">
|
||||
<div class="caps-group" id="nap-mint-nap">
|
||||
<h3>Amit nap mint nap használsz</h3>
|
||||
<ul class="caps-list">
|
||||
<li class="caps-item">
|
||||
<h4><svg class="ico-lg" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-camera"/></svg> Fényképek, dokumentumok, média</h4>
|
||||
<p>A telefonod fotói automatikusan feltöltődnek a saját gépedre. A beszkennelt papírjaidat a rendszer felismeri és keresővé teszi. A filmjeid, zenéid böngészőből és mobil appból is mennek.</p>
|
||||
</li>
|
||||
<li class="caps-item">
|
||||
<h4><svg class="ico-lg" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-folder"/></svg> Hálózati megosztás</h4>
|
||||
<p>A doboz mappái megjelennek a Windows Intézőben és a Mac Finderben: úgy húzod rájuk a fájlokat, mint bármelyik másik mappára. Megosztásonként beállítható, hogy csak olvasható legyen.</p>
|
||||
</li>
|
||||
<li class="caps-item">
|
||||
<h4><svg class="ico-lg" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-package"/></svg> 58 telepíthető alkalmazás</h4>
|
||||
<p>A vezérlőpultból telepíthetők, pár kattintással, parancssor nélkül. Szinte mind nyílt forráskódú, és mind a te gépeden fut.</p>
|
||||
</li>
|
||||
<li class="caps-item">
|
||||
<h4><svg class="ico-lg" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-globe"/></svg> Magyarul vagy angolul</h4>
|
||||
<p>A vezérlőpult magyarul és angolul is használható. A nyelvet a háztartás választja, és a dobozról érkező e-mailek is ezt a nyelvet követik.</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="caps-group" id="hatterben">
|
||||
<h3>Ami a háttérben véd</h3>
|
||||
<ul class="caps-list">
|
||||
<li class="caps-item">
|
||||
<h4><svg class="ico-lg" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-shield-check"/></svg> Háromszintű automatikus mentés</h4>
|
||||
<p>Minden éjjel készül egy mentés a dobozon, egy másodpéldány egy második meghajtóra (ha van), és egy titkosított másolat egy távoli tárhelyre. A megosztott mappáid a második meghajtón és a távoli másolatban is benne vannak.</p>
|
||||
</li>
|
||||
<li class="caps-item">
|
||||
<h4><svg class="ico-lg" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-lock"/></svg> Helyreállítási kód, amit csak te ismersz</h4>
|
||||
<p>A távoli mentésed titkosításának kulcsa egy helyreállítási kód, ami pontosan egyszer jelenik meg: a te képernyődön. Mi nem ismerjük, és nem tudjuk visszaállítani. Ez azt is jelenti, hogy a kód nélkül a távoli mentés nekünk sem olvasható: tedd el jól.</p>
|
||||
</li>
|
||||
<li class="caps-item">
|
||||
<h4><svg class="ico-lg" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-rotate-cw"/></svg> Visszaállítás, ha baj van</h4>
|
||||
<p>Egy törölt fájl visszahozható a mentésből. Ha maga a doboz megy tönkre, az újratelepített rendszerre a titkosított távoli mentésből visszahozhatók az alkalmazásaid adatai, a helyreállítási kóddal.</p>
|
||||
</li>
|
||||
<li class="caps-item">
|
||||
<h4><svg class="ico-lg" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-home"/></svg> Internetkimaradáskor is működik</h4>
|
||||
<p>A doboz az otthonodban van. Ha elmegy a net, az otthoni hálózaton továbbra is eléred a fotóidat és a fájljaidat: nem egy távoli szolgáltató engedélyétől függenek.</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="caps-group" id="gondoskodunk">
|
||||
<h3>Amiről mi gondoskodunk</h3>
|
||||
<ul class="caps-list">
|
||||
<li class="caps-item">
|
||||
<h4><svg class="ico-lg" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-stethoscope"/></svg> Távoli felügyelet, automatikus frissítés</h4>
|
||||
<p>Figyeljük a doboz állapotát. A vezérlőpult magától frissül a legutóbbi kiadásra, és a doboz rendszere is megkapja a biztonsági frissítéseket. Neked nem kell csinálnod semmit. Ha valami elromlik, mi látjuk.</p>
|
||||
</li>
|
||||
<li class="caps-item">
|
||||
<h4><svg class="ico-lg" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-rotate-cw"/></svg> Óvatos alkalmazásfrissítés</h4>
|
||||
<p>Egy alkalmazás új verziója csak akkor jut el hozzád, ha előbb kipróbáltuk. Frissítés előtt friss mentés készül, és ha az új verzió nem indul el rendesen, a doboz magától visszaállítja az előzőt, az adataiddal együtt.</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer>
|
||||
<div class="container">
|
||||
<p>© 2026 felhom.eu – Saját felhőd, saját szabályaid</p>
|
||||
<p class="footer-legal">Üzemeltető: Nagyfenyvesi Viktor · <a href="mailto:info@felhom.eu">info@felhom.eu</a> · <a href="/adatkezeles">Adatkezelési tájékoztató</a> · <a href="/feltetelek">Feltételek</a></p>
|
||||
</div>
|
||||
</footer>
|
||||
</main>
|
||||
<script>
|
||||
(function() {
|
||||
var hamburger = document.getElementById('hamburger');
|
||||
var navLinks = document.querySelector('.nav-links');
|
||||
var overlay = document.getElementById('mobileOverlay');
|
||||
var body = document.body;
|
||||
|
||||
if (!hamburger || !navLinks || !overlay) {
|
||||
console.warn('[mobile-menu] Missing elements:', {
|
||||
hamburger: !!hamburger,
|
||||
navLinks: !!navLinks,
|
||||
overlay: !!overlay
|
||||
});
|
||||
return;
|
||||
}
|
||||
|
||||
function openMenu() {
|
||||
hamburger.classList.add('is-active');
|
||||
navLinks.classList.add('is-open');
|
||||
overlay.classList.add('is-visible');
|
||||
body.classList.add('menu-open');
|
||||
hamburger.setAttribute('aria-expanded', 'true');
|
||||
hamburger.setAttribute('aria-label', 'Menü bezárása');
|
||||
}
|
||||
|
||||
function closeMenu() {
|
||||
hamburger.classList.remove('is-active');
|
||||
navLinks.classList.remove('is-open');
|
||||
overlay.classList.remove('is-visible');
|
||||
body.classList.remove('menu-open');
|
||||
hamburger.setAttribute('aria-expanded', 'false');
|
||||
hamburger.setAttribute('aria-label', 'Menü megnyitása');
|
||||
}
|
||||
|
||||
hamburger.addEventListener('click', function() {
|
||||
if (navLinks.classList.contains('is-open')) {
|
||||
closeMenu();
|
||||
} else {
|
||||
openMenu();
|
||||
}
|
||||
});
|
||||
|
||||
overlay.addEventListener('click', closeMenu);
|
||||
|
||||
navLinks.querySelectorAll('a').forEach(function(link) {
|
||||
link.addEventListener('click', closeMenu);
|
||||
});
|
||||
|
||||
document.addEventListener('keydown', function(e) {
|
||||
if (e.key === 'Escape' && navLinks.classList.contains('is-open')) {
|
||||
closeMenu();
|
||||
}
|
||||
});
|
||||
|
||||
window.addEventListener('resize', function() {
|
||||
if (window.innerWidth > 900 && navLinks.classList.contains('is-open')) {
|
||||
closeMenu();
|
||||
}
|
||||
});
|
||||
})();
|
||||
</script>
|
||||
<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;document.body.classList.add('nav-open');b.setAttribute('aria-expanded','true');}
|
||||
function close(){s.classList.remove('is-open');k.hidden=true;document.body.classList.remove('nav-open');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'&&s.classList.contains('is-open')){close();b.focus();}});
|
||||
s.querySelectorAll('a').forEach(function(l){l.addEventListener('click',close);});
|
||||
window.addEventListener('resize',function(){if(window.innerWidth>768)close();});
|
||||
})();
|
||||
document.addEventListener('click',function(e){
|
||||
var btn=e.target.closest?e.target.closest('.nav-group-toggle'):null;
|
||||
if(!btn)return;
|
||||
var g=btn.closest('.nav-group');if(!g)return;
|
||||
var willOpen=!g.classList.contains('is-open');
|
||||
document.querySelectorAll('.nav-group.is-open').forEach(function(x){
|
||||
x.classList.remove('is-open');
|
||||
var t=x.querySelector('.nav-group-toggle');if(t)t.setAttribute('aria-expanded','false');
|
||||
});
|
||||
if(willOpen){g.classList.add('is-open');btn.setAttribute('aria-expanded','true');}
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -38,9 +38,11 @@
|
||||
"mainEntityOfPage": "https://felhom.eu/technologiak"
|
||||
}
|
||||
</script>
|
||||
<link rel="preload" as="font" type="font/woff2" crossorigin href="/assets/fonts/pjs-latin.woff2">
|
||||
<link rel="preload" as="font" type="font/woff2" crossorigin href="/assets/fonts/pjs-latin-ext.woff2">
|
||||
<!-- shared assets: bump ?v= together on any site.css/icons.svg change -->
|
||||
<link rel="stylesheet" href="/assets/site.css?v=23">
|
||||
<link rel="stylesheet" href="/assets/shell.css?v=23">
|
||||
<link rel="stylesheet" href="/assets/site.css?v=24">
|
||||
<link rel="stylesheet" href="/assets/shell.css?v=24">
|
||||
<link rel="icon" type="image/png" href="/assets/logo_favicon_2.svg">
|
||||
<script defer src="/assets/gallery.js?v=2"></script>
|
||||
<script defer src="https://stats.felhom.eu/script.js" data-website-id="d419db57-5e1c-48df-bdb3-c29f25fb1661"></script>
|
||||
@@ -62,16 +64,16 @@
|
||||
</div>
|
||||
<ul class="nav-links">
|
||||
<li><a href="/"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-home"/></svg>Kezdőlap</a></li>
|
||||
<li><a href="/#szolgaltatasok"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-rocket"/></svg>Szolgáltatások</a></li>
|
||||
<li><a href="/szolgaltatasok"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-rocket"/></svg>Szolgáltatások</a></li>
|
||||
<li class="nav-group">
|
||||
<button type="button" class="nav-group-toggle" aria-expanded="false" aria-controls="nav-group-apps"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-package"/></svg>Alkalmazások<svg class="ico nav-chevron" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-chevron-down"/></svg></button>
|
||||
<ul id="nav-group-apps" class="nav-links nav-links-sub nav-links-nested">
|
||||
<li><a href="/alkalmazasok">Minden alkalmazás</a></li>
|
||||
<li><a href="/alkalmazasok#fajlkezeles-irodai">Fájlkezelés & Irodai</a></li>
|
||||
<li><a href="/alkalmazasok#media-szorakozas">Média & Szórakozás</a></li>
|
||||
<li><a href="/alkalmazasok#otthon-eletmod">Otthon & Életmód</a></li>
|
||||
<li><a href="/alkalmazasok#produktivitas-tudaskezeles">Produktivitás & Tudáskezelés</a></li>
|
||||
<li><a href="/alkalmazasok#rendszer-fejlesztes">Rendszer & Fejlesztés</a></li>
|
||||
<li><a href="/alkalmazasok#fajlkezeles">Fájlkezelés & Irodai</a></li>
|
||||
<li><a href="/alkalmazasok#media">Média & Szórakozás</a></li>
|
||||
<li><a href="/alkalmazasok#otthon">Otthon & Életmód</a></li>
|
||||
<li><a href="/alkalmazasok#produktivitas">Produktivitás & Tudáskezelés</a></li>
|
||||
<li><a href="/alkalmazasok#rendszer">Rendszer & Fejlesztés</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="/technologiak" class="active"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-layers"/></svg>Technológiák</a></li>
|
||||
|
||||
+10
-8
@@ -37,9 +37,11 @@
|
||||
"mainEntityOfPage": "https://felhom.eu/teszteles"
|
||||
}
|
||||
</script>
|
||||
<link rel="preload" as="font" type="font/woff2" crossorigin href="/assets/fonts/pjs-latin.woff2">
|
||||
<link rel="preload" as="font" type="font/woff2" crossorigin href="/assets/fonts/pjs-latin-ext.woff2">
|
||||
<!-- shared assets: bump ?v= together on any site.css/icons.svg change -->
|
||||
<link rel="stylesheet" href="/assets/site.css?v=23">
|
||||
<link rel="stylesheet" href="/assets/shell.css?v=23">
|
||||
<link rel="stylesheet" href="/assets/site.css?v=24">
|
||||
<link rel="stylesheet" href="/assets/shell.css?v=24">
|
||||
<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>
|
||||
@@ -60,16 +62,16 @@
|
||||
</div>
|
||||
<ul class="nav-links">
|
||||
<li><a href="/"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-home"/></svg>Kezdőlap</a></li>
|
||||
<li><a href="/#szolgaltatasok"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-rocket"/></svg>Szolgáltatások</a></li>
|
||||
<li><a href="/szolgaltatasok"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-rocket"/></svg>Szolgáltatások</a></li>
|
||||
<li class="nav-group">
|
||||
<button type="button" class="nav-group-toggle" aria-expanded="false" aria-controls="nav-group-apps"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-package"/></svg>Alkalmazások<svg class="ico nav-chevron" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-chevron-down"/></svg></button>
|
||||
<ul id="nav-group-apps" class="nav-links nav-links-sub nav-links-nested">
|
||||
<li><a href="/alkalmazasok">Minden alkalmazás</a></li>
|
||||
<li><a href="/alkalmazasok#fajlkezeles-irodai">Fájlkezelés & Irodai</a></li>
|
||||
<li><a href="/alkalmazasok#media-szorakozas">Média & Szórakozás</a></li>
|
||||
<li><a href="/alkalmazasok#otthon-eletmod">Otthon & Életmód</a></li>
|
||||
<li><a href="/alkalmazasok#produktivitas-tudaskezeles">Produktivitás & Tudáskezelés</a></li>
|
||||
<li><a href="/alkalmazasok#rendszer-fejlesztes">Rendszer & Fejlesztés</a></li>
|
||||
<li><a href="/alkalmazasok#fajlkezeles">Fájlkezelés & Irodai</a></li>
|
||||
<li><a href="/alkalmazasok#media">Média & Szórakozás</a></li>
|
||||
<li><a href="/alkalmazasok#otthon">Otthon & Életmód</a></li>
|
||||
<li><a href="/alkalmazasok#produktivitas">Produktivitás & Tudáskezelés</a></li>
|
||||
<li><a href="/alkalmazasok#rendszer">Rendszer & Fejlesztés</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="/technologiak"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-layers"/></svg>Technológiák</a></li>
|
||||
|
||||
Reference in New Issue
Block a user