summaryrefslogtreecommitdiff
path: root/l/fi/index.html
blob: f26a1e8ed75cfad115a9a2d6da04c58adf454b7c (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
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">
                &copy; 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>