1
0
mirror of https://github.com/Pomax/BezierInfo-2.git synced 2025-02-22 16:50:13 +01:00
BezierInfo-2/index.template.html
2020-08-06 22:30:48 -07:00

73 lines
2.7 KiB
HTML

<!DOCTYPE html>
<html lang="{{ locale }}">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>{{ title }}</title>
<link rel="shortcut icon" href="favicon.png" type="image/png" />
{{ base }}
<!-- And a slew of SEO related meta elements, because being discoverable is important -->
<meta name="description" content="{{ description }}" />
<!-- opengraph information -->
<meta property="og:title" content="{{ title }}" />
<meta property="og:image" content="https://pomax.github.io/bezierinfo/images/og-image.png" />
<meta property="og:type" content="text" />
<meta property="og:url" content="https://pomax.github.io/bezierinfo" />
<meta property="og:description" content="{{ description }}" />
<meta property="og:locale" content="{{ locale }}}}" />
<meta property="og:type" content="article" />
<meta property="og:published_time" content="2013-06-13 12:00:00" />
<meta property="og:author" content="Mike 'Pomax' Kamermans" />
<meta property="og:section" content="Bézier Curves" />
<meta property="og:tag" content="Bézier Curves" />
<!-- twitter card information -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="@TheRealPomax" />
<meta name="twitter:creator" content="@TheRealPomax" />
<meta name="twitter:image" content="https://pomax.github.io/bezierinfo/images/og-image.png" />
<meta name="twitter:url" content="https://pomax.github.io/bezierinfo" />
<meta name="twitter:description" content="{{ description }}" />
<!-- my own referral/page hit tracker, because Google knows enough -->
<script src="./lib/site/referrer.js" type="module" async></script>
<!-- the part that makes interactive graphics work: an HTML5 <graphics-element> custom element -->
<script src="./lib/custom-element/graphics-element.js" type="module" async defer></script>
<link rel="stylesheet" href="./lib/custom-element/graphics-element.css" />
<!-- page styling -->
<link rel="stylesheet" href="placeholder-style.css" />
</head>
<body>
<header>
<h1>{{ title }}</h1>
<h2>{{ subtitle }}</h2>
<span>{{ langSwitchLabel }}</span>
<ul>
{{ langSwitcher }}
</ul>
<span>{{ langHelpLabel }}</span>
<nav aria-labelledby="toc">
<h1 id="toc">{{ tocLabel }}</h1>
<ol>{{ toc }}</ol>
</nav>
</header>
<main>
<section id="preface">{{ preface }}</section>
<section id="changelog">
<h1>{{ changelogTitle }}</h1>
<p>{{ changelogDescription }}</p>
<section>{{ changelog }}</section>
</section>
<section id="chapters">{{ chapters }}</section>
</main>
</body>
</html>