publish: Use handlebars templates, add openGraph tags

generated from commit 85d73dd673ca9cb15a77150c9b8c0459f24217db
This commit is contained in:
Joshua Seigler 2019-11-11 12:38:21 -05:00
parent e5a2337f7b
commit f357b6f18e
13 changed files with 55 additions and 29 deletions

BIN
1/example.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 99 KiB

View file

@ -2,15 +2,19 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width,initial-scale=1">
<title>Generative Art - seigler.github.io</title> <title>Gradient Burst - Generative Art - seigler.github.io</title>
<link rel="stylesheet" href="../app-20b67cee.css"> <link rel="stylesheet" href="../app-a940fc5f.css">
<meta property="og:title" content="Gradient Burst - Generative Art - seigler.github.io">
<meta property="og:description" content="Algorithmic art generated with P5.js">
<meta property="og:image" content="example.jpg">
<meta property="og:site_name" content="Generative Art - seigler.github.io">
<meta name="twitter:creator" content="@seiglerj">
</head> </head>
<body> <body>
<script src="../modules/p5.min.js"></script> <script src="../modules/p5.min.js"></script>
<script src="../modules/p5.sound.min.js"></script>
<script src="../modules/rhill-voronoi-core.min.js"></script> <script src="../modules/rhill-voronoi-core.min.js"></script>
<script src="../app-94d5a730.js"></script> <script src="../app-139adcd2.js"></script>
<footer><a href="../">Back</a> | <code>Space</code> or double click for a new one. <code>S</code> to save.</footer> <footer><a href="../">Back</a> | <code>Space</code> or double click for a new one. <code>S</code> to save.</footer>
</body> </body>
</html> </html>

BIN
2/example.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 143 KiB

View file

@ -2,15 +2,19 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width,initial-scale=1">
<title>Generative Art - seigler.github.io</title> <title>Gradient Jungle - Generative Art - seigler.github.io</title>
<link rel="stylesheet" href="../app-20b67cee.css"> <link rel="stylesheet" href="../app-a940fc5f.css">
<meta property="og:title" content="Gradient Jungle - Generative Art - seigler.github.io">
<meta property="og:description" content="Algorithmic art generated with P5.js">
<meta property="og:image" content="example.jpg">
<meta property="og:site_name" content="Generative Art - seigler.github.io">
<meta name="twitter:creator" content="@seiglerj">
</head> </head>
<body> <body>
<script src="../modules/p5.min.js"></script> <script src="../modules/p5.min.js"></script>
<script src="../modules/p5.sound.min.js"></script>
<script src="../modules/rhill-voronoi-core.min.js"></script> <script src="../modules/rhill-voronoi-core.min.js"></script>
<script src="../app-94d5a730.js"></script> <script src="../app-139adcd2.js"></script>
<footer><a href="../">Back</a> | <code>Space</code> or double click for a new one. <code>S</code> to save.</footer> <footer><a href="../">Back</a> | <code>Space</code> or double click for a new one. <code>S</code> to save.</footer>
</body> </body>
</html> </html>

BIN
3/example.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 189 KiB

View file

@ -2,15 +2,19 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width,initial-scale=1">
<title>Generative Art - seigler.github.io</title> <title>Peanut Butter and Jelly - Generative Art - seigler.github.io</title>
<link rel="stylesheet" href="../app-20b67cee.css"> <link rel="stylesheet" href="../app-a940fc5f.css">
<meta property="og:title" content="Peanut Butter and Jelly - Generative Art - seigler.github.io">
<meta property="og:description" content="Algorithmic art generated with P5.js">
<meta property="og:image" content="example.jpg">
<meta property="og:site_name" content="Generative Art - seigler.github.io">
<meta name="twitter:creator" content="@seiglerj">
</head> </head>
<body> <body>
<script src="../modules/p5.min.js"></script> <script src="../modules/p5.min.js"></script>
<script src="../modules/p5.sound.min.js"></script>
<script src="../modules/rhill-voronoi-core.min.js"></script> <script src="../modules/rhill-voronoi-core.min.js"></script>
<script src="../app-94d5a730.js"></script> <script src="../app-139adcd2.js"></script>
<footer><a href="../">Back</a> | <code>Space</code> or double click for a new one. <code>S</code> to save.</footer> <footer><a href="../">Back</a> | <code>Space</code> or double click for a new one. <code>S</code> to save.</footer>
</body> </body>
</html> </html>

BIN
4/example.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 123 KiB

View file

@ -2,15 +2,19 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width,initial-scale=1">
<title>Generative Art - seigler.github.io</title> <title>Lenses - Generative Art - seigler.github.io</title>
<link rel="stylesheet" href="../app-20b67cee.css"> <link rel="stylesheet" href="../app-a940fc5f.css">
<meta property="og:title" content="Lenses - Generative Art - seigler.github.io">
<meta property="og:description" content="Algorithmic art generated with P5.js">
<meta property="og:image" content="example.jpg">
<meta property="og:site_name" content="Generative Art - seigler.github.io">
<meta name="twitter:creator" content="@seiglerj">
</head> </head>
<body> <body>
<script src="../modules/p5.min.js"></script> <script src="../modules/p5.min.js"></script>
<script src="../modules/p5.sound.min.js"></script>
<script src="../modules/rhill-voronoi-core.min.js"></script> <script src="../modules/rhill-voronoi-core.min.js"></script>
<script src="../app-94d5a730.js"></script> <script src="../app-139adcd2.js"></script>
<footer><a href="../">Back</a> | <code>Space</code> or double click for a new one. <code>S</code> to save.</footer> <footer><a href="../">Back</a> | <code>Space</code> or double click for a new one. <code>S</code> to save.</footer>
</body> </body>
</html> </html>

1
app-139adcd2.js Normal file

File diff suppressed because one or more lines are too long

View file

@ -1 +0,0 @@
*,:after,:before{box-sizing:inherit}body,html{height:100%;box-sizing:border-box}body{background-color:#000;margin:0;padding:0;display:flex;align-items:center;justify-content:center;color:#fff;font-family:sans-serif}main{text-align:left}a{color:inherit}a:focus,a:hover{color:#66f}code{display:inline-block;font-size:1.2em;line-height:1;padding:.5em .5em .2em;background-color:#222}ul{list-style:none;padding-left:0}footer{position:fixed;bottom:0;left:0;max-width:100vw;color:#fff;background-color:rgba(0,0,0,.8);padding:.5em 1em;border-top-right-radius:.5em}

File diff suppressed because one or more lines are too long

1
app-a940fc5f.css Normal file
View file

@ -0,0 +1 @@
*,:after,:before{box-sizing:inherit}body,html{min-height:100%;box-sizing:border-box}body{background-color:#000;margin:0;padding:0;display:flex;align-items:center;justify-content:center;color:#fff;font-family:sans-serif}main{text-align:left}a{color:inherit}a:focus,a:hover{color:#66f}code{display:inline-block;font-size:1.2em;line-height:1;padding:.5em .5em .2em;background-color:#222}ul{list-style:none;padding-left:0}footer{position:fixed;bottom:0;left:0;max-width:100vw;color:#fff;background-color:rgba(0,0,0,.8);padding:.5em 1em;border-top-right-radius:.5em}img{max-width:100%}

View file

@ -4,17 +4,27 @@
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Generative Art - seigler.github.io</title> <title>Generative Art - seigler.github.io</title>
<link rel="stylesheet" href="app-20b67cee.css"> <link rel="stylesheet" href="app-a940fc5f.css">
</head> </head>
<body> <body>
<main> <main>
<h1>P5.js generative art</h1> <h1>P5.js generative art</h1>
<ul> <figure>
<li>2019-11-05 - <a class="sketch" href="1/">gradient burst</a></li> <a class="sketch" href="4/"><img src="4/example.jpg" alt="colored pinstripes distorted by a field of smoothed lenses of varying strength"></a>
<li>2019-11-07 - <a class="sketch" href="2/">gradient jungle</a></li> <figcaption>2019-11-10 - lenses</figcaption>
<li>2019-11-09 - <a class="sketch" href="3/">peanut butter and jelly</a></li> </figure>
<li>2019-11-10 - <a class="sketch" href="4/">lenses</a></li> <figure>
</ul> <a class="sketch" href="3/"><img src="3/example.jpg" alt="purple jelly stripes covered with swirling swarms of peanut butter colored lines"></a>
<figcaption>2019-11-09 - peanut butter and jelly</figcaption>
</figure>
<figure>
<a class="sketch" href="2/"><img src="2/example.jpg" alt="multicolored gradients revealing and concealing jungle leaves"></a>
<figcaption>2019-11-07 - gradient jungle</figcaption>
</figure>
<figure>
<a class="sketch" href="1/"><img src="1/example.jpg" alt="multicolored gradients revealing and concealing bars and circles"></a>
<figcaption>2019-11-05 - gradient burst</figcaption>
</figure>
</main> </main>
</body> </body>
</html> </html>