update about flow diagrams and align prose width with comparison table.

Refreshed stripped JPEGs and removed max-w-3xl so sections use the full max-w-5xl main column.
This commit is contained in:
2026-10-29 18:58:37 +01:00
parent 1df2e6a4f7
commit e07049dda9
3 changed files with 12 additions and 12 deletions
Binary file not shown.

Before

Width:  |  Height:  |  Size: 63 KiB

After

Width:  |  Height:  |  Size: 67 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 60 KiB

After

Width:  |  Height:  |  Size: 60 KiB

+12 -12
View File
@@ -1,6 +1,6 @@
<template>
<main class="mx-auto max-w-5xl flex-1 px-4 py-8 sm:px-6">
<article class="max-w-3xl">
<article>
<h1 class="text-2xl font-semibold tracking-tight sm:text-3xl">About Private Image</h1>
<AboutSectionNav />
@@ -29,7 +29,7 @@
</p>
</article>
<section id="exiftool" class="mt-14 max-w-3xl scroll-mt-20">
<section id="exiftool" class="mt-14 scroll-mt-20">
<h2 class="text-lg font-medium text-foreground">ExifTool runs in your browser</h2>
<p class="mt-3 text-sm leading-relaxed text-muted-foreground sm:text-base sm:leading-relaxed">
Private Image uses ExifTool, a widely used metadata tool normally run on a desktop, compiled to work in
@@ -45,7 +45,7 @@
</p>
</section>
<section id="share-modes" class="mt-14 max-w-3xl scroll-mt-20">
<section id="share-modes" class="mt-14 scroll-mt-20">
<h2 class="text-lg font-medium text-foreground">Share modes</h2>
<h3 id="zero-knowledge" class="mt-6 scroll-mt-20 text-base font-medium text-foreground">
@@ -67,7 +67,7 @@
src="/about/zk-flow.jpg"
alt="Zero knowledge upload flow: select image, remove metadata with ExifTool, encrypt in browser, upload ciphertext, store encrypted on server, recipient decrypts locally"
:width="1024"
:height="471"
:height="512"
lightbox-id="lightbox-zk-flow"
close-hash="#zero-knowledge"
expand-label="View larger zero knowledge flow diagram"
@@ -102,14 +102,14 @@
src="/about/hotlink-flow.jpg"
alt="Hotlink upload flow: select image, remove metadata with ExifTool, encrypt in browser, upload, store encrypted at rest, server decrypts on request for display or embedding"
:width="1024"
:height="527"
:height="512"
lightbox-id="lightbox-hotlink-flow"
close-hash="#hotlink"
expand-label="View larger hotlink flow diagram"
/>
</section>
<section id="crypto-shred" class="mt-14 max-w-3xl scroll-mt-20">
<section id="crypto-shred" class="mt-14 scroll-mt-20">
<h2 class="text-lg font-medium text-foreground">Crypto-shredding</h2>
<p class="mt-3 text-sm leading-relaxed text-muted-foreground sm:text-base sm:leading-relaxed">
Deleting a file doesn't always mean every copy of its data has disappeared from a storage device.
@@ -137,7 +137,7 @@
</p>
</section>
<section id="limits" class="mt-14 max-w-3xl scroll-mt-20">
<section id="limits" class="mt-14 scroll-mt-20">
<h2 class="text-lg font-medium text-foreground">Set your own limits</h2>
<p class="mt-3 text-sm leading-relaxed text-muted-foreground sm:text-base sm:leading-relaxed">
Choose how long each upload stays available, from a short, fixed period to no expiry. You can also limit
@@ -148,7 +148,7 @@
</p>
</section>
<section id="self-hosting" class="mt-14 max-w-3xl scroll-mt-20">
<section id="self-hosting" class="mt-14 scroll-mt-20">
<h2 class="text-lg font-medium text-foreground">Self-hosting</h2>
<p class="mt-3 text-sm leading-relaxed text-muted-foreground sm:text-base sm:leading-relaxed">
Private Image is open source, so you can run your own instance on hardware you control instead of
@@ -162,7 +162,7 @@
</p>
</section>
<section id="clearnet-and-onion" class="mt-14 max-w-3xl scroll-mt-20">
<section id="clearnet-and-onion" class="mt-14 scroll-mt-20">
<h2 class="text-lg font-medium text-foreground">Clearnet and onion access</h2>
<p class="mt-3 text-sm leading-relaxed text-muted-foreground sm:text-base sm:leading-relaxed">
Private Image is available over the regular web (clearnet, via HTTPS) and through Tor as an onion
@@ -180,13 +180,13 @@
</p>
</section>
<section id="compare" class="mt-16 max-w-5xl scroll-mt-20">
<section id="compare" class="mt-16 scroll-mt-20">
<h2 class="text-lg font-medium text-foreground">How other image hosts compare</h2>
<p class="mt-3 max-w-3xl text-sm leading-relaxed text-muted-foreground sm:text-base sm:leading-relaxed">
<p class="mt-3 text-sm leading-relaxed text-muted-foreground sm:text-base sm:leading-relaxed">
The table below compares Private Image with ImgBB, Imgur, and Catbox, three free image hosts commonly
used for forum posts and quick sharing.
</p>
<p class="mt-4 max-w-3xl text-sm leading-relaxed text-muted-foreground sm:text-base sm:leading-relaxed">
<p class="mt-4 text-sm leading-relaxed text-muted-foreground sm:text-base sm:leading-relaxed">
Features and privacy policies can change, so check each provider's current documentation before relying
on any particular capability.
</p>