<!--
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@#%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@#.:@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@%. .%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@:   +@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@+    .@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@:     =@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@%@@@@@@@@@@@#      .%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@.#@@@@@@@@@@:      .+@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@* .@@@@@@@@@@        .#@@@@@@@@@@@@@@@%%%%%%%%%%%%%%%%%%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@=  -@@@@@@@@%         :@@@.                                          ..-=*#%@@@@@@@@@@@@@@@
@@@@@@@@@-   =@@@@@@@%          =@@*.                                                      ..=@@@@@@
@@@@@@@@@-    +@@@@@@%          .+@@*                                                        :@@@@@@
@@@@@@@@@-    .+@@@@@@.          .@@@+-=+*#%%%@@@@@@@@@@@@@@@@@@@@%%%#*+=-:...               :@@@@@@
@@@@@@@@@=      *@@@@@*           .%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@%%#:     :@@@@@@
@@@@@@@@@+      .+@@@@@.           .@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@:     :@@@@@@
@@@@@@@@@%       .=@@@@+            .@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@:     :@@@@@@
@@@@@@@@@@=        -@@@@=            .%@@@@@@@@@@@@@@@@@#-.       .-#@@@@@@@@@@@@@@@@@@:     :@@@@@@
@@@@@@@@@@@:        .%@@@-            .%@@@@@@@@@@@@@@-..:.   .-==-. .%@@@@@@@@@@@@@@@@.     =@@@@@@
@@@@@@@@@@@#.        .#@@@=.            *@@@@@@@@@@@==+:.        ..     .#@@@@@@@@@@@@%.     *@@@@@@
@@@@@@@@@@@@*.         =@@@+.            -@@@@@@@@@@-                     *@@@@@@@@@@@*      %@@@@@@
@@@@@@@@@@@@@+.         .%@@%.            .%@@@@@@+.              .:=#%*-.-@@@@@@@@@@@-     .@@@@@@@
@@@@@@@@@@@@@@#.          -@@@+.           .+@@@@- ..            .#=@@@@@+@@@@@@@@@@@@.     =@@@@@@@
@@@@@@*@@@@@@@@@:           *@@@=.           .%@%.%:            -+ @@@@@@@@@@@@@@@@@@*     .*@@@@@@@
@@@@@@@.#@@@@@@@@*.          .%@@@*.           .@@@@*           +..@@@@@@@@@@@@@@@@@@=     .%@@@@@@@
@@@@@@@%.:@@@@@@@@@=.          .%@@@%:          .:@@@@+        .: .@@@@@@@@@@@@@@@@@@.     :@@@@@@@@
@@@@@@@@@:.:@@@@@@@@@=           .%@@@@#.         .:@@@@+.     ..  -@@@@@@@@@@@@@@@@=      %@@@@@@@@
@@@@@@@@@@: .:%@@@@@@@@+.          .=@@@@@#..        .#@@@#.       .-@@@@@@@@@@@@@@%.     -@@@@@@@@@
@@@@@@@@@@@+   .*@@@@@@@@%-.         .:%@@@@@%+.       .=@@@%-       -@@@@@@@@@@@@@+      *@@@@@@@@@
@@@@@@@@@@@@%.   .-%@@@@@@@@#:.         .=%@@@@@@#+.      .*@@@*..   :@@@@@@@@@@@@@.     .@@@@@@@@@@
@@@@@@@@@@@@@@+.    .=@@@@@@@@@%+.         .-#@@@@@@@@*=..  .:*@@@+. .%@@@@@@@@@@@-     .%@@@@@@@@@@
@@@@@=#@@@@@@@@@=      .-#@@@@@@@@@%=:         .+%@@@@@@@@@@*=-..+%@@+%@@@@@@@@@@#.     -@@@@@@@@@@@
@@@@@@=.*@@@@@@@@@+.       .+#@@@@@@@@@@%=-..      .=#@@@@@@@@@@@@@@#@@@@@@@@@@@%.     .@@@@@@@@@@@@
@@@@@@@#..=@@@@@@@@@#:         .-#@@@@@@@@@@@@@#=-:..  ..-#%@@@@@@@@@@@@@@@@@@@@:     .#@@@@@@@@@@@@
@@@@@@@@@=  .+@@@@@@@@@+..          .:#%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@-      =@@@@@@@@@@@@@
@@@@@@@@@@@:    -%@@@@@@@@%:.             ..=%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@=      =@@@@@@@@@@@@@@
@@@@@@@@@@@@@:     .-@@@@@@@@@@+.                 ..:=%@@@@@@@@@@@@@@@@@@@@@@=      .@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@+.      ..:#@@@@@@@@@@@%*-:....:=#%@@@@@@@@@@@@@@@@@@@@@@@@@@+.     :@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@=.        ...:-+@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@-      .@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@%-.             .....::::-=@@@@@@@@@@@@@@@@@@@@@@@@@@:.     :@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@#+:.           .:+#@@@@@@@@@@@@@@@@@@@@@@@@@@@@.      -@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@=       =@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@%.       *@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@-...    -@@@@@@@@@@@@@@@@@@@@@@@@-       :@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@+.      .=@@@@@@@@@@@@@@@@@@@@=.      .*@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@:.       =@@@@@@@@@@@@@@@@=.       -@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@%:       .:%@@@@@@@@@@#:.       :@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@%.         -@@@@@@-         .%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@%:.         ..         .:%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@=.                .+@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@%-            =@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*.    .*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@*@@@@@@@@+%@@@*++++++*@@@@@@@@@*#@@@@@@@@%+++++++#@@@@@*#@@@@@@@@@@+++++++*@@@@@@@@@@@@@@
@@@@@@@@@@@:.+@@@@+.:%@@# -####*:.@@@@@@#...-@@@@@@= =#####*.-@@@@.:@@@@@@@@@* -####*:.@@@@@@@@@@@@@
@@@@@@@@@@@@*.:%%:.+@@@@# .....:@@@@@@@: :#*..*@@@@- @@@@@-...%@@@.:@@@@@@@@@* ......@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@:. :%@@@@@# :*****..@@@*..------.:@@@+ -******:.%@@@..-----=%@@* :*****..@@@@@@@@@@@@@
@@@@@@@@@@@@@@@%%@@@@@@@@#######%@@@@@%@@@@@@@@#@@@@@#######%@@@@@%#######@@@@#######%@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@

  Vagelis Ferelis · ferelis.gr · info@ferelis.gr
-->
<!DOCTYPE html>
<html lang="el" data-lang-fixed="el">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- SEO:BEGIN generated by tools/seo.py, do not edit by hand -->
<title>Δωρεάν μικρές εφαρμογές | Βαγγέλης Φέρελης</title>
<meta name="description" content="Μικρές δωρεάν εφαρμογές του Βαγγέλη Φέρελη: διαδρομές με μηχανή, δρομολόγια διανομών, προϋπολογισμός, επενδύσεις, έλεγχος Windows, χρονόμετρο αυγού.">
<link rel="canonical" href="https://ferelis.gr/el/ferelisapps.html">
<link rel="alternate" hreflang="en" href="https://ferelis.gr/ferelisapps.html">
<link rel="alternate" hreflang="el" href="https://ferelis.gr/el/ferelisapps.html">
<link rel="alternate" hreflang="x-default" href="https://ferelis.gr/ferelisapps.html">
<meta property="og:type" content="website">
<meta property="og:site_name" content="ferelis.gr">
<meta property="og:locale" content="el_GR">
<meta property="og:locale:alternate" content="en_US">
<meta property="og:title" content="Δωρεάν μικρές εφαρμογές | Βαγγέλης Φέρελης">
<meta property="og:description" content="Μικρά εργαλεία που φτιάχνω στον ελεύθερο χρόνο μου. Δωρεάν, χωρίς εγγραφή, χωρίς παρακολούθηση.">
<meta property="og:url" content="https://ferelis.gr/el/ferelisapps.html">
<meta property="og:image" content="https://ferelis.gr/images/og-image.jpg">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:image:alt" content="Βαγγέλης Φέρελης, ειδικός πληροφορικής υγείας: μετατρέπω το ψηφιακό χάος σε τάξη, με απλά λόγια.">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Δωρεάν μικρές εφαρμογές | Βαγγέλης Φέρελης">
<meta name="twitter:description" content="Μικρά εργαλεία που φτιάχνω στον ελεύθερο χρόνο μου. Δωρεάν, χωρίς εγγραφή, χωρίς παρακολούθηση.">
<meta name="twitter:image" content="https://ferelis.gr/images/og-image.jpg">
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@graph": [
    {
      "@type": "Person",
      "@id": "https://ferelis.gr/#person",
      "name": "Vagelis Ferelis",
      "alternateName": [
        "Βαγγέλης Φέρελης",
        "Vangelis Ferelis"
      ],
      "jobTitle": "Ειδικός Πληροφορικής Υγείας",
      "description": "Ειδικός πληροφορικής υγείας στην Αθήνα, με σχεδόν δύο δεκαετίες εμπειρίας στην υποστήριξη πληροφοριακών συστημάτων, δίκτυα, διάγνωση βλαβών και πληροφοριακά συστήματα υγείας.",
      "url": "https://ferelis.gr/",
      "email": "info@ferelis.gr",
      "image": "https://ferelis.gr/images/icon-512.png",
      "sameAs": [
        "https://www.linkedin.com/in/vagelis-ferelis-8b160b59/"
      ],
      "address": {
        "@type": "PostalAddress",
        "addressLocality": "Αθήνα",
        "addressCountry": "GR"
      },
      "worksFor": {
        "@type": "Organization",
        "name": "InterMedica–Tzanidakis"
      },
      "knowsAbout": [
        "Υποστήριξη πληροφοριακών συστημάτων υγείας",
        "Υποστήριξη πληροφοριακών συστημάτων",
        "Δίκτυα",
        "Διάγνωση βλαβών",
        "IT Helpdesk",
        "Διαχείριση IT",
        "Επίλυση προβλημάτων",
        "Πληροφορική Υγείας",
        "Hardware",
        "Λογισμικό",
        "Firewalls",
        "Εκπαίδευση προσωπικού",
        "Δημιουργία εφαρμογών"
      ],
      "knowsLanguage": [
        "el",
        "en"
      ]
    },
    {
      "@type": "WebSite",
      "@id": "https://ferelis.gr/#website",
      "url": "https://ferelis.gr/",
      "name": "Vagelis Ferelis",
      "inLanguage": [
        "en",
        "el"
      ],
      "publisher": {
        "@id": "https://ferelis.gr/#person"
      }
    },
    {
      "@type": "WebPage",
      "@id": "https://ferelis.gr/el/ferelisapps.html#webpage",
      "url": "https://ferelis.gr/el/ferelisapps.html",
      "name": "Δωρεάν μικρές εφαρμογές | Βαγγέλης Φέρελης",
      "description": "Μικρές δωρεάν εφαρμογές του Βαγγέλη Φέρελη: διαδρομές με μηχανή, δρομολόγια διανομών, προϋπολογισμός, επενδύσεις, έλεγχος Windows, χρονόμετρο αυγού.",
      "inLanguage": "el",
      "isPartOf": {
        "@id": "https://ferelis.gr/#website"
      },
      "about": {
        "@id": "https://ferelis.gr/#person"
      },
      "primaryImageOfPage": {
        "@type": "ImageObject",
        "url": "https://ferelis.gr/images/og-image.jpg"
      }
    },
    {
      "@type": "BreadcrumbList",
      "itemListElement": [
        {
          "@type": "ListItem",
          "position": 1,
          "name": "Αρχική",
          "item": "https://ferelis.gr/el/"
        },
        {
          "@type": "ListItem",
          "position": 2,
          "name": "Εφαρμογές",
          "item": "https://ferelis.gr/el/ferelisapps.html"
        }
      ]
    }
  ]
}
</script>
<!-- SEO:END -->
<link rel="icon" type="image/png" sizes="32x32" href="../images/icon-32.png">
<link rel="icon" type="image/png" sizes="512x512" href="../images/icon-512.png">
<link rel="apple-touch-icon" href="../images/icon-180.png">
<meta name="theme-color" content="#02050a">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=IBM+Plex+Sans:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
<style>
  /* Layout: same deep-space look as the home page; apps as docked modules, each lit in its own colour. */
  :root{
    --bg:#02050a; --panel:rgba(8,14,23,.7);
    --line:rgba(140,180,220,.13); --line-2:rgba(140,180,220,.26);
    --text:#e7ecf3; --muted:#8d98aa; --dim:#5e6979;
    --red:#ff1e38; --red-soft:rgba(255,30,56,.14); --cyan:#5ee7ff;
    --head:'Space Grotesk', system-ui, sans-serif; --body:'IBM Plex Sans', system-ui, sans-serif; --mono:'JetBrains Mono', ui-monospace, monospace;
  }
  *{ box-sizing:border-box; }
  html{ -webkit-text-size-adjust:100%; }
  body{ margin:0; background:var(--bg); color:var(--text); font:16px/1.65 var(--body); overflow-x:hidden; }
  a{ color:inherit; }
  ::selection{ background:var(--red); color:#fff; }
  #cosmos{ position:fixed; inset:0; width:100%; height:100%; z-index:0; pointer-events:none; }
  .wrap{ max-width:1180px; margin:0 auto; padding:0 28px; position:relative; }
  main, nav, footer{ position:relative; z-index:1; }

  nav{ position:sticky; top:0; z-index:50; background:linear-gradient(rgba(2,5,10,.88), rgba(2,5,10,.6)); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); border-bottom:1px solid var(--line); }
  nav .wrap{ display:flex; align-items:center; justify-content:space-between; height:64px; gap:12px; }
  .brand{ display:flex; align-items:center; gap:10px; font:600 16px var(--head); white-space:nowrap; }
  .brand img{ width:28px; height:28px; object-fit:contain; }
  .brand .back{ text-decoration:none; }
  .brand .back:hover{ color:var(--red); }
  .nav-links{ display:flex; align-items:center; gap:10px; }
  .status{ display:flex; align-items:center; gap:8px; font:12px var(--mono); color:var(--muted); margin-right:6px; }
  .status-dot{ width:8px; height:8px; border-radius:50%; background:#3dff9a; animation:ping 1.1s ease-out infinite; }
  @keyframes ping{ from{ box-shadow:0 0 0 0 rgba(61,255,154,.7); } to{ box-shadow:0 0 0 9px rgba(61,255,154,0); } }
  .nav-cta{ font:500 14px var(--head); text-decoration:none; padding:8px 16px; border:1px solid var(--line-2); border-radius:999px; transition:border-color .2s, background .2s; }
  .nav-cta:hover{ border-color:var(--red); background:var(--red-soft); }

  .hero{ padding:80px 0 30px; }
  .eyebrow-line{ display:flex; align-items:center; gap:10px; font:500 13px var(--mono); color:var(--red); letter-spacing:.14em; text-transform:uppercase; }
  .eyebrow-line svg{ width:16px; height:16px; animation:spin 10s linear infinite; }
  @keyframes spin{ to{ transform:rotate(360deg); } }
  h1{ font:700 clamp(36px, 5.4vw, 64px)/1.05 var(--head); letter-spacing:-.025em; margin:20px 0 18px; max-width:820px; }
  .lede{ font-size:18px; color:var(--muted); max-width:600px; margin:0; }
  .hero-ecg{ display:block; width:100%; height:70px; margin-top:36px; }
  .hero-ecg path{ fill:none; stroke:var(--red); stroke-width:2; stroke-linejoin:round; filter:drop-shadow(0 0 6px rgba(255,30,56,.7)); stroke-dasharray:1400; stroke-dashoffset:1400; animation:draw 2.4s ease-out .2s forwards; }
  @keyframes draw{ to{ stroke-dashoffset:0; } }

  section{ padding:40px 0 110px; }
  .apps-grid{ display:grid; grid-template-columns:repeat(auto-fill, minmax(320px, 1fr)); gap:20px; }
  .app-card{ --app-color:var(--red); position:relative; display:flex; flex-direction:column; gap:16px; padding:26px; border:1px solid var(--line); border-radius:18px; background:var(--panel); backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); overflow:hidden; transition:transform .35s cubic-bezier(.2,.7,.2,1), border-color .35s, box-shadow .35s; }
  .app-card::before{ content:''; position:absolute; left:0; right:0; top:0; height:3px; background:var(--app-color); box-shadow:0 0 18px var(--app-color); }
  .app-card::after{ content:''; position:absolute; width:260px; height:260px; right:-120px; top:-120px; border-radius:50%; background:radial-gradient(circle, var(--app-color), transparent 70%); opacity:.14; transition:opacity .35s; pointer-events:none; }
  .app-card:hover{ transform:translateY(-4px); border-color:color-mix(in srgb, var(--app-color) 55%, transparent); box-shadow:0 24px 60px -34px var(--app-color); }
  .app-card:hover::after{ opacity:.28; }
  .app-card-head{ display:flex; align-items:center; gap:14px; }
  .app-icon{ width:56px; height:56px; border-radius:14px; flex:none; background:rgba(255,255,255,.04); border:1px solid var(--line); object-fit:cover; }
  .app-title{ font:600 19px/1.25 var(--head); }
  .app-status{ display:flex; align-items:center; gap:7px; font:11px var(--mono); color:var(--muted); letter-spacing:.06em; text-transform:uppercase; margin-top:4px; }
  .app-status .dot{ width:7px; height:7px; border-radius:50%; background:#ffc65c; box-shadow:0 0 8px #ffc65c; }
  .app-desc{ margin:0; color:#c3cad5; font-size:15px; flex:1; }
  .app-tags{ display:flex; flex-wrap:wrap; gap:8px; }
  .app-tag{ font:11px var(--mono); padding:4px 10px; border:1px solid var(--line-2); border-radius:999px; color:var(--muted); }
  .app-open{ align-self:flex-start; display:inline-flex; align-items:center; gap:8px; font:600 14px var(--head); text-decoration:none; padding:10px 18px; border-radius:999px; background:var(--app-color); color:var(--app-ink, #fff); transition:transform .2s, box-shadow .2s; }
  .app-open:hover{ transform:translateY(-1px); box-shadow:0 8px 24px -8px var(--app-color); }
  .app-open svg{ width:15px; height:15px; }
  .app-card.placeholder{ align-items:center; justify-content:center; text-align:center; min-height:240px; border-style:dashed; border-color:var(--line-2); background:transparent; color:var(--muted); font:13px var(--mono); }
  .app-card.placeholder::before, .app-card.placeholder::after{ display:none; }
  .app-card.placeholder:hover{ transform:none; box-shadow:none; }
  .plus{ width:54px; height:54px; display:grid; place-items:center; border:1px dashed var(--line-2); border-radius:50%; font:300 28px var(--head); color:var(--red); animation:spin 18s linear infinite; }

  footer{ padding:80px 0 120px; border-top:1px solid var(--line); background:linear-gradient(transparent, rgba(255,30,56,.04)); }
  .contact-block h2{ font:700 clamp(28px, 3.6vw, 42px)/1.1 var(--head); letter-spacing:-.02em; margin:0 0 10px; }
  .contact-email{ display:inline-block; font:600 clamp(26px, 4.4vw, 48px) var(--head); color:var(--red); text-decoration:none; letter-spacing:-.02em; border-bottom:2px solid transparent; transition:border-color .25s, text-shadow .25s; }
  .contact-email:hover{ border-color:var(--red); text-shadow:0 0 30px rgba(255,30,56,.6); }
  .quote{ display:flex; flex-wrap:wrap; gap:8px 26px; align-items:baseline; justify-content:space-between; margin-top:50px; font:13px var(--mono); color:var(--muted); }
  .quote > span:first-child{ font:500 italic 16px var(--body); color:var(--text); }
  .build-tag{ color:var(--dim); font-size:11px; }

  .floating-links-widget{ position:fixed; left:24px; bottom:24px; z-index:60; width:52px; height:52px; display:grid; place-items:center; border-radius:50%; background:rgba(5,9,15,.85); border:1px solid var(--line-2); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); transition:transform .3s, border-color .3s, box-shadow .3s; }
  .floating-links-widget::before{ content:''; position:absolute; inset:-7px; border-radius:50%; border:1px dashed rgba(255,30,56,.45); animation:spin 14s linear infinite; }
  .floating-links-widget::after{ content:''; position:absolute; width:5px; height:5px; border-radius:50%; background:var(--red); box-shadow:0 0 8px var(--red); top:-9px; left:50%; margin-left:-2.5px; transform-origin:2.5px 35px; animation:spin 5s linear infinite; }
  .floating-links-widget:hover{ transform:scale(1.08); border-color:var(--red); box-shadow:0 0 24px rgba(255,30,56,.45); }
  .floating-logo{ width:26px; height:26px; object-fit:contain; }

  @media (max-width:760px){
    .wrap{ padding:0 18px; }
    nav .wrap{ height:58px; }
    .nav-hide-mobile{ display:none; }
    .nav-cta{ padding:7px 13px; font-size:13px; }
    .hero{ padding:48px 0 20px; }
    .apps-grid{ grid-template-columns:1fr; }
    .app-card{ padding:22px; }
    .floating-links-widget{ left:16px; bottom:16px; width:46px; height:46px; }
    .floating-links-widget::after{ transform-origin:2.5px 32px; }
  }
  @media (prefers-reduced-motion: reduce){
    *, *::before, *::after{ animation:none !important; transition:none !important; }
    .hero-ecg path{ stroke-dashoffset:0; }
  }

  /* language switch and the contact buttons */
  .lang-btn{ background:none; color:inherit; cursor:pointer; font:500 13px var(--mono); letter-spacing:.06em; min-width:46px; }
  .contact-actions{ display:flex; flex-wrap:wrap; gap:10px; margin-top:22px; }
  .contact-actions .btn{ background:none; color:var(--text); cursor:pointer; padding:10px 18px; font-size:14px; }
  .contact-actions svg{ width:16px; height:16px; }
  @media (max-width:760px){
    .nav-links{ gap:6px; } .nav-cta{ padding:7px 10px; font-size:12.5px; } .lang-btn{ min-width:0; font-size:12px; }
    .brand{ font-size:15px; gap:8px; } .brand img{ width:24px; height:24px; }
  }
</style>
</head>
<body>

<canvas id="cosmos" aria-hidden="true"></canvas>

<nav>
  <div class="wrap">
    <div class="brand">
      <img src="../images/profile_img.png" alt="Ferelis Logo">
      <a href="./" class="back">Vagelis Ferelis</a>
    </div>
    <div class="nav-links">
      <div class="status nav-hide-mobile">
        <span class="status-dot"></span>
        <span data-i18n="nav_status">συστήματα σε λειτουργία</span>
      </div>
      <button type="button" class="nav-cta lang-btn" data-lang-toggle aria-label="Ελληνικά">EL</button>
      <a href="./" class="nav-cta" data-i18n="nav_home">Αρχική</a>
      <a href="mailto:info@ferelis.gr" class="nav-cta" data-i18n="nav_connect">Connect</a>
    </div>
  </div>
</nav>

<main>
<header class="hero">
  <div class="wrap">
    <div class="eyebrow-line">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 2v4M12 18v4M2 12h4M18 12h4"/></svg>
      <span data-i18n="apps_eyebrow">Εφαρμογές</span>
    </div>
    <h1 data-i18n="apps_h1">Μικρά εργαλεία που φτιάχνω στον ελεύθερο χρόνο μου.</h1>
    <p class="lede" data-i18n="apps_lede">Δωρεάν, χωρίς εγγραφή, χωρίς παρακολούθηση. Φτιαγμένα ένα ένα, συνήθως για να λύσουν ένα πρόβλημα που είχα κι εγώ.</p>
    <svg class="hero-ecg" viewBox="0 0 1124 70" preserveAspectRatio="none" aria-hidden="true">
      <path d="M0 40H180l14-8 12 8h20l8 6 14-44 12 52 10-14h40l16-10 18 10H520l14-8 12 8h20l8 6 14-44 12 52 10-14h40l16-10 18 10H1124"/>
    </svg>
  </div>
</header>

<section id="apps">
  <div class="wrap">
    <div class="apps-grid">

      <div class="app-card" style="--app-color:#df2829">
        <div class="app-card-head">
          <img class="app-icon" src="https://ferelisvag.github.io/published/veagle-pc-check/icon-192.png" alt="VEAGLE PC Check icon">
          <div>
            <div class="app-title">VEAGLE PC Check</div>
            <div class="app-status dev" data-i18n="app_dev"><span class="dot"></span> Σε εξέλιξη</div>
          </div>
        </div>
        <p class="app-desc" data-i18n="app_pccheck_desc">Δωρεάν έλεγχος υγείας για Windows 10 και 11 (μόνο ανάγνωση): υλικό, δίσκοι, ασφάλεια και Event Viewer σε μία αναφορά, με προαιρετική βοήθεια από AI. Κατεβαίνει ως ZIP.</p>
        <div class="app-tags">
          <span class="app-tag" data-i18n="tag_windows">Windows</span>
          <span class="app-tag" data-i18n="tag_diag">Διάγνωση</span>
          <span class="app-tag">AI</span>
        </div>
        <a href="https://ferelisvag.github.io/published/veagle-pc-check/" class="app-open" target="_blank" rel="noopener">
          <span data-i18n="open_app">Άνοιγμα</span>
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M7 17L17 7M7 7h10v10"/></svg>
        </a>
      </div>

      <div class="app-card" style="--app-color:#F5B700; --app-ink:#1A1400">
        <div class="app-card-head">
          <img class="app-icon" src="https://ferelisvag.github.io/published/brokeometer/icon-192.png" alt="BrokeOMeter icon">
          <div>
            <div class="app-title">BrokeOMeter</div>
            <div class="app-status dev" data-i18n="app_dev"><span class="dot"></span> Σε εξέλιξη</div>
          </div>
        </div>
        <p class="app-desc">Βγαίνεις τον μήνα ή όχι; Μηνιαίος προϋπολογισμός με εξαγωγή σε Excel και PDF.</p>
        <div class="app-tags">
          <span class="app-tag" data-i18n="tag_budget">Προϋπολογισμός</span>
          <span class="app-tag">PWA</span>
        </div>
        <a href="https://ferelisvag.github.io/published/brokeometer/" class="app-open" target="_blank" rel="noopener">
          <span data-i18n="open_app">Άνοιγμα</span>
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M7 17L17 7M7 7h10v10"/></svg>
        </a>
      </div>

      <div class="app-card" style="--app-color:#d62828">
        <div class="app-card-head">
          <img class="app-icon" src="https://ferelisvag.github.io/published/veagleontheroad/icon-192.png" alt="Veagle on the road icon">
          <div>
            <div class="app-title">Veagle on the road</div>
            <div class="app-status dev" data-i18n="app_dev"><span class="dot"></span> Σε εξέλιξη</div>
          </div>
        </div>
        <p class="app-desc">Διαδρομές με μηχανή: σχεδίαση, πολυήμερα ταξίδια και δημόσιες διαδρομές για όλους.</p>
        <div class="app-tags">
          <span class="app-tag" data-i18n="tag_moto">Μηχανή</span>
          <span class="app-tag">PWA</span>
        </div>
        <a href="https://ferelisvag.github.io/published/veagleontheroad/" class="app-open" target="_blank" rel="noopener">
          <span data-i18n="open_app">Άνοιγμα</span>
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M7 17L17 7M7 7h10v10"/></svg>
        </a>
      </div>

      <div class="app-card" style="--app-color:#1d4fa3">
        <div class="app-card-head">
          <img class="app-icon" src="https://ferelisvag.github.io/published/route-planner/icon-192.png" alt="Ο δικός μου δρόμος icon">
          <div>
            <div class="app-title">Ο δικός μου δρόμος</div>
            <div class="app-status dev" data-i18n="app_dev"><span class="dot"></span> Σε εξέλιξη</div>
          </div>
        </div>
        <p class="app-desc">Βέλτιστη διαδρομή για έως 30 στάσεις, με αφετηρία και επιστροφή στο ίδιο σημείο. Δωρεάν, χωρίς εγγραφή.</p>
        <div class="app-tags">
          <span class="app-tag" data-i18n="tag_route">Διαδρομές</span>
          <span class="app-tag">PWA</span>
        </div>
        <a href="https://ferelisvag.github.io/published/route-planner/" class="app-open" target="_blank" rel="noopener">
          <span data-i18n="open_app">Άνοιγμα</span>
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M7 17L17 7M7 7h10v10"/></svg>
        </a>
      </div>

      <div class="app-card" style="--app-color:#0f5c45">
        <div class="app-card-head">
          <img class="app-icon" src="https://ferelisvag.github.io/published/misthos/icon-192.png" alt="Υπολόγισε τον μισθό σου icon">
          <div>
            <div class="app-title">Υπολόγισε τον μισθό σου</div>
            <div class="app-status dev" data-i18n="app_dev"><span class="dot"></span> Σε εξέλιξη</div>
          </div>
        </div>
        <p class="app-desc">Από μικτά σε καθαρά για μισθωτούς, με τα Σάββατα, τα 12ωρα και τις υπερωρίες του μήνα.</p>
        <div class="app-tags">
          <span class="app-tag" data-i18n="tag_pay">Μισθοδοσία</span>
          <span class="app-tag">PWA</span>
        </div>
        <a href="https://ferelisvag.github.io/published/misthos/" class="app-open" target="_blank" rel="noopener">
          <span data-i18n="open_app">Άνοιγμα</span>
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M7 17L17 7M7 7h10v10"/></svg>
        </a>
      </div>

      <div class="app-card" style="--app-color:#34d399; --app-ink:#062a1e">
        <div class="app-card-head">
          <img class="app-icon" src="https://ferelisvag.github.io/published/veaglefinancecalc/icon-192.png" alt="Υπολογιστής Επένδυσης icon">
          <div>
            <div class="app-title">Υπολογιστής Επένδυσης</div>
            <div class="app-status dev" data-i18n="app_dev"><span class="dot"></span> Σε εξέλιξη</div>
          </div>
        </div>
        <p class="app-desc">Πόσο μεγαλώνουν τα χρήματά σου με μηνιαίες καταθέσεις και ανατοκισμό.</p>
        <div class="app-tags">
          <span class="app-tag" data-i18n="tag_invest">Επενδύσεις</span>
          <span class="app-tag">PWA</span>
        </div>
        <a href="https://ferelisvag.github.io/published/veaglefinancecalc/" class="app-open" target="_blank" rel="noopener">
          <span data-i18n="open_app">Άνοιγμα</span>
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M7 17L17 7M7 7h10v10"/></svg>
        </a>
      </div>

      <div class="app-card" style="--app-color:#FF6B35; --app-ink:#1A0B04">
        <div class="app-card-head">
          <img class="app-icon" src="https://ferelisvag.github.io/published/seismoi/icon-192.png" alt="Σεισμοί στην Ελλάδα icon">
          <div>
            <div class="app-title">Σεισμοί στην Ελλάδα</div>
            <div class="app-status dev" data-i18n="app_dev"><span class="dot"></span> Σε εξέλιξη</div>
          </div>
        </div>
        <p class="app-desc">Οι σεισμοί 5 Ρίχτερ και πάνω στην Ελλάδα από το 1964: χάρτης, χρονολόγιο και στατιστικά.</p>
        <div class="app-tags">
          <span class="app-tag" data-i18n="tag_data">Δεδομένα</span>
          <span class="app-tag" data-i18n="tag_maps">Χάρτες</span>
          <span class="app-tag">PWA</span>
        </div>
        <a href="https://ferelisvag.github.io/published/seismoi/" class="app-open" target="_blank" rel="noopener">
          <span data-i18n="open_app">Άνοιγμα</span>
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M7 17L17 7M7 7h10v10"/></svg>
        </a>
      </div>

      <div class="app-card" style="--app-color:#ffb703">
        <div class="app-card-head">
          <img class="app-icon" src="https://ferelisvag.github.io/published/perfect-egg/icon-192.png" alt="The Perfect Egg icon">
          <div>
            <div class="app-title">The Perfect Egg</div>
            <div class="app-status dev" data-i18n="app_dev"><span class="dot"></span> Σε εξέλιξη</div>
          </div>
        </div>
        <p class="app-desc" data-i18n="app_egg_desc">Meme στην εμφάνιση αλλά πλήρως λειτουργικό χρονόμετρο αυγού: διαλέγεις κρόκο, μέγεθος και υψόμετρο, παίρνεις τον ακριβή χρόνο βρασμού, μετά παγόλουτρο και οδηγό για βραστό, μάτι, scrambled και ποσέ.</p>
        <div class="app-tags">
          <span class="app-tag" data-i18n="tag_kitchen">Κουζίνα</span>
          <span class="app-tag" data-i18n="tag_fun">Πλάκα</span>
        </div>
        <a href="https://ferelisvag.github.io/published/perfect-egg/" class="app-open" target="_blank" rel="noopener">
          <span data-i18n="open_app">Άνοιγμα</span>
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M7 17L17 7M7 7h10v10"/></svg>
        </a>
      </div>

      <div class="app-card placeholder">
        <div class="plus">+</div>
        <div data-i18n="more_apps">Έρχονται κι άλλες</div>
      </div>

    </div>
  </div>
</section>
</main>

<footer>
  <div class="wrap">
    <div class="contact-block">
      <h2 data-i18n="apps_contact_h">Έχετε ιδέα για ένα μικρό εργαλείο; Ας επικοινωνήσουμε.</h2>
      <a href="mailto:info@ferelis.gr" class="contact-email">info@ferelis.gr</a>
    </div>
    <div class="quote">
      <span data-i18n="apps_quote">Φτιαγμένα ένα Σαββατοκύριακο τη φορά.</span>
      <span>Vagelis Ferelis, <span id="this-year">2026</span></span>
      <span class="build-tag" id="build-tag"></span>
    </div>
  </div>
</footer>

<!-- Floating Direct Link to bm.html -->
<a href="../bm.html" class="floating-links-widget" target="_blank" rel="noopener">
  <img src="../images/profile_img.png" alt="Ferelis Logo" class="floating-logo">
</a>

<script src="../js/i18n.js"></script>
<script>
  (function(){
    var d = new Date(document.lastModified);
    var datePart = d.toLocaleDateString('en-GB', { day:'2-digit', month:'short', year:'numeric' });
    var timePart = String(d.getHours()).padStart(2,'0') + String(d.getMinutes()).padStart(2,'0');
    document.getElementById('build-tag').textContent = 'updated ' + datePart + ' build ' + timePart;
    var yr = document.getElementById('this-year');
    if (yr) yr.textContent = new Date().getFullYear();
  })();
</script>
<script src="../js/cosmos.js"></script>
<script src="../js/hello.js"></script>
<!-- Visit statistics (GoatCounter: no cookies, no personal data) -->
<script data-goatcounter="https://ferelis.goatcounter.com/count" async src="https://gc.zgo.at/count.js"></script>
</body>
</html>