--- /dev/null
+
+gabrieldunne.com/<search term>
+
+use any content after the url to search for the project, but store projects in folders
\ No newline at end of file
-title = bay area transit
+title = Bay Area Transit
desc = data visualization
date = 08/03/2007
thumb = /media/projects/bay_area_transit/thumb.png
-title = boat
+title = Boat
date = 2007-07-10
tags = timelapse photography
thumb = /media/projects/boat/thumb.png
-title = bodyneg
+title = Bodyneg
date = 2002
tags = print mixed media
thumb = /media/projects/bodyneg/thumb.png
--- /dev/null
+title = Cabspotting
+--
+Cabspotting
\ No newline at end of file
--- /dev/null
+title = C.A.T. Titles
+--
+CAT Title seaquence w/Mekanism
\ No newline at end of file
--- /dev/null
+title = Celestial Mechanics
+--
+Celestial Mechanics
\ No newline at end of file
--- /dev/null
+title = Cymatic Organ
+--
+Cymatic Organ
\ No newline at end of file
--- /dev/null
+title = Icarus & Deadalus
+--
+Icarus & Deadalus
\ No newline at end of file
--- /dev/null
+title = Icosi
+--
+Icosi software/installation/performance
\ No newline at end of file
--- /dev/null
+title = Monad
+--
+Monadic visualization of the Universe
\ No newline at end of file
--- /dev/null
+title = Paintings
+--
+Mask
+3060
\ No newline at end of file
--- /dev/null
+title = Rattles
+--
+Software Rattles
\ No newline at end of file
--- /dev/null
+title = Seashell
+--
+Seashell makes traffic sounds
\ No newline at end of file
--- /dev/null
+title = SOS Postcard
+--
+Self Organizing Systems Postcard
--- /dev/null
+title = Stars
+--
+Stars Software
\ No newline at end of file
date = 2010-07-29
--
-
-Custom audiovisual installation.
+Audiovisual installation.
The software and audio toolset was developed over three weeks leading up to the performance. The performance dramatically split my focus into two places (playing music, changing visuals), which was a juggle that I wasn't anticipating, as I was developing the visual software on one split-screen before the performance. Inspired to continue pursuing interfaces and controllers to overcome the separation of creating audio and visuals simultaneously.
--- /dev/null
+title = Seaquence is live!
+tags = seaquence flash
+notes = this might need to be split up into a few posts
+date = 2010-10-04
+--
+An only musical ecosystem created in Flash AS3, PHP, MySQL. Collaboration with Ryan Alexander and Daniel Massey.
+
+[http://seaquence.org](http://seaquence.org)
+
+[](http://seaquence.org)
\ No newline at end of file
--- /dev/null
+title = Milieux Sonores
+date = 2010-11-05
+--
+Performing the 'Icosi' audiovisual installation with <a href="http://www.dabkitsch.com/jml/">Jeff Lubow</a> Nov 6th at Gray Area Foundation, SF.
+
--- /dev/null
+title = Seaquence
+featured = yes
+thumb = /projects/seaquence/thumb.png
+desc = Seaquence is an experimental web-based musical petri-dish. Adopting a biological metaphor, Seaquence allows you to create and combine musical lifeforms
+ into unique, dynamic compositions.
+--
+Seaquence is an experimental musical petri-dish. Adopting a biological metaphor, Seaquence allows you to create and combine musical lifeforms into unique, dynamic compositions. This is an initial alpha release and still under development.
+
+Collaboration with Ryan Alexander and Daniel Massey.
+
+link: [seaquence.org](http://seaquence.org)
+
+
+[](http://seaquence.org)
* @param args array
*/
function get_entries( $path = "", $args = array())
-{
+{
$recursive = isset($args['recursive']) ? $args['recursive'] : 1;
$order_by = empty($args['order_by']) ? null : $args['order_by'];
$order = empty($args['order']) ? SORT_DESC : $args['order'];
ini_set('include_path', ini_get('include_path') . PATH_SEPARATOR . dirname(realpath(__FILE__)));
define ('LOCAL_ROOT', join(array_slice(split( "/", dirname(realpath(__FILE__))),0,-1),"/").'/');
- define ('SITE_TITLE', 'gabriel dunne');
+ define ('SITE_TITLE', 'Gabriel Dunne');
define ('WEB_ROOT', 'http://dev.gabrieldunne.com/');
define ('CONTENT_DIR', 'content');
define ('PAGE_DIR', 'pages');
define ('CONFIG_DELIMITER', '--');
define ('MORE_DELIM', '<!--more-->');
- define ('TITLE_DELIMITER', ': ');
+ define ('TITLE_DELIMITER', ' — ');
define ('CONFIG_FILE', 'config');
require_once 'data.php';
--- /dev/null
+title = about
+
+This selection of work documents explorations of the visual, audible, and physical spectrum, including custom computer software and hardware, drawing influence from natural systems, structures, and rhythms of the perceivable and imperceivable universe.
+
+I have a passion for creativity and exploration and express it in many different ways. My work takes the form of small exploratory projects, public works, collaborations, software/hardware development, and industrial design and processes. I have contracted to collectives and companies worldwide.
+
+I am based in the San Francisco Bay Area.
+
+elsewhere: [quilime.com](http://quilime.com)
+
+quilime is a codification of creative process that I've kept since 1999.
+
+--
+
+A collection of my projects and process ranging from 1999 to current.
+
+Contact me via email at [gd@gabrieldunne.com](mailt:gd@gabrieldunne.com).
\ No newline at end of file
+++ /dev/null
-title = contact
---
-studio@gabrieldunne.com
-+1 415 493 8496
-
-[c/v](/cv/)
-
-elsewhere: [quilime.com](http://quilime.com)
title = c/v
--
-**gabriel labov dunne**
-b. 1981, san francisco
+**Gabriel Labov Dunne**
+b. 1981, San Francisco
<br />
-
-**cv**
-2010 Bay Area Video Coalition: Instructor
-2005—current, Tessellated Group: Designer
-2008 Stamen Design: Designer, Developer
-2007 Google, Inc: Designer, Developer
-2004—2006 Motion Theory: Designer, Animator, Developer
-<br />
-<br />
-
-**performance**
-2010 Milieux Sonores: Sound and Imaginary Space, Gray Area Foundation for the Arts, San Francisco
-2010 Biennial of the Americas, Denver
+**edu**
+2003 B.A. Design | Media Arts, UCLA
+2002 Pont Avent School of Art, France
+1999 College of Marin
<br />
<br />
-
-**exhibitions, festivals**
-2010 Prototype, Gray Area Foundation for the Arts, San Francisco
-2010 Powers of Ten, Gray Area Foundation for the Arts
-2008 Design and the Elastic Mind, MoMA NYC (w/Stamen Design. Permanent Collection)
-2006 Interferenze: Naturalis Electronica, Valle Caudina, Italy
+
+**exhibitions, festivals, performance**
+2010 Milieux Sonores: Sound and Imaginary Space, GAFFTA, San Francisco. Live A/V performance.
+2010 Biennial of the Americas, Denver. Live A/V performance.
+2010 Prototype, GAFFTA, San Francisco. Installation.
+2010 Powers of Ten, GAFFTA. Installation. Collab w/Stephanie Sherriff.
+2008 Design and the Elastic Mind, MoMA NYC Permanent Collection. Collab w/Stamen Design.
+2006 Interferenze: Naturalis Electronica, Valle Caudina, Italy.
2006 Japan Media Arts Festival, Tokyo, Japan
2006 Festival Sonar, Barcelona, Spain
-2006 SIGGRAPH, Boston
-2005 New Wight Gallery MFA Show, UCLA, Los Angeles, CA (collab.)
+2006 SIGGRAPH, Boston
+2005 New Wight Gallery MFA Show, UCLA, Los Angeles, CA (collab.)
2005 SIGGRAPH, Los Angeles
-2005 :Output International Design Competition", Amsterdam, Netherlands
+2005 :Output International Design Competition, Amsterdam, Netherlands
2005 CiberArt: International Festival of New Technologies, Bilbao, Spain
-2004 Traffic, New Wight Gallery, UCLA, Los Angeles, CA (collab.)
+2004 Traffic, New Wight Gallery, UCLA, Los Angeles, CA. Collab w/Scott Hessels.
2003 Sur(Face), Design Media Arts EDA, Los Angeles, CA
-2003 Eyberrations Digital Film Festival", Irvine, CA
+2003 Eyberrations Digital Film Festival, Irvine, CA
2002 Melbourne International Film Festival", Melbourne, Australia
2002 Experimental Works On Paper, Paris, France
2002 Experimental Works On Paper, Rennes, France
<br />
**talks / conferences**
-2010 Resident Artist Symposium, Gray Area, San Francisco
+2010 "Prototype" Resident Artist Symposium, Gray Area, San Francisco
2004 Text + Architecture & Writing in Architecture, SCIARC, Los Angeles
2003 narr@tive: Digital Storytelling, Hammer Museum, Los Angeles
<br />
-**teaching, workshops**
+**courses / lectures / workshops**
2010 Open Source: Visual Programming (BAVC, San Francisco)
2010 Creative Coding: An Introduction to Processing (Gray Area, San Francisco)
2009 Creative Coding (Gray Area, San Francisco)
2005 HDRI
<br />
+**public collections**
+New York Museum of Modern Art, NY
+Jaquez Gallery Collection, Pont Aven, France
+<br />
+
**awards**
-2005 Creative Review Best in Show "Beck Girl" (Motion Theory)
-2004 Type Directors Award "Nike Golf" (Motion Theory)
-2004 AIGA "HP It Consolidates" (Motion Theory)
-2004 AICP "HP Hands" (Motion Theory)
+2005 Creative Review Best in Show "Beck Girl" (Asst Visual Effects Supervisor, w/Motion Theory)
+2004 Type Directors Award "Nike Golf" (Designer, Developer, w/Motion Theory)
+2004 AIGA "HP It Consolidates" (Designer, Animator w/Motion Theory)
+2004 AICP "HP Hands" (Designer, Animator w/Motion Theory)
2003 Screen Network Australia Best in Show
2002 Shorttakes Film Festival, Best Visual Effects
<br />
-
-**edu**
-2003 B.A. Design | Media Arts, UCLA
-2002 Pont Avent School of Art, France
-1999 Architecture, Art, College of Marin
-<br />
-<br />
-
+<!--
**academic honors**
2002, 2003 UCLA Deans List
2001 UCLA Merit Scholarship
+-->
+
+**residencies / collaborations**
+2011 Collaboration, Studio Vishal Dar
+2009—2010 Artist in Residence, Gray Area Foundation for the Arts
+<br />
+<br />
+**professional activity**
+2010—current Educator, Bay Area Video Coalition. 'Digital Pathways: Open Source' Instructor
+2007—2008 Stamen Design: Designer, Developer
+2007—2008 Google, Inc: Designer, Developer
+2005—current Tessellated Group: Designer
+2004—2006 Motion Theory: Designer, Animator
<br />
+<br />
+<br />
+
+
+
+
<? $this->include_template('nav.html.tpl') ?>
<div id="content">
-
+
<? foreach($data as $entry): ?>
<?
<div class="entry">
+ <div class="title">
<h2>
<a href="<?=$data['url']?>"><?=$data['title']?></a>
</h2>
- <div class="content">
- <?=$data['content']?>
- </div>
-
<div class="metadata">
- posted <abbr title="<?=get_relative_time($data['timestamp']);?>"><?=date("F d, Y", $data['timestamp'])?></abbr>
- in <a href="<?=$data['cat']['url'];?>"><?=$data['cat']['name'];?></a>
+ <div title="<?=get_relative_time($data['timestamp']);?>"><?=date("F d, Y", $data['timestamp'])?></div>
<br/>
<ul class="tags">
<? if ($data['tags']) foreach($data['tags'] as $tag) : ?>
<? endforeach; ?>
</ul>
</div>
+
+ </div>
+
+ <div class="content">
+ <?=$data['content']?>
+ </div>
+
</div>
<? $this->include_template('nav.html.tpl') ?>
-<div id="content">
-
- <img src="<?=get_base_dir();?>/media/splash/wawa.jpg" />
-
-</div>
+<div id="content"><pre>>>> Hello World</pre></div>
<? $this->include_template('footer.html.tpl') ?>
-<ul class="nav">
- <? $dirs = get_dirs("", array('recursive' => 1)); ?>
- <? foreach($dirs as $dir) : ?>
- <li><a href="<?=$dir['url']?>"><?=$dir['name']?></a></li>
- <? endforeach; ?>
-
- <li><a href="/contact/">contact</a></li>
- <li><a href="/cv/">cv</a></li>
+<ul class="nav">
-</ul>
+ <h2><a href="/"><?=SITE_TITLE?></a></h2>
+
+ <li><a href="/process/">process</a></li>
+ <li><a href="/projects/">projects</a></li>
+ <li><a href="/about/">about</a></li>
+
+</ul>
<? $this->include_template('nav.html.tpl') ?>
-<div id="content">
-
+<div id="content" class="page">
+
<?=$data['content'];?>
</div>
<? $this->include_template('nav.html.tpl') ?>
<div id="content">
-
- <h1><?=$page_title?></h1>
-
+
+ <? /*
<ul id="data_list">
<? foreach($data as $entry): ?>
<li>
<a href="<?=$entry['url']?>"><?=$entry['title']?></a>
</li>
- <? endforeach; ?>
+ <? endforeach; ?>
+
+ <li><br/></li>
+ <li>archive</li>
+ <li>...</li>
</ul>
+ */ ?>
- <ul id="data">
+ <ul class="projects">
<? foreach($data as $entry): ?>
<li>
<a href="<?=$entry['url']?>">
- <img src="<?=$entry['config']['thumb']?>" />
- <span><?=$entry['title']?></span>
+ <img src="<?=$entry['config']['thumb']?>" /><br/>
+ <h2><?=$entry['title']?></h2>
</a>
+ <? /*
+ <div class="desc">
+ <h2><?=$entry['title']?></h2>
+ <?=$entry['config']['desc']?>
+ </div>
+ */ ?>
</li>
<? endforeach; ?>
</ul>
<? $this->include_template('nav.html.tpl') ?>
- <div id="content">
- <? $this->include_template('entry.html.tpl', array('data' => $data)); ?>
+ <div id="content" class="single entry">
+
+ <h1>
+ <?=$data['title']?>
+ </h1>
+
+ <div class="content">
+ <?=$data['content']?>
+ </div>
+
+ <div class="metadata">
+ posted <abbr title="<?=get_relative_time($data['timestamp']);?>"><?=date("F d, Y", $data['timestamp'])?></abbr>
+ in <a href="<?=$data['cat']['url'];?>"><?=$data['cat']['name'];?></a>
+ <br/>
+ <ul class="tags">
+ <? if ($data['tags']) foreach($data['tags'] as $tag) : ?>
+ <li>#<?=$tag?></li>
+ <? endforeach; ?>
+ </ul>
+ </div>
+
</div>
<? $this->include_template('footer.html.tpl') ?>
RewriteEngine On
RewriteBase /
RewriteCond %{REQUEST_FILENAME} !-f
-RewriteCond %{REQUEST_FILENAME} !-d
+#RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . index.php [L]
</IfModule>
@font-face { font-family: DejaVuSansMono; src: url('/fonts/DejaVuSansMono.ttf'); }
@font-face { font-family: DejaVuSans; src: url('/fonts/DejaVuSans.ttf'); }
-body { margin:10px 100px 50px 40px; }
-html, body, table { font-family: DejaVuSans; font-size:10px; line-height:1.5em; color:#000; }
+html, body, table {
+font-family: sans-serif;
+font-size:13px; line-height:1.4em; }
+body { margin:30px 100px; }
::-moz-selection {background: #08f !important; color:#fff;}
::selection {background: #08f !important; color:#fff;}
-a { border:0; color:#333; }
-p a { color:#777; }
+a { border:0; color:#000; }
a img { border:0; }
a.mute { text-decoration:none !important; }
-a:hover, a.mute:hover { color:#d15; text-decoration:underline; }
+a:hover, a.mute:hover { color:#d15; }
h1, h2, h3, h4, h5, h6 { font-weight:bold; font-size:1em; }
-h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration:none; }
+h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { }
+.page h1, .single h1, .entry h2 { font-size:18px; font-weight:normal; }
h1 { margin:0 0 3em 0; }
h2 { margin:0 0 0.5em 0; }
h3 { margin:0 0 0 0; }
margin:0; padding:2em 4em; max-width:600px;
}
-.nav { position:absolute; z-index:1; top:10px; left:30px; }
-.nav ul { margin-left:1em; }
-.nav a { text-decoration:none; font-weight:bold; }
-.nav li { display:inline-block; margin-right:2em;}
+.nav { position:absolute; top:20px; left:40px; font-size:16px; }
+.nav a { border:0; text-decoration:none; }
+.nav li { margin-right:2em; display:inline-block; }
-#content { max-width:550px; position:absolute; top:100px; left:30px; z-index:10; }
+
+#content { position:absolute; top:180px; left:40px; }
+#content p { padding-right:250px; }
#content p:first-child { margin-top:0; }
-#data_list { float:left; margin-right:100px; position:absolute; top: 3em; width:200px; }
-#data { position:absolute; top:3em; left:300px; }
+.projects li { margin-bottom:20px; margin-right:20px;}
+.projects li a { display:block; background:#000; width:250px; height:160px; border:0; }
+.projects li img { width: 100%; height: 100%; }
+.projects li a { text-decoration:none; }
+
+
+#data_list { float:left; margin-right:100px; width:100px; }
+#data { float:left; }
#data li { margin-bottom:50px; }
#data li span { display:none; }
#data li a { text-decoration:none;}
#slidenav a { margin-right:10px; }
#prev, #next { float:left; }
#prev { margin-right:1em; }
-#slidenav a.activeSlide { text-decoration:none; }
-
-.entry { margin-bottom:50px; padding-bottom:50px; }
-.entry h2 { padding-bottom:4px; }
-.entry .date { color:aaa;}
-.entry p { max-width:550px; }
-.entry .metadata { font-size:0.9em; font-style:italic; color:#999; line-height:1.3em; }
-.entry .metadata a { color:#999; text-decoration:underline; }
+#slidenav a.activeSlide { text-decoration:none; }
+
+.entry { margin-bottom:130px; }
+.entry .title { }
+.entry h2 { padding-top:11px; margin-bottom:0.3em; }
+.entry h2 a { text-decoration:none; font-weight:bold; }
+.entry .date { color:aaa; }
+.entry p { }
+.entry .metadata { font-size:0.9em; color:#999; line-height:1.3em; }
+.entry .metadata a { color:#999; }
.entry .metadata a:hover { color:#d15; }
-.entry .metadata .tags li { display:inline-block; margin-right:0.2em; }
-
+.entry .metadata .tags li { margin-right:0.2em; display:none; }
+/* .single .metadata { display:none; } */
+
+
.caption { font-style:italic; margin-top:5px; color:#444; }
+li
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
-<head>
-<meta name="description" content="The owner of this domain has not yet uploaded their website." />
-<title>dev.gabrieldunne.com Coming Soon!</title>
-<style type="text/css" media="all">
-body {
- margin: 0px;
- padding: 0px;
- background: url(http://www.dreamhost.com/comingsoon/bg.gif) #c0e4f4 0px 0px repeat-x;
- color: #333333;
- font-family: Helvetica, Arial;
-}
-
-img {
- border: 0;
-}
-
-h1 {
- color: #fc8524;
- border-bottom: 1px solid #cccccc;
- font-weight: normal;
- font-size: 1.6em;
- padding: 5px 0 10px;
- margin: 0px;
-}
-
-p {
- padding-top: 15px;
- margin: 0px;
- line-height: 1.5em;
- font-size: 0.9em;
-}
-
-a {
- color: #fc8524;
-}
-
-#center {
- width: 740px;
- margin: 0px auto;
-}
-
-#logo {
- height: 44px;
-}
-
-#logo img {
- margin-top: 6px;
- margin-left: 24px;
-}
-
-#box1 {
- background: url(http://www.dreamhost.com/comingsoon/bodybg1.gif) #ffffff 0px 0px no-repeat;
- height: 8px;
- width: 740px;
- font-size: 0.1em; /*ie6 */
- margin-top: 21px;
-}
-
-#box2 {
- background: url(http://www.dreamhost.com/comingsoon/bodybg2.gif) #ffffff 0px 0px repeat-y;
- width: 692px;
- padding: 0 24px;
-}
-
-#box3 {
- background: url(http://www.dreamhost.com/comingsoon/bodybg3.gif) #ffffff 0px 0px no-repeat;
- width: 740px;
- height: 22px;
-}
-
-#links {
- text-align: center;
-}
-
-#links a {
- padding: 0 20px;
-}
-
-</style></head><body>
-
-<div id="center">
-
-<div id="logo"><a href="http://www.dreamhost.com/"><img src="http://www.dreamhost.com/comingsoon/logo.gif" alt="DreamHost" height="33" width="156" /></a></div>
-
-<div id="box1"></div>
-<div id="box2">
-<h1>dev.gabrieldunne.com Coming Soon!</h1>
-<p>The DreamHost customer who owns dev.gabrieldunne.com has not yet uploaded their website or has chosen to leave this holding page active.</p>
-<p>If you are the owner of this domain, you'll find your login information contained within the emails sent to you when your account was activated. Once logged in, you'll be able to delete this page (quickstart.html) and begin uploading your new site.</p>
-<p>Also, here are some helpful links for getting started!</p>
-<p id="links"><a href="http://panel.dreamhost.com/">DreamHost Web Panel</a>
-<a href="http://wiki.dreamhost.com/">DreamHost Wiki</a>
-<a href="http://discussion.dreamhost.com/">DreamHost Discussion Forum</a></p>
-</div>
-<div id="box3"></div>
-</div>
-
-</body></html>
-
-
-
git.quilime.com / plog.git / commitdiff