1
0
mirror of https://github.com/Pomax/BezierInfo-2.git synced 2025-02-23 09:03:47 +01:00
BezierInfo-2/index.template.html
2020-08-04 11:06:54 -07:00

68 lines
2.0 KiB
HTML

<!doctype html>
<html lang="{{ locale }}">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>A Primer on Bézier Curves</title>
<link rel="shortcut icon" href="favicon.png" type="image/png">
{{ base }}
<!-- opengraph information -->
<meta property="og:title" content="A Primer on Bézier Curves">
<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="A detailed explanation of Bézier curves, and how to do the many things that we commonly want to do with them.">
<meta property="og:locale" content="en_GB">
<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">
<!-- my own referral/page hit tracker -->
<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="style.css">
</head>
<body>
<header>
<h1>A Primer on Bézier Curves</h1>
<h2>A free, online book for when you really need to know how to do Bézier things.</h2>
<span>{{ langSwitchLabel }}</span>
<ul>{{ langSwitcher }}</ul>
</header>
<main>
<section id="preface">
</section>
<section id="toc">
<ol>{{ toc }}</ol>
</section>
<section id="changelog">
{{ changelog }}
</section>
<section id="chapters">
{{ chapters }}
</section>
</main>
<footer>
<!-- ...code goes here... -->
</footer>
</body>
</html>