mcfly/site/src/components/my-head.html

57 lines
No EOL
1.7 KiB
HTML

<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="generator" content="McFly v0.0.0-super-experimental" />
<meta name="theme-color" content="#3054bf" />
<meta name="description" content="McFly is a no-framework framework that assists in building on the Web." />
<meta name="author" content="Ayo Ayco" />
<meta name="origin" content="https://mc-fly.vercel.app/" />
<!-- Open Graph data -->
<meta property="og:site_name" content="McFly" />
<meta property="og:type" content="website" />
<meta property="og:image" content="/touch-icon-large.png" />
<meta property="og:title" content="McFly: Back to the Basics. Into the Future. 😱" />
<meta property="og:description" content="McFly is a no-framework framework that assists in building on the Web." />
<link rel="stylesheet" href="/reset.css" />
<!-- Icons -->
<link rel="icon" href="favicon.svg" />
<link rel="mask-icon" href="mask-icon.svg" color="#000000" />
<link rel="apple-touch-icon" href="apple-touch-icon.png" />
<style>
:root {
--color-blue: oklch(48.44% 0.173 265.97);
--color-blue-fade: oklch(59.43% 0.22 266.22);
--color-green: oklch(70.57% 0.205 144.57);
--color-orange: oklch(69.58% 0.125 86.58);
--color-red: oklch(54.18% 0.18 7.98);
--color-blue-gray: oklch(41.1% 0.059 269.95);
}
body {
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
max-width: 40em;
margin: 0 auto;
padding: 1em;
}
body>* {
padding: 0.5em 1em;
}
h1 {
padding: 0;
margin: 0;
}
h2,
p,
ul,
ol {
margin-bottom: 1em;
}
</style>
<slot />
</head>