feat: add og app (boilerplate)

2023-10-07 11:21:17 +02:00 · 2023-10-07 11:21:17 +02:00 · db47579536
commit db47579536
parent 7ebe33a52a
14 changed files with 202 additions and 14 deletions
--- a/apps/og/app/layout.tsx
+++ b/apps/og/app/layout.tsx
@ -0,0 +1,18 @@
+import { Analytics } from '@vercel/analytics/react'
+
+import './tailwind.css'
+
+const RootLayout = ({ children }: { children: React.ReactNode }) => {
+  return (
+    <html className="h-full scroll-smooth bg-white antialiased [font-feature-settings:'ss01']" lang="cs">
+      <head>
+      </head>
+      <body className="flex h-full flex-col">
+        {children}
+        <Analytics />
+      </body>
+    </html>
+  )
+}
+
+export default RootLayout
--- a/apps/og/app/page.tsx
+++ b/apps/og/app/page.tsx
@ -0,0 +1,21 @@
+import Link from "next/link"
+
+const Page = () => {
+  return (
+    <main className="my-auto mx-8 2xl:mx-auto">
+        <h1 className="font-display text-5xl font-medium tracking-tight text-black sm:text-7xl leading-10">
+          Hello 👋
+          <br />
+          You found my OG / Twitter card image generator.
+        </h1>
+        <p className="mt-6 text-3xl tracking-tight text-slate-700">
+          Interested in source code?{" "}
+          <Link className="underline text-slate-800 hover:text-slate-900" href="https://github.com/vojtechmares/websites/tree/main/apps/og">
+            [github.com/vojtechmares/websites/og]
+          </Link>
+        </p>
+    </main>
+  )
+}
+
+export default Page
--- a/apps/og/app/tailwind.css
+++ b/apps/og/app/tailwind.css
@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;