info/BezierInfo-2
1
0
Fork 0
mirror of https://github.com/Pomax/BezierInfo-2.git synced 2025-02-23 17:14:49 +01:00
Code Issues Releases Wiki Activity
BezierInfo-2/index.template.html

130 lines
6.0 KiB
HTML
Raw Normal View History

changed over locales to actual locale dirs
2017-03-05 18:33:44 -08:00
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>A Primer on Bézier Curves</title>
favicon.png
2017-04-12 10:25:23 -07:00
<link rel="shortcut icon" href="favicon.png" type="image/png">
changed over locales to actual locale dirs
2017-03-05 18:33:44 -08:00
.
2017-03-07 08:27:07 -08:00
<script>
(function() {
// force https except during local testing (e.g. not on port 80)
let loc = window.location.toString();
if (loc.indexOf(":8080") === -1 && loc.indexOf("http:") === 0) {
window.location = loc.replace("http:","https:");
}
// if we're still here, load google analytics
let's unbreak interactive graphics
2017-04-02 22:23:59 -07:00
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-69475841-3', 'auto');
ga('send', 'pageview');
.
2017-03-07 08:27:07 -08:00
}());
</script>
changed over locales to actual locale dirs
2017-03-05 18:33:44 -08:00
<!-- optional <base> element to make sure localised content still uses the base location -->
<base href="..">
<!-- mobile optimize -->
<meta name="viewport" content="width=800, initial-scale=1.0">
<!-- opengraph information -->
<meta property="og:title" content="A Primer on Bézier Curves">
og image
2018-06-25 18:53:43 -07:00
<meta property="og:image" content="https://pomax.github.io/bezierinfo/images/og-image.png">
changed over locales to actual locale dirs
2017-03-05 18:33:44 -08:00
<meta property="og:type" content="text">
og image
2018-06-25 18:53:43 -07:00
<meta property="og:url" content="https://pomax.github.io/bezierinfo">
changed over locales to actual locale dirs
2017-03-05 18:33:44 -08:00
<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">
<style>
html, body, article { height: 100%; margin: 0; }
body { width: 800px; margin: auto; font-size: 4.25mm!important; }
</style>
<link rel="stylesheet" href="stylesheets/style.css">
</head>
<body>
<!-- referral tracking, because I like knowing who's linking to my book -->
<script src="lib/site/referrer.js" async></script>
<div class="dev" style="display:none;">
<style>
div.dev {
background: rgb(43, 49, 95);
color: rgb(81, 181, 255);
position: fixed;
transform: rotate(-45deg);
width: 22em;
text-align: center;
top: 4em;
left: -6em;
font-variant: small-caps;
font-weight: bolder;
font-family: Helvetica;
box-shadow: 0px 5px 7px 2px rgba(0, 0, 0, 0.3);
}
</style>
DEV PREVIEW ONLY
<script>
(function() {
var loc = window.location.toString();
if(loc.indexOf('localhost')!==-1 || loc.indexOf('-2')!==-1) {
var e = document.querySelector('div.dev');
e.removeAttribute("style");
}
}());
</script>
</div>
<!-- Because people probably want to share this article -->
print css fix
2018-12-10 09:16:00 -08:00
<div class="notforprint" style="position:fixed; top: 1.25em; left: 1.25em; background: white; padding: 4px;">
fucking adblock, wtf
2018-12-09 17:35:03 -08:00
<!-- omg fuck you adblock, what the actual fuck -->
<img src="images/icons.gif" usemap="#rht">
<map name="rht">
<area class="social reddit" shape="rect" coords="0, 0, 19, 15" href="https://www.reddit.com/submit?url=https://pomax.github.io/bezierinfo&title=A Primer on Bézier Curves&text=A free, online book for when you really need to know how to do Bézier things." alt="submit to reddit" title="submit to reddit">
<area class="social hn" shape="rect" coords="24, 0, 42, 15" href="https://news.ycombinator.com/submitlink?u=https://pomax.github.io/bezierinfo&t=A Primer on Bézier Curves" alt="submit to hacker news" title="submit to hacker news">
<area class="social twitter" shape="rect" coords="48, 0, 64, 15" href="https://twitter.com/intent/tweet?hashtags=bezier,curves,maths&original_referer=https://pomax.github.io/bezierinfo&text=Reading%20%22A%20Primer%20on%20Bezier%20Curves%22%20by%20@TheRealPomax%20over%20on%20https://pomax.github.io/bezierinfo" alt="tweet your read" title="tweet your read">
</map>
changed over locales to actual locale dirs
2017-03-05 18:33:44 -08:00
</div>
<article>
<div id="article">
<!-- these rules will get overwritten by the style in the article.js React bundle -->
<style>
header h1, header h2 { text-align: center; }
header h1 { font-size: 300%; margin: 0.2em; }
p.jsnote { margin: 2em; text-align: justify; }
p.jsnote:first-child { width: 13em; margin: auto; }
</style>
<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>
</header>
<!-- This content only shows for as long as JS/React hasn't loaded the page content -->
<section>
<p class="jsnote">Loading the article<span id="loader">...</span></p>
<p class="enabling jsnote">If you have JavaScript disabled, you'll have to enable it, as this book heavily relies on JS rendering, both for the base content (it's been written as a React application) and all the interactive graphics, which rely on JS not just for the user interaction but also for the live-drawing (none of the graphics in this book are flat images, they're all live-rendered).</p>
<script>var n=document.querySelector(".enabling");n.parentNode.removeChild(n);(function update(el,str){str=(str.length===3)?'':str+'.';el.textContent=str;setTimeout(function(){update(el,str);},333);}(document.querySelector("#loader"),"..."));</script>
</section>
<!-- this content is retrieved from the preface section -->
{{ PREFACE }}
</div>
</article>
<!-- the actual article is a JS bundle -->
<script src="{{ locale }}/article.js" async></script>
let's include that library
2017-04-12 10:03:56 -07:00
<script src="lib/site/social-updater.js" async></script>
changed over locales to actual locale dirs
2017-03-05 18:33:44 -08:00
</body>
</html>
Reference in New Issue Copy Permalink