54 lines
3.5 KiB
HTML
54 lines
3.5 KiB
HTML
<!doctype html>
|
|
<html lang="vi" data-theme="dark" data-accent="amber" data-fonts="studio">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
|
|
<meta name="theme-color" content="#0a0a0a" />
|
|
<link rel="icon" type="image/png" href="/assets/RecipesCamIcon.png" />
|
|
<link rel="apple-touch-icon" href="/assets/RecipesCamIcon.png" />
|
|
<!-- The installed app. The manifest is a static file in public/ (see
|
|
public/manifest.json and scripts/make-icons.mjs for its icons), so a build
|
|
needs no plugin to ship it. iOS ignores most of the manifest and reads these
|
|
three metas instead: 'capable' is what makes a home-screen bookmark open
|
|
without Safari's chrome, 'black-translucent' gives it the app's black bars,
|
|
and 'title' is the name under the icon. -->
|
|
<link rel="manifest" href="/manifest.json" />
|
|
<!-- The same thing under the name it now has: Chrome warns that the `apple-`
|
|
spelling is deprecated, and iOS Safari still reads only that one, so the
|
|
installed app carries both. -->
|
|
<meta name="mobile-web-app-capable" content="yes" />
|
|
<meta name="apple-mobile-web-app-capable" content="yes" />
|
|
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
|
|
<meta name="apple-mobile-web-app-title" content="RecipesCam" />
|
|
<title>RecipesCam — web</title>
|
|
<meta name="description" content="RecipesCam web — grade photos with the same film recipes as the app." />
|
|
<link rel="canonical" href="/" />
|
|
|
|
<!-- Share card. The URLs are relative on purpose: a crawler resolves them
|
|
against whatever host serves the page, so the same build previews
|
|
correctly on any deployment. og:image is the 1200x630 hero shot in
|
|
public/assets/og-cover.png (see the og-cover script in the repo notes). -->
|
|
<meta property="og:type" content="website" />
|
|
<meta property="og:site_name" content="RecipesCam" />
|
|
<meta property="og:title" content="RecipesCam — Color Recipes & Film Camera Studio" />
|
|
<meta property="og:description" content="Grade ảnh bằng công thức màu phim Kodak & Fuji — tone curve, hạt phim và halation. Cùng một pipeline trên điện thoại và web studio, ảnh không rời khỏi máy bạn." />
|
|
<meta property="og:url" content="/" />
|
|
<meta property="og:image" content="/assets/og-cover.png" />
|
|
<meta property="og:image:type" content="image/png" />
|
|
<meta property="og:image:width" content="1200" />
|
|
<meta property="og:image:height" content="630" />
|
|
<meta property="og:image:alt" content="RecipesCam landing page — capture and grade photos with exclusive color recipes" />
|
|
<meta property="og:locale" content="vi_VN" />
|
|
<meta property="og:locale:alternate" content="en_US" />
|
|
<meta name="twitter:card" content="summary_large_image" />
|
|
<meta name="twitter:title" content="RecipesCam — Color Recipes & Film Camera Studio" />
|
|
<meta name="twitter:description" content="Grade ảnh bằng công thức màu phim Kodak & Fuji — tone curve, hạt phim và halation. Cùng một pipeline trên điện thoại và web studio." />
|
|
<meta name="twitter:image" content="/assets/og-cover.png" />
|
|
<meta name="twitter:image:alt" content="RecipesCam landing page — capture and grade photos with exclusive color recipes" />
|
|
</head>
|
|
<body>
|
|
<div id="root"></div>
|
|
<script type="module" src="/src/main.tsx"></script>
|
|
</body>
|
|
</html>
|