AppFlowy/frontend/appflowy_web_app/index.html
Kilu.He 52e7fb49cd
feat: support server render html (#5471)
* feat: node server

* fix: replace node to bun
2024-06-05 14:08:19 +08:00

67 lines
2.6 KiB
HTML

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/appflowy.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>AppFlowy</title>
<meta name="description"
content="AppFlowy is an AI collaborative workspace where you achieve more without losing control of your data"
/>
<meta property="og:title" content="AppFlowy" />
<meta property="og:description"
content="AppFlowy is an AI collaborative workspace where you achieve more without losing control of your data"
/>
<meta property="og:image"
content="https://d3uafhn8yrvdfn.cloudfront.net/website/production/_next/static/media/og-image.e347bfb5.png"
/>
<meta property="og:url" content="https://appflowy.com" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="AppFlowy" />
<meta name="twitter:description"
content="AppFlowy is an AI collaborative workspace where you achieve more without losing control of your data"
/>
<meta name="twitter:image"
content="https://d3uafhn8yrvdfn.cloudfront.net/website/production/_next/static/media/og-image.e347bfb5.png"
/>
<meta name="twitter:site" content="@appflowy" />
<meta name="twitter:creator" content="@appflowy" />
</head>
<body id="body">
<div id="root"></div>
<script type="module" src="/src/main.tsx"></script>
<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js"></script>
<script>
document.addEventListener('DOMContentLoaded', () => {
const userAgent = window.navigator.userAgent.toLowerCase();
const body = document.body;
const isWin = userAgent.indexOf('win') > -1;
const isMac = userAgent.indexOf('mac') > -1;
const isLinux = userAgent.indexOf('linux') > -1;
const isFirefox = userAgent.indexOf('firefox') > -1;
const isChrome = userAgent.indexOf('chrome') > -1;
const isSafari = userAgent.indexOf('safari') > -1;
if (isWin) {
body.setAttribute('data-os', 'windows');
} else if (isMac) {
body.setAttribute('data-os', 'mac');
} else if (isLinux) {
body.setAttribute('data-os', 'linux');
} else {
body.setAttribute('data-os', 'unknown');
}
if (isFirefox) {
body.setAttribute('data-browser', 'firefox');
} else if (isChrome) {
body.setAttribute('data-browser', 'chrome');
} else if (isSafari) {
body.setAttribute('data-browser', 'safari');
} else {
body.setAttribute('data-browser', 'unknown');
}
});
</script>
</body>
</html>