ArchiveBox/website/index.html

1 line
35 KiB
HTML
Raw Normal View History

2024-10-05 14:03:04 +00:00
<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><link rel="preload" as="font" href="/_next/static/media/a34f9d1faa5f3315-s.p.woff2" crossorigin="" type="font/woff2"/><link rel="stylesheet" href="/_next/static/css/3cb011c7850a25fa.css" data-precedence="next"/><link rel="preload" href="/_next/static/chunks/webpack-d39e1ccbc2032b5c.js" as="script"/><link rel="preload" href="/_next/static/chunks/fd9d1056-f13367671405e008.js" as="script"/><link rel="preload" href="/_next/static/chunks/596-b65df4c70713b3fa.js" as="script"/><link rel="preload" href="/_next/static/chunks/main-app-9170b079b0c51d28.js" as="script"/><title>ArchiveBox</title><meta name="description" content="The open-source self-hosted web archive"/><meta name="viewport" content="width=device-width, initial-scale=1"/><meta name="next-size-adjust"/><script src="/_next/static/chunks/polyfills-78c92fac7aa8fdd8.js" noModule=""></script></head><body class="__className_36bd41"><div class="min-h-screen bg-background flex flex-col"><header class="px-4 lg:px-6 h-16 flex items-center border-b border-maroon-200 bg-gradient-to-r from-maroon-50 to-background"><a class="flex items-center justify-center" href="#"><span class="sr-only">ArchiveBox</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-6 w-6 text-maroon-600"><rect width="20" height="5" x="2" y="4" rx="2"></rect><path d="M4 9v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9"></path><path d="M10 13h4"></path></svg><span class="ml-2 text-xl font-bold text-maroon-800">ArchiveBox</span></a><nav class="ml-auto flex gap-4 sm:gap-6"><a class="text-sm font-medium hover:text-maroon-600 hover:underline underline-offset-4" href="#features">Features</a><a class="text-sm font-medium hover:text-maroon-600 hover:underline underline-offset-4" href="#quickstart">Quickstart</a><a class="text-sm font-medium hover:text-maroon-600 hover:underline underline-offset-4" href="#use-cases">Use Cases</a><a class="text-sm font-medium hover:text-maroon-600 hover:underline underline-offset-4" href="#documentation">Documentation</a></nav></header><main class="flex-1"><section class="w-full py-12 md:py-24 lg:py-32 xl:py-48 bg-gradient-to-b from-maroon-50 to-background"><div class="container px-4 md:px-6"><div class="flex flex-col items-center space-y-4 text-center"><div class="space-y-2"><h1 class="text-3xl font-bold tracking-tighter sm:text-4xl md:text-5xl lg:text-6xl/none text-maroon-800">ArchiveBox</h1><p class="mx-auto max-w-[700px] text-gray-500 md:text-xl dark:text-gray-400">The open-source self-hosted web archive. Preserve digital content for future generations.</p></div><div class="space-x-4"><a href="https://github.com/ArchiveBox/ArchiveBox" target="_blank" rel="noopener noreferrer" class="inline-flex items-center justify-center text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 text-primary-foreground h-11 rounded-md px-8 bg-maroon-600 hover:bg-maroon-700"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="mr-2 h-5 w-5"><path d="M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4"></path><path d="M9 18c-4.51 2-5-2-7-2"></path></svg>Get ArchiveBox</a></div></div></div></section><section id="features" class="w-full py-12 md:py-24 lg:py-32 bg-white dark:bg-gray-800"><div class="container px-4 md:px-6"><h2 class="text-3xl font-bold tracking-tighter sm:text-4xl md:text-5xl mb-8 text-center text-maroon-800">Features</h2><div class="grid gap-6 lg:grid-cols-3"><div class="rounded-lg border bg-card text-card-foreground shadow-sm