summaryrefslogtreecommitdiff
path: root/l/black-out-text/index.html
diff options
context:
space:
mode:
authorTadas Vilkeliskis <vilkeliskis.t@gmail.com>2026-01-22 13:38:51 -0500
committerTadas Vilkeliskis <vilkeliskis.t@gmail.com>2026-01-22 13:38:51 -0500
commit5377ab6ae635d52807ba479a0b0011ae88030d2b (patch)
tree80c7fc5c1dc0d63903dfba271ed0edd64e561db5 /l/black-out-text/index.html
parent8f61169462f6cb97f34fbaf022523262666c87ba (diff)
add landing pages
Diffstat (limited to 'l/black-out-text/index.html')
-rw-r--r--l/black-out-text/index.html308
1 files changed, 308 insertions, 0 deletions
diff --git a/l/black-out-text/index.html b/l/black-out-text/index.html
new file mode 100644
index 0000000..e8c388b
--- /dev/null
+++ b/l/black-out-text/index.html
@@ -0,0 +1,308 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+ <!-- SEO: Primary Meta Tags -->
+ <title>How to Black Out Text in PDF | Permanent Redaction</title>
+ <meta name="title" content="Just Redact | Free Secure Client-Side PDF Redaction Tool">
+ <meta name="description" content="Don't just draw a box! Learn how to permanently remove text from PDFs so it can't be copy-pasted. Free secure tool.">
+ <meta name="keywords" content="how to black out text in pdf, permanent text removal pdf, hide text in pdf secure, flatten pdf redaction">
+ <meta name="author" content="Just Redact">
+
+ <!-- SEO: Open Graph / Social -->
+ <meta property="og:type" content="website">
+ <meta property="og:url" content="https://justredact.com/">
+ <meta property="og:title" content="Stop Uploading Your Secrets. Redact PDFs Locally.">
+ <meta property="og:description" content="Just Redact is the only tool that processes your files 100% in your browser. Zero server uploads. Free and private.">
+ <meta property="og:image" content="https://justredact.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": "USD"
+ },
+ "featureList": [
+ "Local-only processing",
+ "Permanent flattening",
+ "Text selection redaction",
+ "No file size limits"
+ ],
+ "description": "A secure, browser-based tool for permanently redacting sensitive information from PDF documents without server uploads."
+ }
+ </script>
+
+ <!-- SEO: Structured Data (FAQ) -->
+ <script type="application/ld+json">
+ {
+ "@context": "https://schema.org",
+ "@type": "FAQPage",
+ "mainEntity": [{
+ "@type": "Question",
+ "name": "Is Just Redact free?",
+ "acceptedAnswer": {
+ "@type": "Answer",
+ "text": "Yes, it is completely free to use with no hidden fees."
+ }
+ }, {
+ "@type": "Question",
+ "name": "Does my file get uploaded to a server?",
+ "acceptedAnswer": {
+ "@type": "Answer",
+ "text": "No. Just Redact runs entirely in your web browser using PDF.js and WebAssembly. Your file never leaves your computer."
+ }
+ }, {
+ "@type": "Question",
+ "name": "Is the redaction permanent?",
+ "acceptedAnswer": {
+ "@type": "Answer",
+ "text": "Yes. When you export, the tool 'flattens' the document into images, physically destroying the text underneath the black boxes."
+ }
+ }]
+ }
+ </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="../../index.html" 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">How it Works</a>
+ <a href="#faq" class="text-sm font-medium text-gray-600 hover:text-gray-900">FAQ</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">Launch Tool</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">How to Permanently Black Out Text in PDF.</h1>
+ <p class="text-xl md:text-2xl text-gray-600 leading-relaxed mb-10 font-light">Drawing a black box isn't enough—the text is still there. <strong class="font-semibold text-gray-900">Just Redact</strong> flattens the document, converting text to pixels so it's truly gone forever.</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">
+ Start Redacting Now
+ </a>
+ <span class="text-sm text-gray-500 italic px-2">Free. No account needed.</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">The "Black Box" Problem</h2>
+ <div class="prose prose-lg text-gray-600 leading-relaxed">
+ <p class="mb-6">
+ Have you ever used a PDF editor to put a black box over some text, only to realize later that
+ <strong>someone could just copy-paste the text from underneath it?</strong>
+ </p>
+ <p class="mb-6">
+ It happens constantly. Lawyers leak evidence. Companies leak trade secrets.
+ Simply placing a shape on top of text isn't redaction. It's just hiding.
+ </p>
+ <p class="mb-12">
+ True redaction requires <span class="marker-highlight">flattening</span>—converting the page into an image so the text data is permanently destroyed.
+ </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">The Other Guys</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>Upload your file to a cloud server (who knows who sees it?)</span>
+ </li>
+ <li class="flex items-start">
+ <span class="text-red-500 mr-3 text-lg">✕</span>
+ <span>Often just "mask" text without removing it.</span>
+ </li>
+ <li class="flex items-start">
+ <span class="text-red-500 mr-3 text-lg">✕</span>
+ <span>Pester you to sign up or pay to download.</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>Local-Only Processing.</strong> Zero server uploads.</span>
+ </li>
+ <li class="flex items-start">
+ <span class="text-green-600 mr-3 text-lg">✓</span>
+ <span><strong>True Flattening.</strong> We burn pixels over text.</span>
+ </li>
+ <li class="flex items-start">
+ <span class="text-green-600 mr-3 text-lg">✓</span>
+ <span><strong>Purely Web-Based.</strong> Works on any modern browser.</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">How it works</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">Open your file locally</h3>
+ <p class="text-gray-600 text-lg leading-relaxed">
+ Click "Open PDF" to load your document. The processing happens inside your browser's memory. You could literally pull your ethernet cable out at this point, and the tool would still work.
+ </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">Redact with confidence</h3>
+ <p class="text-gray-600 text-lg leading-relaxed">
+ Use the <strong>Draw</strong> tool to manually box out images or tables. Use the <strong>Select Text</strong> tool to highlight and redact exact sentences.
+ </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">Export and flatten</h3>
+ <p class="text-gray-600 text-lg leading-relaxed">
+ When you click <strong>Export</strong>, we don't just save the PDF; we "flatten" it. We convert every page into a secure image, ensuring the data under your red boxes is physically destroyed and unrecoverable.
+ </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">
+ "It’s just a simple tool that does one thing perfectly."
+ </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 Tool Interface" class="w-full rounded shadow-sm">
+ </div>
+ </div>
+ <p class="mt-12 text-lg text-gray-600 max-w-2xl mx-auto leading-relaxed">
+ Select text to redact it instantly, or draw boxes manually. When you export, we convert the page to a high-quality image, destroying the underlying data forever.
+ </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">Common Questions</h2>
+
+ <div class="space-y-12">
+ <article>
+ <h3 class="text-xl font-bold text-gray-900 mb-3 font-serif">Is this tool actually free?</h3>
+ <p class="text-gray-600 leading-relaxed">
+ Yes. It is a utility we built because we needed it ourselves. There are no paywalls, watermarks, or "pro" versions.
+ </p>
+ </article>
+
+ <article>
+ <h3 class="text-xl font-bold text-gray-900 mb-3 font-serif">Does my file get uploaded to a server?</h3>
+ <p class="text-gray-600 leading-relaxed">
+ <strong class="text-gray-900">No.</strong> This is the most important feature of Just Redact. We use advanced browser technologies (WebAssembly) to process your PDF entirely on your own device. You can even disconnect from the internet after loading the page, and it will still work.
+ </p>
+ </article>
+
+ <article>
+ <h3 class="text-xl font-bold text-gray-900 mb-3 font-serif">Is the redacted text recoverable?</h3>
+ <p class="text-gray-600 leading-relaxed">
+ No. When you click "Export," we convert each page into a high-resolution image (rasterization). The text you covered is physically replaced by black pixels. It cannot be uncovered, searched, or copy-pasted.
+ </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">
+ Ready to secure your document?
+ </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">
+ Launch Just Redact
+ </a>
+ <p class="mt-8 text-gray-500 text-sm">
+ Secure. Private. Free.
+ </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">Powered by PDF.js</a>
+ </div>
+ </div>
+ </footer>
+
+</body>
+</html>
generated by cgit v1.2.3 (git 2.46.0) at 2026-09-07 01:34:51 +0000