diff --git a/README.md b/README.md index a8396e5..d8864c3 100644 --- a/README.md +++ b/README.md @@ -1,10 +1,7 @@ # Instaframe -A web app to frame photos for Instagram’s square and 4:5 aspect ratios. +A web app to frame photos for Instagram’s aspect ratios for free. No ads. No tracking. All on device. ### [Open Instaframe →](https://instaframe.sidney.me) -[Learn more about why I built Instaframe →](https://twitter.com/nots_dney/status/1531651846531477505) - -https://user-images.githubusercontent.com/27017118/171203376-02c7731d-b85d-4a89-9f5c-36c61509b1e2.mov - +https://github.com/user-attachments/assets/a822ad79-ca90-4dfe-88f2-9dc710ef9e75 diff --git a/netlify.toml b/netlify.toml index 9969a57..6dba48c 100644 --- a/netlify.toml +++ b/netlify.toml @@ -1,4 +1,9 @@ +[build] +command = "pnpm run build" +publish = "dist" +environment = { NODE_VERSION = "22" } + [[redirects]] - from = "/pa/*" - to = "https://plausible.io/:splat" - status = 200 +from = "/pa/*" +to = "https://plausible.io/:splat" +status = 200 diff --git a/src/Canvas.tsx b/src/Canvas.tsx index b63eadd..9b729d1 100644 --- a/src/Canvas.tsx +++ b/src/Canvas.tsx @@ -74,7 +74,6 @@ export default function Canvas() { "border-1 border-slate-500/20 border-b-slate-500/40", "dark:border-1 dark:border-slate-950/30 dark:border-b-slate-950/40", "shadow-xl shadow-slate-500/20 dark:shadow-slate-950/20", - "dark:opacity-80 dark:hover:opacity-100", "select-all", "transition-all", !image && "pointer-events-none cursor-default", diff --git a/src/atoms.ts b/src/atoms.ts index b8c73bb..84e9289 100644 --- a/src/atoms.ts +++ b/src/atoms.ts @@ -17,7 +17,7 @@ export const imageAtom = atom(); export type Ratio = { x: number; y: number }; export const RATIOS: Ratio[] = [ - { x: 4, y: 5 }, + { x: 3, y: 4 }, { x: 1, y: 1 }, { x: 1.91, y: 1 }, ];