<li><a href="{{site.baseurl}}/">work</a></li>
<!-- <li><a href="{{site.baseurl}}/commercial.html">commercial</a></li> -->
<li><a href="{{site.baseurl}}/blog/">blog</a></li>
+ <li><a href="{{site.baseurl}}/archive.html">archive</a></li>
<li><a href="{{site.baseurl}}/about.html">about</a></li>
</ul>
</div>
date: 2014-04-24
categories: portfolio installation
thumb: "/m/tetrafield/thumb.png"
-excerpt: procedurally generated projection-mapped installation
+excerpt: modular projection-mapped installation
---

html, body { height: 100%; }
body {
- font: 14px/1.5em Menlo, "Lucida Console", monospace;
+ font: 13px/1.5em Menlo, "Lucida Console", monospace;
letter-spacing: 0.05em;
/*animation: fadein 1s;*/
/* Firefox */
h1 {
margin:1em 0 0 0;
font-size:2em;
- text-align:center;
font-family:gdsans;
text-transform:uppercase;
}
text-decoration:none;
}
h2{
- text-align:center;
margin:3em 0 2em 0;
font-size:1em;
}
padding:0;
}
.thumbs li {
- margin:2em auto 4em auto;
+ margin:2em 0 4em 0;
max-width:460px;
- text-align: center;
}
.thumbs li > a {
display:block;
text-decoration: none;
- margin-bottom:1em;
+ margin-top:0.5em;
}
.thumb {
width:460px;
height:200px;
background:#000;
overflow:hidden;
+ text-align:center;
}
.posts h1 {
}
.posts .date {
- text-align:center;
margin-top:8em;
}
.archive-sort {
-text-align:center;
}
.archive-sort a {
text-decoration: underline;
{% for post in site.posts %}
{% if post.categories.first == 'portfolio' %}
<li>
+ <h1>{{ post.title }}</h1>
<a href="{{ site.baseurl }}{{ post.url }}">
<div class="thumb">
<img src="{{ site.baseurl }}{{ post.thumb }}">
</div>
- <h1>{{ post.title }}</h1>
</a>
{{ post.excerpt }}
</li>