mirror of
https://github.com/Pomax/BezierInfo-2.git
synced 2025-08-30 03:30:34 +02:00
let's deploy this.
This commit is contained in:
49
index.html
49
index.html
@@ -16,34 +16,41 @@
|
||||
<meta property="og:section" content="Bézier Curves">
|
||||
<meta property="og:tag" content="Bézier Curves">
|
||||
|
||||
<!-- these rules will get overwritten by the style in the article.js React bundle -->
|
||||
<style>
|
||||
html, body, article { height: 100%; margin: 0; }
|
||||
body { width: 800px; margin: auto; }
|
||||
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; }
|
||||
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);
|
||||
}
|
||||
body { width: 800px; margin: auto; font-size: 4.25mm!important; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div style="" class="dev">DEV PREVIEW ONLY</div>
|
||||
<div class="dev">
|
||||
<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
|
||||
</div>
|
||||
|
||||
<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>
|
||||
|
Reference in New Issue
Block a user