Files
xevion.dev/src/pages/phototag.tsx

59 lines
2.9 KiB
TypeScript

import {NextPage} from "next";
import Head from "next/head";
import Image from "next/image";
import {BsGithub} from "react-icons/bs";
import Link from "next/link";
import AppWrapper from "../components/AppWrapper";
const PhototagPage: NextPage = () => {
return <>
<Head>
<title>Phototag | Xevion.dev</title>
</Head>
<AppWrapper>
<div className="w-full overflow-auto h-full min-h-screen flex justify-center">
<div className="relative my-10 p-3 px-6 w-full max-w-screen-md">
<div className="pb-2 flex justify-between">
<div className="text-2xl font-semibold">
Phototag
</div>
<div className="flex items-center justify-end space-x-1.5">
<Link href="https://github.com/Xevion/phototag" target="_blank">
<BsGithub className="w-5 h-5 hover:text-zinc-200"/>
</Link>
</div>
</div>
<div className="relative">
<Image fill sizes="100vw" src="/phototag.png" alt=""
className="!relative pointer-events-none min-h-[10rem] rounded-md object-cover"/>
</div>
<div className="mt-3 w-full prose prose-invert prose-lg">
<p>
Phototag is a powerful tool that helps you quickly and easily add rich, descriptive tags to
your photos. Using Google&apos;s Vision API, Phototag automatically generates tags based on
the visual content of your photos, making it easier than ever to organize and find your
photos.
</p>
<p>
With support for IPTC metadata and Adobe XMP Sidecar files, you can easily integrate
Phototag into your existing workflow on Windows. Whether you&apos;re a professional
photographer or a casual snapshot taker, Phototag is the perfect tool for adding clarity and
context to your photos.
</p>
<ul className="md:columns-2">
<li>Simple, but configurable</li>
<li>Fully automatic</li>
<li>Leverages compression to reduce network load</li>
<li>Supports JPEG, PNG, GIF etc.</li>
<li>Supports IPTC metadata</li>
<li>Supports Adobe XMP sidecar files</li>
</ul>
</div>
</div>
</div>
</AppWrapper>
</>
}
export default PhototagPage;