51 lines
4.2 KiB
HTML
51 lines
4.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en-us">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>Zack Zatkin-Gold - Art</title>
|
|
<link rel="stylesheet" href="style.css">
|
|
</head>
|
|
<body>
|
|
<header>Art</header>
|
|
<article>
|
|
<p>With the help of <a href="https://processing.org">Processing</a>, I
|
|
intersect design and code to produce art.</p>
|
|
<p class="piece"><img src="art/piano.png" alt="" width="460" height="460"><br>Piano — December 10, 2015</p>
|
|
<p class="piece"><img src="art/clique.png" alt="" width="460" height="460"><br>Clique — December 9, 2015</p>
|
|
<p class="piece"><img src="art/color_wheel.png" alt="" width="460" height="460"><br>Color Wheel — December 8, 2015</p>
|
|
<p class="piece"><img src="art/a_peek_outside.png" alt="" width="460" height="460"><br>A Peek Outside — November 29, 2015</p>
|
|
<p class="piece"><img src="art/bubbled_transformation.png" alt="" width="460" height="460"><br>Bubbled Transformation — November 15, 2015</p>
|
|
<p class="piece"><img src="art/ello_logo_blueprint.png" alt="" width="460" height="460"><br>Ello Logo Blueprint — October 29, 2015</p>
|
|
<p class="piece"><img src="art/circular_integration.png" alt="" width="460" height="460"><br>Circular Integration — October 25, 2015</p>
|
|
<p class="piece"><img src="art/stacks.png" alt="" width="460" height="460"><br>Stacks — October 19, 2015</p>
|
|
<p class="piece"><img src="art/beams.png" alt="" width="460" height="460"><br>Beams — October 18, 2015</p>
|
|
<p class="piece"><img src="art/ello_web.png" alt="" width="460" height="460"><br>Ello Web — October 2, 2015</p>
|
|
<p class="piece"><img src="art/bubbles.png" alt="" width="460" height="460"><br>Bubbles — September 22, 2015</p>
|
|
<p class="piece"><img src="art/sunset.png" alt="" width="460" height="460"><br>Sunset — September 15, 2015</p>
|
|
<p class="piece"><img src="art/overlapping_dots.png" alt="" width="460" height="460"><br>Overlapping Dots — September 7, 2015</p>
|
|
<p class="piece"><img src="art/threads.png" alt="" width="460" height="460"><br>Threads — September 5, 2015</p>
|
|
<p class="piece"><img src="art/santa_cruz.png" alt="" width="460" height="460"><br>Santa Cruz — September 2, 2015</p>
|
|
<p class="piece"><img src="art/retro_sun.png" alt="" width="460" height="460"><br>Retro Sun — September 1, 2015</p>
|
|
<p class="piece"><img src="art/bounds.png" alt="" width="460" height="460"><br>Bounds — August 28, 2015</p>
|
|
<p class="piece"><img src="art/bridge.png" alt="" width="460" height="460"><br>Bridge — August 26, 2015</p>
|
|
<p class="piece"><img src="art/progress.png" alt="" width="460" height="460"><br>Progress — August 24, 2015</p>
|
|
<p class="piece"><img src="art/web.png" alt="" width="460" height="460"><br>Web — August 21, 2015</p>
|
|
<p class="piece"><img src="art/waves.png" alt="" width="460" height="460"><br>Waves — August 20, 2015</p>
|
|
<p class="piece"><img src="art/uneven_circle.png" alt="" width="460" height="460"><br>Uneven Circle — August 20, 2015</p>
|
|
<p class="piece"><img src="art/color_ball.png" alt="" width="460" height="460"><br>Color Ball — August 14, 2015</p>
|
|
<p class="piece"><img src="art/strokes.png" alt="" width="460" height="460"><br>Strokes — August 13, 2015</p>
|
|
<p class="piece"><img src="art/perspective.png" alt="" width="460" height="460"><br>Perspective — August 12, 2015</p>
|
|
<p class="piece"><img src="art/spiral.png" alt="" width="460" height="460"><br>Spiral — August 11, 2015</p>
|
|
<p class="piece"><img src="art/random_distribution.png" alt="" width="460" height="460"><br>Random Distribution — June 2, 2015</p>
|
|
<p class="piece"><img src="art/ellipse_formation.png" alt="" width="460" height="460"><br>Ellipse Formation — May 25, 2015</p>
|
|
</article>
|
|
<footer>
|
|
<hr>
|
|
<div id="copyright">© 2016</div>
|
|
<nav><a href="/">Index</a> — <a href="links.html">Links</a></nav>
|
|
</footer>
|
|
</body>
|
|
</html>
|