Merge branch 'preview'

README.md

@@ -16,8 +16,8 @@ Run `npm run dev` and open [http://localhost:3000](http://localhost:3000) with y
 
 The following environment variables are required:
 
-- NEXTAUTH_SECRET (generate one using `openssl rand -base64 32` or visit [https://generate-secret.vercel.app/32](https://generate-secret.vercel.app/32)). You won't need to prefix it with `NEXT_PUBLIC` if you are deploying to Vercel.
-- NEXTAUTH_URL (`http://localhost:3000` while running locally. You won't need this variable in production if you're deploying to Vercel.)
+- `NEXTAUTH_SECRET` (generate one using `openssl rand -base64 32` or visit [https://generate-secret.vercel.app/32](https://generate-secret.vercel.app/32)). You won't need to prefix it with `NEXT_PUBLIC` if you are deploying to Vercel.
+- `NEXTAUTH_URL` (`http://localhost:3000` while running locally. You won't need this variable in production if you're deploying to Vercel.)
 
 ## Project Roadmap
 

src/app/layout.tsx

@@ -13,7 +13,8 @@ const inter = Inter({ subsets: ["latin"], variable: "--font-inter" });
 
 export const metadata: Metadata = {
   title: "Ouranos",
-  description: "Your Bluesky web client",
+  description: "Your friendly Bluesky client for the web",
+  metadataBase: new URL("https://useouranos.app"),
 };
 
 export default async function RootLayout({

src/app/manifest.ts

@@ -0,0 +1,20 @@
+import { MetadataRoute } from "next";
+
+export default function manifest(): MetadataRoute.Manifest {
+  return {
+    name: "Ouranos",
+    short_name: "Ouranos",
+    description: "Your friendly Bluesky client for the web",
+    start_url: "/",
+    display: "standalone",
+    background_color: "#fff",
+    theme_color: "#fff",
+    icons: [
+      {
+        src: "/favicon.ico",
+        sizes: "any",
+        type: "image/x-icon",
+      },
+    ],
+  };
+}

src/app/opengraph-image.alt.txt

@@ -0,0 +1 @@
+About Ouranos

src/app/page.tsx

@@ -28,9 +28,16 @@ export default function Home() {
         </Link>
       </header>
       <section className="mt-16 max-w-xl mx-auto animate-fade-up animate-delay-150">
-        <small className="inline-block px-3 py-2 mb-1 rounded-full bg-primary/10 font-semibold text-[0.6rem] text-primary animate-fade-up animate-delay-[1000ms]">
-          In Early Access 🎉
+        <small className="inline-flex gap-1 items-center px-3 py-2 mb-1 rounded-full bg-primary/10 font-bold text-[0.6rem] text-primary animate-fade-up animate-delay-[1000ms]">
+          In Early Access
+          <Image
+            src="/images/confetti.png"
+            alt="Confetti emoji"
+            width={14}
+            height={14}
+          />
         </small>
+
         <h1 className="text-4xl font-medium text-neutral-600 max-w-lg">
           Your friendly Bluesky client for the web
         </h1>

src/app/twitter-image.alt.txt

@@ -0,0 +1 @@
+About Ouranos