diff options
| author | Tadas Vilkeliskis <vilkeliskis.t@gmail.com> | 2026-02-08 16:43:50 -0500 |
|---|---|---|
| committer | Tadas Vilkeliskis <vilkeliskis.t@gmail.com> | 2026-02-08 16:43:50 -0500 |
| commit | dcefb987ab3943340c9d1ee063c901c24f3013c9 (patch) | |
| tree | 6be4a1d952a4f7252f52e02ae7ce73ad22615b7f /l/fi/index.html | |
| parent | d59c63edd54d827a6faf249c99300ad595a6e588 (diff) | |
add translations
Diffstat (limited to 'l/fi/index.html')
| -rw-r--r-- | l/fi/index.html | 321 |
1 files changed, 321 insertions, 0 deletions
diff --git a/l/fi/index.html b/l/fi/index.html new file mode 100644 index 0000000..f26a1e8 --- /dev/null +++ b/l/fi/index.html @@ -0,0 +1,321 @@ +<!DOCTYPE html> +<html lang="fi"> +<head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <link rel="canonical" href="https://just-redact.com/l/fi/" /> + + <!-- SEO: Primary Meta Tags --> + <title>Just Redact | Turvallinen ja ilmainen PDF-peittotyökalu paikallisesti</title> + <meta name="title" content="Just Redact | Turvallinen ja ilmainen PDF-peittotyökalu paikallisesti"> + <meta name="description" content="Yksityinen tapa peittää PDF-tiedostoja. Just Redact toimii 100 % selaimessasi — ei tiedostojen latauksia palvelimelle. Peitä arkaluonteiset tiedot pysyvästi ja ilmaiseksi."> + <meta name="keywords" content="PDF peittäminen, turvallinen PDF-peitto, paikalliset PDF-työkalut, tiliotteen peittäminen, ilmainen PDF-tietosuojatyökalu, selainpohjainen peittäminen"> + <meta name="author" content="Just Redact"> + + <!-- SEO: Open Graph / Social --> + <meta property="og:type" content="website"> + <meta property="og:url" content="https://just-redact.com/l/fi/"> + <meta property="og:title" content="Lopeta salaisuuksiesi lataaminen palvelimille. Peitä PDF-tiedostot paikallisesti."> + <meta property="og:description" content="Just Redact on ainoa työkalu, joka käsittelee tiedostosi 100 % selaimessasi. Ei latauksia palvelimelle. Ilmainen ja yksityinen."> + <meta property="og:image" content="https://just-redact.com/social-preview.png"> + <meta property="twitter:card" content="summary_large_image"> + + <!-- SEO: Structured Data (SoftwareApplication) --> + <script type="application/ld+json"> + { + "@context": "https://schema.org", + "@type": "SoftwareApplication", + "name": "Just Redact", + "operatingSystem": "Web", + "applicationCategory": "BusinessApplication", + "offers": { + "@type": "Offer", + "price": "0", + "priceCurrency": "EUR" + }, + "featureList": [ + "Paikallinen käsittely WebAssemblyn kautta", + "Pysyvä tasoitus kuvan rasteroinnin kautta", + "Haku ja peittäminen avainsanojen välittömään poistamiseen", + "Tietosuojatakuu ilman palvelinlatauksia", + "Peittäminen tekstin valinnan kautta", + "Ei tiedostokokorajoituksia" + ], + "description": "Turvallinen selainpohjainen työkalu arkaluonteisten tietojen pysyvään peittämiseen PDF-dokumenteista ilman palvelinlatauksia." + } + </script> + + <!-- SEO: Structured Data (FAQ) --> + <script type="application/ld+json"> + { + "@context": "https://schema.org", + "@type": "FAQPage", + "mainEntity": [{ + "@type": "Question", + "name": "Onko Just Redact ilmainen?", + "acceptedAnswer": { + "@type": "Answer", + "text": "Kyllä, se on täysin ilmainen käyttää ilman piilokuluja." + } + }, { + "@type": "Question", + "name": "Ladataanko tiedostoni palvelimelle?", + "acceptedAnswer": { + "@type": "Answer", + "text": "Ei. Just Redact toimii kokonaan selaimessasi PDF.js- ja WebAssembly-tekniikoiden avulla. Tiedostosi ei koskaan lähde tietokoneeltasi." + } + }, { + "@type": "Question", + "name": "Onko peittäminen pysyvä?", + "acceptedAnswer": { + "@type": "Answer", + "text": "Kyllä. Kun viet tiedoston, työkalu 'tasoittaa' dokumentin kuviksi, jolloin mustien laatikoiden alla oleva teksti tuhoutuu fyysisesti." + } + }] + } + </script> + + <script src="https://cdn.tailwindcss.com"></script> + <style> + @import url('https://fonts.googleapis.com/css2?family=Crimson+Pro:ital,wght@0,400;0,600;0,700;1,400&family=Inter:wght@400;500;600&display=swap'); + + body { + font-family: 'Inter', sans-serif; + color: #1f2937; + background-color: #fffff8; /* Warm paper tint */ + -webkit-font-smoothing: antialiased; + } + + h1, h2, h3, h4, blockquote { + font-family: 'Crimson Pro', serif; + } + + /* Marker highlight effect */ + .marker-highlight { + background: linear-gradient(120deg, #fef08a 0%, #fef08a 100%); + background-repeat: no-repeat; + background-size: 100% 40%; + background-position: 0 88%; + padding: 0 2px; + } + </style> +</head> +<body class="flex flex-col min-h-screen"> + + <!-- Header --> + <header class="max-w-4xl mx-auto w-full px-6 py-10 flex justify-between items-center"> + <a href="/" class="text-2xl font-bold tracking-tight text-gray-900 font-serif flex items-center gap-2"> + Just Redact. + </a> + <nav class="hidden md:flex gap-8"> + <a href="#how-it-works" class="text-sm font-medium text-gray-600 hover:text-gray-900">Miten se toimii</a> + <a href="#faq" class="text-sm font-medium text-gray-600 hover:text-gray-900">UKK</a> + </nav> + <a href="../../redact.html" class="text-sm font-medium text-white bg-gray-900 hover:bg-gray-800 px-4 py-2 rounded-lg transition">Käynnistä työkalu</a> + </header> + + <!-- Hero Section --> + <main class="flex-grow"> + <section class="max-w-3xl mx-auto px-6 mt-12 mb-24"> + <h1 class="text-5xl md:text-6xl font-semibold leading-[1.1] text-gray-900 mb-8"> + Lopeta salaisuuksiesi lataaminen tuntemattomille. + </h1> + <p class="text-xl md:text-2xl text-gray-600 leading-relaxed mb-10 font-light"> + Useimmat PDF-verkkotyökalut lataavat tiedostosi palvelimilleen. <span class="font-medium text-gray-900">Miksi ottaisit riskin?</span> + <br><br> + <strong class="font-semibold text-gray-900">Just Redact</strong> antaa sinun peittää arkaluonteiset tiedot suoraan selaimessasi. Muunnamme sivusi tasaisiksi kuviksi, jotta piilotettu tieto katoaa lopullisesti. Taloudelliset, juridiset ja lääketieteelliset asiakirjasi eivät koskaan lähde tietokoneeltasi. + </p> + + <div class="flex flex-col sm:flex-row gap-4 items-start sm:items-center"> + <a href="../../redact.html" class="inline-block bg-green-600 hover:bg-green-700 text-white text-lg font-bold py-4 px-8 rounded-full shadow-lg transition-transform transform hover:-translate-y-0.5"> + Aloita peittäminen nyt + </a> + <span class="text-sm text-gray-500 italic px-2">Ilmainen. Ei rekisteröitymistä.</span> + </div> + </section> + + + + <!-- Value Prop / Manifesto --> + <section class="bg-white border-t border-gray-200 py-24"> + <div class="max-w-3xl mx-auto px-6"> + <h2 class="text-3xl font-semibold text-gray-900 mb-8">"Mustan laatikon" ongelma</h2> + <div class="prose prose-lg text-gray-600 leading-relaxed"> + <p class="mb-6"> + Oletko koskaan käyttänyt PDF-muokkainta laittaaksesi mustan laatikon tekstin päälle, vain huomataksesi myöhemmin, + että <strong>kuka tahansa voi kopioida ja liittää tekstin sen alta?</strong> + </p> + <p class="mb-6"> + Näin tapahtuu jatkuvasti. Lakimiehet vuotavat todisteita. Yritykset vuotavat liikesalaisuuksia. + Pelkkä muodon asettaminen tekstin päälle ei ole peittämistä. Se on vain piilottamista. + </p> + <p class="mb-12"> + Todellinen peittäminen vaatii <span class="marker-highlight">tasoituksen</span> (flattening) — sivun muuntamisen kuvaksi, jotta tekstidata tuhoutuu pysyvästi. + </p> + </div> + + <div class="grid md:grid-cols-2 gap-12 items-start mt-12 pt-12 border-t border-gray-100"> + <div> + <h3 class="text-xl font-bold text-gray-900 mb-4 font-serif">Muut työkalut</h3> + <ul class="space-y-4 text-gray-600"> + <li class="flex items-start"> + <span class="text-red-500 mr-3 text-lg">✕</span> + <span>Lataavat tiedostosi pilvipalvelimelle (kuka tietää, kuka ne näkee?)</span> + </li> + <li class="flex items-start"> + <span class="text-red-500 mr-3 text-lg">✕</span> + <span>Usein vain "maskaavat" tekstin poistamatta sitä.</span> + </li> + <li class="flex items-start"> + <span class="text-red-500 mr-3 text-lg">✕</span> + <span>Pakottavat rekisteröitymään tai maksamaan latauksesta.</span> + </li> + </ul> + </div> + <div> + <h3 class="text-xl font-bold text-gray-900 mb-4 font-serif">Just Redact</h3> + <ul class="space-y-4 text-gray-600"> + <li class="flex items-start"> + <span class="text-green-600 mr-3 text-lg">✓</span> + <span><strong>Vain paikallinen käsittely.</strong> Ei latauksia palvelimelle.</span> + </li> + <li class="flex items-start"> + <span class="text-green-600 mr-3 text-lg">✓</span> + <span><strong>Todellinen tasoitus.</strong> "Poltamme" pikselit tekstin päälle.</span> + </li> + <li class="flex items-start"> + <span class="text-green-600 mr-3 text-lg">✓</span> + <span><strong>Täysin selainpohjainen.</strong> Toimii kaikilla nykyaikaisilla selaimilla.</span> + </li> + <li class="flex items-start"> + <span class="text-green-600 mr-3 text-lg">✓</span> + <span><strong>Hae ja peitä.</strong> Etsi ja poista avainsanat välittömästi.</span> + </li> + </ul> + </div> + </div> + </div> + </section> + + <!-- How It Works Section --> + <section id="how-it-works" class="py-24 bg-white border-t border-gray-200"> + <div class="max-w-3xl mx-auto px-6"> + <h2 class="text-3xl font-semibold text-gray-900 mb-12 font-serif">Miten se toimii</h2> + + <div class="space-y-16"> + <!-- Step 1 --> + <div class="flex gap-8 items-start"> + <div class="flex-none w-12 h-12 rounded-full border-2 border-gray-900 flex items-center justify-center text-xl font-bold text-gray-900">1</div> + <div> + <h3 class="text-xl font-bold text-gray-900 mb-3">Avaa tiedostosi paikallisesti</h3> + <p class="text-gray-600 text-lg leading-relaxed"> + Klikkaa "Avaa PDF" ladataksesi asiakirjan. Käsittely tapahtuu selaimesi muistissa. Voisit kirjaimellisesti irrottaa verkkokaapelin tässä vaiheessa, ja työkalu toimisi silti. + </p> + </div> + </div> + + <!-- Step 2 --> + <div class="flex gap-8 items-start"> + <div class="flex-none w-12 h-12 rounded-full border-2 border-gray-900 flex items-center justify-center text-xl font-bold text-gray-900">2</div> + <div> + <h3 class="text-xl font-bold text-gray-900 mb-3">Peitä luottamuksella</h3> + <p class="text-gray-600 text-lg leading-relaxed"> + Käytä <strong>Haku</strong>-työkalua löytääksesi ja peittääksesi avainsanat välittömästi koko dokumentista. Tai käytä <strong>Tekstin valinta</strong>- ja <strong>Piirto</strong>-työkaluja manuaaliseen tarkkuuteen. + </p> + </div> + </div> + + <!-- Step 3 --> + <div class="flex gap-8 items-start"> + <div class="flex-none w-12 h-12 rounded-full border-2 border-gray-900 flex items-center justify-center text-xl font-bold text-gray-900">3</div> + <div> + <h3 class="text-xl font-bold text-gray-900 mb-3">Vie ja tasoita</h3> + <p class="text-gray-600 text-lg leading-relaxed"> + Kun klikkaat <strong>Vie</strong>, emme vain tallenna PDF-tiedostoa; me "tasoitamme" sen. Muunnamme jokaisen sivun turvalliseksi kuvaksi varmistaen, että peitettyjen kohtien alla oleva tieto tuhoutuu fyysisesti eikä sitä voi palauttaa. + </p> + </div> + </div> + </div> + </div> + </section> + + <!-- Feature Highlight --> + <section class="py-24 bg-[#f3f4f6] border-y border-gray-200"> + <div class="max-w-4xl mx-auto px-6 text-center"> + <h2 class="text-3xl md:text-4xl font-semibold text-gray-900 mb-8 font-serif"> + "Se on vain yksinkertainen työkalu, joka tekee yhden asian täydellisesti." + </h2> + <div class="bg-white rounded-xl shadow-2xl overflow-hidden border border-gray-200"> + <div class="bg-gray-50 border-b border-gray-200 p-4 flex gap-2"> + <div class="w-3 h-3 rounded-full bg-red-400"></div> + <div class="w-3 h-3 rounded-full bg-yellow-400"></div> + <div class="w-3 h-3 rounded-full bg-green-400"></div> + </div> + <div class="p-4 md:p-8"> + <img src="../../just-redact.png" alt="Just Redact -työkalun käyttöliittymä" class="w-full rounded shadow-sm"> + </div> + </div> + <p class="mt-12 text-lg text-gray-600 max-w-2xl mx-auto leading-relaxed"> + Etsi avainsanoja, valitse tekstiä tai piirrä laatikoita manuaalisesti. Kun viet tiedoston, muunnamme sivun korkealaatuiseksi kuvaksi tuhoten alla olevan tiedon ikuisesti. + </p> + </div> + </section> + + <!-- FAQ Section (SEO Optimized) --> + <section id="faq" class="py-24 bg-[#f3f4f6]"> + <div class="max-w-3xl mx-auto px-6"> + <h2 class="text-3xl font-semibold text-gray-900 mb-12 text-center">Usein kysytyt kysymykset</h2> + + <div class="space-y-12"> + <article> + <h3 class="text-xl font-bold text-gray-900 mb-3 font-serif">Onko tämä työkalu todella ilmainen?</h3> + <p class="text-gray-600 leading-relaxed"> + Kyllä. Se on apuohjelma, jonka rakensimme, koska tarvitsimme sitä itse. Ei maksumuureja, vesileimoja tai "pro"-versioita. + </p> + </article> + + <article> + <h3 class="text-xl font-bold text-gray-900 mb-3 font-serif">Ladataanko tiedostoni palvelimelle?</h3> + <p class="text-gray-600 leading-relaxed"> + <strong class="text-gray-900">Ei.</strong> Tämä on Just Redactin tärkein ominaisuus. Käytämme edistyneitä selaintekniikoita (WebAssembly) käsitelläksemme PDF-tiedostosi kokonaan omalla laitteellasi. Voit jopa katkaista internet-yhteyden sivun lataamisen jälkeen, ja työkalu toimii edelleen. + </p> + </article> + + <article> + <h3 class="text-xl font-bold text-gray-900 mb-3 font-serif">Onko peitetty tieto palautettavissa?</h3> + <p class="text-gray-600 leading-relaxed"> + Ei. Kun klikkaat "Vie", muunnamme jokaisen sivun korkearesoluutioiseksi kuvaksi (rasterointi). Peittämäsi teksti korvataan fyysisesti mustilla pikseleillä. Sitä ei voi paljastaa, hakea tai kopioida. + </p> + </article> + </div> + </div> + </section> + + <!-- Final CTA --> + <section class="py-24 text-center px-6 bg-white border-t border-gray-200"> + <h2 class="text-3xl md:text-4xl font-semibold text-gray-900 mb-8"> + Valmis turvaamaan asiakirjasi? + </h2> + <a href="../../redact.html" class="inline-block bg-green-600 hover:bg-green-700 text-white text-xl font-bold py-5 px-10 rounded-full shadow-xl transition-transform transform hover:-translate-y-1"> + Käynnistä Just Redact + </a> + <p class="mt-8 text-gray-500 text-sm"> + Turvallinen. Yksityinen. Ilmainen. + </p> + </section> + </main> + + <!-- Footer --> + <footer class="bg-gray-50 py-12 border-t border-gray-200"> + <div class="max-w-4xl mx-auto px-6 flex flex-col md:flex-row justify-between items-center text-sm text-gray-500"> + <div class="mb-4 md:mb-0"> + © 2026 Just Redact. + </div> + <div class="flex gap-6"> + <a href="https://github.com/mozilla/pdf.js" class="hover:text-gray-900 underline">Voimanlähteenä PDF.js</a> + </div> + </div> + </footer> + +</body> +</html> |
