Use handlebars templates, add openGraph tags

This commit is contained in:
Joshua Seigler 2019-11-11 12:37:24 -05:00
parent 1f945dab9d
commit 641de02e53
24 changed files with 920 additions and 28 deletions

BIN
app/assets/1/example.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 99 KiB

View file

@ -1 +0,0 @@
../../sketch-template.html

BIN
app/assets/2/example.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 143 KiB

View file

@ -1 +0,0 @@
../../sketch-template.html

BIN
app/assets/3/example.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 189 KiB

View file

@ -1 +0,0 @@
../../sketch-template.html

BIN
app/assets/4/example.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 123 KiB

View file

@ -1 +0,0 @@
../../sketch-template.html

View file

@ -9,12 +9,22 @@
<body>
<main>
<h1>P5.js generative art</h1>
<ul>
<li>2019-11-05 - <a class="sketch" href="1/">gradient burst</a></li>
<li>2019-11-07 - <a class="sketch" href="2/">gradient jungle</a></li>
<li>2019-11-09 - <a class="sketch" href="3/">peanut butter and jelly</a></li>
<li>2019-11-10 - <a class="sketch" href="4/">lenses</a></li>
</ul>
<figure>
<a class="sketch" href="4/"><img src="4/example.jpg" alt="colored pinstripes distorted by a field of smoothed lenses of varying strength"></a>
<figcaption>2019-11-10 - lenses</figcaption>
</figure>
<figure>
<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>
</body>
</html>