<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">

    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">

    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">

    <link rel="manifest" href="/site.webmanifest">

    <!-- HTML Meta Tags -->

    <title>Alcove</title>

    <meta name="description" content="A privacy focused RSS reader for the open web">

    <!-- Facebook Meta Tags -->

    <meta property="og:url" content="https://dev.alcove.tools">

    <meta property="og:type" content="website">

    <meta property="og:title" content="alcove">

    <meta property="og:description" content="A privacy focused RSS reader for the open web">

    <meta property="og:image" content="/og.png">

    <!-- Twitter Meta Tags -->

    <meta name="twitter:card" content="summary_large_image">

    <meta property="twitter:domain" content="dev.alcove.tools">

    <meta property="twitter:url" content="https://dev.alcove.tools">

    <meta name="twitter:title" content="alcove">

    <meta name="twitter:description" content="A privacy focused RSS reader for the open web">

    <meta name="twitter:image" content="/og.png">

    <!-- Meta Tags Generated via https://www.opengraph.xyz -->

{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}

import { Upload, FileUp, Info } from "lucide-react";

import { AboutDialog } from "@/components/about-dialog";

						<div className="flex items-center gap-2">

							<h4 className="sm:text-sm text-xs">

								A privacy focused RSS reader for the open web

							</h4>

							<AboutDialog>

								<Button variant="ghost" size="icon" className="h-5 w-5">

									<Info className="sm:h-4 sm:w-4 h-2 w-2" />

								</Button>

							</AboutDialog>

						</div>

import {

	Dialog,

	DialogContent,

	DialogHeader,

	DialogTitle,

	DialogTrigger,

} from "@/components/ui/dialog";

interface AboutDialogProps {

	open?: boolean;

	onOpenChange?: (open: boolean) => void;

	children?: React.ReactNode;

}

export function AboutDialog({

	open,

	onOpenChange,

	children,

}: AboutDialogProps) {

	return (

		<Dialog open={open} onOpenChange={onOpenChange}>

			{children && <DialogTrigger asChild>{children}</DialogTrigger>}

			<DialogContent>

				<DialogHeader>

					<DialogTitle>About</DialogTitle>

				</DialogHeader>

				<div className="space-y-4">

					<p className="text-sm text-muted-foreground">

						Alcove is built on two principles: privacy, and freedom of speech.

						Those two things are becoming harder to find these days, yet blogs

						and RSS feeds provides a way out. As long as someone is publishing

						and someone else is listening, these two fundamentals can help keep

						free speech alive. Alcove accomplishes privacy through a "can't be

						evil" tech stack, which you can read more about{" "}

						<a className="underline" target="_blank" rel="noreferrer" href="">

							here

						</a>

						. TLDR: all of your feeds and posts that you read are encrypted

						locally and synced via cryptographic keypairs. Even if we wanted to

						read your stuff, we can't.

					</p>

					<p className="text-sm text-muted-foreground">

						Due to how the encryption works, it is critical that you backup your

						account passphrase to a secure location like a password manager. If

						you clear your local browser data there is no way for us to recover

						your account or feeds, and you will need to make a new one. You can

						back it up in the settings page.

					</p>

					<p className="text-sm text-muted-foreground">

						Alcove is{" "}

						<a

							className="underline"

							href="https://github.com/stevedylandev/alcove"

							target="_blank"

							rel="noreferrer"

						>

							MIT open sourced

						</a>{" "}

						and run by{" "}

						<a

							className="underline"

							href="https://stevedylan.dev"

							target="_blank"

							rel="noreferrer"

						>

							Steve

						</a>

						.

					</p>

				</div>

			</DialogContent>

		</Dialog>

	);

}

import { AboutDialog } from "@/components/about-dialog";

			<AboutDialog

				open={isAboutDialogOpen}

				onOpenChange={setIsAboutDialogOpen}

			/>