63 lines
2.2 KiB
HTML
63 lines
2.2 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Veit's Art</title>
|
|
<link type="text/css" rel="stylesheet" href="https://cdn.rawgit.com/patriciogonzalezvivo/glslGallery/gh-pages/build/glslGallery.css">
|
|
<script type="text/javascript" src="https://cdn.rawgit.com/patriciogonzalezvivo/glslGallery/gh-pages/build/glslGallery.js"></script>
|
|
<style>
|
|
@font-face {
|
|
font-family: 'charterregular';
|
|
src: url('/charter_regular-webfont.eot');
|
|
src: url('/charter_regular-webfont.woff') format('woff');
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
}
|
|
body, html {
|
|
width: 80vw;
|
|
min-width: 600px;
|
|
margin: auto;
|
|
font-family: 'charter', Georgia, serif;
|
|
}
|
|
h1, h2 {
|
|
font-weight: 400;
|
|
border-left: 5px solid #D6F1F3;
|
|
border-top: 5px solid #D6F1F3;
|
|
display: inline-block;
|
|
border-right: 5px solid #F3D8D6;
|
|
border-bottom: 5px solid #F3D8D6;
|
|
margin-bottom: 0;
|
|
}
|
|
p {
|
|
margin-top: 0;
|
|
}
|
|
.l {
|
|
text-decoration: none;
|
|
color: #000;
|
|
border-bottom: 3px solid #F3D8D6;
|
|
}
|
|
.l:hover {
|
|
background-color: #F3D8D6;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<h1>Veit's Art</h1>
|
|
<p>Something may happen if you hover over the images.</p>
|
|
|
|
<h2>Noise</h2>
|
|
<p>Thoughts on Georgi Voronoi, Ryoji Ikeda, Robert Brown, and Ken Perlin.</p>
|
|
<div class="glslGallery" data="170612231711,170612232000,170612232020,170612232122,170612232140,170626220714" data-properties="clickRun:player,showTitle:false,openFrame=false,showAuthor:false"></div>
|
|
|
|
<h2>Iconoclasm</h2>
|
|
<p>Thoughts on Mark Rothko and Jackson Pollock.</p>
|
|
<div class="glslGallery" data="170612232452,170612232545" data-properties="clickRun:player,showTitle:false,openFrame=false,showAuthor:false"></div>
|
|
|
|
<h2>Riffs</h2>
|
|
<p>Not necessarily mine, but riffs on other peoples' work.</p>
|
|
<div class="glslGallery" data="170612231358" data-properties="clickRun:player,showTitle:false,openFrame=false,showAuthor:false"></div>
|
|
|
|
<h2>Other</h2>
|
|
<p>Of note: a defunct generative art <a class="l" href="http://blog.veitheller.de/I_Can't_Paint.html">Twitter bot</a>.</p>
|
|
</body>
|
|
</html>
|