mirror of
https://github.com/lainbo/component-party.git
synced 2026-04-05 04:59:02 +08:00
77 lines
2.2 KiB
HTML
77 lines
2.2 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta name="viewport" content="width=device-width" />
|
|
<title>Component Party</title>
|
|
<link rel="icon" href="/favicon.png" />
|
|
<link
|
|
rel="preload"
|
|
href="/font/Mona-Sans.woff2"
|
|
as="font"
|
|
type="font/woff2"
|
|
crossorigin=""
|
|
/>
|
|
|
|
<meta
|
|
name="description"
|
|
content="Web component JS frameworks overview by their syntax and features: <%= frameworkList %>"
|
|
/>
|
|
<!-- Primary Meta Tags -->
|
|
<meta name="title" content="Component Party" />
|
|
<!-- Open Graph / Facebook -->
|
|
<meta property="og:type" content="website" />
|
|
<meta property="og:url" content="https://component-party.dev/" />
|
|
<meta property="og:title" content="Component Party" />
|
|
<meta
|
|
property="og:description"
|
|
content="Web component JS frameworks overview by their syntax and features: <%= frameworkList %>"
|
|
/>
|
|
<meta
|
|
property="og:image"
|
|
content="https://component-party.dev/banner2.png"
|
|
/>
|
|
|
|
<!-- Twitter -->
|
|
<meta property="twitter:card" content="summary_large_image" />
|
|
<meta property="twitter:url" content="https://component-party.dev/" />
|
|
<meta property="twitter:title" content="Component Party" />
|
|
<meta
|
|
property="twitter:description"
|
|
content="Web component JS frameworks overview by their syntax and features: <%= frameworkList %>"
|
|
/>
|
|
<meta
|
|
property="twitter:image"
|
|
content="https://component-party.dev/banner2.png"
|
|
/>
|
|
<style>
|
|
@font-face {
|
|
font-family: "Mona Sans";
|
|
src:
|
|
url("/font/Mona-Sans.woff2") format("woff2 supports variations"),
|
|
url("/font/Mona-Sans.woff2") format("woff2-variations");
|
|
font-weight: 400 800;
|
|
/* font-weight: 400 500 600 700 800; */
|
|
font-stretch: 75% 125%;
|
|
font-display: swap;
|
|
}
|
|
|
|
:root {
|
|
/* bg-gray-900 */
|
|
--bg-color: rgb(17 24 39);
|
|
color-scheme: dark;
|
|
}
|
|
|
|
html {
|
|
font-family: "Mona Sans" !important;
|
|
background-color: var(--bg-color);
|
|
color: #fff;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
<div id="app"></div>
|
|
<script type="module" src="/src/main.js"></script>
|
|
</body>
|
|
</html>
|