+++ /dev/null
-title = Chapter and Verse
-date = 2010-06-01
---
-I will be [performing](http://www.biennialoftheamericas.org/artists/gabriel-dunne) an audiovisual installation July 29th in [Chapter and Verse](http://www.biennialoftheamericas.org/events/month/7/day/29) as part of the venue "Nature of Things", a part of the Biennial of the Americas in Denver, CO.
\ No newline at end of file
--- /dev/null
+title = Chapter and Verse
+date = 2010-06-01
+--
+[Performing](http://www.biennialoftheamericas.org/artists/gabriel-dunne) an audiovisual installation July 29th in [Chapter and Verse](http://www.biennialoftheamericas.org/events/month/7/day/29) as part of "Nature of Things", during the Biennial of the Americas in Denver, CO.
\ No newline at end of file
-title = biennial performance
+title = denver biennial
tags = perf install projection vis aud
notes = this might need to be split up into a few posts
+date = 2010-07-29
--
-
-[video1]
-
-[video2]
-
-two audiovisual performances, done July 29 2010 during the [Biennial of the Americas](http://biennialoftheamericas.org), Denver, Colorado.
-
-<!--more-->
-
-# documentation
-
-Snapshotsof the ICOSI piece for the biennial show.
-
-
+
-[view photoset on flickr](http://www.flickr.com/photos/quilime/sets/72157624499344281/with/4847387648/)
-
+Custom audiovisual installation.
-
-#
-# fabrication
-
-The process gave way to many more ideas about fabricating much more dynamic shapes. This current fab ended up using metal piano hinges between wood panels. Each panel was stretched with thick white lycra.
-
-Some future ideas are to rapid prototype custom hinges for frame-like panels with an emphasis on lightness, ease of construction, the ability to be cleaned, none-wasteful, and are sturdy.
-
-The software and audio toolset took place over the last 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.
+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.
The multiple mediums (sculpture, sound, visual media) of this particular project was fascinating. Each iteration represents a process of my own curiosities in technology, consciousness, spirituality, design, and fabrication.
-#
-# concept & design
-
The piece represents my practice and experiences in regards to my own spiritual growth and experience. Geometrically, the form is inspired by sacred polyhedra that represent forms of transition. The choice of an [icosidodecahedron](http://en.wikipedia.org/wiki/Icosidodecahedron) represents transition of two frequencies, represented by an [icosahedron](http://en.wikipedia.org/wiki/Icosahedron) and its dual polyhedron, a [dodecahedron](http://en.wikipedia.org/wiki/Dodecahedron).
-The form is composed of 7 panels trimmed and scaled from a full icosidodecahedron. The visuals follow the structure of the form nearly explicitly, with the exception of textural elements. Below is the UV map for the geometry.
-
-
+The form is composed of 7 panels trimmed and scaled from a full icosidodecahedron. The visuals follow the structure of the form nearly explicitly, with the exception of textural elements.
The inclusion of the Merkaba/Star Tetrahedron represents an inspiration for the visuals. The Merkaba, a dual spinning pyramid, represents a spiritual light vehicle used by the ancients to transcend to and contact spiritual realms. "Mer" means Light. "Ka" means Spirit. "Ba" means Body. Mer-Ka-Ba means the spirit/body surrounded by counter-rotating fields of light, (wheels within wheels), spirals of energy as in DNA, which transports spirit/body from one dimension to another. [[1]](http://www.crystalinks.com/merkaba.html)
+
+[more via flickr →](http://www.flickr.com/photos/quilime/sets/72157624499344281/with/4847387648/)
--- /dev/null
+title = name
+data = 2010-08-09
+hidden = true
+--
+Hiding my identity sometimes feels like I'm purposely limiting my success, or not proud of what I'm doing. I hide behind the pseudonym to save myself from judgement, critique. Posting under a pseudonym "[quilime](http://quilime.com)" feels safe. I am trying to relax, be loose, and allow myself to be myself. I still vacillate -- I'm still in the process of realizing my own crippling judgement of myself is the hardest thing to shake. What a nasty, destructive, selfish force.
\ No newline at end of file
title = bay area transit
desc = data visualization
date = 08/03/2007
-thumb = media/projects/bay_area_transit/thumb.png
+thumb = /media/projects/bay_area_transit/thumb.png
--
+<div id="slides">
+ <img src="/media/projects/bay_area_transit/images/thumbs_lg/bart_eastbay_sf.png" />
+ <img src="/media/projects/bay_area_transit/images/thumbs_lg/bart_baypoint.png" />
+ <img src="/media/projects/bay_area_transit/images/thumbs_lg/bart_sf.png" />
+</div>
+<a href="" id="prev">← </a> <div id="slidenav"></div> <a href="" id="next">→</a>
+
+
+<br /><br />
+
A conceptual route-map display proposal for the San Francisco Transbay Terminal project, developed with <a href="http://www,stamen.com">Stamen</a> for <a href="http://www.som.com/">Skidmore, Owings & Merill</a>.
Bay Area transit are visualized from routes and station locations.
Each route is represented as its geographic path, extruded upwards in 3D space by time. Early
morning routes are closer to the map base, later routes are higher. Bart routes are
colored blue, SFMTA/MUNI routes are colored in red.
-Created with <a href="http://processing.org">Processing</a>.
+created with: processing, sqlite
+
+
+<br /><br />
+<br /><br />
+<br /><br />
+<br /><br />
[](
/media/projects/bay_area_transit/images/thumbs_lg/bart_eastbay_sf.png)
<br/><br/><br/>
+<!--
<?php qt(array('file' => $base_dir . "/movies/stop_frequency_sf.mov", 'width' => 700, 'height' => 415)); ?>
<div class="caption">
[video/mov] The shape of San Francisco is instantly recognizable, represented by transit station stop frequency in one day.
</div>
-
+-->
[more, via Stamen . . .](http://content.stamen.com/som_transbay_tower)
--- /dev/null
+title = boat
+date = 2007-07-10
+tags = timelapse photography
+thumb = /media/projects/boat/thumb.png
+--
+
+<object classid="clsid:02bf25d5-8c17-4b23-bc80-d3488abddc6b" id="qt_object" width="535" height="374" codebase="http://www.apple.com/qtactivex/qtplugin.cab#version=6,0,2,0">
+<param name="type" value="video/quicktime">
+<param name="name" value="qt_object">
+<param name="nocache" value="true">
+<param name="autoplay" value="true">
+<param name="kioskmode" value="true">
+<param name="controller" value="true">
+<param name="loop" value="true">
+<param name="bgcolor" value="#000000">
+<param name="src" value="/media/projects/boat/boat.mov">
+<param name="pluginspage" value="http://www.apple.com/quicktime/download/indext.html">
+<embed name = "qt_object" width="535" height="374" controller="true" loop="true" autoplay="true" src="/media/projects/boat/boat.mov" kioskmode="true" nocache="true" type="video/quicktime" bgcolor="#000000" border="0" pluginspage="http://www.apple.com/quicktime/download/indext.html" enablejavascript="true">
+</embed>
+</object>
+
+<em>photo timelapse</em>
--- /dev/null
+title = bodyneg
+date = 2002
+tags = print mixed media
+thumb = /media/projects/bodyneg/thumb.png
+--
+<img src="/media/projects/bodyneg/BODYNEG.jpg" />
+<br />
+<em>ink press, 5 wall-mounted panels. 8' x 4' x 2'</em>
+
title = contact
--
-email: studio@gabrieldunne.com
-phone: +1 415 493 8496
-loc: san francisco, ca
-other: [quilime.com](http://quilime.com)
+studio@gabrieldunne.com
++1 415 493 8496
+
+[c/v](/cv/)
+
+elsewhere: [quilime.com](http://quilime.com)
<br />
-**cv**
-Tessellated Group
-Stamen Design
-Google, Inc
-Motion Theory
-<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 />
-**edu**
-2003 B.A. Design | Media Arts, UCLA
-2002 Pont Avent School of Art, France
-1999 Architecture, Art, College of Marin
-<br />
-<br />
+
+**performance**
+2010 Milieux Sonores: Sound and Imaginary Space, Gray Area Foundation for the Arts, San Francisco
+2010 Biennial of the Americas, Denver
+<br />
+<br />
-**exhibitions, performance**
-2010 Biennial of the Americas, Denver (performance)
+**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)
2003 narr@tive: Digital Storytelling, Hammer Museum, Los Angeles
<br />
-**workshops**
+**teaching, 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)
2009 Creative Coding (Gray Area, San Francisco)
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
+++ /dev/null
-body { margin:80px 100px 50px 40px; }
-html, body, table { font-family: helvetica; font-size:12px; line-height:1.5em; color:#ccc; background:#121212; }
-
-.nav { position:absolute; z-index:1; top:20px; left:30px; }
-.nav ul { margin-left:1em; }
-.nav h1 { margin-bottom:50px;}
-.nav { position:absolute; top: 20px; left: 20px; }
-
-
-
-/*selection*/
-::-moz-selection {background: #08f !important; color:#fff;}
-::selection {background: #08f !important; color:#fff;}
-
-/*links*/
-a { color:#e07; border:0; text-decoration:none; }
-a img { border:0; }
-a.mute { text-decoration:none !important; }
-a:hover, a.mute:hover { color:#d15; text-decoration:underline; }
-
-/*headings*/
-h1, h2, h3, h4, h5, h6 { font-size:1em; }
-h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { }
-h1 { margin:0 0 3em 0; }
-h2 { margin:0 0 0.5em 0; }
-h3 { margin:0 0 0 0; }
-
-ol li { list-style-type:decimal; }
-
-img { margin-bottom:0.25em; }
-
-blockquote { font-family:times; background:#000; color:#aaa;
-margin:0; font-size:15px; line-height:1.4em; padding:2em 4em; font-style:italic; line-height:1.45em; max-width:600px;}
-
-#content p:first-child { margin-top:0; }
-
-p { max-width:720px; }
-
-ul, li { margin:0; padding:0; list-style-type:none; }
-
-.nav a {font-weight:bold;}
-
-#content { margin-left:180px; min-width:500px; position:absolute; top:20px; padding-bottom:200px; z-index:10; }
-.entry { margin-bottom:50px; padding-bottom:50px; border-bottom:1px dotted #232323; }
-.entry h2 { padding-bottom:4px; }
-.entry h2 .title-date { font-weight:normal; color:#555; font-style:italic; font-size:0.75em; }
-.entry h2 a { text-decoration:underline; }
-.entry .metadata { font-size:0.75em; margin-top:20px; font-style:italic; color:#555; line-height:1.3em; }
-.entry .metadata a { color:#555; text-decoration:underline; }
-.entry .metadata a:hover { color:#d15; }
-.entry .metadata .tags li { display:inline-block; margin-right:0.2em; }
-
-.caption { font-style:italic; margin-top:5px; color:#444; }
-
-#footer { margin-top:120px; }
-#footer .copy a { text-decoration:none; }
<div id="content">
<? foreach($data as $entry): ?>
- <?
+ <?
+
if ($entry['content_short'])
- $entry['content'] = $entry['content_short'] . '<br /><a class="more" href="'.$entry['url'].'">more →</a><br /><br />';
+ $entry['content'] = $entry['content_short'] . '<br /><a class="more" href="'.$entry['url'].'">more →</a><br /><br />';
+
$this->include_template('entry.html.tpl', array('data' => $entry));
+
?>
<? endforeach; ?>
{
- "entries": <? print json_encode($entries); ?>,
+ "data": <? print json_encode($data); ?>,
"count": <?=$total?>,
"total": <?=$total?>
}
<div class="entry">
<h2>
- <a title="posted on <?=$data['date']?>" href="<?=$data['url']?>"><?=$data['title']?></a>
+ <a href="<?=$data['url']?>"><?=$data['title']?></a>
</h2>
<div class="content">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="alternate" type="application/rss+xml" title="RSS" href="<?= get_base_dir(); ?>/.rss" />
-<link rel="stylesheet" href="<?= get_base_dir(); ?>/css/style.css" type="text/css">
\ No newline at end of file
+<link rel="stylesheet" href="<?= get_base_dir(); ?>/css/style.css" type="text/css">
+
+<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
+<script type="text/javascript" src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.2.74.js"></script>
+
+<script>
+
+$(document).ready(function() {
+ $('#slides').cycle({
+ timeout: 0 ,
+ speed: 300,
+ fx: 'fade',
+ pager: '#slidenav',
+ next : '#next',
+ prev : '#prev'
+ });
+});
+
+</script>
+
<ul class="nav">
- <li><h2><a href="/"><?=SITE_TITLE;?></a></h2></li>
+ <? $dirs = get_dirs("", array('recursive' => 1)); ?>
+ <? foreach($dirs as $dir) : ?>
+ <li><a href="<?=$dir['url']?>"><?=$dir['name']?></a></li>
+ <? endforeach; ?>
- <br />
-
- <li><a href="/projects/">projects</a></li>
<li><a href="/contact/">contact</a></li>
- <li><a href="/cv/">cv</a></li>
-
- <br />
-
- <li><a href="/blog/">blog</a></li>
-
- <? /*
- <? $dirs = get_dirs("/", array('recursive' => 0)); ?>
- <? foreach($dirs as $d) : ?>
- <li><a href="<?=get_base_dir();?>/<?=$d?>"><?=$d?></a></li>
- <? endforeach; ?>
- <? $pages = get_pages(); ?>
- <? foreach($pages as $p) : ?>
- <li><a href="<?=$p['url']?>"><?=$p['title']?></a></li>
- <? endforeach; ?>
- */ ?>
</ul>
<? $this->include_template('head-inc.html.tpl') ?>
- <title><?=SITE_TITLE?>, <?=$page_title?></title>
+ <title><?=SITE_TITLE?>: <?=$page_title?></title>
</head>
<body>
<? $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; ?>
+ </ul>
- <ul>
+ <ul id="data">
<? foreach($data as $entry): ?>
- <li><a href="<?=$entry['url']?>"><?=$entry['title']?></a></li>
+ <li>
+ <a href="<?=$entry['url']?>">
+ <img src="<?=$entry['config']['thumb']?>" />
+ <span><?=$entry['title']?></span>
+ </a>
+ </li>
<? endforeach; ?>
</ul>
--- /dev/null
+@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; }
+
+::-moz-selection {background: #08f !important; color:#fff;}
+::selection {background: #08f !important; color:#fff;}
+
+a { border:0; color:#333; }
+p a { color:#777; }
+a img { border:0; }
+a.mute { text-decoration:none !important; }
+a:hover, a.mute:hover { color:#d15; text-decoration:underline; }
+
+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 { margin:0 0 3em 0; }
+h2 { margin:0 0 0.5em 0; }
+h3 { margin:0 0 0 0; }
+
+ul, li { margin:0; padding:0; list-style-type:none; }
+ol li { list-style-type:decimal; }
+
+img { margin-bottom:0.25em; }
+
+blockquote {
+ background:#000; color:#aaa;
+ font-family:times; font-style:italic; line-height:1.45em; font-size:15px; line-height:1.4em;
+ margin:0; padding:2em 4em; max-width:600px;
+}
+
+.nav { position:absolute; z-index:1; top:5px; left:30px; }
+.nav ul { margin-left:1em; }
+.nav a { text-decoration:none; font-weight:bold; }
+.nav li { display:inline-block; margin-right:2em;}
+
+#content { max-width:550px; position:absolute; top:100px; left:30px; z-index:10; }
+#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; }
+#data li { margin-bottom:50px; }
+#data li span { display:none; }
+#data li a { text-decoration:none;}
+#data li img { border:1px solid #444; }
+
+#footer { }
+
+#slides { background:#000; }
+#slidenav { float:left; }
+#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; }
+.entry .metadata a:hover { color:#d15; }
+.entry .metadata .tags li { display:inline-block; margin-right:0.2em; }
+
+.caption { font-style:italic; margin-top:5px; color:#444; }
+
<?php
-
-
require_once '../lib/init.php';
$url = get_url();
git.quilime.com / plog.git / commitdiff