</head>
<body>
- <h1 class="home"><a href="/">{{site.name}}</a></h1>
-
<div class="nav">
<ul>
- <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><strong>{{site.name}}</strong></li>
+ <li> </li>
+ <li><a href="{{site.baseurl}}/works.html">works</a></li>
<li><a href="{{site.baseurl}}/about.html">about</a></li>
- </ul>
+ </ul>
</div>
<div class="site">
</body>
</html>
-
-
---
<h1>{{ page.title }}</h1>
-<h2>{{ page.date | date: "%Y/%m/%d" }}</h2>
+<h2>{{ page.date | date: "%Y" }}</h2>
<div class="post">
{{ content }}
</div>
+<!--
<div class="pagination">
<a href="{{ page.previous.url }}">← prev</a> | <a href="{{ page.next.url }}">next →</a>
</div>
+ -->
\ No newline at end of file
\r
<iframe src="http://player.vimeo.com/video/68519298?title=0&byline=0&portrait=0&color=ffffff" width="800" height="500" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>\r
\r
-SF taxi visualization. Created with Stamen Design.\r
+San Francisco Taxi-Cab Visualization\r
+\r
+Scott Snibbe, Amy Balkin, Eric Rodenbeck, Michal Migurski, Shawn Allen, Tomas Apodeca, Gabriel Dunne, Stamen Design \r
\r
[Cabspotting](http://stamen.com/clients/cabspotting) \r
[Cabspotting in MoMA](http://content.stamen.com/cabspotting_in_moma_design_and_the_elastic_mind) \r
\r
![]({{site.baseurl}}/m/cabspotting/Picture 5.png)\r
Development Screenshot\r
-\r
-\r
-\r
title: Monad
layout: post
date: 2010-12-20
-categories: portfolio installation
-excerpt: data-visualization sculpture
+categories: projection+sculpture
+excerpt: projection sculpture
thumb: /m/monad/thumb3.png
---
layout: post\r
title: "ICOSI"\r
date: 2011-07-11\r
-categories: portfolio audiovisual installation\r
+categories: projection+sculpture\r
excerpt: audiovisual live-performance\r
thumb: /m/icosi/2_4847387674_5419f0b672.jpg\r
---\r
title: NAAG
layout: post
date: 2012-12-20
-categories: portfolio installation
+categories: projection+sculpture
excerpt: projection-mapped sculpture
thumb: /m/naag/thumb.png
---
layout: post\r
title: "Vatica Dahlia"\r
date: 2013-08-30\r
-categories: portfolio sculpture \r
+categories: projection+sculpture\r
thumb: "/m/vaticadahlia/thumb2.png"\r
excerpt: sculpture and visuals for live performance\r
---\r
layout: post
title: "Tetra Field"
date: 2014-04-24
-categories: portfolio installation
+categories: projection+sculpture
thumb: "/m/tetrafield/thumb.png"
excerpt: modular projection-mapped installation
---
---
### Gabriel Labov Dunne
+
+
+### bio
b. 1981, San Francisco
+
### contact
studio at gabrieldunne dot com
1242 Market St FL2
### c/v
### residencies / collaborations
-2014— Artist in Residence, Autodesk, San Francisco, CA.
+2014 Artist in Residence, Autodesk, San Francisco, CA.
2011—2012 Studio Collaboration w/ Vishal K. Dar, New Delhi, India.
2009—2010 Artist in Residence, Gray Area Foundation for the Arts, San Francisco, CA.
2003 B.A., Design | Media Art, UCLA, CA
### clients / affiliations
+Autodesk
Obscura Digital
Stamen Design
Helios Interactive
Gray Area
Tessellated Group
Motion Theory
-Autodesk
Google
BAVC
html, body { height: 100%; }
body {
- font: 13px/1.5em Menlo, "Lucida Console", monospace;
- letter-spacing: 0.05em;
+ font-family: sans-serif;
+ font-size:13px;
+ line-height:1.5em;
+ letter-spacing: 0.02em;
/*animation: fadein 1s;*/
/* Firefox */
/*-moz-animation: fadein 1s;*/
margin: 1em 0;
}
h1 {
- margin:1em 0 0 0;
+ margin:0em 0 1em 0;
+ line-height:1em;
font-size:2em;
- font-family:gdsans;
- text-transform:uppercase;
+ font-weight:normal;
}
h1 a {
text-decoration:none;
}
.post h2::before, .post h2::after
{
- content:" ---- ";
+ /*content:" ---- ";*/
}
.site > h2 {
margin:2em 0;
}
+.site h3:first-child {
+ margin-top:0;
+}
h3 {
text-align:left;
margin:1.5em 0 0.5em;
margin-top:8em;
}
+.index {
+ margin:0;
+ padding:0;
+ font-weight:normal;
+
+ list-style-type: none;
+}
+.index .date {
+ position:relative;
+ font-style:italic;
+ font-size:11px;
+ color:#999;
+}
+.index .date:first-child {
+ margin-top:0;
+}
+.index li {
+}
+
.archive-sort {
}
.archive-sort a {
/*****************************************************************************/
.site {
- margin: 2em 0 2em 0;
- padding: 0 0 0 22em;
+ margin: 0em 0 2em 13em;
+ padding: 0 0 0 0em;
max-width: 800px;
+ position:absolute;
+ top:1em;
}
@media (max-width: 800px) {
.site {
}
.nav {
position:absolute;
- top:5em;
+ top:1em;
left:1em;
display:block;
height:2em;
- cursor:pointer;
}
.nav ul, .nav ul li {
margin:0;
margin-top:2em;
padding-bottom:3em;
margin-bottom:3em;
- border-bottom:2px dashed #777;
}
.post pre {
border: 1px solid #ddd;
---
layout: default
-title: portfolio
+title: index
---
-<ul class="thumbs">
+<ul class="index">
{% for post in site.posts %}
- {% if post.categories.first == 'portfolio' %}
+ {% capture day %}{{ post.date | date: '%Y' }}{% endcapture %}
+ {% capture nday %}{{ post.next.date | date: '%Y' }}{% endcapture %}
+ {% if day != nday %}
+ <h3 class="date">{{ post.date | date: "%Y" }}</h3>
+ {% endif %}
<li>
- <h1>{{ post.title }}</h1>
- <a href="{{ site.baseurl }}{{ post.url }}">
- <div class="thumb">
- <img src="{{ site.baseurl }}{{ post.thumb }}">
- </div>
- </a>
- {{ post.excerpt }}<br />
- {{ post.date | date: "%Y" }}
+ <a href="{{ site.baseurl }}{{ post.url }}">{{ post.title }}</a>
</li>
- {% endif %}
{% endfor %}
-
- <li> </li>
- <li><a href="{{site.baseurl}}/archive.html"><h1>Archive</h1></a></li>
-
-</ul>
-
+</ul>
\ No newline at end of file